changes

app/components/datatable/MenuSave.vue

@@ -4,9 +4,19 @@
     class="mb-4"
     v-if="currentsetting"
   >
-    <p>
-      Đang mở: <b>{{ $stripHtml(currentsetting.name, 40) }}</b>
-    </p>
+    <span>Đang mở: </span>
+    <b>{{ $stripHtml(currentsetting.name, 40) }}</b>
+    <button
+      class="button is-small size-7 p-0 ml-1 is-primary is-light is-rounded"
+      @click="$copyToClipboard(currentsetting.name)"
+    >
+      <span class="icon">
+        <Icon
+          name="material-symbols:content-copy-outline-rounded"
+          :size="14"
+        />
+      </span>
+    </button>
   </div>
   <div class="field">
     <label class="label">Chọn chế độ lưu</label>
@@ -100,7 +110,8 @@
 <script setup>
 import { ref } from "vue";
 import { useStore } from "@/stores/index";
-const emit = defineEmits([]);
+
+const emit = defineEmits(["modalevent", "close"]);
 const store = useStore();
 const props = defineProps({
   pagename: String,
@@ -109,7 +120,7 @@ const props = defineProps({
   data: Object,
   focus: Boolean,
 });
-const { $empty, $copy, $stripHtml, $updateapi, $insertapi, $findIndex, $snackbar } = useNuxtApp();
+const { $empty, $copy, $copyToClipboard, $stripHtml, $updateapi, $insertapi, $findIndex, $snackbar } = useNuxtApp();
 const radioOption = ref();
 const login = { id: 1 };
 const errors = ref([]);

app/components/datatable/ScrollBox.vue

@@ -18,7 +18,7 @@
             <span>{{ $stripHtml(v[name] || v.fullname || v.code || "n/a", 75) }}</span>
             <span
               v-if="checked[i] && notick !== true"
-              class="icon right-3"
+              class="icon right-3 has-background-inherit"
             >
               <Icon
                 name="material-symbols:check-rounded"
@@ -101,7 +101,7 @@
         <span>{{ $stripHtml(v[name] || v.fullname || v.code || "n/a", 75) }}</span>
         <span
           v-if="checked[i] && notick !== true"
-          class="icon right-3"
+          class="icon right-3 has-background-inherit"
         >
           <Icon
             name="material-symbols:check-rounded"