Debug romain

quasar.conf.js

@@ -80,7 +80,8 @@ module.exports = function (ctx) {
 
       // Quasar plugins
       plugins: [
-        'Notify'
+        'Notify',
+        'LocalStorage'
       ]
     },
 

src/components/AddAssets.vue

@@ -39,6 +39,7 @@
               :ratio="16 / 9"
               :src="asset.url"
               @click="asset.isSelected = !asset.isSelected"
+              contain
               basic>
             </q-img>
             <div class="absolute-right q-mt-sm q-mr-sm">

src/components/Camera.vue

@@ -97,6 +97,11 @@ export default {
       })
     }
   },
+  beforeDestroy () {
+    this.$refs.video.pause()
+    this.$refs.video.src = ''
+    this.$refs.video.srcObject.getTracks()[0].stop()
+  },
   methods: {
     /**
      * Capture the image

src/components/dialogs/AssetsManager.vue

@@ -33,7 +33,7 @@ input[type='file']
           :key="index"
           class="card col-2 q-ma-md"
         >
-          <q-img v-if="asset.url" class="fit rounded-borders" :ratio="16 / 9" :src="asset.url" basic>
+          <q-img v-if="asset.url" class="fit rounded-borders" :ratio="16 / 9" :src="asset.url" contain basic>
           </q-img>
           <div class="erase absolute-right q-mt-sm q-mr-sm">
             <q-btn

src/layouts/HomeLayout.vue

@@ -168,8 +168,7 @@ import DialogDeviceName from '~/components/dialogs/DeviceName'
 import DialogDeviceInvitation from '~/components/dialogs/DeviceInvitation'
 
 import Camera from '~/components/Camera'
-console.log('id:')
-console.log(localStorage.id)
+
 export default {
   name: 'LayoutHome',
   components: {
@@ -187,7 +186,7 @@ export default {
    * If route is host/assets open assets manager
    */
   mounted () {
-    if (!localStorage.getItem('id')) {
+    if (!process.browser && !localStorage.getItem('id')) {
       this.$router.push({
         name: 'auth'
       })
@@ -211,8 +210,12 @@ export default {
   },
   computed: {
     code () {
-      return localStorage.getItem('username') + ':' +
-        localStorage.getItem('password')
+      if (process.browser) {
+        return localStorage.getItem('username') + ':' +
+          localStorage.getItem('password')
+      } else {
+        return ':'
+      }
     },
     users () {
       return this.$store.getters['users/users']
@@ -285,9 +288,7 @@ export default {
      * Go to auth page
      **/
     onLogout () {
-      localStorage.removeItem('id')
-      localStorage.removeItem('username')
-      localStorage.removeItem('password')
+      localStorage.clear()
       this.$router.push({
         name: 'auth'
       })

src/pages/TabEditor.vue

@@ -72,6 +72,7 @@
           <q-img
             :ratio="1"
             :src="item.asset.url"
+            contain
           >
             <!-- :class="'item-img class-'+ item.asset.id" -->
             <div
@@ -124,6 +125,8 @@
           class="q-ma-md bg-white"
           :value="tab.name"
           @input="setName"
+          @keyup.enter="$event.target.blur()"
+          @blur="onSaveTabElement('nom de l\'onglet')"
           filled
         />
 
@@ -133,6 +136,8 @@
           class="q-ma-md bg-white"
           :value="tab.hexColor"
           @input="setHexColor"
+          @keyup.enter="$event.target.blur()"
+          @blur="onSaveTabElement('couleur')"
           filled
         >
           <template v-slot:append>
@@ -371,6 +376,18 @@ export default {
         })
       })
     },
+    onSaveTabElement (message) {
+      let notif = message ? 'enregistrement ' + message : 'changement enregistré'
+      this.$store.dispatch('tabEditor/saveTabWithoutItem', (tab) => {
+        /* Toast message */
+        const path = `/tabs/${tab.get(SLUG_KEY)}`
+        if (this.$route.path !== path) this.$router.push(path)
+        this.$q.notify({
+          message: notif,
+          color: 'purple'
+        })
+      })
+    },
     /**
      * Call to remove tab
      */
@@ -396,9 +413,11 @@ export default {
     },
     setLanguage (language) {
       this.$store.commit('tabEditor/setLanguage', this.options.indexOf(language))
+      this.onSaveTabElement('langue')
     },
     setSpeed (speed) {
       this.$store.commit('tabEditor/setSpeed', this.speeds.indexOf(speed))
+      this.onSaveTabElement('vitesse')
     },
     /**
      * Call to open the item dialog in new item mode

src/store/devices/actions.js

@@ -1,7 +1,6 @@
 import Parse from 'parse'
 
 import DeviceUser, { USERNAME_KEY } from '~/models/DeviceUser'
-
 /**
  * Load devices
  * @param {Context} ctx

src/store/tab-editor/actions.js

@@ -33,6 +33,49 @@ export const loadBySlug = ({ commit, dispatch }, slug) => {
     })
 }
 
+export const loadBySlugWithoutItem = ({ commit, dispatch }, slug) => {
+  new Parse.Query(TabModel)
+    .equalTo(SLUG_KEY, slug)
+    .equalTo('user', localStorage.id)
+    .first()
+    .then((tabModel) => {
+      commit('setTab', tabModel)
+      console.log('tab changed')
+    })
+    .catch((err) => {
+      commit('setError', err)
+    })
+}
+
+export const saveTabWithoutItem = ({ commit, dispatch, getters: { tab } }, callback) => {
+  tabToModel(tab)
+    .then((tabModel) => {
+      const promises = []
+      /**
+       * Save basic changes
+       */
+      tabModel.set(NAME_KEY, tab.name)
+      tabModel.set(HEX_COLOR_KEY, tab.hexColor)
+      tabModel.set(SLUG_KEY, slugify(tab.name))
+      tabModel.set(SPEED_KEY, tab.speed)
+      tabModel.set(LANGUAGE_KEY, tab.language)
+
+      /* Save the tabmodel */
+      promises.push(tabModel.save())
+
+      return Promise.all(promises)
+    })
+    .then(([tabModel]) => {
+      return Promise.all([
+        dispatch('loadBySlugWithoutItem', tabModel.get(SLUG_KEY)),
+        callback(tabModel)
+      ])
+    })
+    .catch((err) => {
+      commit('setError', err)
+    })
+}
+
 /**
  * Load every items for the loaded tab
  * @param {Context} ctx

src/store/tab-editor/utils.js

@@ -8,7 +8,6 @@ import {
   HIDDEN_KEY as ITEM_HIDDEN_KEY,
   ORDER_KEY as ITEM_ORDER_KEY
 } from '~/models/TabItem'
-
 /**
  * Set something in the tab from its key
  * @param {State} state