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

4
frontend/src/components/input/Button.vue
View File

@ -13,7 +13,7 @@
}"
>
<template v-if="icon">
<icon
<Icon
v-if="showIconOnly"
:icon="icon"
:style="{'color': iconColor !== '' ? iconColor : undefined}"
@ -22,7 +22,7 @@
v-else
class="icon is-small"
>
<icon
<Icon
:icon="icon"
:style="{'color': iconColor !== '' ? iconColor : undefined}"
/>

12
frontend/src/components/input/DatepickerInline.vue
View File

@ -4,7 +4,7 @@
class="datepicker__quick-select-date"
@click.stop="setDate('today')"
>
<span class="icon"><icon :icon="['far', 'calendar-alt']" /></span>
<span class="icon"><Icon :icon="['far', 'calendar-alt']" /></span>
<span class="text">
<span>{{ $t('input.datepicker.today') }}</span>
<span class="weekday">{{ getWeekdayFromStringInterval('today') }}</span>
@ -14,7 +14,7 @@
class="datepicker__quick-select-date"
@click.stop="setDate('tomorrow')"
>
<span class="icon"><icon :icon="['far', 'sun']" /></span>
<span class="icon"><Icon :icon="['far', 'sun']" /></span>
<span class="text">
<span>{{ $t('input.datepicker.tomorrow') }}</span>
<span class="weekday">{{ getWeekdayFromStringInterval('tomorrow') }}</span>
@ -24,7 +24,7 @@
class="datepicker__quick-select-date"
@click.stop="setDate('nextMonday')"
>
<span class="icon"><icon icon="coffee" /></span>
<span class="icon"><Icon icon="coffee" /></span>
<span class="text">
<span>{{ $t('input.datepicker.nextMonday') }}</span>
<span class="weekday">{{ getWeekdayFromStringInterval('nextMonday') }}</span>
@ -34,7 +34,7 @@
class="datepicker__quick-select-date"
@click.stop="setDate('thisWeekend')"
>
<span class="icon"><icon icon="cocktail" /></span>
<span class="icon"><Icon icon="cocktail" /></span>
<span class="text">
<span>{{ $t('input.datepicker.thisWeekend') }}</span>
<span class="weekday">{{ getWeekdayFromStringInterval('thisWeekend') }}</span>
@ -44,7 +44,7 @@
class="datepicker__quick-select-date"
@click.stop="setDate('laterThisWeek')"
>
<span class="icon"><icon icon="chess-knight" /></span>
<span class="icon"><Icon icon="chess-knight" /></span>
<span class="text">
<span>{{ $t('input.datepicker.laterThisWeek') }}</span>
<span class="weekday">{{ getWeekdayFromStringInterval('laterThisWeek') }}</span>
@ -54,7 +54,7 @@
class="datepicker__quick-select-date"
@click.stop="setDate('nextWeek')"
>
<span class="icon"><icon icon="forward" /></span>
<span class="icon"><Icon icon="forward" /></span>
<span class="text">
<span>{{ $t('input.datepicker.nextWeek') }}</span>
<span class="weekday">{{ getWeekdayFromStringInterval('nextWeek') }}</span>

2
frontend/src/components/input/Multiselect.vue
View File

@ -57,7 +57,7 @@
class="removal-button"
@click="resetSelectedValue"
>
<icon icon="times" />
<Icon icon="times" />
</BaseButton>
</div>
</div>

2
frontend/src/components/input/Password.vue
View File

@ -20,7 +20,7 @@
:aria-label="passwordFieldType === 'password' ? $t('user.auth.showPassword') : $t('user.auth.hidePassword')"
@click="togglePasswordFieldType"
>
<icon :icon="passwordFieldType === 'password' ? 'eye' : 'eye-slash'" />
<Icon :icon="passwordFieldType === 'password' ? 'eye' : 'eye-slash'" />
</BaseButton>
</div>
<p

2
frontend/src/components/input/Reactions.vue
View File

@ -157,7 +157,7 @@ async function toggleReaction(value: string) {
class="reaction-button"
@click.stop="toggleEmojiPicker"
>
<icon :icon="['far', 'face-laugh']" />
<Icon :icon="['far', 'face-laugh']" />
</BaseButton>
<CustomTransition name="fade">
<VuemojiPicker

2
frontend/src/components/input/editor/CommandsList.vue
View File

@ -8,7 +8,7 @@
:class="{ 'is-selected': index === selectedIndex }"
@click="selectItem(index)"
>
<icon :icon="item.icon" />
<Icon :icon="item.icon" />
<div class="description">
<p>{{ item.title }}</p>
<p>{{ item.description }}</p>

38
frontend/src/components/input/editor/EditorToolbar.vue
View File

@ -8,7 +8,7 @@
@click="editor.chain().focus().toggleHeading({ level: 1 }).run()"
>
<span class="icon">
<icon :icon="['fa', 'fa-header']" />
<Icon :icon="['fa', 'fa-header']" />
<span class="icon__lower-text">1</span>
</span>
</BaseButton>
@ -19,7 +19,7 @@
@click="editor.chain().focus().toggleHeading({ level: 2 }).run()"
>
<span class="icon">
<icon :icon="['fa', 'fa-header']" />
<Icon :icon="['fa', 'fa-header']" />
<span class="icon__lower-text">2</span>
</span>
</BaseButton>
@ -30,7 +30,7 @@
@click="editor.chain().focus().toggleHeading({ level: 3 }).run()"
>
<span class="icon">
<icon :icon="['fa', 'fa-header']" />
<Icon :icon="['fa', 'fa-header']" />
<span class="icon__lower-text">3</span>
</span>
</BaseButton>
@ -44,7 +44,7 @@
@click="editor.chain().focus().toggleBold().run()"
>
<span class="icon">
<icon :icon="['fa', 'fa-bold']" />
<Icon :icon="['fa', 'fa-bold']" />
</span>
</BaseButton>
<BaseButton
@ -54,7 +54,7 @@
@click="editor.chain().focus().toggleItalic().run()"
>
<span class="icon">
<icon :icon="['fa', 'fa-italic']" />
<Icon :icon="['fa', 'fa-italic']" />
</span>
</BaseButton>
<BaseButton
@ -64,7 +64,7 @@
@click="editor.chain().focus().toggleUnderline().run()"
>
<span class="icon">
<icon :icon="['fa', 'fa-underline']" />
<Icon :icon="['fa', 'fa-underline']" />
</span>
</BaseButton>
<BaseButton
@ -74,7 +74,7 @@
@click="editor.chain().focus().toggleStrike().run()"
>
<span class="icon">
<icon :icon="['fa', 'fa-strikethrough']" />
<Icon :icon="['fa', 'fa-strikethrough']" />
</span>
</BaseButton>
</div>
@ -87,7 +87,7 @@
@click="editor.chain().focus().toggleCodeBlock().run()"
>
<span class="icon">
<icon :icon="['fa', 'fa-code']" />
<Icon :icon="['fa', 'fa-code']" />
</span>
</BaseButton>
<BaseButton
@ -97,7 +97,7 @@
@click="editor.chain().focus().toggleBlockquote().run()"
>
<span class="icon">
<icon :icon="['fa', 'fa-quote-right']" />
<Icon :icon="['fa', 'fa-quote-right']" />
</span>
</BaseButton>
</div>
@ -110,7 +110,7 @@
@click="editor.chain().focus().toggleBulletList().run()"
>
<span class="icon">
<icon :icon="['fa', 'fa-list-ul']" />
<Icon :icon="['fa', 'fa-list-ul']" />
</span>
</BaseButton>
<BaseButton
@ -120,7 +120,7 @@
@click="editor.chain().focus().toggleOrderedList().run()"
>
<span class="icon">
<icon :icon="['fa', 'fa-list-ol']" />
<Icon :icon="['fa', 'fa-list-ol']" />
</span>
</BaseButton>
<BaseButton
@ -130,7 +130,7 @@
@click="editor.chain().focus().toggleTaskList().run()"
>
<span class="icon">
<icon icon="fa-list-check" />
<Icon icon="fa-list-check" />
</span>
</BaseButton>
</div>
@ -142,7 +142,7 @@
@click="e => emit('imageUploadClicked', e)"
>
<span class="icon">
<icon icon="fa-image" />
<Icon icon="fa-image" />
</span>
</BaseButton>
</div>
@ -156,7 +156,7 @@
@click="setLink"
>
<span class="icon">
<icon :icon="['fa', 'fa-link']" />
<Icon :icon="['fa', 'fa-link']" />
</span>
</BaseButton>
<BaseButton
@ -167,7 +167,7 @@
@click="editor.chain().focus().setParagraph().run()"
>
<span class="icon">
<icon :icon="['fa', 'fa-paragraph']" />
<Icon :icon="['fa', 'fa-paragraph']" />
</span>
</BaseButton>
@ -177,7 +177,7 @@
@click="editor.chain().focus().setHorizontalRule().run()"
>
<span class="icon">
<icon :icon="['fa', 'fa-ruler-horizontal']" />
<Icon :icon="['fa', 'fa-ruler-horizontal']" />
</span>
</BaseButton>
</div>
@ -189,7 +189,7 @@
@click="editor.chain().focus().undo().run()"
>
<span class="icon">
<icon :icon="['fa', 'fa-undo']" />
<Icon :icon="['fa', 'fa-undo']" />
</span>
</BaseButton>
<BaseButton
@ -198,7 +198,7 @@
@click="editor.chain().focus().redo().run()"
>
<span class="icon">
<icon :icon="['fa', 'fa-redo']" />
<Icon :icon="['fa', 'fa-redo']" />
</span>
</BaseButton>
</div>
@ -212,7 +212,7 @@
@click="toggleTableMode"
>
<span class="icon">
<icon :icon="['fa', 'fa-table']" />
<Icon :icon="['fa', 'fa-table']" />
</span>
</BaseButton>
<div

12
frontend/src/components/input/editor/TipTap.vue
View File

@ -19,7 +19,7 @@
:class="{ 'is-active': editor.isActive('bold') }"
@click="editor.chain().focus().toggleBold().run()"
>
<icon :icon="['fa', 'fa-bold']" />
<Icon :icon="['fa', 'fa-bold']" />
</BaseButton>
<BaseButton
v-tooltip="$t('input.editor.italic')"
@ -27,7 +27,7 @@
:class="{ 'is-active': editor.isActive('italic') }"
@click="editor.chain().focus().toggleItalic().run()"
>
<icon :icon="['fa', 'fa-italic']" />
<Icon :icon="['fa', 'fa-italic']" />
</BaseButton>
<BaseButton
v-tooltip="$t('input.editor.underline')"
@ -35,7 +35,7 @@
:class="{ 'is-active': editor.isActive('underline') }"
@click="editor.chain().focus().toggleUnderline().run()"
>
<icon :icon="['fa', 'fa-underline']" />
<Icon :icon="['fa', 'fa-underline']" />
</BaseButton>
<BaseButton
v-tooltip="$t('input.editor.strikethrough')"
@ -43,7 +43,7 @@
:class="{ 'is-active': editor.isActive('strike') }"
@click="editor.chain().focus().toggleStrike().run()"
>
<icon :icon="['fa', 'fa-strikethrough']" />
<Icon :icon="['fa', 'fa-strikethrough']" />
</BaseButton>
<BaseButton
v-tooltip="$t('input.editor.code')"
@ -51,7 +51,7 @@
:class="{ 'is-active': editor.isActive('code') }"
@click="editor.chain().focus().toggleCode().run()"
>
<icon :icon="['fa', 'fa-code']" />
<Icon :icon="['fa', 'fa-code']" />
</BaseButton>
<BaseButton
v-tooltip="$t('input.editor.link')"
@ -59,7 +59,7 @@
:class="{ 'is-active': editor.isActive('link') }"
@click="setLink"
>
<icon :icon="['fa', 'fa-link']" />
<Icon :icon="['fa', 'fa-link']" />
</BaseButton>
</BubbleMenu>