1
0

feat(components): align component name casing fancycheckbox

This commit is contained in:
Dominik Pschenitschni
2024-06-15 14:11:06 +02:00
parent 5d2c731c59
commit 541f608d3c
17 changed files with 79 additions and 79 deletions

View File

@ -5,12 +5,12 @@
:class="{'is-loading': loading}"
>
<header class="project-header">
<Fancycheckbox
<FancyCheckbox
v-model="showArchived"
v-cy="'show-archived-check'"
>
{{ $t('project.showArchived') }}
</Fancycheckbox>
</FancyCheckbox>
<div class="action-buttons">
<x-button
@ -40,7 +40,7 @@
import {computed} from 'vue'
import {useI18n} from 'vue-i18n'
import Fancycheckbox from '@/components/input/fancycheckbox.vue'
import FancyCheckbox from '@/components/input/FancyCheckbox.vue'
import ProjectCardGrid from '@/components/project/partials/ProjectCardGrid.vue'
import {useTitle} from '@/composables/useTitle'

View File

@ -21,7 +21,7 @@ import {formatDateShort} from '@/helpers/time/formatDate'
import User from '@/components/misc/user.vue'
import WebhookModel from '@/models/webhook'
import BaseButton from '@/components/base/BaseButton.vue'
import Fancycheckbox from '@/components/input/fancycheckbox.vue'
import FancyCheckbox from '@/components/input/FancyCheckbox.vue'
import {success} from '@/message'
import {isValidHttpUrl} from '@/helpers/isValidHttpUrl'
@ -192,7 +192,7 @@ function validateSelectedEvents() {
{{ $t('project.webhooks.eventsHint') }}
</p>
<div class="control">
<Fancycheckbox
<FancyCheckbox
v-for="event in availableEvents"
:key="event"
v-model="newWebhookEvents[event]"
@ -200,7 +200,7 @@ function validateSelectedEvents() {
@update:modelValue="validateSelectedEvents"
>
{{ event }}
</Fancycheckbox>
</FancyCheckbox>
</div>
<p
v-if="!selectedEventsValid"

View File

@ -22,19 +22,19 @@
</x-button>
</template>
</DatepickerWithRange>
<Fancycheckbox
<FancyCheckbox
:model-value="showNulls"
class="mr-2"
@update:modelValue="setShowNulls"
>
{{ $t('task.show.noDates') }}
</Fancycheckbox>
<Fancycheckbox
</FancyCheckbox>
<FancyCheckbox
:model-value="showOverdue"
@update:modelValue="setShowOverdue"
>
{{ $t('task.show.overdue') }}
</Fancycheckbox>
</FancyCheckbox>
</p>
<template v-if="!loading && (!tasks || tasks.length === 0) && showNothingToDo">
<h3 class="has-text-centered mt-6">
@ -76,7 +76,7 @@ import {useI18n} from 'vue-i18n'
import {formatDate} from '@/helpers/time/formatDate'
import {setTitle} from '@/helpers/setTitle'
import Fancycheckbox from '@/components/input/fancycheckbox.vue'
import FancyCheckbox from '@/components/input/FancyCheckbox.vue'
import SingleTaskInProject from '@/components/tasks/partials/singleTaskInProject.vue'
import DatepickerWithRange from '@/components/date/DatepickerWithRange.vue'
import {DATE_RANGES} from '@/components/date/dateRanges'

View File

@ -45,13 +45,13 @@
class="control is-expanded"
:class="{ 'is-loading': teamService.loading }"
>
<Fancycheckbox
<FancyCheckbox
v-model="team.isPublic"
:disabled="teamMemberService.loading || undefined"
:class="{ 'disabled': teamService.loading }"
>
{{ $t('team.attributes.isPublicDescription') }}
</Fancycheckbox>
</FancyCheckbox>
</div>
</div>
<div class="field">
@ -263,7 +263,7 @@ import {useI18n} from 'vue-i18n'
import {useRoute, useRouter} from 'vue-router'
import Editor from '@/components/input/AsyncEditor'
import Fancycheckbox from '@/components/input/fancycheckbox.vue'
import FancyCheckbox from '@/components/input/FancyCheckbox.vue'
import Multiselect from '@/components/input/Multiselect.vue'
import User from '@/components/misc/user.vue'

View File

@ -37,12 +37,12 @@
class="control is-expanded"
:class="{ 'is-loading': teamService.loading }"
>
<Fancycheckbox
<FancyCheckbox
v-model="team.isPublic"
:class="{ 'disabled': teamService.loading }"
>
{{ $t('team.attributes.isPublicDescription') }}
</Fancycheckbox>
</FancyCheckbox>
</div>
</div>
<p
@ -66,7 +66,7 @@ import TeamModel from '@/models/team'
import TeamService from '@/services/team'
import CreateEdit from '@/components/misc/CreateEdit.vue'
import Fancycheckbox from '@/components/input/fancycheckbox.vue'
import FancyCheckbox from '@/components/input/FancyCheckbox.vue'
import {useTitle} from '@/composables/useTitle'
import {useRouter} from 'vue-router'

View File

@ -5,7 +5,7 @@ import {formatDateShort, formatDateSince} from '@/helpers/time/formatDate'
import XButton from '@/components/input/button.vue'
import BaseButton from '@/components/base/BaseButton.vue'
import ApiTokenModel from '@/models/apiTokenModel'
import Fancycheckbox from '@/components/input/fancycheckbox.vue'
import FancyCheckbox from '@/components/input/FancyCheckbox.vue'
import {MILLISECONDS_A_DAY} from '@/constants/date'
import flatPickr from 'vue-flatpickr-component'
import 'flatpickr/dist/flatpickr.css'
@ -299,26 +299,26 @@ function toggleGroupPermissionsFromChild(group: string, checked: boolean) {
<template
v-if="Object.keys(routes).length >= 1"
>
<Fancycheckbox
<FancyCheckbox
v-model="newTokenPermissionsGroup[group]"
class="mr-2 is-capitalized has-text-weight-bold"
@update:modelValue="checked => selectPermissionGroup(group, checked)"
>
{{ formatPermissionTitle(group) }}
</Fancycheckbox>
</FancyCheckbox>
<br>
</template>
<template
v-for="(paths, route) in routes"
:key="group+'-'+route"
>
<Fancycheckbox
<FancyCheckbox
v-model="newTokenPermissions[group][route]"
class="ml-4 mr-2 is-capitalized"
@update:modelValue="checked => toggleGroupPermissionsFromChild(group, checked)"
>
{{ formatPermissionTitle(route) }}
</Fancycheckbox>
</FancyCheckbox>
<br>
</template>
</div>