test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: added tooltip on creation/modified date

Browse Source
This commit is contained in:
Shariq Ansari 2023-08-02 19:44:03 +05:30
parent 4580d3ca9b
commit f306ad77fb
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/pages/Lead.vue
View File

@ -192,16 +192,18 @@
</Toggler> </Toggler>
</div> </div>
</div> </div>
<div class="text-sm px-6 p-3 leading-5 cursor-pointer"> <div
class="flex items-center gap-1 text-sm px-6 p-3 leading-5 cursor-pointer"
>
<span class="text-gray-600">Created </span> <span class="text-gray-600">Created </span>
<span :title="dateFormat(lead.doc.creation)"> <Tooltip :text="dateFormat(lead.doc.creation, dateTooltipFormat)">
{{ timeAgo(lead.doc.creation) }} {{ timeAgo(lead.doc.creation) }}
</span> </Tooltip>
<span>&nbsp;&middot;&nbsp;</span> <span>&nbsp;&middot;&nbsp;</span>
<span class="text-gray-600">Updated </span> <span class="text-gray-600">Updated </span>
<span :title="dateFormat(lead.doc.modified)"> <Tooltip :text="dateFormat(lead.doc.modified, dateTooltipFormat)">
{{ timeAgo(lead.doc.modified) }} {{ timeAgo(lead.doc.modified) }}
</span> </Tooltip>
</div> </div>
</div> </div>
</TabPanels> </TabPanels>
@ -225,6 +227,7 @@ import {
Autocomplete, Autocomplete,
FormControl, FormControl,
Dropdown, Dropdown,
Tooltip,
} from 'frappe-ui' } from 'frappe-ui'
import { TransitionPresets, useTransition } from '@vueuse/core' import { TransitionPresets, useTransition } from '@vueuse/core'
import { usersStore } from '@/stores/users' import { usersStore } from '@/stores/users'
@ -436,4 +439,6 @@ const activeAgents = computed(() => {
} }
}) })
}) })
const dateTooltipFormat = 'dddd, MMMM D, YYYY h:mm A'
</script> </script>