verdnatura/salix-front
verdnatura
/
salix-front
2
2
Fork 1
Code Issues Pull Requests 99 Releases Wiki Activity

Rename WorkerDateLabel and change colors
gitea/salix-front/pipeline/pr-dev There was a failure building this commit Details

This commit is contained in:
William Buezas 2024-04-09 09:21:35 -03:00
parent 0941d74d52
commit fb4f35a378
2 changed files with 9 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/Worker/Card/WorkerCalendarFilter.vue
View File

@ -1,5 +1,5 @@
<script setup> <script setup>
import WorkerDateLabel from 'pages/Worker/Card/WorkerDateLabel.vue'; import WorkerEventLabel from 'pages/Worker/Card/WorkerEventLabel.vue';
import FetchData from 'components/FetchData.vue'; import FetchData from 'components/FetchData.vue';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
import VnSelectFilter from 'components/common/VnSelectFilter.vue'; import VnSelectFilter from 'components/common/VnSelectFilter.vue';
@ -186,24 +186,24 @@ const yearList = ref(generateYears());
</QList> </QList>
<QList dense class="list q-gutter-y-sm q-my-lg"> <QList dense class="list q-gutter-y-sm q-my-lg">
<QItem v-for="type in absenceTypeList" :key="type.id"> <QItem v-for="type in absenceTypeList" :key="type.id">
<WorkerDateLabel <WorkerEventLabel
:color="type.rgb" :color="type.rgb"
:selected="selectedAbsenceType?.id === type.id" :selected="selectedAbsenceType?.id === type.id"
@click="selectedAbsenceType = type" @click="selectedAbsenceType = type"
> >
{{ type.name }} {{ type.name }}
</WorkerDateLabel> </WorkerEventLabel>
</QItem> </QItem>
</QList> </QList>
<QSeparator /> <QSeparator />
<QList dense class="list q-my-lg no-pointer-events"> <QList dense class="list q-my-lg no-pointer-events">
<QItem> <QItem>
<WorkerDateLabel avatar-class="worker-calendar-festive"> <WorkerEventLabel avatar-class="worker-calendar-festive">
{{ t('Festive') }} {{ t('Festive') }}
</WorkerDateLabel> </WorkerEventLabel>
<WorkerDateLabel avatar-class="worker-calendar-today"> <WorkerEventLabel avatar-class="worker-calendar-today">
{{ t('Current day') }} {{ t('Current day') }}
</WorkerDateLabel> </WorkerEventLabel>
</QItem> </QItem>
</QList> </QList>
</template> </template>

10
src/pages/Worker/Card/WorkerDateLabel.vue → src/pages/Worker/Card/WorkerEventLabel.vue
View File

@ -18,9 +18,9 @@ defineEmits(['update:selected']);
<template> <template>
<QChip <QChip
class="chip" class="text-white"
:selected="selected" :selected="selected"
:style="selected ? { backgroundColor: color } : null" :style="{ backgroundColor: selected ? color : 'black' }"
@update:selected="$emit('update:selected', $event)" @update:selected="$emit('update:selected', $event)"
> >
<QAvatar <QAvatar
@ -31,9 +31,3 @@ defineEmits(['update:selected']);
<slot /> <slot />
</QChip> </QChip>
</template> </template>
<style scoped lang="scss">
.chip {
color: var(--vn-text-color);
}
</style>