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

Merge branch 'dev' into 6907_fix_input_clearable_hover
gitea/salix-front/pipeline/pr-dev This commit looks good Details

This commit is contained in:
Javier Segarra 2024-03-22 06:16:40 +00:00
parent fedec76b62 b3a889e8f6
commit 36a6554fb1
69 changed files with 326 additions and 298 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/LeftMenu.vue
View File

@ -234,6 +234,6 @@ async function togglePinned(item, event) {
max-width: 256px; max-width: 256px;
} }
.header { .header {
color: #999999; color: var(--vn-label-color);
} }
</style> </style>

2
src/components/NavBar.vue
View File

@ -106,7 +106,7 @@ const pinnedModulesRef = ref();
width: max-content; width: max-content;
} }
.q-header { .q-header {
background-color: var(--vn-dark); background-color: var(--vn-section-color);
} }
</style> </style>
<i18n> <i18n>

2
src/components/UserPanel.vue
View File

@ -87,7 +87,7 @@ function copyUserToken() {
</script> </script>
<template> <template>
<QMenu anchor="bottom left"> <QMenu anchor="bottom left" class="bg-vn-section-color">
<div class="row no-wrap q-pa-md"> <div class="row no-wrap q-pa-md">
<div class="column panel"> <div class="column panel">
<div class="text-h6 q-mb-md"> <div class="text-h6 q-mb-md">

2
src/components/common/VnBreadcrumbs.vue
View File

@ -71,7 +71,7 @@ function getBreadcrumb(param) {
} }
&--last, &--last,
&__separator { &__separator {
color: var(--vn-label); color: var(--vn-label-color);
} }
} }
@media (max-width: $breakpoint-md) { @media (max-width: $breakpoint-md) {

2
src/components/common/VnDmsList.vue
View File

@ -304,7 +304,7 @@ function parseDms(data) {
row-gap: 20px; row-gap: 20px;
} }
.labelColor { .labelColor {
color: var(--vn-label); color: var(--vn-label-color);
} }
</style> </style>
<i18n> <i18n>

10
src/components/common/VnLog.vue
View File

@ -819,7 +819,7 @@ setLogTree();
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.q-card { .q-card {
background-color: var(--vn-gray); background-color: var(--vn-section-color);
} }
.q-item { .q-item {
min-height: 0px; min-height: 0px;
@ -836,7 +836,7 @@ setLogTree();
max-width: 400px; max-width: 400px;
& > .header { & > .header {
color: $dark; color: var(--vn-section-color);
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -916,7 +916,7 @@ setLogTree();
font-style: italic; font-style: italic;
} }
.model-id { .model-id {
color: var(--vn-label); color: var(--vn-label-color);
font-size: 0.9rem; font-size: 0.9rem;
} }
.q-btn { .q-btn {
@ -942,7 +942,7 @@ setLogTree();
} }
.change-info { .change-info {
overflow: hidden; overflow: hidden;
background-color: var(--vn-dark); background-color: var(--vn-section-color);
& > .date { & > .date {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@ -981,7 +981,7 @@ setLogTree();
position: relative; position: relative;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
background-color: var(--vn-gray); background-color: var(--vn-section-color);
white-space: nowrap; white-space: nowrap;
box-sizing: border-box; box-sizing: border-box;
& > .q-icon { & > .q-icon {

2
src/components/common/VnSelectDialog.vue
View File

@ -82,7 +82,7 @@ const toggleForm = () => {
border-radius: 50px; border-radius: 50px;
&.--add-icon { &.--add-icon {
color: var(--vn-text); color: var(--vn-text-color);
background-color: $primary; background-color: $primary;
} }
} }

25
src/components/common/VnTitle.vue Normal file
View File

@ -0,0 +1,25 @@
<script setup>
const $props = defineProps({
url: { type: String, default: null },
text: { type: String, default: null },
icon: { type: String, default: 'open_in_new' },
});
</script>
<template>
<div class="titleBox">
<div class="header-link">
<a :href="$props.url" :class="$props.url ? 'link' : 'color-vn-text'">
{{ $props.text }}
<QIcon v-if="url" :name="$props.icon" />
</a>
</div>
</div>
</template>
<style scoped lang="scss">
a {
font-size: large;
}
.titleBox {
padding-bottom: 2%;
}
</style>

10
src/components/ui/CardDescriptor.vue
View File

@ -175,7 +175,7 @@ const emit = defineEmits(['onFetch']);
<style lang="scss"> <style lang="scss">
.body { .body {
background-color: var(--vn-gray); background-color: var(--vn-section-color);
.text-h5 { .text-h5 {
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
@ -191,7 +191,7 @@ const emit = defineEmits(['onFetch']);
display: flex; display: flex;
padding: 2px 16px; padding: 2px 16px;
.label { .label {
color: var(--vn-label); color: var(--vn-label-color);
font-size: 12px; font-size: 12px;
&:not(:has(a))::after { &:not(:has(a))::after {
@ -199,7 +199,7 @@ const emit = defineEmits(['onFetch']);
} }
} }
.value { .value {
color: var(--vn-text); color: var(--vn-text-color);
font-size: 14px; font-size: 14px;
margin-left: 12px; margin-left: 12px;
overflow: hidden; overflow: hidden;
@ -224,13 +224,13 @@ const emit = defineEmits(['onFetch']);
} }
} }
.subtitle { .subtitle {
color: var(--vn-text); color: var(--vn-text-color);
font-size: 16px; font-size: 16px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.list-box { .list-box {
.q-item__label { .q-item__label {
color: var(--vn-label); color: var(--vn-label-color);
} }
} }
.descriptor { .descriptor {

6
src/components/ui/CardList.vue
View File

@ -61,7 +61,7 @@ const toggleCardCheck = (item) => {
} }
.q-chip-color { .q-chip-color {
color: var(--vn-label); color: var(--vn-label-color) !important;
} }
.card-list-body { .card-list-body {
@ -75,7 +75,7 @@ const toggleCardCheck = (item) => {
width: 50%; width: 50%;
.label { .label {
width: 35%; width: 35%;
color: var(--vn-label); color: var(--vn-label-color);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -117,7 +117,7 @@ const toggleCardCheck = (item) => {
transition: background-color 0.2s; transition: background-color 0.2s;
} }
.card:hover { .card:hover {
background-color: var(--vn-gray); background-color: var(--vn-section-color);
} }
.list-items { .list-items {
width: 75%; width: 75%;

12
src/components/ui/CardSummary.vue
View File

@ -107,7 +107,7 @@ watch(props, async () => {
justify-content: space-evenly; justify-content: space-evenly;
gap: 10px; gap: 10px;
padding: 10px; padding: 10px;
background-color: var(--vn-gray); background-color: var(--vn-section-color);
> .q-card.vn-one { > .q-card.vn-one {
flex: 1; flex: 1;
@ -124,7 +124,7 @@ watch(props, async () => {
> .q-card { > .q-card {
width: 100%; width: 100%;
background-color: var(--vn-gray); background-color: var(--vn-section-color);
padding: 7px; padding: 7px;
font-size: 16px; font-size: 16px;
min-width: 275px; min-width: 275px;
@ -134,7 +134,7 @@ watch(props, async () => {
flex-direction: row; flex-direction: row;
margin-top: 2px; margin-top: 2px;
.label { .label {
color: var(--vn-label); color: var(--vn-label-color);
width: 8em; width: 8em;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@ -144,7 +144,7 @@ watch(props, async () => {
flex-shrink: 0; flex-shrink: 0;
} }
.value { .value {
color: var(--vn-text); color: var(--vn-text-color);
overflow: hidden; overflow: hidden;
} }
} }
@ -163,12 +163,12 @@ watch(props, async () => {
margin-bottom: 9px; margin-bottom: 9px;
& .q-checkbox__label { & .q-checkbox__label {
margin-left: 31px; margin-left: 31px;
color: var(--vn-text); color: var(--vn-text-color);
} }
& .q-checkbox__inner { & .q-checkbox__inner {
position: absolute; position: absolute;
left: 0; left: 0;
color: var(--vn-label); color: var(--vn-label-color);
} }
} }
} }

7
src/components/ui/VnSearchbar.vue
View File

@ -163,7 +163,12 @@ async function search() {
} }
#searchbar { #searchbar {
.q-field--standout.q-field--highlighted .q-field__control { .q-field--standout.q-field--highlighted .q-field__control {
background-color: var(--vn-text); background-color: white;
color: black;
.q-field__native,
.q-icon {
color: black !important;
}
} }
} }
</style> </style>

2
src/components/ui/VnSubToolbar.vue
View File

@ -14,7 +14,7 @@ onUnmounted(() => {
</script> </script>
<template> <template>
<QToolbar class="bg-vn-dark justify-end sticky"> <QToolbar class="justify-end sticky">
<slot name="st-data"> <slot name="st-data">
<div id="st-data"></div> <div id="st-data"></div>
</slot> </slot>

67
src/css/app.scss
View File

@ -2,29 +2,33 @@
@import './icons.scss'; @import './icons.scss';
body.body--light { body.body--light {
--fount-color: black; --font-color: black;
--vn-sectionColor: #ffffff; --vn-section-color: #e0e0e0;
--vn-pageColor: #e0e0e0; --vn-page-color: #ffffff;
background-color: var(--vn-pageColor); --vn-text-color: var(--font-color);
--vn-label-color: #5f5f5f;
--vn-accent-color: #e7e3e3;
background-color: var(--vn-page-color);
.q-header .q-toolbar { .q-header .q-toolbar {
color: var(--fount-color); color: var(--font-color);
}
.q-card,
.q-table,
.q-table__bottom,
.q-drawer {
background-color: var(--vn-section-color);
} }
--vn-text: var(--fount-color);
--vn-gray: var(--vn-sectionColor);
--vn-label: #5f5f5f;
--vn-dark: var(--vn-sectionColor);
--vn-light-gray: #e7e3e3;
} }
body.body--dark { body.body--dark {
--vn-pageColor: #222; --vn-section-color: #403c3c;
--vn-SectionColor: #3c3b3b; --vn-text-color: white;
background-color: var(--vn-pageColor); --vn-label-color: #a8a8a8;
--vn-text: white; --vn-accent-color: #424242;
--vn-gray: var(--vn-SectionColor);
--vn-label: #a8a8a8; background-color: #222;
--vn-dark: var(--vn-SectionColor);
--vn-light-gray: #424242;
} }
a { a {
@ -39,6 +43,9 @@ a {
.tx-color-link { .tx-color-link {
color: $color-link !important; color: $color-link !important;
} }
.tx-color-font {
color: $color-link !important;
}
.header-link { .header-link {
color: $color-link !important; color: $color-link !important;
@ -59,19 +66,19 @@ a {
// Removes chrome autofill background // Removes chrome autofill background
input:-webkit-autofill, input:-webkit-autofill,
select:-webkit-autofill { select:-webkit-autofill {
color: var(--vn-text); color: var(--vn-text-color);
font-family: $typography-font-family; font-family: $typography-font-family;
-webkit-text-fill-color: var(--vn-text); -webkit-text-fill-color: var(--vn-text-color);
-webkit-background-clip: text !important; -webkit-background-clip: text !important;
background-clip: text !important; background-clip: text !important;
} }
.bg-vn-dark { .bg-vn-section-color {
background-color: var(--vn-dark); background-color: var(--vn-section-color);
} }
.color-vn-text { .color-vn-text {
color: var(--vn-text); color: var(--vn-text-color);
} }
.color-vn-white { .color-vn-white {
@ -79,8 +86,8 @@ select:-webkit-autofill {
} }
.vn-card { .vn-card {
background-color: var(--vn-gray); background-color: var(--vn-section-color);
color: var(--vn-text); color: var(--vn-text-color);
border-radius: 8px; border-radius: 8px;
} }
@ -90,11 +97,11 @@ select:-webkit-autofill {
} }
.bg-vn-primary-row { .bg-vn-primary-row {
background-color: var(--vn-dark); background-color: var(--vn-section-color);
} }
.bg-vn-secondary-row { .bg-vn-secondary-row {
background-color: var(--vn-light-gray); background-color: var(--vn-accent-color);
} }
.fill-icon { .fill-icon {
@ -103,7 +110,7 @@ select:-webkit-autofill {
.vn-table-separation-row { .vn-table-separation-row {
height: 16px !important; height: 16px !important;
background-color: var(--vn-gray) !important; background-color: var(--vn-section-color) !important;
} }
/* Estilo para el asterisco en campos requeridos */ /* Estilo para el asterisco en campos requeridos */
@ -111,6 +118,10 @@ select:-webkit-autofill {
content: ' *'; content: ' *';
} }
.q-chip {
color: black;
}
input[type='number'] { input[type='number'] {
-moz-appearance: textfield; -moz-appearance: textfield;
} }

8
src/css/quasar.variables.scss
View File

@ -14,10 +14,10 @@
// Tip: to add new colors https://quasar.dev/style/color-palette/#adding-your-own-colors // Tip: to add new colors https://quasar.dev/style/color-palette/#adding-your-own-colors
$primary: #ec8916; $primary: #ec8916;
$secondary: $primary; $secondary: $primary;
$positive: #21ba45; $positive: #c8e484;
$negative: #c10015; $negative: #fb5252;
$info: #31ccec; $info: #84d0e2;
$warning: #f2c037; $warning: #f4b974;
// Pendiente de cuadrar con la base de datos // Pendiente de cuadrar con la base de datos
$success: $positive; $success: $positive;
$alert: $negative; $alert: $negative;

2
src/layouts/MainLayout.vue
View File

@ -11,5 +11,3 @@ const quasar = useQuasar();
<QFooter v-if="quasar.platform.is.mobile"></QFooter> <QFooter v-if="quasar.platform.is.mobile"></QFooter>
</QLayout> </QLayout>
</template> </template>
<style lang="scss" scoped></style>

2
src/layouts/OutLayout.vue
View File

@ -40,7 +40,7 @@ const langs = ['en', 'es'];
<template> <template>
<QLayout view="hHh LpR fFf"> <QLayout view="hHh LpR fFf">
<QHeader reveal class="bg-vn-dark"> <QHeader reveal class="bg-vn-section-color">
<QToolbar class="justify-end"> <QToolbar class="justify-end">
<QBtn <QBtn
id="switchLanguage" id="switchLanguage"

6
src/pages/Claim/Card/ClaimDescriptor.vue
View File

@ -107,7 +107,11 @@ onMounted(async () => {
<template #body="{ entity }"> <template #body="{ entity }">
<VnLv v-if="entity.claimState" :label="t('claim.card.state')"> <VnLv v-if="entity.claimState" :label="t('claim.card.state')">
<template #value> <template #value>
<QBadge :color="stateColor(entity.claimState.code)" dense> <QBadge
:color="stateColor(entity.claimState.code)"
text-color="black"
dense
>
{{ entity.claimState.description }} {{ entity.claimState.description }}
</QBadge> </QBadge>
</template> </template>

2
src/pages/Claim/Card/ClaimLines.vue
View File

@ -161,7 +161,7 @@ function showImportDialog() {
<div class="row q-gutter-md"> <div class="row q-gutter-md">
<div> <div>
{{ t('Amount') }} {{ t('Amount') }}
<QChip :dense="$q.screen.lt.sm"> <QChip :dense="$q.screen.lt.sm" text-color="white">
{{ toCurrency(amount) }} {{ toCurrency(amount) }}
</QChip> </QChip>
</div> </div>

47
src/pages/Claim/Card/ClaimSummary.vue
View File

@ -11,6 +11,7 @@ import VnLv from 'src/components/ui/VnLv.vue';
import ClaimNotes from 'src/pages/Claim/Card/ClaimNotes.vue'; import ClaimNotes from 'src/pages/Claim/Card/ClaimNotes.vue';
import VnUserLink from 'src/components/ui/VnUserLink.vue'; import VnUserLink from 'src/components/ui/VnUserLink.vue';
import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue'; import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
import VnTitle from 'src/components/common/VnTitle.vue';
const route = useRoute(); const route = useRoute();
const { t } = useI18n(); const { t } = useI18n();
@ -180,10 +181,10 @@ function openDialog(dmsId) {
</template> </template>
<template #body="{ entity: { claim, salesClaimed, developments } }"> <template #body="{ entity: { claim, salesClaimed, developments } }">
<QCard class="vn-one"> <QCard class="vn-one">
<a class="header header-link" :href="`#/claim/${entityId}/basic-data`"> <VnTitle
{{ t('claim.pageTitles.basicData') }} :url="`#/claim/${entityId}/basic-data`"
<QIcon name="open_in_new" /> :text="t('claim.pageTitles.basicData')"
</a> />
<VnLv <VnLv
:label="t('claim.summary.created')" :label="t('claim.summary.created')"
:value="toDate(claim.created)" :value="toDate(claim.created)"
@ -226,10 +227,10 @@ function openDialog(dmsId) {
/> />
</QCard> </QCard>
<QCard class="vn-three"> <QCard class="vn-three">
<a class="header header-link" :href="`#/claim/${entityId}/notes`"> <VnTitle
{{ t('claim.summary.notes') }} :url="`#/claim/${entityId}/notes`"
<QIcon name="open_in_new" /> :text="t('claim.summary.notes')"
</a> />
<ClaimNotes <ClaimNotes
:id="entityId" :id="entityId"
:add-note="false" :add-note="false"
@ -238,10 +239,10 @@ function openDialog(dmsId) {
/> />
</QCard> </QCard>
<QCard class="vn-two" v-if="salesClaimed.length > 0"> <QCard class="vn-two" v-if="salesClaimed.length > 0">
<a class="header header-link" :href="`#/claim/${entityId}/lines`"> <VnTitle
{{ t('claim.summary.details') }} :url="`#/claim/${entityId}/lines`"
<QIcon name="open_in_new" /> :text="t('claim.summary.details')"
</a> />
<QTable <QTable
:columns="detailsColumns" :columns="detailsColumns"
:rows="salesClaimed" :rows="salesClaimed"
@ -280,11 +281,10 @@ function openDialog(dmsId) {
</QTable> </QTable>
</QCard> </QCard>
<QCard class="vn-two" v-if="developments.length > 0"> <QCard class="vn-two" v-if="developments.length > 0">
<a class="header header-link" :href="claimUrl + 'development'"> <VnTitle
{{ t('claim.summary.development') }} :url="claimUrl + 'development'"
<QIcon name="open_in_new" /> :text="t('claim.summary.development')"
</a> />
<QTable <QTable
:columns="developmentColumns" :columns="developmentColumns"
:rows="developments" :rows="developments"
@ -303,10 +303,10 @@ function openDialog(dmsId) {
</QTable> </QTable>
</QCard> </QCard>
<QCard class="vn-max" v-if="claimDms.length > 0"> <QCard class="vn-max" v-if="claimDms.length > 0">
<a class="header header-link" :href="`#/claim/${entityId}/photos`"> <VnTitle
{{ t('claim.summary.photos') }} :url="`#/claim/${entityId}/photos`"
<QIcon name="open_in_new" /> :text="t('claim.summary.photos')"
</a> />
<div class="container"> <div class="container">
<div <div
class="multimedia-container" class="multimedia-container"
@ -346,10 +346,7 @@ function openDialog(dmsId) {
</QCard> </QCard>
<QCard class="vn-max"> <QCard class="vn-max">
<a class="header header-link" :href="claimUrl + 'action'"> <VnTitle :url="claimUrl + 'action'" :text="t('claim.summary.actions')" />
{{ t('claim.summary.actions') }}
<QIcon name="open_in_new" class="link" />
</a>
<div id="slider-container" class="q-px-xl q-py-md"> <div id="slider-container" class="q-px-xl q-py-md">
<QSlider <QSlider
v-model="claim.responsibility" v-model="claim.responsibility"

7
src/pages/Claim/ClaimList.vue
View File

@ -108,7 +108,11 @@ function navigate(event, id) {
/> />
<VnLv :label="t('claim.list.state')"> <VnLv :label="t('claim.list.state')">
<template #value> <template #value>
<QBadge :color="stateColor(row.stateCode)" dense> <QBadge
text-color="black"
:color="stateColor(row.stateCode)"
dense
>
{{ row.stateDescription }} {{ row.stateDescription }}
</QBadge> </QBadge>
</template> </template>
@ -118,7 +122,6 @@ function navigate(event, id) {
<QBtn <QBtn
:label="t('globals.description')" :label="t('globals.description')"
@click.stop @click.stop
class="bg-vn-dark"
outline outline
style="margin-top: 15px" style="margin-top: 15px"
> >

4
src/pages/Customer/Card/CustomerConsignees.vue
View File

@ -150,14 +150,14 @@ const toCustomerConsigneeEdit = (consigneeId) => {
<style lang="scss" scoped> <style lang="scss" scoped>
.consignees-card { .consignees-card {
border: 2px solid var(--vn-light-gray); border: 2px solid var(--vn-accent-color);
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
display: flex; display: flex;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: var(--vn-light-gray); background-color: var(--vn-accent-color);
} }
} }
</style> </style>

4
src/pages/Customer/Card/CustomerGreuges.vue
View File

@ -180,13 +180,13 @@ const toCustomerGreugeCreate = () => {
<style lang="scss"> <style lang="scss">
.consignees-card { .consignees-card {
border: 2px solid var(--vn-light-gray); border: 2px solid var(--vn-accent-color);
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
} }
.label-color { .label-color {
color: var(--vn-label); color: var(--vn-label-color);
} }
</style> </style>

4
src/pages/Customer/Card/CustomerNotes.vue
View File

@ -85,12 +85,12 @@ const toCustomerNoteCreate = () => {
<style lang="scss"> <style lang="scss">
.custom-border { .custom-border {
border: 2px solid var(--vn-light-gray); border: 2px solid var(--vn-accent-color);
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
} }
.label-color { .label-color {
color: var(--vn-label); color: var(--vn-label-color);
} }
</style> </style>

4
src/pages/Customer/Card/CustomerRecoveries.vue
View File

@ -137,13 +137,13 @@ const toCustomerRecoverieCreate = () => {
<style lang="scss"> <style lang="scss">
.consignees-card { .consignees-card {
border: 2px solid var(--vn-light-gray); border: 2px solid var(--vn-accent-color);
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
} }
.label-color { .label-color {
color: var(--vn-label); color: var(--vn-label-color);
} }
</style> </style>

81
src/pages/Customer/Card/CustomerSummary.vue
View File

@ -7,6 +7,7 @@ import CardSummary from 'components/ui/CardSummary.vue';
import { getUrl } from 'src/composables/getUrl'; import { getUrl } from 'src/composables/getUrl';
import VnLv from 'src/components/ui/VnLv.vue'; import VnLv from 'src/components/ui/VnLv.vue';
import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue'; import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue';
import VnTitle from 'src/components/common/VnTitle.vue';
const route = useRoute(); const route = useRoute();
const { t } = useI18n(); const { t } = useI18n();
@ -62,10 +63,10 @@ const creditWarning = computed(() => {
<CardSummary ref="summary" :url="`Clients/${entityId}/summary`"> <CardSummary ref="summary" :url="`Clients/${entityId}/summary`">
<template #body="{ entity }"> <template #body="{ entity }">
<QCard class="vn-one"> <QCard class="vn-one">
<a class="header header-link" :href="`#/customer/${entityId}/basic-data`"> <VnTitle
{{ t('customer.summary.basicData') }} :url="`#/customer/${entityId}/basic-data`"
<QIcon name="open_in_new" /> :text="t('customer.summary.basicData')"
</a> />
<VnLv :label="t('customer.summary.customerId')" :value="entity.id" /> <VnLv :label="t('customer.summary.customerId')" :value="entity.id" />
<VnLv :label="t('customer.summary.name')" :value="entity.name" /> <VnLv :label="t('customer.summary.name')" :value="entity.name" />
<VnLv :label="t('customer.summary.contact')" :value="entity.contact" /> <VnLv :label="t('customer.summary.contact')" :value="entity.contact" />
@ -96,13 +97,10 @@ const creditWarning = computed(() => {
/> />
</QCard> </QCard>
<QCard class="vn-one"> <QCard class="vn-one">
<a <VnTitle
class="header header-link" :url="`#/customer/${entityId}/fiscal-data`"
:href="`#/customer/${entityId}/fiscal-data`" :text="t('customer.summary.fiscalAddress')"
> />
{{ t('customer.summary.fiscalAddress') }}
<QIcon name="open_in_new" />
</a>
<VnLv <VnLv
:label="t('customer.summary.socialName')" :label="t('customer.summary.socialName')"
:value="entity.socialName" :value="entity.socialName"
@ -124,14 +122,10 @@ const creditWarning = computed(() => {
<VnLv :label="t('customer.summary.street')" :value="entity.street" /> <VnLv :label="t('customer.summary.street')" :value="entity.street" />
</QCard> </QCard>
<QCard class="vn-one"> <QCard class="vn-one">
<a <VnTitle
class="header header-link" :url="`#/customer/${entityId}/fiscal-data`"
:href="`#/customer/${entityId}/fiscal-data`" :text="t('customer.summary.fiscalData')"
link />
>
{{ t('customer.summary.fiscalData') }}
<QIcon name="open_in_new" />
</a>
<QCheckbox <QCheckbox
:label="t('customer.summary.isEqualizated')" :label="t('customer.summary.isEqualizated')"
v-model="entity.isEqualizated" v-model="entity.isEqualizated"
@ -169,14 +163,10 @@ const creditWarning = computed(() => {
/> />
</QCard> </QCard>
<QCard class="vn-one"> <QCard class="vn-one">
<a <VnTitle
class="header header-link" :url="`#/customer/${entityId}/billing-data`"
:href="`#/customer/${entityId}/billing-data`" :text="t('customer.summary.billingData')"
link />
>
{{ t('customer.summary.billingData') }}
<QIcon name="open_in_new" />
</a>
<VnLv <VnLv
:label="t('customer.summary.payMethod')" :label="t('customer.summary.payMethod')"
:value="entity.payMethod.name" :value="entity.payMethod.name"
@ -202,14 +192,10 @@ const creditWarning = computed(() => {
/> />
</QCard> </QCard>
<QCard class="vn-one" v-if="entity.defaultAddress"> <QCard class="vn-one" v-if="entity.defaultAddress">
<a <VnTitle
class="header header-link" :url="`#/customer/${entityId}/consignees`"
:href="`#/customer/${entityId}/consignees`" :text="t('customer.summary.consignee')"
link />
>
{{ t('customer.summary.consignee') }}
<QIcon name="open_in_new" />
</a>
<VnLv <VnLv
:label="t('customer.summary.addressName')" :label="t('customer.summary.addressName')"
:value="entity.defaultAddress.nickname" :value="entity.defaultAddress.nickname"
@ -224,10 +210,10 @@ const creditWarning = computed(() => {
/> />
</QCard> </QCard>
<QCard class="vn-one" v-if="entity.account"> <QCard class="vn-one" v-if="entity.account">
<a class="header header-link" :href="`#/customer/${entityId}/web-access`"> <VnTitle
{{ t('customer.summary.webAccess') }} :url="`#/customer/${entityId}/web-access`"
<QIcon name="open_in_new" /> :text="t('customer.summary.webAccess')"
</a> />
<VnLv <VnLv
:label="t('customer.summary.username')" :label="t('customer.summary.username')"
:value="entity.account.name" :value="entity.account.name"
@ -239,9 +225,7 @@ const creditWarning = computed(() => {
/> />
</QCard> </QCard>
<QCard class="vn-one" v-if="entity.account"> <QCard class="vn-one" v-if="entity.account">
<div class="header header-link"> <VnTitle :text="t('customer.summary.businessData')" />
{{ t('customer.summary.businessData') }}
</div>
<VnLv <VnLv
:label="t('customer.summary.totalGreuge')" :label="t('customer.summary.totalGreuge')"
:value="toCurrency(entity.totalGreuge)" :value="toCurrency(entity.totalGreuge)"
@ -266,14 +250,11 @@ const creditWarning = computed(() => {
/> />
</QCard> </QCard>
<QCard class="vn-one" v-if="entity.account"> <QCard class="vn-one" v-if="entity.account">
<a <VnTitle
class="header header-link" :url="`https://grafana.verdnatura.es/d/40buzE4Vk/comportamiento-pagos-clientes?orgId=1&var-clientFk=${entityId}`"
:href="`https://grafana.verdnatura.es/d/40buzE4Vk/comportamiento-pagos-clientes?orgId=1&var-clientFk=${entityId}`" :text="t('customer.summary.financialData')"
link icon="vn:grafana"
> />
{{ t('customer.summary.financialData') }}
<QIcon name="vn:grafana" />
</a>
<VnLv <VnLv
:label="t('customer.summary.risk')" :label="t('customer.summary.risk')"
:value="toCurrency(entity?.debt?.debt)" :value="toCurrency(entity?.debt?.debt)"

1
src/pages/Customer/CustomerList.vue
View File

@ -84,7 +84,6 @@ const redirectToCreateView = () => {
<QBtn <QBtn
:label="t('components.smartCard.openCard')" :label="t('components.smartCard.openCard')"
@click.stop="navigate(row.id)" @click.stop="navigate(row.id)"
class="bg-vn-dark"
outline outline
/> />
<QBtn <QBtn

6
src/pages/Customer/Defaulter/CustomerBalanceDueTotal.vue
View File

@ -30,16 +30,16 @@ const { t } = useI18n();
border: 1px solid black; border: 1px solid black;
} }
.title_balance { .title_balance {
color: var(--vn-text); color: var(--vn-text-color);
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }
.key_balance { .key_balance {
color: var(--vn-label); color: var(--vn-label-color);
margin-bottom: 0; margin-bottom: 0;
} }
.value_balance { .value_balance {
color: var(--vn-text); color: var(--vn-text-color);
margin-bottom: 0; margin-bottom: 0;
} }
</style> </style>

2
src/pages/Customer/Defaulter/CustomerDefaulter.vue
View File

@ -207,7 +207,7 @@ const refreshData = () => {
</QScrollArea> </QScrollArea>
</QDrawer> </QDrawer>
<VnSubToolbar class="bg-vn-dark"> <VnSubToolbar>
<template #st-data> <template #st-data>
<CustomerBalanceDueTotal :amount="balanceDueTotal" /> <CustomerBalanceDueTotal :amount="balanceDueTotal" />
<div class="flex items-center q-ml-lg"> <div class="flex items-center q-ml-lg">

3
src/pages/Customer/Payments/CustomerPayments.vue
View File

@ -196,7 +196,7 @@ function stateColor(row) {
</template> </template>
<template #body-cell-state="{ row }"> <template #body-cell-state="{ row }">
<QTd auto-width class="text-center"> <QTd auto-width class="text-center">
<QBadge :color="stateColor(row)"> <QBadge text-color="black" :color="stateColor(row)">
{{ {{
row.isConfirmed row.isConfirmed
? t('Confirmed') ? t('Confirmed')
@ -227,6 +227,7 @@ function stateColor(row) {
v-if="col.name == 'state'" v-if="col.name == 'state'"
> >
<QBadge <QBadge
text-color="black"
:color=" :color="
stateColor(row) stateColor(row)
" "

6
src/pages/Dashboard/DashboardMain.vue
View File

@ -21,7 +21,7 @@ const pinnedModules = computed(() => navigation.getPinnedModules());
:width="256" :width="256"
:breakpoint="1000" :breakpoint="1000"
> >
<QScrollArea class="fit text-grey-8"> <QScrollArea class="fit">
<LeftMenu /> <LeftMenu />
</QScrollArea> </QScrollArea>
</QDrawer> </QDrawer>
@ -67,6 +67,10 @@ const pinnedModules = computed(() => navigation.getPinnedModules());
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.left-menu {
color: var(--vn-font-color);
}
.flex-container { .flex-container {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;

12
src/pages/Department/Card/DepartmentSummary.vue
View File

@ -5,6 +5,7 @@ import { useI18n } from 'vue-i18n';
import CardSummary from 'components/ui/CardSummary.vue'; import CardSummary from 'components/ui/CardSummary.vue';
import { getUrl } from 'src/composables/getUrl'; import { getUrl } from 'src/composables/getUrl';
import VnLv from 'src/components/ui/VnLv.vue'; import VnLv from 'src/components/ui/VnLv.vue';
import VnTitle from 'src/components/common/VnTitle.vue';
const route = useRoute(); const route = useRoute();
const { t } = useI18n(); const { t } = useI18n();
@ -36,13 +37,10 @@ onMounted(async () => {
</template> </template>
<template #body="{ entity: department }"> <template #body="{ entity: department }">
<QCard class="column"> <QCard class="column">
<a <VnTitle
class="header header-link" :url="`#/department/department/${entityId}/basic-data`"
:href="`#/department/department/${entityId}/basic-data`" :text="t('Basic data')"
> />
{{ t('Basic data') }}
<QIcon name="open_in_new" />
</a>
<div class="full-width row wrap justify-between content-between"> <div class="full-width row wrap justify-between content-between">
<div class="column" style="min-width: 50%"> <div class="column" style="min-width: 50%">
<VnLv <VnLv

3
src/pages/Entry/Card/EntryBuys.vue
View File

@ -471,6 +471,9 @@ const lockIconType = (groupingMode, mode) => {
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.separation-row {
background-color: var(--vn-section-color) !important;
}
.grid-style-transition { .grid-style-transition {
transition: transform 0.28s, background-color 0.28s; transition: transform 0.28s, background-color 0.28s;
} }

9
src/pages/Entry/Card/EntrySummary.vue
View File

@ -5,9 +5,8 @@ import { useI18n } from 'vue-i18n';
import CardSummary from 'components/ui/CardSummary.vue'; import CardSummary from 'components/ui/CardSummary.vue';
import VnLv from 'src/components/ui/VnLv.vue'; import VnLv from 'src/components/ui/VnLv.vue';
import VnRow from 'components/ui/VnRow.vue';
import TravelDescriptorProxy from 'src/pages/Travel/Card/TravelDescriptorProxy.vue'; import TravelDescriptorProxy from 'src/pages/Travel/Card/TravelDescriptorProxy.vue';
import FetchedTags from 'components/ui/FetchedTags.vue'; import VnTitle from 'src/components/common/VnTitle.vue';
import { toDate, toCurrency } from 'src/filters'; import { toDate, toCurrency } from 'src/filters';
import { getUrl } from 'src/composables/getUrl'; import { getUrl } from 'src/composables/getUrl';
@ -354,6 +353,12 @@ const fetchEntryBuys = async () => {
</CardSummary> </CardSummary>
</template> </template>
<style lang="scss" scoped>
.separation-row {
background-color: var(--vn-section-color) !important;
}
</style>
<i18n> <i18n>
es: es:
Travel data: Datos envío Travel data: Datos envío

2
src/pages/Entry/EntryLatestBuys.vue
View File

@ -636,7 +636,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
auto-load auto-load
@on-fetch="(data) => (intrastatOptions = data)" @on-fetch="(data) => (intrastatOptions = data)"
/> />
<QToolbar class="bg-vn-dark justify-end"> <QToolbar class="justify-end">
<div id="st-data"> <div id="st-data">
<TableVisibleColumns <TableVisibleColumns
:all-columns="allColumnNames" :all-columns="allColumnNames"

2
src/pages/Entry/EntryLatestBuysFilter.vue
View File

@ -412,7 +412,7 @@ const removeTag = (index, params, search) => {
width: 60px; width: 60px;
height: 60px; height: 60px;
font-size: 1.4rem; font-size: 1.4rem;
background-color: var(--vn-light-gray); background-color: var(--vn-accent-color);
&.active { &.active {
background-color: $primary; background-color: $primary;

55
src/pages/InvoiceIn/Card/InvoiceInSummary.vue
View File

@ -6,6 +6,7 @@ import { toCurrency, toDate } from 'src/filters';
import { getUrl } from 'src/composables/getUrl'; import { getUrl } from 'src/composables/getUrl';
import CardSummary from 'components/ui/CardSummary.vue'; import CardSummary from 'components/ui/CardSummary.vue';
import VnLv from 'src/components/ui/VnLv.vue'; import VnLv from 'src/components/ui/VnLv.vue';
import VnTitle from 'src/components/common/VnTitle.vue';
onMounted(async () => { onMounted(async () => {
salixUrl.value = await getUrl(''); salixUrl.value = await getUrl('');
@ -209,10 +210,10 @@ function getLink(param) {
<!--Basic Data--> <!--Basic Data-->
<QCard class="vn-one"> <QCard class="vn-one">
<QCardSection class="q-pa-none"> <QCardSection class="q-pa-none">
<a class="header header-link" :href="getLink('basic-data')"> <VnTitle
{{ t('invoiceIn.pageTitles.basicData') }} :url="getLink('basic-data')"
<QIcon name="open_in_new" /> :text="t('invoiceIn.pageTitles.basicData')"
</a> />
</QCardSection> </QCardSection>
<VnLv <VnLv
:label="t('invoiceIn.summary.supplier')" :label="t('invoiceIn.summary.supplier')"
@ -233,10 +234,10 @@ function getLink(param) {
</QCard> </QCard>
<QCard class="vn-one"> <QCard class="vn-one">
<QCardSection class="q-pa-none"> <QCardSection class="q-pa-none">
<a class="header header-link" :href="getLink('basic-data')"> <VnTitle
{{ t('invoiceIn.pageTitles.basicData') }} :url="getLink('basic-data')"
<QIcon name="open_in_new" /> :text="t('invoiceIn.pageTitles.basicData')"
</a> />
</QCardSection> </QCardSection>
<VnLv <VnLv
:ellipsis-value="false" :ellipsis-value="false"
@ -258,10 +259,10 @@ function getLink(param) {
</QCard> </QCard>
<QCard class="vn-one"> <QCard class="vn-one">
<QCardSection class="q-pa-none"> <QCardSection class="q-pa-none">
<a class="header header-link" :href="getLink('basic-data')"> <VnTitle
{{ t('invoiceIn.pageTitles.basicData') }} :url="getLink('basic-data')"
<QIcon name="open_in_new" /> :text="t('invoiceIn.pageTitles.basicData')"
</a> />
</QCardSection> </QCardSection>
<VnLv <VnLv
:label="t('invoiceIn.summary.sage')" :label="t('invoiceIn.summary.sage')"
@ -283,10 +284,10 @@ function getLink(param) {
</QCard> </QCard>
<QCard class="vn-one"> <QCard class="vn-one">
<QCardSection class="q-pa-none"> <QCardSection class="q-pa-none">
<a class="header header-link" :href="getLink('basic-data')"> <VnTitle
{{ t('invoiceIn.pageTitles.basicData') }} :url="getLink('basic-data')"
<QIcon name="open_in_new" /> :text="t('invoiceIn.pageTitles.basicData')"
</a> />
</QCardSection> </QCardSection>
<QCardSection class="q-pa-none"> <QCardSection class="q-pa-none">
<div class="bordered q-px-sm q-mx-auto"> <div class="bordered q-px-sm q-mx-auto">
@ -319,10 +320,7 @@ function getLink(param) {
</QCard> </QCard>
<!--Vat--> <!--Vat-->
<QCard v-if="invoiceIn.invoiceInTax.length"> <QCard v-if="invoiceIn.invoiceInTax.length">
<a class="header header-link" :href="getLink('vat')"> <VnTitle :url="getLink('vat')" :text="t('invoiceIn.card.vat')" />
{{ t('invoiceIn.card.vat') }}
<QIcon name="open_in_new" />
</a>
<QTable <QTable
:columns="vatColumns" :columns="vatColumns"
:rows="invoiceIn.invoiceInTax" :rows="invoiceIn.invoiceInTax"
@ -352,10 +350,7 @@ function getLink(param) {
</QCard> </QCard>
<!--Due Day--> <!--Due Day-->
<QCard v-if="invoiceIn.invoiceInDueDay.length"> <QCard v-if="invoiceIn.invoiceInDueDay.length">
<a class="header header-link" :href="getLink('due-day')"> <VnTitle :url="getLink('due-day')" :text="t('invoiceIn.card.dueDay')" />
{{ t('invoiceIn.card.dueDay') }}
<QIcon name="open_in_new" />
</a>
<QTable <QTable
class="full-width" class="full-width"
:columns="dueDayColumns" :columns="dueDayColumns"
@ -382,10 +377,10 @@ function getLink(param) {
</QCard> </QCard>
<!--Intrastat--> <!--Intrastat-->
<QCard v-if="invoiceIn.invoiceInIntrastat.length"> <QCard v-if="invoiceIn.invoiceInIntrastat.length">
<a class="header header-link" :href="getLink('intrastat')"> <VnTitle
{{ t('invoiceIn.card.intrastat') }} :url="getLink('intrastat')"
<QIcon name="open_in_new" /> :text="t('invoiceIn.card.intrastat')"
</a> />
<QTable <QTable
:columns="intrastatColumns" :columns="intrastatColumns"
:rows="invoiceIn.invoiceInIntrastat" :rows="invoiceIn.invoiceInIntrastat"
@ -415,10 +410,10 @@ function getLink(param) {
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.bg { .bg {
background-color: var(--vn-light-gray); background-color: var(--vn-accent-color);
} }
.bordered { .bordered {
border: 1px solid var(--vn-text); border: 1px solid var(--vn-text-color);
max-width: 18em; max-width: 18em;
} }
</style> </style>

1
src/pages/InvoiceIn/InvoiceInList.vue
View File

@ -112,7 +112,6 @@ function navigate(id) {
<QBtn <QBtn
:label="t('components.smartCard.openCard')" :label="t('components.smartCard.openCard')"
@click.stop="navigate(row.id)" @click.stop="navigate(row.id)"
class="bg-vn-dark"
outline outline
type="reset" type="reset"
/> />

16
src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
View File

@ -9,6 +9,7 @@ import VnLv from 'src/components/ui/VnLv.vue';
import { getUrl } from 'src/composables/getUrl'; import { getUrl } from 'src/composables/getUrl';
import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue'; import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue'; import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
import VnTitle from 'src/components/common/VnTitle.vue';
onMounted(async () => { onMounted(async () => {
fetch(); fetch();
@ -111,10 +112,7 @@ const ticketsColumns = ref([
</template> </template>
<template #body="{ entity: { invoiceOut } }"> <template #body="{ entity: { invoiceOut } }">
<QCard class="vn-one"> <QCard class="vn-one">
<a class="header header-link"> <VnTitle :text="t('invoiceOut.pageTitles.basicData')" />
{{ t('invoiceOut.pageTitles.basicData') }}
<QIcon name="open_in_new" />
</a>
<VnLv <VnLv
:label="t('invoiceOut.summary.issued')" :label="t('invoiceOut.summary.issued')"
:value="toDate(invoiceOut.issued)" :value="toDate(invoiceOut.issued)"
@ -137,10 +135,7 @@ const ticketsColumns = ref([
/> />
</QCard> </QCard>
<QCard class="vn-three"> <QCard class="vn-three">
<a class="header header-link"> <VnTitle :text="t('invoiceOut.summary.taxBreakdown')" />
{{ t('invoiceOut.summary.taxBreakdown') }}
<QIcon name="open_in_new" />
</a>
<QTable :columns="taxColumns" :rows="invoiceOut.taxesBreakdown" flat> <QTable :columns="taxColumns" :rows="invoiceOut.taxesBreakdown" flat>
<template #header="props"> <template #header="props">
<QTr :props="props"> <QTr :props="props">
@ -152,10 +147,7 @@ const ticketsColumns = ref([
</QTable> </QTable>
</QCard> </QCard>
<QCard class="vn-three"> <QCard class="vn-three">
<a class="header header-link"> <VnTitle :text="t('invoiceOut.summary.tickets')" />
{{ t('invoiceOut.summary.tickets') }}
<QIcon name="open_in_new" />
</a>
<QTable v-if="tickets" :columns="ticketsColumns" :rows="tickets" flat> <QTable v-if="tickets" :columns="ticketsColumns" :rows="tickets" flat>
<template #body-cell-item="{ value }"> <template #body-cell-item="{ value }">
<QTd> <QTd>

4
src/pages/InvoiceOut/InvoiceOutGlobal.vue
View File

@ -165,7 +165,7 @@ onUnmounted(() => {
display: flex; display: flex;
justify-content: center; justify-content: center;
width: 100%; width: 100%;
background-color: var(--vn-dark); background-color: var(--vn-section-color);
padding: 16px; padding: 16px;
.card-section { .card-section {
@ -176,7 +176,7 @@ onUnmounted(() => {
.text { .text {
font-size: 14px; font-size: 14px;
color: var(--vn-text); color: var(--vn-text-color);
} }
} }

2
src/pages/InvoiceOut/InvoiceOutList.vue
View File

@ -130,7 +130,7 @@ const openCreateInvoiceModal = () => {
url="InvoiceOuts/filter" url="InvoiceOuts/filter"
> >
<template #body="{ rows }"> <template #body="{ rows }">
<VnSubToolbar class="bg-vn-dark justify-end"> <VnSubToolbar class="justify-end">
<template #st-actions> <template #st-actions>
<QBtn <QBtn
@click="openPdf()" @click="openPdf()"

7
src/pages/Login/VerifyEmail.vue
View File

@ -57,10 +57,13 @@ onMounted(async () => {
:href="button.url" :href="button.url"
> >
<div class="row items-center no-wrap q-gutter-md"> <div class="row items-center no-wrap q-gutter-md">
<div class="circle q-pa-sm" style="background-color: var(--vn-gray)"> <div
class="circle q-pa-sm"
style="background-color: var(--vn-section-color)"
>
<QImg :src="button.icon" class="q-pa-md" /> <QImg :src="button.icon" class="q-pa-md" />
</div> </div>
<div class="text-h5" style="color: var(--vn-gray)"> <div class="text-h5" style="color: var(--vn-section-color)">
{{ t(button.text) }} {{ t(button.text) }}
</div> </div>
</div> </div>

2
src/pages/Order/Card/OrderCatalogFilter.vue
View File

@ -420,7 +420,7 @@ const getCategoryClass = (category, params) => {
.category-icon { .category-icon {
border-radius: 50%; border-radius: 50%;
background-color: var(--vn-light-gray); background-color: var(--vn-accent-color);
font-size: 2.6rem; font-size: 2.6rem;
padding: 8px; padding: 8px;
cursor: pointer; cursor: pointer;

8
src/pages/Order/Card/OrderCatalogItem.vue
View File

@ -88,11 +88,11 @@ const dialog = ref(null);
font-size: 11px; font-size: 11px;
.label { .label {
color: var(--vn-label); color: var(--vn-label-color);
} }
.value { .value {
color: var(--vn-text); color: var(--vn-text-color);
} }
} }
} }
@ -125,7 +125,7 @@ const dialog = ref(null);
gap: 4px; gap: 4px;
.subName { .subName {
color: var(--vn-label); color: var(--vn-label-color);
text-transform: uppercase; text-transform: uppercase;
} }
@ -163,7 +163,7 @@ const dialog = ref(null);
position: absolute; position: absolute;
bottom: 12px; bottom: 12px;
right: 12px; right: 12px;
background: linear-gradient($dark, $primary); background: linear-gradient(var(--vn-section-color), $primary);
border-radius: 50%; border-radius: 50%;
width: 40px; width: 40px;
height: 40px; height: 40px;

2
src/pages/Order/Card/OrderSummary.vue
View File

@ -248,7 +248,7 @@ const detailsColumns = ref([
.subName { .subName {
text-transform: uppercase; text-transform: uppercase;
color: var(--vn-label); color: var(--vn-label-color);
} }
} }
} }

2
src/pages/Order/OrderCatalog.vue
View File

@ -104,7 +104,7 @@ function extractTags(items) {
.no-result { .no-result {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
color: var(--vn-label); color: var(--vn-label-color);
text-align: center; text-align: center;
} }
</style> </style>

6
src/pages/Order/OrderLines.vue
View File

@ -213,7 +213,7 @@ async function confirmOrder() {
gap: 2%; gap: 2%;
.label { .label {
color: var(--vn-label); color: var(--vn-label-color);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -246,13 +246,13 @@ async function confirmOrder() {
} }
.subname { .subname {
color: var(--vn-label); color: var(--vn-label-color);
} }
.no-result { .no-result {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
color: var(--vn-label); color: var(--vn-label-color);
text-align: center; text-align: center;
} }
</style> </style>

2
src/pages/Order/OrderList.vue
View File

@ -104,7 +104,7 @@ function navigate(id) {
/> />
<VnLv :label="t('order.field.landed')"> <VnLv :label="t('order.field.landed')">
<template #value> <template #value>
<QBadge color="positive" dense> <QBadge text-color="black" color="positive" dense>
{{ toDate(row?.landed) }} {{ toDate(row?.landed) }}
</QBadge> </QBadge>
</template> </template>

4
src/pages/Order/OrderVolume.vue
View File

@ -106,7 +106,7 @@ const loadVolumes = async (rows) => {
gap: 2%; gap: 2%;
.label { .label {
color: var(--vn-label); color: var(--vn-label-color);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -132,7 +132,7 @@ const loadVolumes = async (rows) => {
.no-result { .no-result {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
color: var(--vn-label); color: var(--vn-label-color);
text-align: center; text-align: center;
} }
</style> </style>

1
src/pages/Route/Cmr/CmrList.vue
View File

@ -141,6 +141,7 @@ function downloadPdfs() {
<template #body-cell-hasCmrDms="{ value }"> <template #body-cell-hasCmrDms="{ value }">
<QTd align="center"> <QTd align="center">
<QBadge <QBadge
text-color="black"
:id="value ? 'true' : 'false'" :id="value ? 'true' : 'false'"
:label=" :label="
value value

2
src/pages/Route/RouteList.vue
View File

@ -224,7 +224,7 @@ const openTicketsDialog = (id) => {
<FetchData url="AgencyModes" @on-fetch="(data) => (agencyList = data)" auto-load /> <FetchData url="AgencyModes" @on-fetch="(data) => (agencyList = data)" auto-load />
<FetchData url="Vehicles" @on-fetch="(data) => (vehicleList = data)" auto-load /> <FetchData url="Vehicles" @on-fetch="(data) => (vehicleList = data)" auto-load />
<QPage class="column items-center"> <QPage class="column items-center">
<VnSubToolbar class="bg-vn-dark justify-end"> <VnSubToolbar class="justify-end">
<template #st-actions> <template #st-actions>
<QBtn <QBtn
icon="vn:clone" icon="vn:clone"

17
src/pages/Route/RouteRoadmap.vue
View File

@ -13,9 +13,9 @@ import RoadmapFilter from 'pages/Route/Roadmap/RoadmapFilter.vue';
import VnConfirm from 'components/ui/VnConfirm.vue'; import VnConfirm from 'components/ui/VnConfirm.vue';
import axios from 'axios'; import axios from 'axios';
import VnInputDate from 'components/common/VnInputDate.vue'; import VnInputDate from 'components/common/VnInputDate.vue';
import {useSummaryDialog} from "composables/useSummaryDialog"; import { useSummaryDialog } from 'composables/useSummaryDialog';
import RoadmapSummary from "pages/Route/Roadmap/RoadmapSummary.vue"; import RoadmapSummary from 'pages/Route/Roadmap/RoadmapSummary.vue';
import {useRouter} from "vue-router"; import { useRouter } from 'vue-router';
const stateStore = useStateStore(); const stateStore = useStateStore();
const { t } = useI18n(); const { t } = useI18n();
@ -128,7 +128,7 @@ function confirmRemove() {
} }
function navigateToRoadmapSummary(event, row) { function navigateToRoadmapSummary(event, row) {
router.push({ name: 'RoadmapSummary', params: { id: row.id } }) router.push({ name: 'RoadmapSummary', params: { id: row.id } });
} }
</script> </script>
@ -182,7 +182,7 @@ function navigateToRoadmapSummary(event, row) {
</QCard> </QCard>
</QDialog> </QDialog>
<QPage class="column items-center"> <QPage class="column items-center">
<VnSubToolbar class="bg-vn-dark justify-end"> <VnSubToolbar class="justify-end">
<template #st-actions> <template #st-actions>
<QBtn <QBtn
icon="vn:clone" icon="vn:clone"
@ -244,7 +244,12 @@ function navigateToRoadmapSummary(event, row) {
name="preview" name="preview"
size="xs" size="xs"
color="primary" color="primary"
@click.stop="viewSummary(props?.row?.id, RoadmapSummary)" @click.stop="
viewSummary(
props?.row?.id,
RoadmapSummary
)
"
class="cursor-pointer" class="cursor-pointer"
> >
<QTooltip>{{ t('Preview') }}</QTooltip> <QTooltip>{{ t('Preview') }}</QTooltip>

6
src/pages/Route/RouteTickets.vue
View File

@ -15,8 +15,8 @@ import VnConfirm from 'components/ui/VnConfirm.vue';
import FetchData from 'components/FetchData.vue'; import FetchData from 'components/FetchData.vue';
import { openBuscaman } from 'src/utils/buscaman'; import { openBuscaman } from 'src/utils/buscaman';
import SendSmsDialog from 'components/common/SendSmsDialog.vue'; import SendSmsDialog from 'components/common/SendSmsDialog.vue';
import RouteSearchbar from "pages/Route/Card/RouteSearchbar.vue"; import RouteSearchbar from 'pages/Route/Card/RouteSearchbar.vue';
import {useStateStore} from "stores/useStateStore"; import { useStateStore } from 'stores/useStateStore';
const { t } = useI18n(); const { t } = useI18n();
const quasar = useQuasar(); const quasar = useQuasar();
@ -257,7 +257,7 @@ const openSmsDialog = async () => {
</QCard> </QCard>
</QDialog> </QDialog>
<QPage class="column items-center"> <QPage class="column items-center">
<QToolbar class="bg-vn-dark justify-end"> <QToolbar class="justify-end">
<div id="st-actions" class="q-pa-sm"> <div id="st-actions" class="q-pa-sm">
<QBtn icon="vn:wand" color="primary" class="q-mr-sm" @click="sortRoutes"> <QBtn icon="vn:wand" color="primary" class="q-mr-sm" @click="sortRoutes">
<QTooltip>{{ t('Sort routes') }}</QTooltip> <QTooltip>{{ t('Sort routes') }}</QTooltip>

17
src/pages/Shelving/Card/ShelvingDescriptorMenu.vue
View File

@ -17,15 +17,14 @@ const quasar = useQuasar();
const { t } = useI18n(); const { t } = useI18n();
function confirmRemove() { function confirmRemove() {
quasar quasar.dialog({
.dialog({ component: VnConfirm,
component: VnConfirm, componentProps: {
componentProps: { title: t('Confirm deletion'),
title: t('Confirm deletion'), message: t('Are you sure you want to delete this shelving?'),
message: t('Are you sure you want to delete this shelving?'), promise: remove,
promise: remove },
}, });
})
} }
async function remove() { async function remove() {

2
src/pages/Supplier/Card/SupplierConsumption.vue
View File

@ -195,7 +195,7 @@ onMounted(async () => {
<style scoped lang="scss"> <style scoped lang="scss">
.label { .label {
color: var(--vn-label); color: var(--vn-label-color);
} }
</style> </style>

2
src/pages/Supplier/Card/SupplierContacts.vue
View File

@ -117,7 +117,7 @@ onMounted(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.border { .border {
border-radius: 0px !important; border-radius: 0px !important;
border: 1px solid var(--vn-text) !important; border: 1px solid var(--vn-text-color) !important;
} }
</style> </style>

1
src/pages/Supplier/Card/SupplierSummary.vue
View File

@ -8,6 +8,7 @@ import { getUrl } from 'src/composables/getUrl';
import { useRole } from 'src/composables/useRole'; import { useRole } from 'src/composables/useRole';
import { dashIfEmpty } from 'src/filters'; import { dashIfEmpty } from 'src/filters';
import VnUserLink from 'src/components/ui/VnUserLink.vue'; import VnUserLink from 'src/components/ui/VnUserLink.vue';
import VnTitle from 'src/components/common/VnTitle.vue';
onUpdated(() => summaryRef.value.fetch()); onUpdated(() => summaryRef.value.fetch());

5
src/pages/Ticket/Card/TicketDescriptor.vue
View File

@ -98,7 +98,10 @@ const setData = (entity) =>
</VnLv> </VnLv>
<VnLv v-if="entity.ticketState" :label="t('ticket.card.state')"> <VnLv v-if="entity.ticketState" :label="t('ticket.card.state')">
<template #value> <template #value>
<QBadge :color="entity.ticketState.state.classColor"> <QBadge
text-color="black"
:color="entity.ticketState.state.classColor"
>
{{ entity.ticketState.state.name }} {{ entity.ticketState.state.name }}
</QBadge> </QBadge>
</template> </template>

53
src/pages/Ticket/Card/TicketSummary.vue
View File

@ -12,6 +12,7 @@ import VnLv from 'src/components/ui/VnLv.vue';
import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue'; import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue';
import { getUrl } from 'src/composables/getUrl'; import { getUrl } from 'src/composables/getUrl';
import VnUserLink from 'src/components/ui/VnUserLink.vue'; import VnUserLink from 'src/components/ui/VnUserLink.vue';
import VnTitle from 'src/components/common/VnTitle.vue';
onUpdated(() => summaryRef.value.fetch()); onUpdated(() => summaryRef.value.fetch());
@ -74,7 +75,7 @@ async function changeState(value) {
code: value, code: value,
}; };
await axios.post(`TicketTrackings/changeState`, formData); await axios.post(`Tickets/state`, formData);
router.go(route.fullPath); router.go(route.fullPath);
} }
</script> </script>
@ -102,8 +103,8 @@ async function changeState(value) {
<QBtnDropdown <QBtnDropdown
side side
top top
color="orange-11" color="black"
text-color="black" text-color="white"
:label="t('ticket.summary.changeState')" :label="t('ticket.summary.changeState')"
:disable="!isEditable()" :disable="!isEditable()"
> >
@ -147,10 +148,10 @@ async function changeState(value) {
</div> </div>
</QCard> </QCard>
<QCard class="vn-one"> <QCard class="vn-one">
<a class="header header-link" :href="ticketUrl + 'basic-data/step-one'"> <VnTitle
{{ t('globals.summary.basicData') }} :url="ticketUrl + 'basic-data/step-one'"
<QIcon name="open_in_new" /> :text="t('globals.summary.basicData')"
</a> />
<VnLv :label="t('ticket.summary.state')"> <VnLv :label="t('ticket.summary.state')">
<template #value> <template #value>
<QChip :color="ticket.ticketState?.state?.classColor ?? 'dark'"> <QChip :color="ticket.ticketState?.state?.classColor ?? 'dark'">
@ -193,10 +194,10 @@ async function changeState(value) {
/> />
</QCard> </QCard>
<QCard class="vn-one"> <QCard class="vn-one">
<a class="header header-link" :href="ticketUrl + 'basic-data/step-one'"> <VnTitle
{{ t('globals.summary.basicData') }} :url="ticketUrl + 'basic-data/step-one'"
<QIcon name="open_in_new" /> :text="t('globals.summary.basicData')"
</a> />
<VnLv <VnLv
:label="t('ticket.summary.shipped')" :label="t('ticket.summary.shipped')"
:value="toDate(ticket.shipped)" :value="toDate(ticket.shipped)"
@ -236,10 +237,10 @@ async function changeState(value) {
/> />
</QCard> </QCard>
<QCard class="vn-one"> <QCard class="vn-one">
<a class="header header-link" :href="ticketUrl + 'observation'"> <VnTitle
{{ t('ticket.pageTitles.notes') }} :url="ticketUrl + 'observation'"
<QIcon name="open_in_new" /> :text="t('ticket.pageTitles.notes')"
</a> />
<VnLv <VnLv
v-for="note in ticket.notes" v-for="note in ticket.notes"
:key="note.id" :key="note.id"
@ -258,10 +259,10 @@ async function changeState(value) {
</VnLv> </VnLv>
</QCard> </QCard>
<QCard class="vn-max"> <QCard class="vn-max">
<a class="header header-link" :href="ticketUrl + 'sale'"> <VnTitle
{{ t('ticket.summary.saleLines') }} :url="ticketUrl + 'sale'"
<QIcon name="open_in_new" /> :text="t('ticket.summary.saleLines')"
</a> />
<QTable :rows="ticket.sales"> <QTable :rows="ticket.sales">
<template #header="props"> <template #header="props">
<QTr :props="props"> <QTr :props="props">
@ -396,10 +397,7 @@ async function changeState(value) {
class="vn-max" class="vn-max"
v-if="ticket.packagings.length > 0 || ticket.services.length > 0" v-if="ticket.packagings.length > 0 || ticket.services.length > 0"
> >
<a class="header header-link" :href="ticketUrl + 'package'"> <VnTitle :url="ticketUrl + 'package'" :text="t('globals.packages')" />
{{ t('globals.packages') }}
<QIcon name="open_in_new" />
</a>
<QTable :rows="ticket.packagings" flat> <QTable :rows="ticket.packagings" flat>
<template #header="props"> <template #header="props">
<QTr :props="props"> <QTr :props="props">
@ -416,11 +414,10 @@ async function changeState(value) {
</QTr> </QTr>
</template> </template>
</QTable> </QTable>
<VnTitle
<a class="header header-link q-mt-xl" :href="ticketUrl + 'service'"> :url="ticketUrl + 'service'"
{{ t('ticket.summary.service') }} :text="t('ticket.summary.service')"
<QIcon name="open_in_new" /> />
</a>
<QTable :rows="ticket.services" flat> <QTable :rows="ticket.services" flat>
<template #header="props"> <template #header="props">
<QTr :props="props"> <QTr :props="props">

1
src/pages/Ticket/TicketList.vue
View File

@ -89,6 +89,7 @@ function navigate(id) {
<VnLv :label="t('ticket.list.state')"> <VnLv :label="t('ticket.list.state')">
<template #value> <template #value>
<QBadge <QBadge
text-color="black"
:color="row.classColor ?? 'orange'" :color="row.classColor ?? 'orange'"
class="q-ma-none" class="q-ma-none"
dense dense

5
src/pages/Travel/Card/TravelSummary.vue
View File

@ -5,6 +5,7 @@ import { useI18n } from 'vue-i18n';
import CardSummary from 'components/ui/CardSummary.vue'; import CardSummary from 'components/ui/CardSummary.vue';
import VnLv from 'src/components/ui/VnLv.vue'; import VnLv from 'src/components/ui/VnLv.vue';
import VnTitle from 'src/components/common/VnTitle.vue';
import EntryDescriptorProxy from 'src/pages/Entry/Card/EntryDescriptorProxy.vue'; import EntryDescriptorProxy from 'src/pages/Entry/Card/EntryDescriptorProxy.vue';
import FetchData from 'src/components/FetchData.vue'; import FetchData from 'src/components/FetchData.vue';
import TravelDescriptorMenuItems from './TravelDescriptorMenuItems.vue'; import TravelDescriptorMenuItems from './TravelDescriptorMenuItems.vue';
@ -284,9 +285,7 @@ async function setTravelData(travelData) {
<VnLv :label="t('globals.totalEntries')" :value="travel.totalEntries" /> <VnLv :label="t('globals.totalEntries')" :value="travel.totalEntries" />
</QCard> </QCard>
<QCard class="full-width" v-if="entriesTableRows.length > 0"> <QCard class="full-width" v-if="entriesTableRows.length > 0">
<span class="header header-link"> <VnTitle :text="t('travel.summary.entries')" />
{{ t('travel.summary.entries') }}
</span>
<QTable <QTable
:rows="entriesTableRows" :rows="entriesTableRows"
:columns="entriesTableColumns" :columns="entriesTableColumns"

2
src/pages/Travel/ExtraCommunity.vue
View File

@ -430,7 +430,7 @@ const handleDragScroll = (event) => {
/> />
</Teleport> </Teleport>
</template> </template>
<VnSubToolbar class="bg-vn-dark justify-end"> <VnSubToolbar class="justify-end">
<template #st-actions> <template #st-actions>
<QBtn <QBtn
color="primary" color="primary"

4
src/pages/Travel/TravelList.vue
View File

@ -100,6 +100,7 @@ onMounted(async () => {
<VnLv :label="t('globals.shipped')"> <VnLv :label="t('globals.shipped')">
<template #value> <template #value>
<QBadge <QBadge
text-color="black"
v-if="getDateQBadgeColor(row.shipped)" v-if="getDateQBadgeColor(row.shipped)"
:color="getDateQBadgeColor(row.shipped)" :color="getDateQBadgeColor(row.shipped)"
class="q-ma-none" class="q-ma-none"
@ -114,6 +115,7 @@ onMounted(async () => {
<VnLv :label="t('globals.landed')"> <VnLv :label="t('globals.landed')">
<template #value> <template #value>
<QBadge <QBadge
text-color="black"
v-if="getDateQBadgeColor(row.landed)" v-if="getDateQBadgeColor(row.landed)"
:color="getDateQBadgeColor(row.landed)" :color="getDateQBadgeColor(row.landed)"
class="q-ma-none" class="q-ma-none"
@ -139,13 +141,11 @@ onMounted(async () => {
<QBtn <QBtn
:label="t('components.smartCard.clone')" :label="t('components.smartCard.clone')"
@click.stop="cloneTravel(row)" @click.stop="cloneTravel(row)"
class="bg-vn-dark"
outline outline
/> />
<QBtn <QBtn
:label="t('addEntry')" :label="t('addEntry')"
@click.stop="redirectCreateEntryView(row)" @click.stop="redirectCreateEntryView(row)"
class="bg-vn-dark"
outline outline
style="margin-top: 15px" style="margin-top: 15px"
/> />

1
src/pages/Wagon/Type/WagonTypeList.vue
View File

@ -61,7 +61,6 @@ async function remove(row) {
<QBtn <QBtn
:label="t('components.smartCard.openCard')" :label="t('components.smartCard.openCard')"
@click.stop="navigate(row.id)" @click.stop="navigate(row.id)"
class="bg-vn-dark"
outline outline
/> />
<QBtn <QBtn

1
src/pages/Wagon/WagonList.vue
View File

@ -80,7 +80,6 @@ async function remove(row) {
<QBtn <QBtn
:label="t('components.smartCard.openCard')" :label="t('components.smartCard.openCard')"
@click.stop="navigate(row.id)" @click.stop="navigate(row.id)"
class="bg-vn-dark"
outline outline
/> />
<QBtn <QBtn

13
src/pages/Worker/Card/WorkerSummary.vue
View File

@ -8,6 +8,7 @@ import VnLv from 'src/components/ui/VnLv.vue';
import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue'; import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue';
import CardSummary from 'components/ui/CardSummary.vue'; import CardSummary from 'components/ui/CardSummary.vue';
import VnUserLink from 'src/components/ui/VnUserLink.vue'; import VnUserLink from 'src/components/ui/VnUserLink.vue';
import VnTitle from 'src/components/common/VnTitle.vue';
const route = useRoute(); const route = useRoute();
const { t } = useI18n(); const { t } = useI18n();
@ -71,10 +72,10 @@ const filter = {
</template> </template>
<template #body="{ entity: worker }"> <template #body="{ entity: worker }">
<QCard class="vn-one"> <QCard class="vn-one">
<a class="header header-link" :href="workerUrl + `basic-data`"> <VnTitle
{{ t('worker.summary.basicData') }} :url="workerUrl + `basic-data`"
<QIcon name="open_in_new" /> :text="t('worker.summary.basicData')"
</a> />
<VnLv :label="t('worker.card.name')" :value="worker.user.nickname" /> <VnLv :label="t('worker.card.name')" :value="worker.user.nickname" />
<VnLv <VnLv
:label="t('worker.list.department')" :label="t('worker.list.department')"
@ -111,9 +112,7 @@ const filter = {
<VnLv :label="t('worker.summary.locker')" :value="worker.locker" /> <VnLv :label="t('worker.summary.locker')" :value="worker.locker" />
</QCard> </QCard>
<QCard class="vn-one"> <QCard class="vn-one">
<div class="header header-link"> <VnTitle :text="t('worker.summary.userData')" />
{{ t('worker.summary.userData') }}
</div>
<VnLv :label="t('worker.summary.userId')" :value="worker.user.id" /> <VnLv :label="t('worker.summary.userId')" :value="worker.user.id" />
<VnLv :label="t('worker.card.name')" :value="worker.user.nickname" /> <VnLv :label="t('worker.card.name')" :value="worker.user.nickname" />
<VnLv :label="t('worker.summary.role')" :value="worker.user.role.name" /> <VnLv :label="t('worker.summary.role')" :value="worker.user.role.name" />

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

@ -82,7 +82,6 @@ const redirectToCreateView = () => {
<QBtn <QBtn
:label="t('components.smartCard.openCard')" :label="t('components.smartCard.openCard')"
@click.stop="navigate(row.id)" @click.stop="navigate(row.id)"
class="bg-vn-dark"
outline outline
/> />
<QBtn <QBtn

4
test/cypress/integration/invoiceIn/invoiceInList.spec.js
View File

@ -4,7 +4,7 @@ describe('InvoiceInList', () => {
const firstChipId = const firstChipId =
':nth-child(1) > :nth-child(1) > .justify-between > .flex > .q-chip > .q-chip__content'; ':nth-child(1) > :nth-child(1) > .justify-between > .flex > .q-chip > .q-chip__content';
const firstDetailBtn = '.q-card:nth-child(1) .q-btn:nth-child(2)'; const firstDetailBtn = '.q-card:nth-child(1) .q-btn:nth-child(2)';
const summaryHeaders = '.summaryBody .header'; const summaryHeaders = '.summaryBody .header-link';
const screen = '.q-page-container > .q-drawer-container > .fullscreen'; const screen = '.q-page-container > .q-drawer-container > .fullscreen';
beforeEach(() => { beforeEach(() => {
@ -17,7 +17,7 @@ describe('InvoiceInList', () => {
cy.get(firstChipId) cy.get(firstChipId)
.invoke('text') .invoke('text')
.then((content) => { .then((content) => {
const id = content.substring(4); const id = content.replace(/\D/g, '');
cy.get(firstCard).click(); cy.get(firstCard).click();
cy.url().should('include', `/invoice-in/${id}/summary`); cy.url().should('include', `/invoice-in/${id}/summary`);
}); });

7
test/cypress/integration/worker/workerList.spec.js
View File

@ -16,7 +16,10 @@ describe('WorkerList', () => {
it('should open the worker summary', () => { it('should open the worker summary', () => {
cy.openListSummary(0); cy.openListSummary(0);
cy.get('.summaryHeader div').should('have.text', '1110 - Jessica Jones'); cy.get('.summaryHeader div').should('have.text', '1110 - Jessica Jones');
cy.get('.summary .header-link').eq(0).invoke('text').should('include', 'Basic data'); cy.get('.summary .header-link')
cy.get('.summary .header-link').eq(1).should('have.text', 'User data'); .eq(0)
.invoke('text')
.should('include', 'Basic data');
cy.get('.summary .header-link').eq(1).should('have.text', 'User data ');
}); });
}); });