Added icons to page headers.

frontend/pages/backend/[backend]/delete.vue

@@ -2,9 +2,11 @@
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
       <span class="title is-4">
-        <NuxtLink to="/backends">Backends</NuxtLink>
-        - Delete:
-        <NuxtLink :to="'/backend/' + id">{{ id }}</NuxtLink>
+        <span class="icon"><i class="fas fa-server"></i>&nbsp;</span>
+        <NuxtLink to="/backends" v-text="'Backends'"/>
+        -
+        <NuxtLink :to="'/backend/' + id" v-text="id"/>
+        : Delete
       </span>
 
       <div class="is-pulled-right">

frontend/pages/backend/[backend]/edit.vue

@@ -2,9 +2,11 @@
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
       <span class="title is-4">
-        <NuxtLink to="/backends">Backends</NuxtLink>
-        - Edit:
-        <NuxtLink :to="'/backend/' + id">{{ id }}</NuxtLink>
+        <span class="icon"><i class="fas fa-server"></i>&nbsp;</span>
+        <NuxtLink to="/backends" v-text="'Backends'"/>
+        -
+        <NuxtLink :to="'/backend/' + id" v-text="id"/>
+        : Edit
       </span>
 
       <div class="is-pulled-right">

frontend/pages/backend/[backend]/index.vue

@@ -2,6 +2,7 @@
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
       <span class="title is-4">
+        <span class="icon"><i class="fas fa-server"></i>&nbsp;</span>
         <NuxtLink to="/backends" v-text="'Backends'"/>
         : {{ backend }}
       </span>

frontend/pages/backend/[backend]/libraries.vue

@@ -2,9 +2,10 @@
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
       <span class="title is-4">
-        <NuxtLink to="/backends">Backends</NuxtLink>
+        <span class="icon"><i class="fas fa-server"></i>&nbsp;</span>
+        <NuxtLink to="/backends" v-text="'Backends'"/>
         -
-        <NuxtLink :to="'/backend/' + backend">{{ backend }}</NuxtLink>
+        <NuxtLink :to="'/backend/' + backend" v-text="backend"/>
         : Libraries
       </span>
 

frontend/pages/backend/[backend]/mismatched.vue

@@ -2,9 +2,9 @@
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
       <span class="title is-4">
-        <NuxtLink to="/backends">Backends</NuxtLink>
+        <NuxtLink to="/backends" v-text="'Backends'"/>
         -
-        <NuxtLink :to="'/backend/' + backend">{{ backend }}</NuxtLink>
+        <NuxtLink :to="'/backend/' + backend" v-text="backend"/>
         : Misidentified
       </span>
       <div class="is-pulled-right" v-if="hasLooked">

frontend/pages/backend/[backend]/search.vue

@@ -2,9 +2,9 @@
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
       <span class="title is-4">
-        <NuxtLink to="/backends">Backends</NuxtLink>
+        <NuxtLink to="/backends" v-text="'Backends'"/>
         -
-        <NuxtLink :to="'/backend/' + backend">{{ backend }}</NuxtLink>
+        <NuxtLink :to="'/backend/' + backend" v-text="backend"/>
         : Search
       </span>
       <div class="is-pulled-right">

frontend/pages/backend/[backend]/sessions.vue

@@ -2,9 +2,9 @@
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
       <span class="title is-4">
-        <NuxtLink to="/backends">Backends</NuxtLink>
+        <NuxtLink to="/backends" v-text="'Backends'"/>
         -
-        <NuxtLink :to="'/backend/' + backend">{{ backend }}</NuxtLink>
+        <NuxtLink :to="'/backend/' + backend" v-text="backend"/>
         : Sessions
       </span>
 

frontend/pages/backend/[backend]/unmatched.vue

@@ -2,9 +2,9 @@
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
       <span class="title is-4">
-        <NuxtLink to="/backends">Backends</NuxtLink>
+        <NuxtLink to="/backends" v-text="'Backends'"/>
         -
-        <NuxtLink :to="'/backend/' + backend">{{ backend }}</NuxtLink>
+        <NuxtLink :to="'/backend/' + backend" v-text="backend"/>
         : Unmatched
       </span>
       <div class="is-pulled-right" v-if="hasLooked">

frontend/pages/backend/[backend]/users.vue

@@ -2,9 +2,9 @@
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
       <span class="title is-4">
-        <NuxtLink to="/backends">Backends</NuxtLink>
+        <NuxtLink to="/backends" v-text="'Backends'"/>
         -
-        <NuxtLink :to="'/backend/' + backend">{{ backend }}</NuxtLink>
+        <NuxtLink :to="'/backend/' + backend" v-text="backend"/>
         : Users
       </span>
       <div class="is-pulled-right">

frontend/pages/backends/index.vue

@@ -1,7 +1,10 @@
 <template>
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
-      <span class="title is-4">Backends</span>
+      <span class="title is-4">
+        <span class="icon"><i class="fas fa-server"></i></span>
+        Backends
+      </span>
       <div class="is-pulled-right">
         <div class="field is-grouped">
           <p class="control">

frontend/pages/console.vue

@@ -1,7 +1,9 @@
 <template>
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
-      <h1 class="title is-4">Console</h1>
+      <h1 class="title is-4">
+        <span class="icon"><i class="fas fa-terminal"></i></span> Console
+      </h1>
       <div class="subtitle">
         You can execute <strong>non-interactive</strong> commands here. This interface is jailed to <code>console</code>
         command.

frontend/pages/env.vue

@@ -1,7 +1,10 @@
 <template>
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
-      <span id="env_page_title" class="title is-4">Environment variables</span>
+      <span id="env_page_title" class="title is-4">
+        <span class="icon"><i class="fas fa-cogs"></i></span>
+        Environment variables
+      </span>
       <div class="is-pulled-right">
         <div class="field is-grouped">
           <p class="control">

frontend/pages/history/[id]/index.vue

@@ -3,6 +3,7 @@
     <div class="column is-12 is-clearfix">
       <span class="title is-4">
         <span class="is-unselectable">
+          <span class="icon"><i class="fas fa-history"></i>&nbsp;</span>
           <NuxtLink to="/history">History</NuxtLink>
           : </span>{{ headerTitle }}
       </span>

frontend/pages/history/index.vue

@@ -1,7 +1,10 @@
 <template>
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
-      <span class="title is-4">History</span>
+      <span class="title is-4">
+        <span class="icon"><i class="fas fa-history"></i></span>
+        History
+      </span>
       <div class="is-pulled-right">
         <div class="field is-grouped">
           <div class="control">

frontend/pages/ignore.vue

@@ -1,7 +1,10 @@
 <template>
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
-      <span id="env_page_title" class="title is-4">Ignored GUIDs</span>
+      <span id="env_page_title" class="title is-4">
+        <span class="icon"><i class="fas fa-ban"></i></span>
+        Ignored GUIDs
+      </span>
       <div class="is-pulled-right">
         <div class="field is-grouped">
           <p class="control">

frontend/pages/index.vue

@@ -2,6 +2,7 @@
   <div class="columns is-multiline">
     <div class="column is-12">
       <h1 class="title is-4">
+        <span class="icon"><i class="fas fa-history"></i>&nbsp;</span>
         <NuxtLink to="/history">Latest History</NuxtLink>
       </h1>
     </div>
@@ -63,7 +64,13 @@
 
     <div class="column is-12" v-for="log in logs" :key="log.filename">
       <h1 class="title is-4">
-        <NuxtLink :to="`/logs/${log.filename}`">Latest {{ log.type }} logs</NuxtLink>
+        <span class="icon" v-if="'access' === log.type"><i class="fas fa-key"></i></span>
+        <span class="icon" v-if="'task' === log.type"><i class="fas fa-tasks"></i></span>
+        <span class="icon" v-if="'app' === log.type"><i class="fas fa-bugs"></i></span>
+        <span class="icon" v-if="'webhook' === log.type"><i class="fas fa-book"></i></span>
+        <NuxtLink :to="`/logs/${log.filename}`">
+          Latest {{ log.type }} logs
+        </NuxtLink>
       </h1>
       <code class="box logs-container">
         <span class="is-block" v-for="(item, index) in log.lines" :key="log.filename + '-' + index">
@@ -92,7 +99,6 @@
         </Message>
       </div>
     </div>
-
   </div>
 </template>
 

frontend/pages/logs/[filename].vue

@@ -2,6 +2,7 @@
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
       <span class="title is-4">
+        <span class="icon"><i class="fas fa-globe"></i>&nbsp;</span>
         <NuxtLink to="/logs">Logs</NuxtLink>
         : {{ filename }}
       </span>

frontend/pages/logs/index.vue

@@ -1,7 +1,10 @@
 <template>
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix">
-      <span class="title is-4">Logs</span>
+      <span class="title is-4">
+        <span class="icon"><i class="fas fa-globe"></i></span>
+        Logs
+      </span>
       <div class="is-pulled-right">
         <div class="field is-grouped">
           <p class="control">

frontend/pages/parity.vue

@@ -1,7 +1,10 @@
 <template>
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
-      <span class="title is-4 ">Data Parity</span>
+      <span class="title is-4 ">
+        <span class="icon"><i class="fas fa-database"></i></span>
+        Data Parity
+      </span>
       <div class="is-pulled-right">
         <div class="field is-grouped">
           <div class="control" v-if="min && max" v-tooltip.bottom="'Minimum number of backends'">

frontend/pages/queue.vue

@@ -1,7 +1,10 @@
 <template>
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
-      <span class="title is-4">Queue</span>
+      <span class="title is-4">
+        <span class="icon"><i class="fas fa-list"></i></span>
+        Queue
+      </span>
       <div class="is-pulled-right">
         <div class="field is-grouped">
           <p class="control">

frontend/pages/report.vue

@@ -1,7 +1,10 @@
 <template>
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
-      <span class="title is-4">System Report</span>
+      <span class="title is-4">
+        <span class="icon"><i class="fas fa-flag"></i></span>
+        System Report
+      </span>
       <div class="is-pulled-right" v-if="false === show_report_warning">
         <div class="field is-grouped">
           <p class="control">

frontend/pages/tasks.vue

@@ -1,7 +1,10 @@
 <template>
   <div class="columns is-multiline">
     <div class="column is-12 is-clearfix is-unselectable">
-      <span class="title is-4">Tasks</span>
+      <span class="title is-4">
+        <span class="icon"><i class="fas fa-tasks"></i></span>
+        Tasks
+      </span>
       <div class="is-pulled-right">
         <div class="field is-grouped">
           <p class="control">