Skip to content

Commit 6943a4d

Browse files
authored
Implement the tooltip for the configuration button
1 parent 753d8d1 commit 6943a4d

File tree

1 file changed

+39
-17
lines changed

1 file changed

+39
-17
lines changed

index.html

+39-17
Original file line numberDiff line numberDiff line change
@@ -280,6 +280,7 @@
280280
<div id="lottie" class="text-center text-h5">
281281
<a href="https://github.com/AI-QL/chat-ui" style="color: #1867C0"
282282
class="font-weight-bold text-decoration-none" target="_blank">
283+
<v-icon class="mb-2">mdi-github</v-icon>
283284
{{$t('$vuetify.dataIterator.title')}}</a>
284285
</div>
285286
</v-container>
@@ -295,17 +296,17 @@
295296
<v-fab v-bind="activatorProps" size="small" icon="mdi-cog" absolute
296297
class="input-icon"></v-fab>
297298
</template>
298-
<v-btn key="4" variant="elevated" icon @click="settingStore.initDialog">
299-
<v-icon>mdi-api</v-icon>
299+
<v-btn key="4" variant="elevated" @click="settingStore.initDialog" icon="mdi-api"
300+
v-tooltip:end="$t('$vuetify.dataIterator.i.title')">
300301
</v-btn>
301302
<v-badge key="3" color="transparent" location='top left'>
302303
<template v-slot:badge>
303304
<iconify-icon :icon="languageStore.getIcon2()"></iconify-icon>
304305
</template>
305306
<v-menu transition="fade-transition">
306307
<template v-slot:activator="{ props }">
307-
<v-btn variant="elevated" icon v-bind="props">
308-
<v-icon>mdi-translate</v-icon>
308+
<v-btn variant="elevated" v-bind="props" icon="mdi-translate"
309+
v-tooltip:end="$t('$vuetify.dataIterator.l.title')">
309310
</v-btn>
310311
</template>
311312
<v-list class='mb-2'>
@@ -320,10 +321,13 @@
320321
</v-list>
321322
</v-menu>
322323
</v-badge>
323-
<v-badge key="2" :content="historyStore.conversation.length" color="info" max="99"
324+
<v-btn @click="settingStore.agentDialog = true" variant="elevated" icon="mdi-account-supervisor"
325+
v-tooltip:end="$t('$vuetify.dataIterator.a.title')">
326+
</v-btn>
327+
<v-badge key="1" :content="historyStore.conversation.length" color="info" max="99"
324328
location='top left'>
325-
<v-btn variant="elevated" icon @click="settingStore.configHistory = true">
326-
<v-icon>mdi-list-box</v-icon>
329+
<v-btn variant="elevated" icon="mdi-list-box" @click="settingStore.configHistory = true"
330+
v-tooltip:end="$t('$vuetify.dataIterator.q.title')">
327331
</v-btn>
328332
</v-badge>
329333
</v-speed-dial>
@@ -360,17 +364,17 @@
360364
color="primary"></v-btn>
361365
</template>
362366
<v-btn key="2" size="small" color="primary" variant="elevated"
363-
@click="messageStore.resendMessage" icon="mdi-autorenew"></v-btn>
367+
@click="messageStore.resendMessage" icon="mdi-autorenew"
368+
v-tooltip:start="$t('$vuetify.dataIterator.g.reg')">
364369
</v-btn>
365-
<v-btn key="1" color="primary" variant="elevated" icon @click="messageStore.init()">
366-
<v-icon>mdi-pencil-plus</v-icon>
370+
<v-btn key="1" color="primary" variant="elevated" @click="messageStore.init()"
371+
icon="mdi-pencil-plus" v-tooltip:start="$t('$vuetify.dataIterator.g.new')">
367372
</v-btn>
368373
</v-speed-dial>
369374
<v-btn v-else size="small" :color="mcpStore.getServers ? 'primary': 'grey'" variant="elevated"
370375
@click="mcpStore.getServers ? promptStore.promptDialog = true : false"
371376
icon="mdi-account-edit">
372377
</v-btn>
373-
374378
</div>
375379
</v-sheet>
376380
</div>
@@ -658,7 +662,8 @@
658662
</v-card>
659663
</v-dialog>
660664
<v-dialog v-model="settingStore.agentDialog" class="dialog-card">
661-
<v-card prepend-icon="mdi-history" title="Agent" style="overflow-x: auto">
665+
<v-card prepend-icon="mdi-history" :title="$t('$vuetify.dataIterator.a.title')"
666+
style="overflow-x: auto">
662667
<template v-slot:append>
663668
<v-card-actions>
664669
<v-spacer></v-spacer>
@@ -764,10 +769,6 @@ <h5 class="font-weight-bold mb-4">MCP</h5>
764769
<v-icon class="rotation text-white">mdi-tools</v-icon>
765770
</div>
766771
<v-card v-else elevation="10" class="d-flex flex-column toolbox">
767-
<v-btn @click="settingStore.agentDialog = true" variant="text" size="45">
768-
<v-icon size="25" color="primary">mdi-clock-outline</v-icon>
769-
<v-tooltip activator="parent" location="left" text="Agent Dialog"></v-tooltip>
770-
</v-btn>
771772
<!-- ---------------------------------------------- -->
772773
<!-- Reset -->
773774
<!-- ---------------------------------------------- -->
@@ -2280,7 +2281,15 @@ <h5 class="font-weight-bold mb-4">MCP</h5>
22802281
q: { title: 'Query History' },
22812282
p: {
22822283
title: 'Prompts Template',
2283-
sheet: 'Prompts Sheet'
2284+
sheet: 'Prompts Sheet',
2285+
inuse: 'In Use',
2286+
standby: 'Standby'
2287+
},
2288+
l: { title: 'Language' },
2289+
a: { title: 'Agent' },
2290+
g: {
2291+
new: 'New Conversation',
2292+
reg: 'Regeneration'
22842293
},
22852294
i: {
22862295
title: 'Interface Configuration',
@@ -2317,6 +2326,7 @@ <h5 class="font-weight-bold mb-4">MCP</h5>
23172326
dataIterator: {
23182327
title: 'Layout della Query AI',
23192328
q: { title: 'Cronologia delle Query' },
2329+
l: { title: 'Lingua' },
23202330
i: {
23212331
title: 'Configurazione dell\'interfaccia',
23222332
apikey: 'Chiave API',
@@ -2351,6 +2361,7 @@ <h5 class="font-weight-bold mb-4">MCP</h5>
23512361
dataIterator: {
23522362
title: 'AI お問い合わせ',
23532363
q: { title: '歴史' },
2364+
l: { title: '言語設定' },
23542365
i: {
23552366
title: 'インターフェイス構成',
23562367
apikey: 'API キー',
@@ -2376,6 +2387,7 @@ <h5 class="font-weight-bold mb-4">MCP</h5>
23762387
dataIterator: {
23772388
title: 'Layout för AI-frågor',
23782389
q: { title: 'Frågehistorik' },
2390+
l: { title: 'Språkinställning' },
23792391
i: {
23802392
title: 'Konfiguration av gränssnitt',
23812393
apikey: 'API Nyckel',
@@ -2403,6 +2415,16 @@ <h5 class="font-weight-bold mb-4">MCP</h5>
24032415
dataIterator: {
24042416
title: 'AI 问询界面',
24052417
q: { title: '历史记录' },
2418+
l: { title: '语言设置' },
2419+
p: {
2420+
title: 'MCP提示词模板',
2421+
sheet: 'MCP提示词表单'
2422+
},
2423+
a: { title: '智能体' },
2424+
g: {
2425+
new: '新对话',
2426+
reg: '重新生成'
2427+
},
24062428
i: {
24072429
title: '接口配置',
24082430
apikey: 'API 密钥',

0 commit comments

Comments
 (0)