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

locales/en.json

@@ -230,7 +230,8 @@
         "smtp_test_success": "A test email is sent to {admin_email}, please check your inbox",
         "smtp_test_button": "Send a test email",
         "admin_email": "Admin e-mail",
-        "widget": "Widget"
+        "widget": "Widget",
+        "wrong_domain_warning": "The baseurl configured in config.json <b>({baseurl})</b> differs from the one you're visiting <b>({url})</b>"
     },
     "auth": {
         "not_confirmed": "Not confirmed yet…",
@@ -277,6 +278,7 @@
         "completed": "Setup completed",
         "completed_description": "<p>You can now login with the following user:<br/><br/>User: <b>{email}</b><br/>Password: <b>{password}<b/></p>",
         "copy_password_dialog": "Yes, you have to copy the password!",
-        "start": "Start"
+        "start": "Start",
+        "https_warning": "You're visiting from HTTP, remember to change baseurl in config.json if you switch to HTTPS!"
     }
 }

locales/it.json

@@ -277,6 +277,7 @@
         "completed": "Setup completato",
         "completed_description": "<p>Puoi entrare con le seguenti credenziali:<br/><br/>Utente: <b>{email}</b><br/>Password: <b>{password}<b/></p>",
         "copy_password_dialog": "Sì, devi copiare la password!",
-        "start": "Inizia"
+        "start": "Inizia",
+        "https_warning": "Stai visitando il setup da HTTP, ricorda di cambiare il baseurl nel config.json quando passarai ad HTTPS!"
     }
 }

pages/Admin.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
   v-container.container.pa-0.pa-md-3
     v-card
-      v-alert(v-if='url!==settings.baseurl' outlined type='warning' color='red' show-icon :icon='mdiAlert') {{$t('admin.wrong_domain_warning')}}
+      v-alert(v-if='url!==settings.baseurl' outlined type='warning' color='red' show-icon :icon='mdiAlert' v-html="$t('admin.wrong_domain_warning', { url, baseurl: settings.baseurl })")
       v-tabs(v-model='selectedTab' show-arrows)
 
         //- SETTINGS

pages/setup/Completed.vue

@@ -2,6 +2,7 @@
 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')}}
@@ -11,6 +12,9 @@
 import { mdiArrowRight, mdiAlert } from '@mdi/js'
 
 export default {
+  props: {
+    isHttp: { type: Boolean, default: false },
+  },
   data () {
     return {
       mdiArrowRight, mdiAlert,

pages/setup/_db.vue

@@ -1,5 +1,4 @@
 <template lang="pug">
-
 v-container.pa-6
   h2.mb-2.text-center Gancio Setup
   v-stepper.grey.lighten-5(v-model='step')
@@ -16,12 +15,7 @@
       v-stepper-content(step='2')
         Settings(setup, @complete='configCompleted')
       v-stepper-content(step='3')
-          Completed(ref='completed')
+        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: {