feat: config wizard UI improv. + upgrade from Mongo

client/js/components/config-manager.component.js

@@ -43,7 +43,6 @@ export default {
         gitUrl: '',
         gitUseRemote: (siteConfig.git !== false),
         lang: siteConfig.lang || 'en',
-        mongo: 'mongodb://',
         path: siteConfig.path || '/',
         pathRepo: './repo',
         port: siteConfig.port || 80,
@@ -51,7 +50,9 @@ export default {
         selfregister: (siteConfig.selfregister === true),
         telemetry: true,
         title: siteConfig.title || 'Wiki',
-        upgrade: false
+        upgrade: false,
+        upgMongo: 'mongodb://',
+        upgUserGroups: false
       },
       considerations: {
         https: false,

client/scss/components/config-manager.scss

@@ -1,22 +1,10 @@
 .config-manager {
-  background-image: linear-gradient(to bottom right, mc('blue', '500'), mc('blue', '700'));
-  background-repeat: no-repeat;
+  background-color: #1565c0;
+  background-image: url('../svg/config-bg.svg');
   width: 100%;
   min-height: 100%;
   padding-top: 1rem;
 
-  &::before {
-    content: '';
-    position: absolute;
-    background-image: url('../svg/login-bg.svg');
-    background-position: center bottom;
-    background-size: cover;
-    top: 0;
-    left: 0;
-    width: 100vw;
-    height: 100vh;
-  }
-
   .welcome {
     text-align: center;
     padding: 1rem 0 2rem 0;
@@ -81,4 +69,21 @@
     }
 
   }
+
+  footer {
+    background-color: mc('blue','800');
+    border-top: 1px solid mc('blue', '700');
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 25px;
+    height: 70px;
+    font-size: 13px;
+    font-weight: 500;
+    color: mc('blue','200');
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
 }

client/scss/components/form.scss

@@ -167,7 +167,7 @@
 
 	input[type=checkbox] + label {
 		&:before, &:after {
-	    border-radius: 0;
+	    border-radius: 3px;
 		}
 	}