misc: updated dependencies + UI fixes

client/components/admin/admin-auth.vue

@@ -12,7 +12,7 @@
           .body-2.grey--text.text--darken-1 Select which authentication strategies to enable:
           .caption.grey--text.pb-2 Some strategies require additional configuration in their dedicated tab (when selected).
           v-form
-            v-checkbox.my-1(
+            v-checkbox.my-0(
               v-for='strategy in strategies'
               v-model='strategy.isEnabled'
               :key='strategy.key'

client/components/admin/admin-general.vue

@@ -44,7 +44,7 @@
                       )
                   v-card-chin
                     v-spacer
-                    v-btn(color='primary')
+                    v-btn(color='primary', @click='save')
                       v-icon(left) chevron_right
                       span Save
             v-flex(lg6 xs12)
@@ -82,7 +82,33 @@
                     )
                 v-card-chin
                   v-spacer
-                  v-btn(color='primary')
+                  v-btn(color='primary', @click='save')
+                    v-icon(left) chevron_right
+                    span Save
+
+              v-card.mt-3
+                v-toolbar(color='primary', dark, dense, flat)
+                  v-toolbar-title
+                    .subheading Features
+                v-card-text
+                  v-switch(
+                    v-model='featurePageRatings'
+                    label='Page Ratings'
+                    color='primary'
+                    persistent-hint
+                    hint='Allow users to rate pages.'
+                    )
+                  v-divider.mt-3
+                  v-switch(
+                    v-model='featurePersonalWiki'
+                    label='Personal Wikis'
+                    color='primary'
+                    persistent-hint
+                    hint='Allow users to have their own personal wiki.'
+                    )
+                v-card-chin
+                  v-spacer
+                  v-btn(color='primary', @click='save')
                     v-icon(left) chevron_right
                     span Save
 
@@ -98,12 +124,23 @@ export default {
       metaRobotsSelection: ['Index', 'Follow'],
       metaRobots: ['Index', 'Follow', 'No Index', 'No Follow'],
       useSquareLogo: false,
-      displayMascot: true
+      displayMascot: true,
+      featurePageRatings: false,
+      featurePersonalWiki: true
     }
   },
   computed: {
     siteTitle: sync('site/title'),
     company: sync('site/company')
+  },
+  methods: {
+    async save () {
+      this.$store.commit('showNotification', {
+        message: 'Configuration saved successfully.',
+        style: 'success',
+        icon: 'check'
+      })
+    }
   }
 }
 </script>

client/components/admin/admin-logging.vue

@@ -12,7 +12,7 @@
           .body-2.grey--text.text--darken-1 Select which logging service to enable:
           .caption.grey--text.pb-2 Some loggers require additional configuration in their dedicated tab (when selected).
           v-form
-            v-checkbox.my-1(
+            v-checkbox.my-0(
               v-for='(logger, n) in loggers'
               v-model='logger.isEnabled'
               :key='logger.key'

client/components/admin/admin-storage.vue

@@ -12,7 +12,7 @@
           .body-2.grey--text.text--darken-1 Select which storage targets to enable:
           .caption.grey--text.pb-2 Some storage targets require additional configuration in their dedicated tab (when selected).
           v-form
-            v-checkbox.my-1(
+            v-checkbox.my-0(
               v-for='tgt in targets'
               v-model='tgt.isEnabled'
               :key='tgt.key'

client/components/admin/admin-utilities.vue

@@ -139,8 +139,8 @@
 </template>
 
 <script>
-import IconGithubCircle from 'mdi/github-circle'
-import IconHomeAlert from 'mdi/home-alert'
+import IconGithubCircle from 'mdi/GithubCircle'
+import IconHomeAlert from 'mdi/HomeAlert'
 
 export default {
   components: {

client/helpers/compatibility.js

@@ -1,4 +1,4 @@
-require('babel-polyfill')
+require('@babel/polyfill')
 
 // =======================================
 // Fetch polyfill

client/modules/localization.js

@@ -8,7 +8,7 @@ import _ from 'lodash'
 
 import localeQuery from 'gql/common/common-locale-query.gql'
 
-module.exports = {
+export default {
   VueI18Next,
   init() {
     i18next

client/themes/default/components/app.vue

@@ -51,6 +51,7 @@
           v-divider
           .contents
             slot(name='contents')
+
         v-flex(lg3, xl2, fill-height, v-if='$vuetify.breakpoint.lgAndUp')
           v-toolbar(color='grey lighten-4', flat, :height='90')
             div
@@ -68,6 +69,18 @@
             vue-tree-navigation.treenav(:items='toc', :defaultOpenLevel='1')
           v-divider
           v-list.grey.lighten-4(dense)
+            v-subheader.pl-4.yellow--text.text--darken-4 Rating
+            .text-xs-center
+              v-rating(
+                v-model='rating'
+                color='yellow darken-3'
+                background-color='grey lighten-1'
+                half-increments
+                hover
+              )
+              .pb-2.caption.grey--text 5 votes
+          v-divider
+          v-list.grey.lighten-3(dense)
             v-subheader.pl-4.teal--text Tags
             v-list-tile
               v-list-tile-avatar: v-icon(color='teal') label
@@ -81,7 +94,7 @@
               v-list-tile-avatar: v-icon(color='teal') label
               v-list-tile-title Planets
           v-divider
-          v-toolbar(color='grey lighten-3', flat, dense)
+          v-toolbar(color='grey lighten-4', flat, dense)
             v-spacer
             v-tooltip(bottom)
               v-btn(icon, slot='activator'): v-icon(color='grey') bookmark
@@ -183,6 +196,14 @@ export default {
     navShown: {
       get() { return this.navOpen || this.$vuetify.breakpoint.smAndUp },
       set(val) { this.navOpen = val }
+    },
+    rating: {
+      get () {
+        return 3.5
+      },
+      set (val) {
+
+      }
     }
   },
   methods: {