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

fix: minor fixes

Browse Source
This commit is contained in:
Shariq Ansari 2023-09-29 18:43:24 +05:30
parent f99529e499
commit 74811f4820
2 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -92,24 +92,23 @@
<UserAvatar :user="task.assigned_to" size="xs" /> <UserAvatar :user="task.assigned_to" size="xs" />
{{ getUser(task.assigned_to).full_name }} {{ getUser(task.assigned_to).full_name }}
</div> </div>
<div class="flex items-center justify-center"> <div
v-if="task.due_date"
class="flex items-center justify-center"
>
<DotIcon class="h-2.5 w-2.5 text-gray-600" :radius="2" /> <DotIcon class="h-2.5 w-2.5 text-gray-600" :radius="2" />
</div> </div>
<div class="flex gap-2"> <div v-if="task.due_date" class="flex gap-2">
<CalendarIcon /> <CalendarIcon />
<Tooltip <Tooltip :text="dateFormat(task.due_date, 'ddd, MMM D, YYYY')">
v-if="task.due_date"
:text="dateFormat(task.due_date, 'ddd, MMM D, YYYY')"
>
{{ dateFormat(task.due_date, 'D MMM') }} {{ dateFormat(task.due_date, 'D MMM') }}
</Tooltip> </Tooltip>
<div v-else class="text-gray-600">No due date</div>
</div> </div>
<div class="flex items-center justify-center"> <div class="flex items-center justify-center">
<DotIcon class="h-2.5 w-2.5 text-gray-600" :radius="2" /> <DotIcon class="h-2.5 w-2.5 text-gray-600" :radius="2" />
</div> </div>
<div class="flex gap-2"> <div class="flex gap-2">
<TaskPriorityIcon :priority="task.priority" /> <TaskPriorityIcon class="!w-2 !h-2" :priority="task.priority" />
{{ task.priority }} {{ task.priority }}
</div> </div>
</div> </div>
@ -119,9 +118,11 @@
:options="taskStatusOptions(updateTaskStatus, task)" :options="taskStatusOptions(updateTaskStatus, task)"
@click.stop @click.stop
> >
<Button variant="ghosted" class="hover:bg-gray-300"> <Tooltip text="Change status">
<TaskStatusIcon :status="task.status" /> <Button variant="ghosted" class="hover:bg-gray-300">
</Button> <TaskStatusIcon :status="task.status" />
</Button>
</Tooltip>
</Dropdown> </Dropdown>
<Dropdown <Dropdown
:options="[ :options="[

5
frontend/src/components/Icons/TaskPriorityIcon.vue
View File

@ -6,11 +6,14 @@
'bg-red-500': priority === 'High', 'bg-red-500': priority === 'High',
'bg-yellow-500': priority === 'Medium', 'bg-yellow-500': priority === 'Medium',
'bg-gray-300': priority === 'Low', 'bg-gray-300': priority === 'Low',
}" }, $attrs.class"
></div> ></div>
</div> </div>
</template> </template>
<script setup> <script setup>
defineOptions({
inheritAttrs: false
})
const props = defineProps({ const props = defineProps({
priority: { priority: {
type: String, type: String,