Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

refactor: ticket list #1189

Merged
merged 13 commits into from
May 18, 2023
Merged

refactor: ticket list #1189

Changes from 1 commit
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
e759f87
refactor(ui): ticket list
ssiyad May 17, 2023
a4e6867
feat: list manager: add `auto`
ssiyad May 17, 2023
ba163e8
fix: data: convert to composable
ssiyad May 17, 2023
19ddca3
fix: tickets: more button: change color
ssiyad May 17, 2023
6f8aaba
fix: dropdown filters: use computed
ssiyad May 17, 2023
ccd2e09
fix: ticket summary: cleanup
ssiyad May 17, 2023
ea2a7ba
chore: remove unused components
ssiyad May 17, 2023
2d68022
fix: replace `this`
ssiyad May 17, 2023
4ec911d
fix: switch: add transition
ssiyad May 17, 2023
206f145
fix(ui): table items: remove vertical padding
ssiyad May 17, 2023
6cb6f5c
fix: summary: alignment
ssiyad May 17, 2023
d9e04b5
chore: convert composable to a pinia store
ssiyad May 17, 2023
92d59e1
chore: re-order columns
ssiyad May 18, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
fix: ticket summary: cleanup
  • Loading branch information
@ssiyad
ssiyad committed May 17, 2023
commit ccd2e095f3a0d68c5b5490d93ae779df6f147cd8
29 changes: 13 additions & 16 deletions desk/src/pages/desk/ticket-list/TicketSummary.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<router-link
:to="toRoute"
class="flex justify-between"
class="group flex justify-between"
:class="{
'text-gray-700': isSeen,
'text-gray-900': !isSeen,
Expand All @@ -10,7 +10,7 @@
<div class="line-clamp-1">
{{ subject }}
</div>
<div class="mr-2 flex items-center gap-1">
<div class="mr-2 flex items-center gap-2">
<Tooltip v-if="!isSeen" text="New ticket">
<span class="relative flex h-3 w-3 items-center justify-center">
<span
Expand All @@ -19,28 +19,27 @@
<div class="h-1.5 w-1.5 rounded-full bg-gray-800"></div>
</span>
</Tooltip>
<div class="hidden gap-2 group-hover:inline-flex">
<div v-if="conversationCount" class="flex items-center gap-1 text-xs">
<IconMail class="h-3 w-3" />
{{ conversationCount }}
</div>
<div v-if="commentCount" class="flex items-center gap-1 text-xs">
<IconComment class="h-3 w-3" />
{{ commentCount }}
</div>
</div>
<div class="flex items-center gap-1">
<IconHash class="h-3 w-3" />
{{ ticketName }}
</div>
</div>
</router-link>
<!-- <div class="flex flex-wrap items-center gap-2 text-xs text-gray-600"> -->
<!-- <IconHash class="h-3 w-3" /> -->
<!-- <div>{{ ticketName }}</div> -->
<!-- <IconDot class="h-3 w-3" /> -->
<!-- <IconMail class="h-3 w-3" /> -->
<!-- {{ conversationCount }} -->
<!-- <IconDot class="h-3 w-3" /> -->
<!-- <IconComment class="h-3 w-3" /> -->
<!-- {{ commentCount }} -->
<!-- </div> -->
</template>

<script setup lang="ts">
import { computed, toRefs } from "vue";
import { createDocumentResource, Tooltip } from "frappe-ui";
import IconDot from "~icons/ph/dot-outline-fill";
import IconHash from "~icons/espresso/hash";
import IconMail from "~icons/espresso/mail";
import IconComment from "~icons/espresso/comment";
Expand All @@ -63,9 +62,7 @@ const subject = computed(() => ticket.doc?.subject);
const metaData = computed(() => ticket.getMeta?.data?.message);
const conversationCount = computed(() => metaData.value?.conversation_count);
const commentCount = computed(() => metaData.value?.comment_count);
// const isSeen = computed(() => metaData.value?.is_seen);

const isSeen = Math.random() < 0.5;
const isSeen = computed(() => metaData.value?.is_seen);

const ticket = createDocumentResource({
doctype: "HD Ticket",
Expand Down