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

refactor styles and add image not found to worker descriptor
gitea/salix-front/pipeline/head There was a failure building this commit Details

This commit is contained in:
Pau 2022-12-20 11:01:13 +01:00
parent 9ed9e03b42
commit df5eb9f27e
4 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/i18n/en/index.js
View File

@ -376,6 +376,7 @@ export default {
role: 'Role', role: 'Role',
sipExtension: 'Extension', sipExtension: 'Extension',
}, },
imageNotFound: 'Image not found',
}, },
components: { components: {
topbar: {}, topbar: {},

1
src/i18n/es/index.js
View File

@ -375,6 +375,7 @@ export default {
role: 'Rol', role: 'Rol',
sipExtension: 'Extensión', sipExtension: 'Extensión',
}, },
imageNotFound: 'No se ha encontrado la imagen',
}, },
components: { components: {
topbar: {}, topbar: {},

15
src/pages/Worker/Card/WorkerDescriptor.vue
View File

@ -77,7 +77,20 @@ function getWorkerAvatar() {
<template> <template>
<card-descriptor v-if="worker" module="Worker" :data="worker" :description="worker.user.name"> <card-descriptor v-if="worker" module="Worker" :data="worker" :description="worker.user.name">
<template #before> <template #before>
<q-img :src="getWorkerAvatar()" class="q-mb-md" /> <q-img :src="getWorkerAvatar()" class="q-mb-md">
<template #error>
<div class="absolute-full bg-grey-10 text-center q-pa-md flex flex-center">
<div>
<div class="text-grey-5" style="opacity: 0.4; font-size: 5vh">
<q-icon name="vn:claims" />
</div>
<div class="text-grey-5" style="opacity: 0.4">
{{ t('worker.imageNotFound') }}
</div>
</div>
</div>
</template>
</q-img>
</template> </template>
<template #body> <template #body>
<q-list> <q-list>

14
src/pages/Worker/WorkerList.vue
View File

@ -77,14 +77,12 @@ function viewSummary(id) {
</q-item-section> </q-item-section>
<q-separator vertical /> <q-separator vertical />
<q-card-actions vertical class="justify-between"> <q-card-actions vertical class="justify-between">
<q-item-section side class="q-pa-md"> <q-btn flat round color="orange" icon="preview" @click="viewSummary(row.id)">
<q-btn flat round color="orange" icon="preview" @click="viewSummary(row.id)"> <q-tooltip>{{ t('components.smartCard.openSummary') }}</q-tooltip>
<q-tooltip>{{ t('components.smartCard.openSummary') }}</q-tooltip> </q-btn>
</q-btn> <q-btn flat round color="grey-7" icon="schedule" @click="navigate(row.id)">
<q-btn flat round color="grey-7" icon="schedule" @click="navigate(row.id)"> <q-tooltip>{{ t('worker.list.schedule') }}</q-tooltip>
<q-tooltip>{{ t('worker.list.schedule') }}</q-tooltip> </q-btn>
</q-btn>
</q-item-section>
</q-card-actions> </q-card-actions>
</q-item> </q-item>
</q-card> </q-card>