Initial commit

app/components/menu/MenuNote.vue

@@ -0,0 +1,33 @@
+<template>
+  <a v-if="row.note" @click="showNote()">
+    <SvgIcon v-bind="{name: 'edit2.svg', type: 'findata', size: 20}"></SvgIcon>
+  </a>
+  <a v-else @click="showNote()">
+    <span class="tooltip">
+      <span class="dot-twitter">+</span>
+      <span class="tooltiptext to-left" style="min-width: max-content;">{{ label }}</span> 
+    </span>
+  </a>
+</template>
+<script>
+import { useStore } from "@/stores/index";
+export default {
+  setup() {
+    const store = useStore();
+    return { store };
+  },
+  props: ['row', 'pagename'],
+  data() {
+    return {
+      label: this.store.lang==='en'? 'Note' : 'Ghi chú'
+    }
+  },
+  methods: {
+    showNote() {
+      this.$emit('clickevent', {name: 'dataevent', 
+      data: {modal: {title: this.label, height: '330px', width: '700px', component: 'common/Note', 
+      vbind:{row: this.row, pagename: this.pagename}}}})
+    }
+  }
+}
+</script>