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

refs 5987 index cards and light mode #79

Merged
alexm merged 10 commits from 5987-redisgnCards into dev 2023-08-17 08:41:58 +00:00
Conversation 0 Commits 10 Files Changed 15 +1 -102
2 changed files with 1 additions and 102 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 3d4aca52f8 - Show all commits

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

@ -113,12 +113,10 @@ watch($props, async () => {
<div class="title">
<span v-if="$props.title" :title="$props.title">
{{ $props.title }}
<QTooltip>{{ $props.title }}</QTooltip>
</span>
<slot v-else name="description" :entity="entity">
<span :title="entity.name">
{{ entity.name }}
<QTooltip>{{ entity.name }}</QTooltip>
</span>
</slot>
</div>
@ -198,7 +196,7 @@ watch($props, async () => {
.list-box {
alexm commented 2023-08-14 12:15:20 +00:00
Outdated
Review
Copy Link

Podries gastar el color de una de les variables que has creat:
https://gitea.verdnatura.es/verdnatura/salix-front/pulls/79/files#diff-b1e76443679ed8e3f9150534016e8ec63d3c1f9f

$white: #fff;
$black: #000;
$light-black: #4e4c4c;
$gray: gray;
$light-gray: #57565633;
$lighter-gray: #5756560f;

I possarli lo de light i tal pero de manera global

Podries gastar el color de una de les variables que has creat: https://gitea.verdnatura.es/verdnatura/salix-front/pulls/79/files#diff-b1e76443679ed8e3f9150534016e8ec63d3c1f9f ``` $white: #fff; $black: #000; $light-black: #4e4c4c; $gray: gray; $light-gray: #57565633; $lighter-gray: #5756560f; ``` I possarli lo de light i tal pero de manera global
width: 90%;
background-color: $descriptor-items-box;
alexm commented 2023-08-14 05:06:50 +00:00
Outdated
Review
Copy Link

Esta variable debería estar o definida aquí o tener un nombre mas genérico. Dado que esta definida de manera global

Esta variable debería estar o definida aquí o tener un nombre mas genérico. Dado que esta definida de manera global
margin: 20px 10px 0 10px;
margin: 10px auto;
padding: 10px 5px 10px 0px;
border-radius: 8px;
.q-item__label {

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

@ -127,105 +127,6 @@ function viewSummary(id) {
</QBtn>
</template>
</CardList>
<QCard class="card q-mb-md" v-for="row of rows" :key="row.id">
<QItem
class="q-pa-none items-start cursor-pointer q-hoverable"
v-ripple
clickable
>
<QItemSection class="q-pa-md" @click="navigate(row.id)">
<div class="text-h6">{{ row.name }}</div>
<QItemLabel caption>#{{ row.id }}</QItemLabel>
<QList>
<QItem class="q-pa-none">
<QItemSection>
<QItemLabel caption>
{{ t('ticket.list.nickname') }}
</QItemLabel>
<QItemLabel>
{{ row.nickname }}
</QItemLabel>
</QItemSection>
<QItemSection>
<QItemLabel caption>
{{ t('ticket.list.state') }}
</QItemLabel>
<QItemLabel>
<QBadge
:color="row.classColor ?? 'orange'"
class="q-ma-none"
dense
>
{{ row.state }}
</QBadge>
</QItemLabel>
</QItemSection>
</QItem>
<QItem class="q-pa-none">
<QItemSection>
<QItemLabel caption>
{{ t('ticket.list.shipped') }}
</QItemLabel>
<QItemLabel>
{{ toDate(row.shipped) }}
</QItemLabel>
</QItemSection>
<QItemSection>
<QItemLabel caption>
{{ t('Zone') }}
</QItemLabel>
<QItemLabel>
{{ row.zoneName }}
</QItemLabel>
</QItemSection>
</QItem>
<QItem class="q-pa-none">
<QItemSection>
<QItemLabel caption>
{{ t('ticket.list.salesPerson') }}
</QItemLabel>
<QItemLabel>
{{ row.salesPerson }}
</QItemLabel>
</QItemSection>
<QItemSection>
<QItemLabel caption>
{{ t('ticket.list.total') }}
</QItemLabel>
<QItemLabel>
{{ toCurrency(row.totalWithVat) }}
</QItemLabel>
</QItemSection>
</QItem>
</QList>
</QItemSection>
<QSeparator vertical />
<QCardActions vertical class="justify-between">
<QBtn
flat
round
color="orange"
icon="arrow_circle_right"
@click="navigate(row.id)"
>
<QTooltip>
{{ t('components.smartCard.openCard') }}
</QTooltip>
</QBtn>
<QBtn
flat
round
color="grey-7"
icon="preview"
@click="viewSummary(row.id)"
>
<QTooltip>
{{ t('components.smartCard.openSummary') }}
</QTooltip>
</QBtn>
</QCardActions>
</QItem>
</QCard>
</template>
</VnPaginate>
</div>