fix: timeline pref

Cyri1 · Nov 6, 2022 · 4d7ee4a · 4d7ee4a
1 parent cc10364
commit 4d7ee4a
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 22 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/AudioRange.vue b/src/components/AudioRange.vue
@@ -4,7 +4,7 @@
         <ion-row>
             <ion-col size="2">
                 <ion-badge class="margin-10" :color="storyStore.theme + 'sec'">
-                {{ new Date(storyStore.howlerCurrentPos * 1000).toISOString().substring(14, 19)}}/
+                    {{ new Date(storyStore.howlerCurrentPos * 1000).toISOString().substring(14, 19)}}/
                 {{ new Date(storyStore.storyAudioHowl.duration() * 1000).toISOString().substring(14, 19)}}
                 </ion-badge>
             </ion-col>
@@ -44,7 +44,7 @@ function onIonKnobMoveEnd({ detail }) {
 }
 
 function pinFormatter(value) {
-    return `${value} sec`
+    return new Date(value * 1000).toISOString().substring(14, 19)
 }
 
 </script>

diff --git a/src/stores/StoryStores.js b/src/stores/StoryStores.js
@@ -70,8 +70,8 @@ export const useStoryStore = defineStore('StoryStore', {
         }
       })
       Preferences.get({ key: 'timelineVisible' }).then((result) => {
-        console.log(result.value);
-        if (!result.value) {
+        console.log(result);
+        if (result.value === null) {
           this.timelineVisible = false
         } else {
           this.timelineVisible = result.value

diff --git a/src/views/PrefTab3.vue b/src/views/PrefTab3.vue
@@ -1,9 +1,6 @@
 <template>
   <ion-page>
     <ion-content class="ion-padding ion-margin-bottom" color="light">
-      <button @click="debug" v-show="false" color="primary">
-        log prefs
-      </button>
       <ion-card>
         <ion-card-header>
           <ion-card-title>Paramètres de l'interface :</ion-card-title>
@@ -84,19 +81,33 @@ function changeContributorPwd(event) {
     value: event.srcElement.value,
   })
   storyStore.contributorPwd = event.srcElement.value
+
+  Preferences.get({ key: 'contributorPwd' }).then((result) => {
+    console.log(result);
+  });
+
 }
 
-function activeTimeline(event) {
+function activeTimeline(event) { // ion-toggle @ionChange="activeTimeline"
   Preferences.set({
     key: 'timelineVisible',
-    value: event.detail.checked,
+    value: String(event.detail.checked),
   })
-  storyStore.timelineVisible = event.detail.checked
-}
+  Preferences.get({ key: 'timelineVisible' }).then((result) => {
+    console.log(result); // toggle {value: "true"} {value: "false"}
+  });
 
-function debug() {
-  console.log(storyStore.timelineVisible);
-}
+  // Now if i do :
 
+  Preferences.set({
+    key: 'timelineVisible',
+    value: event.detail.checked, // boolean 
+  })
+  Preferences.get({ key: 'timelineVisible' }).then((result) => {
+    console.log(result); // always {value: null}
+  });
+
+  storyStore.timelineVisible = event.detail.checked
+}
 
 </script>