setup wizard: general + db step UI

client/js/configure.js

@@ -14,10 +14,17 @@ jQuery(document).ready(function ($) {
       },
       conf: {
         title: 'Wiki',
-        host: ''
+        host: '',
+        port: 80,
+        lang: 'en',
+        db: 'mongodb://localhost:27017/wiki'
       }
     },
     methods: {
+      proceedToWelcome: function (ev) {
+        this.state = 'welcome'
+        this.loading = false
+      },
       proceedToSyscheck: function (ev) {
         let self = this
         this.state = 'syscheck'
@@ -39,7 +46,11 @@ jQuery(document).ready(function ($) {
       },
       proceedToGeneral: function (ev) {
         this.state = 'general'
-        this.loading = true
+        this.loading = false
+      },
+      proceedToDb: function (ev) {
+        this.state = 'db'
+        this.loading = false
       }
     }
   })

client/scss/configure.scss

@@ -37,15 +37,15 @@ i.icon-square-cross {
   color: mc('red', '500')
 }
 
-.tst-welcome-leave-active {
+.tst-welcome-leave-active, .tst-welcome-enter-active {
   transition: all .5s;
   overflow-y: hidden;
 }
-.tst-welcome-leave {
+.tst-welcome-leave, .tst-welcome-enter-to {
   opacity: 1;
   max-height: 200px;
 }
-.tst-welcome-leave-to {
+.tst-welcome-leave-to, .tst-welcome-enter {
   opacity: 0;
   max-height: 0;
   padding-top: 0;