hrms-bangkok/hrms-edm
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

update: tooltip

Browse source
This commit is contained in:
Methapon2001 2024-01-11 10:59:13 +07:00
parent 128eb2db56
commit 7ef9384717
No known key found for this signature in database
GPG key ID: 849924FEF46BD132
2 changed files with 49 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

32
Services/client/src/components/FileSearched.vue
View file

@ -29,6 +29,9 @@ const { getFileInfo, getSize, getType } = useFileInfoStore()
const storageStore = useStorage()
const { deleteFile } = storageStore
const fileInfoStore = useFileInfoStore()
const { getFormatDate } = fileInfoStore
const fileFormComponent = ref<InstanceType<typeof FileFormWrapper>>()
const keywordList = ref<string[]>([])
@ -303,12 +306,29 @@ onMounted(() => {
<q-td class="justify-center">
<div>
<q-icon class="q-ma-sm" name="o_info" size="2em" color="primary" />
<q-tooltip
anchor="center left"
self="center right"
:offset="[5, 1]"
>
{{ getSize(actionData.row.fileSize) }}
<q-tooltip anchor="center left" self="center right">
<div class="flex" style="flex-direction: column; font-size: 120%">
<span>ชื่อไฟล์: {{ actionData.row.fileName }}</span>
<span>
ชื่อเรื่อง:
{{ actionData.row.metadata.subject ?? actionData.row.title }}
</span>
<span>
เจ้าของผลงาน:
{{ actionData.row.metadata.author ?? actionData.row.author }}
</span>
<span>ขนาด: {{ getSize(actionData.row.fileSize) }}</span>
<span>
ประเภทของไฟล์:
{{
getType(actionData.row.fileType, actionData.row.fileName)
}}
</span>
<span>
วันที่อัปโหลด:
{{ getFormatDate(actionData.row.createdAt) }}
</span>
</div>
</q-tooltip>
</div>
<div v-if="props.action">

43
Services/client/src/components/ListView.vue
View file

@ -342,26 +342,29 @@ const onRowClick = ((_, row) => {
size="2em"
color="primary"
/>
<q-tooltip
anchor="center left"
self="center right"
:offset="[5, 1]"
>
<div class="flex" style="flex-direction: column">
<span> ชื่อไฟล์ {{ data.row.fileName }}</span>
<span
>ชื่อเรื่อง
{{ data.row.metadata.subject ?? data.row.subject }}</span
>
<span
>เจ้าของผลงาน
{{ data.row.metadata.author ?? data.row.author }}</span
>
<span>ขนาดไฟล์ {{ getSize(data.row.fileSize) }}</span>
<span
>ประเภทไฟล์
{{ getType(data.row.fileType, data.row.fileName) }}</span
>
<q-tooltip anchor="center left" self="center right">
<div
class="flex"
style="flex-direction: column; font-size: 120%"
>
<span>ชื่อไฟล์: {{ data.row.fileName }}</span>
<span>
ชื่อเรื่อง:
{{ data.row.metadata.subject ?? data.row.title }}
</span>
<span>
เจ้าของผลงาน:
{{ data.row.metadata.author ?? data.row.author }}
</span>
<span>ขนาด: {{ getSize(data.row.fileSize) }}</span>
<span>
ประเภทของไฟล์:
{{ getType(data.row.fileType, data.row.fileName) }}
</span>
<span>
วันที่อัปโหลด:
{{ getFormatDate(data.row.createdAt) }}
</span>
</div>
</q-tooltip>
</div>