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 storageStore = useStorage()
const { deleteFile } = storageStore const { deleteFile } = storageStore
const fileInfoStore = useFileInfoStore()
const { getFormatDate } = fileInfoStore
const fileFormComponent = ref<InstanceType<typeof FileFormWrapper>>() const fileFormComponent = ref<InstanceType<typeof FileFormWrapper>>()
const keywordList = ref<string[]>([]) const keywordList = ref<string[]>([])
@ -303,12 +306,29 @@ onMounted(() => {
<q-td class="justify-center"> <q-td class="justify-center">
<div> <div>
<q-icon class="q-ma-sm" name="o_info" size="2em" color="primary" /> <q-icon class="q-ma-sm" name="o_info" size="2em" color="primary" />
<q-tooltip <q-tooltip anchor="center left" self="center right">
anchor="center left" <div class="flex" style="flex-direction: column; font-size: 120%">
self="center right" <span>ชื่อไฟล์: {{ actionData.row.fileName }}</span>
:offset="[5, 1]" <span>
> ชื่อเรื่อง:
{{ getSize(actionData.row.fileSize) }} {{ 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> </q-tooltip>
</div> </div>
<div v-if="props.action"> <div v-if="props.action">

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

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