fcad-core-dragon 2.0.0-beta.1 → 2.0.0-beta.3

package/src/components/AppCompNoteCall.vue

@@ -1,126 +1,133 @@
-<!--
-  ----------------- MUST DO STYLE!! -----------------------
- @ Description:
- @ What it does:
--->
-
-<template>
-  <div
-    :id="`rnt_${stripRefNote}`"
-    :ref="`#rnt_${stripRefNote}`"
-    class="callEndNote"
-    :dataRef="`nt_${stripRefNote}`"
-  >
-    <b-link
-      v-if="!error"
-      class="nrlm"
-      tabindex="0"
-      :title="$t('text.title_link_call')"
-      @click="openNote()"
-    >
-      <sup>{{ stripRefNote }}</sup>
-    </b-link>
-
-    <div v-else>
-      <sup>error</sup>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  props: {
-    refNote: {
-      type: String,
-      default: ' '
-    }
-  },
-  data() {
-    return {
-      route: this.$route.meta.activity_ref,
-      notes: null,
-      jsons: null
-    }
-  },
-  computed: {
-    // Return the number for the note
-    stripRefNote() {
-      let ref = this.refNote
-      let newRef
-      let toStrip = ref.indexOf('_')
-      newRef = this.refNote.substr(toStrip + 1)
-
-      return newRef
-    },
-    error() {
-      /////  -------------------------- MUST REDO INFORMATION NOT FROM JSON ANYMORE
-      let er = false
-      // let info = this.jsons
-
-      // if (info) {
-      //   if (Object.keys(info.note).length === 0) {
-      //     er = true
-      //     console.warn(
-      //       '%c WARNING!>>> AppCompNoteCall: Your note file is empty, note cannot be call',
-      //       'background: orange; color: white; display: block; margin:5px;'
-      //     )
-      //   } else if (
-      //     info.note.value[this.stripRefNote - 1] === ' ' ||
-      //     info.note.value[this.stripRefNote - 1] === undefined
-      //   ) {
-      //     er = true
-      //     console.warn(
-      //       '%c WARNING!>>> AppCompNoteCall: The note you try to call doesnt existe.',
-      //       'background: orange; color: white; display: block; margin:5px;'
-      //     )
-      //   } else {
-      //     //check if value are the same :
-      //     ///https://stackoverflow.com/questions/7376598/in-javascript-how-do-i-check-if-an-array-has-duplicate-values
-      //     const items = [...document.getElementsByClassName('callEndNote')]
-
-      //     let cltn = []
-      //     items.forEach((element) => {
-      //       cltn.push(element.getAttribute('dataref'))
-      //     })
-      //     const l = cltn.some((e, i) => cltn.indexOf(e) < i)
-      //     if (l) {
-      //       er = true
-      //       console.warn(
-      //         '%c WARNING!>>> AppCompNoteCall: You call this note twice',
-      //         'background: orange; color: white; display: block; margin:5px;'
-      //       )
-      //     }
-      //   }
-      // }
-
-      return er
-    }
-  },
-  mounted() {},
-  methods: {
-    //open the widget and give information to highlight
-    openNote() {
-      this.$bus.$emit('note-to-show', this.$el)
-    },
-    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;
-
-  &.b {
-    margin-left: 0 !important ;
-    margin-right: -4px !important ;
-  }
-}
-</style>
+<!--
+ @ Description:
+ @ What it does:
+-->
+<template>
+  <div
+    :id="`rnt_${stripRefNote}`"
+    :ref="`#rnt_${stripRefNote}`"
+    :data-ref="`nt_${stripRefNote}`"
+    class="callEndNote"
+  >
+    <button
+      class="nrlm"
+      tabindex="0"
+      :title="$t('text.title_link_call')"
+      @click="openNote()"
+    >
+      <sup>{{ stripRefNote }}</sup>
+    </button>
+  </div>
+</template>
+<script>
+import { mapState } from 'pinia'
+import { useAppStore } from '../module/stores/appStore'
+export default {
+  props: {
+    refNote: {
+      type: String,
+      default: ' '
+    }
+  },
+  data() {
+    return {
+      notes: null
+    }
+  },
+  computed: {
+    ...mapState(useAppStore, ['getDataNoteCredit']),
+    // 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
+    } //,
+    // error() {
+    //   let er = false
+    //   let data = this.getDataNoteCredit.note
+
+    //   let s = document.querySelectorAll(`[dataref="r${this.refNote}"]`)
+    //   console.log(s)
+
+    //   if (data) {
+    //     if (s.length) {
+    //       er = false
+    //     } else {
+    //       er = true
+    //       console.warn(
+    //         `%c WARNING!>>> AppCompNoteCall: cette note n'existe pas ${this.refNote}.`,
+    //         'background: orange; color: white; display: block; margin:5px;'
+    //       )
+    //     }
+    //   }
+
+    //   return er
+    // }
+  },
+  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() {
+      this.$bus.$emit('toggle-widget', 'noteCredit')
+      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)
+        }
+      }
+
+      this.focusWidgetNote(t)
+    },
+    lookForElement(elId) {
+      let clcn = document.getElementsByClassName('endNoteLink')
+
+      for (let element of clcn) {
+        if (element.id === elId) {
+          return element
+        }
+      }
+    },
+    focusWidgetNote(element) {
+      let s = document.querySelectorAll(`[noteref="${element}"]`)
+      s[0].focus()
+    }
+  }
+}
+</script>
+<style lang="scss">
+.callEndNote {
+  display: inline-block;
+  margin-left: -4px;
+
+  .error-Nc {
+    color: red;
+    font-weight: bold;
+  }
+}
+</style>