test/jcrm
1
0
Fork 0
forked from test/crm
Code Pull Requests Activity

fix: added tooltip for note date

Browse Source
This commit is contained in:
Shariq Ansari 2023-08-28 00:07:10 +05:30
parent aaab61554d
commit 3c0f5289d1
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/Activities.vue
View File

@ -12,8 +12,8 @@
<FeatherIcon name="plus" class="w-4 h-4" />
</Button>
</div>
<div v-if="activities.length">
<div v-if="title == 'Notes'" class="grid grid-cols-2 gap-4 p-5 pt-0">
<div v-if="activities.length" class="overflow-y-auto">
<div v-if="title == 'Notes'" class="grid grid-cols-3 gap-4 p-5 pt-0">
<div
v-for="note in activities"
class="group flex flex-col justify-between gap-2 px-4 py-3 border rounded-lg h-48 shadow-sm hover:bg-gray-50 cursor-pointer"
@ -55,9 +55,11 @@
{{ note.owner }}
</div>
</div>
<div class="text-sm text-gray-700">
{{ timeAgo(note.modified) }}
</div>
<Tooltip :text="dateFormat(note.modified, dateTooltipFormat)">
<div class="text-sm text-gray-700">
{{ timeAgo(note.modified) }}
</div>
</Tooltip>
</div>
</div>
</div>

13
frontend/src/pages/Notes.vue
View File

@ -10,7 +10,7 @@
</template>
</LayoutHeader>
<div class="border-b"></div>
<div v-if="notes.data?.length" class="grid grid-cols-3 gap-4 p-5">
<div v-if="notes.data?.length" class="grid grid-cols-4 gap-4 p-5 overflow-y-auto">
<div
v-for="note in notes.data"
class="group flex flex-col justify-between gap-2 px-5 py-4 border rounded-lg h-56 shadow-sm hover:bg-gray-50 cursor-pointer"
@ -51,9 +51,11 @@
{{ note.owner }}
</div>
</div>
<div class="text-sm text-gray-700">
{{ timeAgo(note.modified) }}
</div>
<Tooltip :text="dateFormat(note.modified, dateTooltipFormat)">
<div class="text-sm text-gray-700">
{{ timeAgo(note.modified) }}
</div>
</Tooltip>
</div>
</div>
</div>
@ -79,7 +81,7 @@ import Breadcrumbs from '@/components/Breadcrumbs.vue'
import UserAvatar from '@/components/UserAvatar.vue'
import NoteIcon from '@/components/Icons/NoteIcon.vue'
import NoteModal from '@/components/NoteModal.vue'
import { timeAgo } from '@/utils'
import { timeAgo, dateFormat, dateTooltipFormat } from '@/utils'
import {
FeatherIcon,
Button,
@ -88,6 +90,7 @@ import {
TextInput,
call,
Dropdown,
Tooltip,
} from 'frappe-ui'
import { ref } from 'vue'