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

Make card-list a global class

This commit is contained in:
William Buezas 2024-01-22 12:25:59 -03:00
parent 78f37f57c4
commit 41605db454
20 changed files with 36 additions and 149 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/css/app.scss
View File

@ -58,6 +58,11 @@ body.body--dark {
border-radius: 8px;
}
.vn-card-list {
width: 100%;
max-width: 60em;
}
/* Estilo para el asterisco en campos requeridos */
.q-field.required .q-field__label:after {
content: ' *';

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

@ -71,7 +71,7 @@ function viewSummary(id) {
</QScrollArea>
</QDrawer>
<QPage class="column items-center q-pa-md">
<div class="card-list">
<div class="vn-card-list">
<VnPaginate
data-key="ClaimList"
url="Claims/filter"
@ -145,13 +145,6 @@ function viewSummary(id) {
</QPage>
</template>
<style lang="scss" scoped>
.card-list {
width: 100%;
max-width: 60em;
}
</style>
<i18n>
es:
Search claim: Buscar reclamación

3
src/pages/Claim/ClaimRmaList.vue
View File

@ -84,7 +84,7 @@ async function remove({ id }) {
</QForm>
</QCard>
</QPageSticky>
<div class="card-list">
<div class="vn-card-list">
<VnPaginate
data-key="ClaimRmaList"
url="ClaimRmas"
@ -160,7 +160,6 @@ async function remove({ id }) {
padding-top: 156px;
}
.card-list,
.card {
width: 100%;
max-width: 60em;

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

@ -65,7 +65,7 @@ const redirectToCreateView = () => {
</QScrollArea>
</QDrawer>
<QPage class="column items-center q-pa-md">
<div class="card-list">
<div class="vn-card-list">
<VnPaginate
auto-load
data-key="CustomerList"
@ -116,13 +116,6 @@ const redirectToCreateView = () => {
</QPage>
</template>
<style lang="scss" scoped>
.card-list {
width: 100%;
max-width: 60em;
}
</style>
<i18n>
es:
Search customer: Buscar cliente

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

@ -122,7 +122,7 @@ function stateColor(row) {
</QScrollArea>
</QDrawer>
<QPage class="column items-center q-pa-md customer-payments">
<div class="card-list">
<div class="vn-card-list">
<QToolbar class="q-pa-none justify-end">
<QBtn
@click="arrayData.refresh()"
@ -278,18 +278,13 @@ function stateColor(row) {
<style lang="scss">
.customer-payments {
.card-list {
width: 100%;
max-width: 60em;
.q-table--dense .q-table th:first-child {
padding-left: 0;
}
td {
max-width: 130px;
overflow: hidden;
text-overflow: ellipsis;
}
.q-table--dense .q-table th:first-child {
padding-left: 0;
}
td {
max-width: 130px;
overflow: hidden;
text-overflow: ellipsis;
}
}
</style>

9
src/pages/Entry/EntryList.vue
View File

@ -47,7 +47,7 @@ onMounted(async () => {
</QScrollArea>
</QDrawer>
<QPage class="column items-center q-pa-md">
<div class="card-list">
<div class="vn-card-list">
<VnPaginate
data-key="EntryList"
url="Entries/filter"
@ -128,13 +128,6 @@ onMounted(async () => {
</QPageSticky>
</template>
<style lang="scss" scoped>
.card-list {
width: 100%;
max-width: 60em;
}
</style>
<i18n>
es:
Search entries: Buscar entradas

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

@ -71,7 +71,7 @@ function viewSummary(id) {
</QScrollArea>
</QDrawer>
<QPage class="column items-center q-pa-md">
<div class="card-list">
<div class="vn-card-list">
<VnPaginate
data-key="InvoiceInList"
url="InvoiceIns/filter"
@ -157,13 +157,6 @@ function viewSummary(id) {
</QPageSticky>
</template>
<style lang="scss" scoped>
.card-list {
width: 100%;
max-width: 60em;
}
</style>
<i18n>
es:
Search invoice: Buscar factura emitida

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

@ -181,7 +181,7 @@ const downloadCsv = () => {
</div>
</QToolbar>
<div class="flex flex-center q-pa-md">
<div class="card-list">
<div class="vn-card-list">
<CardList
:element="row"
:id="row.id"
@ -246,13 +246,6 @@ const downloadCsv = () => {
</QPage>
</template>
<style lang="scss" scoped>
.card-list {
width: 100%;
max-width: 60em;
}
</style>
<i18n>
en:
searchInvoice: Search issued invoice

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

@ -1,7 +1,7 @@
<script setup>
import { useStateStore } from 'stores/useStateStore';
import { useRoute } from 'vue-router';
import {onMounted, onUnmounted, ref} from 'vue';
import { onMounted, onUnmounted, ref } from 'vue';
import { useI18n } from 'vue-i18n';
import VnPaginate from 'components/ui/VnPaginate.vue';
import VnSearchbar from 'components/ui/VnSearchbar.vue';
@ -20,7 +20,7 @@ const catalogParams = {
orderBy: JSON.stringify({ field: 'relevancy DESC, name', way: 'ASC', isTag: false }),
};
const tags = ref([])
const tags = ref([]);
function extractTags(items) {
const resultTags = [];
@ -34,7 +34,7 @@ function extractTags(items) {
}
});
});
tags.value = resultTags
tags.value = resultTags;
}
</script>
@ -70,7 +70,7 @@ function extractTags(items) {
</QScrollArea>
</QDrawer>
<QPage class="column items-center q-pa-md">
<div class="card-list">
<div class="full-width">
<VnPaginate
data-key="OrderCatalogList"
url="Orders/CatalogFilter"
@ -93,10 +93,6 @@ function extractTags(items) {
</template>
<style lang="scss" scoped>
.card-list {
width: 100%;
}
.catalog-list {
display: flex;
align-items: flex-start;

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

@ -83,7 +83,7 @@ async function confirmOrder() {
auto-load
/>
<QPage :key="componentKey" class="column items-center q-pa-md">
<div class="card-list">
<div class="vn-card-list">
<div v-if="!orderSummary.total" class="no-result">
{{ t('globals.noResults') }}
</div>
@ -228,11 +228,6 @@ async function confirmOrder() {
}
</style>
<style lang="scss" scoped>
.card-list {
width: 100%;
max-width: 60em;
}
.header {
color: $primary;
font-weight: bold;

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

@ -4,7 +4,7 @@ import { onMounted, onUnmounted } from 'vue';
import { useRouter } from 'vue-router';
import { useStateStore } from 'stores/useStateStore';
import { toCurrency, toDate } from 'src/filters';
import {useQuasar} from "quasar";
import { useQuasar } from 'quasar';
import CardList from 'components/ui/CardList.vue';
import WorkerDescriptorProxy from 'pages/Worker/Card/WorkerDescriptorProxy.vue';
import CustomerDescriptorProxy from 'pages/Customer/Card/CustomerDescriptorProxy.vue';
@ -12,7 +12,7 @@ import VnPaginate from 'components/ui/VnPaginate.vue';
import VnLv from 'components/ui/VnLv.vue';
import OrderSearchbar from 'pages/Order/Card/OrderSearchbar.vue';
import OrderFilter from 'pages/Order/Card/OrderFilter.vue';
import OrderSummaryDialog from "pages/Order/Card/OrderSummaryDialog.vue";
import OrderSummaryDialog from 'pages/Order/Card/OrderSummaryDialog.vue';
const stateStore = useStateStore();
const quasar = useQuasar();
@ -63,7 +63,7 @@ function viewSummary(id) {
</QScrollArea>
</QDrawer>
<QPage class="column items-center q-pa-md">
<div class="card-list">
<div class="vn-card-list">
<VnPaginate
data-key="OrderList"
url="Orders/filter"
@ -153,10 +153,3 @@ function viewSummary(id) {
</QPageSticky>
</QPage>
</template>
<style lang="scss" scoped>
.card-list {
width: 100%;
max-width: 60em;
}
</style>

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

@ -35,7 +35,7 @@ const loadVolumes = async (rows) => {
auto-load
/>
<QPage class="column items-center q-pa-md">
<div class="card-list">
<div class="vn-card-list">
<div
v-if="!volumeSummary?.totalVolume && !volumeSummary?.totalBoxes"
class="no-result"
@ -121,11 +121,6 @@ const loadVolumes = async (rows) => {
}
</style>
<style lang="scss" scoped>
.card-list {
width: 100%;
max-width: 60em;
}
.header {
color: $primary;
font-weight: bold;

9
src/pages/Shelving/ShelvingList.vue
View File

@ -74,7 +74,7 @@ function exprBuilder(param, value) {
</QScrollArea>
</QDrawer>
<QPage class="column items-center q-pa-md">
<div class="card-list">
<div class="vn-card-list">
<VnPaginate
data-key="ShelvingList"
url="Shelvings"
@ -129,10 +129,3 @@ function exprBuilder(param, value) {
</QPageSticky>
</QPage>
</template>
<style lang="scss" scoped>
.card-list {
width: 100%;
max-width: 60em;
}
</style>

9
src/pages/Supplier/Card/SupplierAddresses.vue
View File

@ -47,7 +47,7 @@ const redirectToUpdateView = (addressData) => {
<template>
<QPage class="column items-center q-pa-md">
<div class="card-list">
<div class="vn-card-list">
<VnPaginate
data-key="SupplierAddress"
:url="`Suppliers/${route.params.id}/addresses`"
@ -88,10 +88,3 @@ const redirectToUpdateView = (addressData) => {
</QPageSticky>
</QPage>
</template>
<style lang="scss" scoped>
.card-list {
width: 100%;
max-width: 60em;
}
</style>

9
src/pages/Supplier/SupplierList.vue
View File

@ -44,7 +44,7 @@ const viewSummary = (id) => {
</template>
<QPage class="column items-center q-pa-md">
<div class="card-list">
<div class="vn-card-list">
<VnPaginate data-key="SuppliersList" url="Suppliers/filter" auto-load>
<template #body="{ rows }">
<CardList
@ -95,13 +95,6 @@ const viewSummary = (id) => {
</QPage>
</template>
<style lang="scss" scoped>
.card-list {
width: 100%;
max-width: 60em;
}
</style>
<i18n>
en:
Search suppliers: Search suppliers

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

@ -74,7 +74,7 @@ function viewSummary(id) {
</QScrollArea>
</QDrawer>
<QPage class="column items-center q-pa-md">
<div class="card-list">
<div class="vn-card-list">
<VnPaginate
data-key="TicketList"
url="Tickets/filter"
@ -134,13 +134,6 @@ function viewSummary(id) {
</QPage>
</template>
<style lang="scss" scoped>
.card-list {
width: 100%;
max-width: 60em;
}
</style>
<i18n>
es:
Search ticket: Buscar ticket

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

@ -56,7 +56,7 @@ onMounted(async () => {
</QScrollArea>
</QDrawer>
<QPage class="column items-center q-pa-md">
<div class="card-list">
<div class="vn-card-list">
<VnPaginate
data-key="TravelList"
url="Travels/filter"
@ -132,13 +132,6 @@ onMounted(async () => {
</QPage>
</template>
<style lang="scss" scoped>
.card-list {
width: 100%;
max-width: 60em;
}
</style>
<i18n>
en:
addEntry: Add entry

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

@ -42,7 +42,7 @@ async function remove(row) {
<template>
<QPage class="column items-center q-pa-md">
<div class="card-list">
<div class="vn-card-list">
<VnPaginate
data-key="WagonTypeList"
url="/WagonTypes"
@ -80,10 +80,3 @@ async function remove(row) {
</QPageSticky>
</QPage>
</template>
<style lang="scss" scoped>
.card-list {
width: 100%;
max-width: 60em;
}
</style>

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

@ -48,7 +48,7 @@ async function remove(row) {
<template>
<QPage class="column items-center q-pa-md">
<div class="card-list">
<div class="vn-card-list">
<VnPaginate
data-key="WagonList"
url="/Wagons"
@ -99,10 +99,3 @@ async function remove(row) {
</QPageSticky>
</QPage>
</template>
<style lang="scss" scoped>
.card-list {
width: 100%;
max-width: 60em;
}
</style>

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

@ -64,7 +64,7 @@ const redirectToCreateView = () => {
</QScrollArea>
</QDrawer>
<QPage class="column items-center q-pa-md">
<div class="card-list">
<div class="vn-card-list">
<VnPaginate
data-key="WorkerList"
url="Workers/filter"
@ -114,13 +114,6 @@ const redirectToCreateView = () => {
</QPage>
</template>
<style lang="scss" scoped>
.card-list {
width: 100%;
max-width: 60em;
}
</style>
<i18n>
es:
Search worker: Buscar trabajador