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

package/src/components/AppCompNoteCall.vue

@@ -1,133 +1,159 @@
-<!--
- @ 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>
+<!--
+ @ 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')"
+      @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('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>