test/jcrm
1
0
Fork 0
forked from test/crm
Code Pull Requests 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>
</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 :title="dateFormat(lead.doc.creation)">
<Tooltip :text="dateFormat(lead.doc.creation, dateTooltipFormat)">
{{ timeAgo(lead.doc.creation) }}
</span>
</Tooltip>
<span>&nbsp;&middot;&nbsp;</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) }}
</span>
</Tooltip>
</div>
</div>
</TabPanels>
@ -225,6 +227,7 @@ import {
Autocomplete,
FormControl,
Dropdown,
Tooltip,
} from 'frappe-ui'
import { TransitionPresets, useTransition } from '@vueuse/core'
import { usersStore } from '@/stores/users'
@ -436,4 +439,6 @@ const activeAgents = computed(() => {
}
})
})
const dateTooltipFormat = 'dddd, MMMM D, YYYY h:mm A'
</script>