show warning in case configured baseurl differs from current url #149

pages/setup/Completed.vue

@@ -1,16 +1,20 @@
 <template lang="pug">
-  v-container
-    v-card-title.d-block.text-h5.text-center(v-text="$t('setup.completed')")
-    v-card-text(v-html="$t('setup.completed_description', user)")
-    v-alert.mb-3.mt-1(outlined type='warning' color='red' show-icon :icon='mdiAlert') {{$t('setup.copy_password_dialog')}}
-    v-card-actions
-      v-btn(text @click='next' color='primary' :loading='loading' :disabled='loading') {{$t('setup.start')}}
-        v-icon(v-text='mdiArrowRight')
+v-container
+  v-card-title.d-block.text-h5.text-center(v-text="$t('setup.completed')")
+  v-card-text(v-html="$t('setup.completed_description', user)")
+  v-alert.mb-3.mt-1(v-if='isHttp' outlined type='warning' color='red' show-icon :icon='mdiAlert') {{$t('setup.https_warning')}}
+  v-alert.mb-3.mt-1(outlined type='warning' color='red' show-icon :icon='mdiAlert') {{$t('setup.copy_password_dialog')}}
+  v-card-actions
+    v-btn(text @click='next' color='primary' :loading='loading' :disabled='loading') {{$t('setup.start')}}
+      v-icon(v-text='mdiArrowRight')
 </template>
 <script>
 import { mdiArrowRight, mdiAlert } from '@mdi/js'
 
 export default {
+  props: {
+    isHttp: { type: Boolean, default: false },
+  },
   data () {
     return {
       mdiArrowRight, mdiAlert,

pages/setup/_db.vue

@@ -1,27 +1,21 @@
 <template lang="pug">
+v-container.pa-6
+  h2.mb-2.text-center Gancio Setup
+  v-stepper.grey.lighten-5(v-model='step')
+    v-stepper-header
+      v-stepper-step(v-show='!dbdone' :complete='step > 1' step='1') Database
+      v-divider(v-show='!dbdone')
+      v-stepper-step(:complete='step > 2' step='2') Configuration
+      v-divider
+      v-stepper-step(:complete='step > 3' step='3') Finish
 
-  v-container.pa-6
-    h2.mb-2.text-center Gancio Setup
-    v-stepper.grey.lighten-5(v-model='step')
-      v-stepper-header
-        v-stepper-step(v-show='!dbdone' :complete='step > 1' step='1') Database
-        v-divider(v-show='!dbdone')
-        v-stepper-step(:complete='step > 2' step='2') Configuration
-        v-divider
-        v-stepper-step(:complete='step > 3' step='3') Finish
-
-      v-stepper-items
-        v-stepper-content(v-show='!dbdone' step='1')
-          DbStep(@complete='dbCompleted')
-        v-stepper-content(step='2')
-          Settings(setup, @complete='configCompleted')
-        v-stepper-content(step='3')
-          Completed(ref='completed')
-
-        
-            
-            
-   
+    v-stepper-items
+      v-stepper-content(v-show='!dbdone' step='1')
+        DbStep(@complete='dbCompleted')
+      v-stepper-content(step='2')
+        Settings(setup, @complete='configCompleted')
+      v-stepper-content(step='3')
+        Completed(ref='completed' :isHttp='isHttp')
 </template>
 <script>
 import DbStep from './DbStep'
@@ -36,9 +30,10 @@ export default {
     title: 'Setup',
   },
   auth: false,
-  asyncData ({ params }) {
-
+  asyncData ({ params, req }) {
+    const protocol = process.client ? window.location.protocol : req.protocol + ':'
     return {
+      isHttp: protocol === 'http:',
       dbdone: !!Number(params.db),
       config: {
         db: {