ami/tl-vikunja
1
0
Fork 0
Code Activity

feat: camelcase global components

Browse Source
This commit is contained in:
Dominik Pschenitschni
2024-06-18 17:48:04 +02:00
committed by konrad
parent 1977a7bee0
commit f36115871c
74 changed files with 236 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/tasks/AddTask.vue
View File

@ -17,7 +17,7 @@
@keydown.enter="handleEnter"
/>
<span class="icon is-small is-left">
<icon icon="tasks" />
<Icon icon="tasks" />
</span>
<QuickAddMagic :highlight-hint-icon="taskAddHovered" />
</p>

2
frontend/src/components/tasks/partials/AssigneeList.vue
View File

@ -44,7 +44,7 @@ const hasDelete = computed(() => typeof remove !== 'undefined' && !disabled)
class="remove-assignee"
@click="remove(user)"
>
<icon icon="times" />
<Icon icon="times" />
</BaseButton>
</span>
</div>

20
frontend/src/components/tasks/partials/Attachments.vue
View File

@ -2,7 +2,7 @@
<div class="attachments">
<h3>
<span class="icon is-grey">
<icon icon="paperclip" />
<Icon icon="paperclip" />
</span>
{{ $t('task.attachment.title') }}
</h3>
@ -77,14 +77,14 @@
class="attachment-info-meta-button"
@click.prevent.stop="downloadAttachment(a)"
>
<icon icon="download" />
<Icon icon="download" />
</BaseButton>
<BaseButton
v-tooltip="$t('task.attachment.copyUrlTooltip')"
class="attachment-info-meta-button"
@click.stop="copyUrl(a)"
>
<icon icon="copy" />
<Icon icon="copy" />
</BaseButton>
<BaseButton
v-if="editEnabled"
@ -92,7 +92,7 @@
class="attachment-info-meta-button"
@click.prevent.stop="setAttachmentToDelete(a)"
>
<icon icon="trash-alt" />
<Icon icon="trash-alt" />
</BaseButton>
<BaseButton
v-if="editEnabled && canPreview(a)"
@ -102,7 +102,7 @@
class="attachment-info-meta-button"
@click.prevent.stop="setCoverImage(task.coverImageAttachmentId === a.id ? null : a)"
>
<icon :icon="task.coverImageAttachmentId === a.id ? 'eye-slash' : 'eye'" />
<Icon :icon="task.coverImageAttachmentId === a.id ? 'eye-slash' : 'eye'" />
</BaseButton>
</p>
</div>
@ -131,7 +131,7 @@
>
<div class="drop-hint">
<div class="icon">
<icon icon="cloud-upload-alt" />
<Icon icon="cloud-upload-alt" />
</div>
<div class="hint">
{{ $t('task.attachment.drop') }}
@ -141,7 +141,7 @@
</Teleport>
<!-- Delete modal -->
<modal
<Modal
:enabled="attachmentToDelete !== null"
@close="setAttachmentToDelete(null)"
@submit="deleteAttachment()"
@ -156,10 +156,10 @@
<strong class="has-text-white">{{ $t('misc.cannotBeUndone') }}</strong>
</p>
</template>
</modal>
</Modal>
<!-- Attachment image modal -->
<modal
<Modal
:enabled="attachmentImageBlobUrl !== null"
@close="attachmentImageBlobUrl = null"
>
@ -167,7 +167,7 @@
:src="attachmentImageBlobUrl"
alt=""
>
</modal>
</Modal>
</div>
</template>

6
frontend/src/components/tasks/partials/Comments.vue
View File

@ -8,7 +8,7 @@
:class="{'d-print-none': comments.length === 0}"
>
<span class="icon is-grey">
<icon :icon="['far', 'comments']" />
<Icon :icon="['far', 'comments']" />
</span>
{{ $t('task.comment.title') }}
</h3>
@ -160,7 +160,7 @@
</div>
</div>
<modal
<Modal
:enabled="showDeleteModal"
@close="showDeleteModal = false"
@submit="() => deleteComment(commentToDelete)"
@ -175,7 +175,7 @@
<strong class="has-text-white">{{ $t('misc.cannotBeUndone') }}</strong>
</p>
</template>
</modal>
</Modal>
</div>
</template>

4
frontend/src/components/tasks/partials/Description.vue
View File

@ -2,7 +2,7 @@
<div>
<h3>
<span class="icon is-grey">
<icon icon="align-left" />
<Icon icon="align-left" />
</span>
{{ $t('task.attributes.description') }}
<CustomTransition name="fade">
@ -17,7 +17,7 @@
v-else-if="!loading && saved"
class="is-small has-text-success"
>
<icon icon="check" />
<Icon icon="check" />
{{ $t('misc.saved') }}
</span>
</CustomTransition>

2
frontend/src/components/tasks/partials/FilePreview.vue
View File

@ -11,7 +11,7 @@
v-else
class="icon-wrapper"
>
<icon
<Icon
size="6x"
icon="file"
/>

2
frontend/src/components/tasks/partials/Heading.vue
View File

@ -38,7 +38,7 @@
v-else-if="!loading && showSavedMessage"
class="has-text-success is-inline-flex is-align-content-center"
>
<icon
<Icon
icon="check"
class="mr-2"
/>

8
frontend/src/components/tasks/partials/KanbanCard.vue
View File

@ -39,7 +39,7 @@
class="due-date"
>
<span class="icon">
<icon :icon="['far', 'calendar-alt']" />
<Icon :icon="['far', 'calendar-alt']" />
</span>
<time :datetime="formatISO(task.dueDate)">
{{ formatDateSince(task.dueDate) }}
@ -73,19 +73,19 @@
v-if="task.attachments.length > 0"
class="icon"
>
<icon icon="paperclip" />
<Icon icon="paperclip" />
</span>
<span
v-if="!isEditorContentEmpty(task.description)"
class="icon"
>
<icon icon="align-left" />
<Icon icon="align-left" />
</span>
<span
v-if="task.repeatAfter.amount > 0"
class="icon"
>
<icon icon="history" />
<Icon icon="history" />
</span>
</div>
</div>

4
frontend/src/components/tasks/partials/PriorityLabel.vue
View File

@ -8,7 +8,7 @@
v-if="priority >= priorities.HIGH"
class="icon"
>
<icon icon="exclamation" />
<Icon icon="exclamation" />
</span>
<span>
<template v-if="priority === priorities.UNSET">{{ $t('task.priority.unset') }}</template>
@ -22,7 +22,7 @@
v-if="priority === priorities.DO_NOW"
class="icon pr-0"
>
<icon icon="exclamation" />
<Icon icon="exclamation" />
</span>
</span>
</template>

10
frontend/src/components/tasks/partials/QuickAddMagic.vue
View File

@ -7,16 +7,16 @@
:class="{'is-highlighted': highlightHintIcon}"
@click="() => visible = true"
>
<icon :icon="['far', 'circle-question']" />
<Icon :icon="['far', 'circle-question']" />
</BaseButton>
<modal
<Modal
:enabled="visible"
transition-name="fade"
:overflow="true"
variant="hint-modal"
@close="() => visible = false"
>
<card
<Card
class="has-no-shadow"
:title="$t('task.quickAddMagic.title')"
>
@ -89,8 +89,8 @@
<li>Every 2 weeks</li>
<li>Every month</li>
</ul>
</card>
</modal>
</Card>
</Modal>
</template>
</template>

6
frontend/src/components/tasks/partials/RelatedTasks.vue
View File

@ -151,7 +151,7 @@
otherTaskId: task.id
})"
>
<icon icon="trash-alt" />
<Icon icon="trash-alt" />
</BaseButton>
</div>
</div>
@ -163,7 +163,7 @@
{{ $t('task.relation.noneYet') }}
</p>
<modal
<Modal
:enabled="relationToDelete !== undefined"
@close="relationToDelete = undefined"
@submit="removeTaskRelation()"
@ -178,7 +178,7 @@
<strong class="has-text-white">{{ $t('misc.cannotBeUndone') }}</strong>
</p>
</template>
</modal>
</Modal>
</div>
</template>

2
frontend/src/components/tasks/partials/Reminders.vue
View File

@ -18,7 +18,7 @@
class="remove"
@click="removeReminderByIndex(index)"
>
<icon icon="times" />
<Icon icon="times" />
</BaseButton>
</div>

10
frontend/src/components/tasks/partials/SingleTaskInProject.vue
View File

@ -102,19 +102,19 @@
v-if="task.attachments.length > 0"
class="project-task-icon"
>
<icon icon="paperclip" />
<Icon icon="paperclip" />
</span>
<span
v-if="!isEditorContentEmpty(task.description)"
class="project-task-icon"
>
<icon icon="align-left" />
<Icon icon="align-left" />
</span>
<span
v-if="isRepeating"
class="project-task-icon"
>
<icon icon="history" />
<Icon icon="history" />
</span>
</span>
@ -147,11 +147,11 @@
class="favorite"
@click="toggleFavorite"
>
<icon
<Icon
v-if="task.isFavorite"
icon="star"
/>
<icon
<Icon
v-else
:icon="['far', 'star']"
/>

6
frontend/src/components/tasks/partials/SingleTaskInlineReadonly.vue
View File

@ -67,19 +67,19 @@
v-if="task.attachments.length > 0"
class="project-task-icon"
>
<icon icon="paperclip" />
<Icon icon="paperclip" />
</span>
<span
v-if="task.description"
class="project-task-icon"
>
<icon icon="align-left" />
<Icon icon="align-left" />
</span>
<span
v-if="task.repeatAfter.amount > 0"
class="project-task-icon"
>
<icon icon="history" />
<Icon icon="history" />
</span>
</span>