changes

layouts/default.vue

@@ -0,0 +1,56 @@
+<template>
+  <div>
+    <Nuxt class="has-background-light" style="min-height: 100vh;" v-if="ready" />
+    <Modal @close="showmodal=undefined" v-bind="showmodal" v-if="showmodal"></Modal>
+    <SnackBar @close="snackbar=undefined" v-bind="snackbar" v-if="snackbar" />
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      ready: false
+    }
+  },
+  head() {
+    return {title: 'Login'}
+  },
+  async created() {
+    let connlist = this.$readyapi(['registermethod', 'authmethod', 'usertype', 'authstatus', 'common'])
+    let filter = connlist.filter(v=>!v.ready)
+    let result = filter.length>0? await this.$getapi(filter) : undefined
+    if(result==='error') {
+      this.$dialog({width: '500px', icon: 'mdi mdi-alert-circle',
+      content: 'An error occurred while connecting to the data. Please try again in a few minutes.', type: 'is-danger', progress:true, duration: 6})
+    } else {
+      this.ready = true
+    }
+  },
+  mounted() {
+    var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
+    if(this.$empty(this.viewport)) {
+      if(width<=768) this.viewport = 1 //'mobile'
+      else if(width>=769 && width<=1023) this.viewport = 2  //'tablet'
+      else if(width>=1024 && width<=1215) this.viewport = 3 //'desktop'
+      else if(width>=1216 && width<=1407) this.viewport = 4 //'widescreen'
+      else if(width>=1408) this.viewport = 5 //'fullhd'
+    }
+    if(this.$route.query.link) this.$store.commit("updateLink", {link: this.$route.query.link})
+    if(this.$route.query.module) this.$store.commit('updateStore', {name: 'module', data: this.$route.query.module})
+  },
+  computed: {
+    showmodal: {
+      get: function() {return this.$store.state['showmodal']},
+      set: function(val) {this.$store.commit('updateStore', {name: 'showmodal', data: val})}
+    },
+    snackbar: {
+      get: function() {return this.$store.state['snackbar']},
+      set: function(val) {this.$store.commit('updateStore', {name: 'snackbar', data: val})}
+    },
+    viewport: {
+      get: function() {return this.$store.state.viewport},
+      set: function(val) {this.$store.commit("updateViewPort", {viewport: val})}
+    }
+  }
+}
+</script>

layouts/infor.vue

@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <Nuxt/>
+    <Modal @close="showmodal=undefined" v-bind="showmodal" v-if="showmodal"></Modal>
+    <SnackBar @close="snackbar=undefined" v-bind="snackbar" v-if="snackbar" />
+  </div>
+</template>
+<script>
+export default {
+  computed: {
+    showmodal: {
+      get: function() {return this.$store.state['showmodal']},
+      set: function(val) {this.$store.commit('updateStore', {name: 'showmodal', data: val})}
+    },
+    snackbar: {
+      get: function() {return this.$store.state['snackbar']},
+      set: function(val) {this.$store.commit('updateStore', {name: 'snackbar', data: val})}
+    }
+  }
+}
+
+</script>