fcad-core-dragon 2.1.1 → 2.1.2

package/src/components/AppCompNoteCall.vue

@@ -1,161 +1,167 @@
-<!--
- @ Description:
- @ What it does:
--->
-<template>
-  <div
-    :id="`rnt_${pageRef}__${stripRefNote}`"
-    :ref="`#rnt_${stripRefNote}`"
-    :data-ref="`nt_${pageRef}__${stripRefNote}`"
-    class="callEndNote"
-  >
-    <button
-      v-if="!error"
-      class="nrlm"
-      tabindex="0"
-      :title="$t('text.title_link_call')"
-      :aria-label="`${$t('label.note_reference')} ${stripRefNote}`"
-      @click="openNote()"
-    >
-      <sup>{{ stripRefNote }}</sup>
-    </button>
-
-    <div v-else class="nrlm error-Nc" tabindex="0">
-      <sup>{{ $t('text.error') }}</sup>
-    </div>
-  </div>
-</template>
-<script>
-import { mapState } from 'pinia'
-import { useAppStore } from '../module/stores/appStore'
-export default {
-  props: {
-    refNote: {
-      type: String,
-      default: ' '
-    },
-    pageRef: {
-      type: String,
-      default: ' '
-    }
-  },
-  data() {
-    return {
-      notes: null
-    }
-  },
-  computed: {
-    ...mapState(useAppStore, ['getNotes', 'getWidgetOpen']),
-    // Return the number for the note
-    stripRefNote() {
-      let newRef
-
-      let ref = this.refNote
-      let toStrip = ref.indexOf('_')
-      newRef = this.refNote.substr(toStrip + 1)
-      return newRef
-    },
-    linkedNote() {
-      const _notes = this.getNotes(
-        this.$route.meta.activity_ref,
-        this.$route.meta.id
-      )
-      if (!_notes) return null
-      let thisPageNotes = null
-
-      for (let p of _notes) {
-        //find the related page and get its notes
-        if (Object.keys(p)[0] !== this.pageRef) continue
-        thisPageNotes = p[this.pageRef]
-      }
-      //return weither the note exist or note
-      return thisPageNotes && thisPageNotes.find((n) => n.id == this.refNote)
-    },
-
-    error() {
-      let err = false
-      if (!this.linkedNote) {
-        err = true
-        console.warn(
-          `%c WARNING!>>> AppCompNoteCall: cette note n'existe pas nt_${this.pageRef}__${this.stripRefNote}.`,
-          'background: orange; color: white; display: block; margin:5px;'
-        )
-      }
-      return err
-    }
-  },
-  beforeUnmount() {
-    this.$bus.$off('close-widget', this.onCloseWidget)
-    this.$bus.$off('credit-note', this.onCreditNote)
-  },
-  mounted() {
-    this.$bus.$on('close-widget', this.onCloseWidget)
-    this.$bus.$on('credit-note', this.onCreditNote)
-  },
-  methods: {
-    onCreditNote(data) {
-      this.notes = data.note
-    },
-    onCloseWidget() {
-      let el = document.getElementsByClassName('callEndNote')
-
-      for (let element of el) {
-        element.setAttribute('datacurrentnote', false)
-      }
-    },
-    //open the widget and give information to highlight
-    openNote() {
-      if (!this.getWidgetOpen) {
-        this.$bus.$emit('open-notes')
-
-        setTimeout(() => {
-          this.$bus.$emit('note-to-show', this.$el)
-
-          let e = document.getElementsByClassName('callEndNote')
-          let t = this.$el.getAttribute('id')
-
-          for (let element of e) {
-            element.setAttribute('dataCurrentnote', false)
-            if (element.id === t) {
-              element.setAttribute('dataCurrentnote', true)
-            }
-          }
-        }, 200)
-      } else {
-        this.$bus.$emit('close-widget')
-        this.$bus.$emit('note-to-show', this.$el)
-        let e = document.getElementsByClassName('callEndNote')
-        let t = this.$el.getAttribute('id')
-
-        for (let element of e) {
-          element.setAttribute('dataCurrentnote', false)
-          if (element.id === t) {
-            element.setAttribute('dataCurrentnote', true)
-          }
-        }
-      }
-    },
-
-    lookForElement(elId) {
-      let clcn = document.getElementsByClassName('endNoteLink')
-
-      for (let element of clcn) {
-        if (element.id === elId) {
-          return element
-        }
-      }
-    }
-  }
-}
-</script>
-<style lang="scss">
-.callEndNote {
-  display: inline-block;
-  margin-left: -4px;
-
-  .error-Nc {
-    color: red;
-    font-weight: bold;
-  }
-}
-</style>
+<!--
+ @ Description:
+ @ What it does:
+-->
+<template>
+  <div
+    :id="`rnt_${pageRef}__${stripRefNote}`"
+    :ref="`#rnt_${stripRefNote}`"
+    :data-ref="`nt_${pageRef}__${stripRefNote}`"
+    class="callEndNote"
+  >
+    <button
+      v-if="!error"
+      class="nrlm"
+      tabindex="0"
+      :title="$t('text.title_link_call')"
+      :aria-label="`${$t('label.note_reference')} ${stripRefNote}`"
+      @click="openNote()"
+    >
+      <sup>{{ stripRefNote }}</sup>
+    </button>
+
+    <div v-else class="nrlm error-Nc" tabindex="0">
+      <sup>{{ $t('text.error') }}</sup>
+    </div>
+  </div>
+</template>
+<script>
+import { mapState } from 'pinia'
+import { useAppStore } from '../module/stores/appStore'
+import { useI18n } from 'vue-i18n'
+
+export default {
+  props: {
+    refNote: {
+      type: String,
+      default: ' '
+    },
+    pageRef: {
+      type: String,
+      default: ' '
+    }
+  },
+  setup() {
+    const { t } = useI18n()
+    return { t }
+  },
+  data() {
+    return {
+      notes: null
+    }
+  },
+  computed: {
+    ...mapState(useAppStore, ['getNotes', 'getWidgetOpen']),
+    // Return the number for the note
+    stripRefNote() {
+      let newRef
+
+      let ref = this.refNote
+      let toStrip = ref.indexOf('_')
+      newRef = this.refNote.substr(toStrip + 1)
+      return newRef
+    },
+    linkedNote() {
+      const _notes = this.getNotes(
+        this.$route.meta.activity_ref,
+        this.$route.meta.id
+      )
+      if (!_notes) return null
+      let thisPageNotes = null
+
+      for (let p of _notes) {
+        //find the related page and get its notes
+        if (Object.keys(p)[0] !== this.pageRef) continue
+        thisPageNotes = p[this.pageRef]
+      }
+      //return weither the note exist or note
+      return thisPageNotes && thisPageNotes.find((n) => n.id == this.refNote)
+    },
+
+    error() {
+      let err = false
+      if (!this.linkedNote) {
+        err = true
+        console.warn(
+          `%c WARNING!>>> AppCompNoteCall: cette note n'existe pas nt_${this.pageRef}__${this.stripRefNote}.`,
+          'background: orange; color: white; display: block; margin:5px;'
+        )
+      }
+      return err
+    }
+  },
+  beforeUnmount() {
+    this.$bus.$off('close-widget', this.onCloseWidget)
+    this.$bus.$off('credit-note', this.onCreditNote)
+  },
+  mounted() {
+    this.$bus.$on('close-widget', this.onCloseWidget)
+    this.$bus.$on('credit-note', this.onCreditNote)
+  },
+  methods: {
+    onCreditNote(data) {
+      this.notes = data.note
+    },
+    onCloseWidget() {
+      let el = document.getElementsByClassName('callEndNote')
+
+      for (let element of el) {
+        element.setAttribute('datacurrentnote', false)
+      }
+    },
+    //open the widget and give information to highlight
+    openNote() {
+      if (!this.getWidgetOpen) {
+        this.$bus.$emit('open-notes')
+
+        setTimeout(() => {
+          this.$bus.$emit('note-to-show', this.$el)
+
+          let e = document.getElementsByClassName('callEndNote')
+          let t = this.$el.getAttribute('id')
+
+          for (let element of e) {
+            element.setAttribute('dataCurrentnote', false)
+            if (element.id === t) {
+              element.setAttribute('dataCurrentnote', true)
+            }
+          }
+        }, 200)
+      } else {
+        this.$bus.$emit('close-widget')
+        this.$bus.$emit('note-to-show', this.$el)
+        let e = document.getElementsByClassName('callEndNote')
+        let t = this.$el.getAttribute('id')
+
+        for (let element of e) {
+          element.setAttribute('dataCurrentnote', false)
+          if (element.id === t) {
+            element.setAttribute('dataCurrentnote', true)
+          }
+        }
+      }
+    },
+
+    lookForElement(elId) {
+      let clcn = document.getElementsByClassName('endNoteLink')
+
+      for (let element of clcn) {
+        if (element.id === elId) {
+          return element
+        }
+      }
+    }
+  }
+}
+</script>
+<style lang="scss">
+.callEndNote {
+  display: inline-block;
+  margin-left: -4px;
+
+  .error-Nc {
+    color: red;
+    font-weight: bold;
+  }
+}
+</style>