hurricane/security_camera/resources/cloud_server/public/src/layouts/LayoutMixin.js - v4.1

import { Loading } from 'quasar'
import FirebaseMixin from 'boot/firebase/mixin'
export default {
  mixins: [
    FirebaseMixin
  ],
  mounted () {
    if (!this.firebaseIsInitialized) {
      Loading.show({
        message: 'Initializing database connection ...',
        messageColor: 'white',
        spinnerColor: 'primary'
      })
    }
    this.$root.$on('database-ready', this.onDataBaseReady)
    if (this.shouldWatchDevice) {
      this.startWatchingDevice()
    }
  },
  watch: {
    shouldWatchDevice (val) {
      if (val) {
        this.startWatchingDevice()
      }
    }
  },
  methods: {
    onDataBaseReady () {
      Loading.hide()
    }
  }
}