admin: Add tooltip for title buttons in common dialog

somnisomni · Nov 1, 2023 · ad1a5ca · ad1a5ca
1 parent cfc7ca3
commit ad1a5ca
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/projects/Admin/src/components/dialogs/BoothSelectionDialog.vue b/projects/Admin/src/components/dialogs/BoothSelectionDialog.vue
@@ -51,10 +51,12 @@ export default class BoothSelectionDialog extends Vue {
   boothAddDialogShown = false;
   titleButtons: DialogButtonParams[] = [
     {
+      title: "목록 새로고침",
       icon: "mdi-refresh",
       onClick: async () => { await this.refreshBoothList(); },
     },
     {
+      title: "새로운 부스 추가",
       icon: "mdi-plus",
       onClick: this.showBoothAddDialog,
     },

diff --git a/projects/Admin/src/components/dialogs/common/CommonDialog.vue b/projects/Admin/src/components/dialogs/common/CommonDialog.vue
@@ -23,16 +23,22 @@
           <VBtn v-for="btn in titleExtraButtons"
                 :key="btn.icon"
                 :disabled="progressActive || btn.disabled"
+                :title="btn.title"
                 icon
                 variant="flat"
                 class="mr-2"
-                @click="() => { btn.onClick(); }"><VIcon>{{ btn.icon }}</VIcon></VBtn>
+                @click="() => { btn.onClick(); }">
+            <VTooltip activator="parent" location="bottom">{{ btn.title }}</VTooltip>
+            <VIcon>{{ btn.icon }}</VIcon>
+          </VBtn>
           <VBtn v-if="!hideCloseButton"
                 :disabled="progressActive || persistent"
+                title="닫기"
                 icon
                 variant="flat"
                 class="mr-2"
                 @click.stop="onCloseButtonClick">
+            <VTooltip activator="parent" location="bottom">닫기</VTooltip>
             <VIcon>mdi-close</VIcon>
           </VBtn>
         </div>
@@ -83,6 +89,7 @@ import { Component, Emit, Model, Prop, Vue } from "vue-facing-decorator";
 import { useDisplay } from "vuetify";
 
 export interface DialogButtonParams {
+  title: string;
   icon: string;
   disabled?: boolean;
   onClick: () => void;