#7283 finish item card sections #588
No reviewers
Labels
No Milestone
No Assignees
3 Participants
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: verdnatura/salix-front#588
Loading…
Reference in New Issue
No description provided.
Delete Branch "7283-itemSectionsMigration"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
WIP: #7283 finish item card sectionsto #7283 finish item card sections@ -89,2 +75,2 @@
/>
</QAvatar>
<QBtn class="q-pa-none" rounded dense flat no-wrap id="user">
<VnAvatar
Es la foto de un usuario
@ -157,3 +156,1 @@
<VnImg :id="user.id" collection="user" size="160x160" />
</QAvatar>
<VnAvatar
Es la foto de un usuario.
@ -32,3 +32,3 @@
<QCard class="card shadow-6">
<div class="img-wrapper">
<VnImg :id="item.id" zoom-size="lg" class="image" />
<VnImg :id="item.id" class="image" />
Ese lg no hacía nada.
@ -9,3 +9,2 @@
description: { type: String, default: null },
size: { type: String, default: null },
title: { type: String, default: null },
title: { type: [String, Boolean], default: null },
No siempre se quiere poner un title, ej. cuando hay un desplegable.
se puede directamente no definir la propiedad? así no es necesario el boolean?
@ -10,2 +10,2 @@
size: { type: String, default: null },
title: { type: String, default: null },
title: { type: [String, Boolean], default: null },
color: { type: String, default: null },
Habilita
@ -12,3 +14,3 @@
default: 'catalog',
},
size: {
resolution: {
Realmente no se le estaba indicando el tamaño, solo la resolución
@ -21,1 +22,3 @@
default: 'lg',
default: null,
},
zoom: {
No siempre se quiere hacer zoom, ej. contador de carros.
@ -4,3 +2,2 @@
<template>
<div class="vn-row q-gutter-md q-mb-md" :class="{ wrap }">
<slot></slot>
<div class="vn-row q-gutter-md q-mb-md">
wrap no hace nada, se deshicieron los cambios.
@ -7,3 +5,3 @@
</div>
</template>
<style lang="scss" scopped>
<style lang="scss" scoped>
scopped lleva solo una p, antes era un style global. Con :deep y scoped funciona correctamente
@ -74,3 +65,3 @@
<VnRow>
<VnSelect
:label="t('basicData.type')"
:label="t('itemBasicData.type')"
hay otro archivo donde ya se usa la clave basicData, por lo que daba conflicto
@ -43,3 +43,3 @@
};
const handleTagSelected = (rows, index, tag) => {
const handleTagSelected = (rows, index, tagId) => {
Ahora se recoge correctamente el tag
@ -110,4 +110,0 @@
<VnRow
v-for="(row, index) in rows"
:key="index"
class="row q-gutter-md q-mb-md"
No hacía nada.
@ -120,3 +117,3 @@
hide-selected
@update:model-value="
($event) => handleTagSelected(rows, index, $event)
(val) => handleTagSelected(rows, index, val)
más descriptivo, es un evt/fn personalizado.
@ -156,3 +152,3 @@
:rules="validate('itemTag.priority')"
/>
<div class="col-1 row justify-center items-center">
<div class="row justify-center items-center" style="flex: 0">
El basurero se alinea a la derecha y ocupa el mínimo espacio posible.
@ -177,6 +173,7 @@ const insertTag = (rows) => {
color="primary"
name="add"
size="sm"
style="flex: 0"
El area "clicable" era bastante más ancha que el propio icono. ahora ocupa solo el espacio del icono.
@ -65,3 +65,3 @@
<QItem v-for="(props, name) in counters" :key="name" class="col-6">
<QItemSection>
<VnImg :id="props.id" width="130px" @click="handleEvent(name, 'add')" />
<VnImg
si haces click para sumar 1 también te hace zoom. No tenía sentido.
New commits pushed, approval review dismissed automatically according to repository settings
@ -160,0 +156,4 @@
<VnAvatar
:worker-id="user.id"
:title="user.name"
size="80px"
en otros sitios se usa size="md" posible usar los genericos.
Pregunta: no he encontrado donde esta en nuestro caso md a cuantos px equivale, donde se está?
No lo tenemos definido, es nativo de quasar. He probado a poner xl pero se queda muy pequeño. Creo un tamaño personalizado para q-avatar[size="xxxl"] que sea 80px?
si
@ -107,1 +100,3 @@
</QAvatar>
<VnAvatar
:worker-id="data.salesPersonFk"
color="orange"
los colores estan en quasar.variables.scss
usa las variables, de paso puedes reemplazar los orange que encuentres