feat: modular logging + setup wizard

client/js/app.js

@@ -1,7 +1,6 @@
 'use strict'
 
 /* global siteConfig */
-/* eslint-disable no-new */
 
 import CONSTANTS from './constants'
 
@@ -14,6 +13,7 @@ import { HttpLink } from 'apollo-link-http'
 import { InMemoryCache } from 'apollo-cache-inmemory'
 import store from './store'
 import icons from '../svg/nc-icons.svg'
+
 // ====================================
 // Load Modules
 // ====================================
@@ -56,7 +56,7 @@ import adminEditUserComponent from './pages/admin-edit-user.component.js'
 import adminProfileComponent from './pages/admin-profile.component.js'
 import adminSettingsComponent from './pages/admin-settings.component.js'
 import adminThemeComponent from './pages/admin-theme.component.js'
-import configManagerComponent from './components/config-manager.component.js'
+import setupComponent from './components/setup.component.js'
 import contentViewComponent from './pages/content-view.component.js'
 import editorComponent from './components/editor.component.js'
 import sourceViewComponent from './pages/source-view.component.js'
@@ -74,7 +74,7 @@ window.CONSTANTS = CONSTANTS
 
 window.graphQL = new ApolloClient({
   link: new HttpLink({
-    uri: window.location.protocol + '//' + window.location.host + siteConfig.path + '/graphql'
+    uri: window.location.protocol + '//' + window.location.host + siteConfig.path + 'graphql'
   }),
   cache: new InMemoryCache(),
   connectToDevTools: (process.env.node_env === 'development')
@@ -111,7 +111,6 @@ Vue.component('adminSettings', adminSettingsComponent)
 Vue.component('adminTheme', adminThemeComponent)
 Vue.component('anchor', anchorComponent)
 Vue.component('colorPicker', colorPickerComponent)
-Vue.component('configManager', configManagerComponent)
 Vue.component('contentView', contentViewComponent)
 Vue.component('editor', editorComponent)
 Vue.component('editorCodeblock', editorCodeblockComponent)
@@ -130,6 +129,7 @@ Vue.component('modalProfile2fa', modalProfile2faComponent)
 Vue.component('modalUpgradeSystem', modalUpgradeSystemComponent)
 Vue.component('pageLoader', pageLoaderComponent)
 Vue.component('search', searchComponent)
+Vue.component('setup', setupComponent)
 Vue.component('sourceView', sourceViewComponent)
 Vue.component('toggle', toggleComponent)
 Vue.component('tree', treeComponent)

client/scss/app.scss

@@ -16,7 +16,6 @@
 @import 'components/button';
 @import 'components/collapsable-nav';
 @import 'components/color-picker';
-@import 'components/config-manager';
 @import 'components/footer';
 @import 'components/form';
 @import 'components/grid';
@@ -27,6 +26,7 @@
 @import 'components/nav';
 @import 'components/panel';
 @import 'components/search';
+@import 'components/setup';
 @import 'components/sidebar';
 @import 'components/table';
 @import 'components/toggle';

client/scss/components/setup.scss

@@ -1,4 +1,4 @@
-.config-manager {
+.setup {
   background-color: #1565c0;
   background-image: url('../svg/config-bg.svg');
   width: 100%;

client/scss/pages/_login.scss

@@ -1,5 +1,8 @@
 .login {
-  background-image: linear-gradient(to right, mc('blue', '400'), mc('blue', '600'));
+  background-color: #0288d1;
+  background-image: url('../svg/login-bg-motif.svg');
+  background-repeat: repeat;
+  background-size: 30%;
   width: 100%;
   height: 100%;
   display: flex;