refs 6105 claimNotes and VnNotes created #83
No reviewers
Labels
No Milestone
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: verdnatura/salix-front#83
Loading…
Reference in New Issue
No description provided.
Delete Branch "6105-createClaimNotes"
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?
@ -0,0 +24,4 @@
</div>
</div>
</template>
<style lang="scss" scoped>
class="column items-centar" fa el mateix (crec)
i en .description "text-center"
@ -0,0 +18,4 @@
const notes = ref([]);
const noteModal = ref(false);
const newNote = ref('');
const claimObservationRef = ref();
Un component global, que se gastara en ticket, worker, etc no deuria tindre algo tan especific de claim
@ -0,0 +33,4 @@
</script>
<template>
<FetchData
:url="$props.url"
Sols seria canviar el nom del ref, pq la url i tot si q ho tens dinamic
@ -0,0 +39,4 @@
auto-load
ref="claimObservationRef"
/>
<div class="notes" ref="notesContainer">
El ref este si no es gasta en cap lloc lleval
@ -0,0 +40,4 @@
ref="claimObservationRef"
/>
<div class="notes" ref="notesContainer">
<QDialog v-model="noteModal" persistent>
El QDialog dixal al final del html, si no queda confus
@ -0,0 +77,4 @@
</QCardActions>
</QCard>
</QDialog>
<QCard class="q-pa-md" v-for="(note, index) in notes" :key="index">
Podries gastar el component VnPaginate i te ahorraries el fetch de dalt i el v.for de aci.
Apart aixina tens millor logica per als filtros (VnPaginate te mes props que podrien ser utils en un futur):
Pots gastar el component i possarli v-bind="$attrs" i li pasa les propietats que a tu te hajen pasat. I ja no has ni de fenirles tu
@ -0,0 +118,4 @@
.q-card {
min-width: 350px;
}
.note-dialog {
Quasar te clases (paregut a bootstrap) que te dixa fer coses de estes i te ahorra CSS.
Per exemple esta la clase column que ja te fa esta part:
igual que la part de:
Es pot fer tambe:
https://quasar.dev/layout/grid/column#introduction
@ -0,0 +36,4 @@
/>
</div>
</template>
<style lang="scss">
Lo mateix intentem no gastar tant de CSS i gastar mes coses de Quasar. https://quasar.dev/layout/grid/column#introduction
Estoy dando estilo a clases de un componente hijo desde el padre, aquí no puedo usar las clases de quasar.
Pero entonces estas clases (si son de quasar mejor). Deberian estar en el componente. Si no en cada sitio donde uses el componente lo tendrás que estilar.
De hecho cuando hice esta sección: src/pages/Ticket/Card/TicketSms.vue use 0 lineas de CSS.
Y VnNotes es un 99% igual
http://localhost:9000/#/ticket/1/sms?order=smsFk+DESC&limit=5
@ -0,0 +70,4 @@
}
}
}
@media (max-width: 1150px) {
Aci seria mes convenient lo de $breakpoint-md (per exemple)
@ -0,0 +1,26 @@
<script setup>
El nom de avatar picture no me acaba, voria mes un WorkerAvatar, VnAvatar, ns
@ -0,0 +111,4 @@
:label="t('globals.save')"
color="primary"
v-close-popup
@click="fetch"
fetch? Seria mas correcto submit, insert, etc
@ -0,0 +130,4 @@
width: 95%;
}
}
.add-btn {
Si ya tiene la propiedad size="md" pq tiene una clase?
.
@ -0,0 +123,4 @@
</QDialog>
</div>
</template>
<style lang="scss" scoped>
Ya esta todo bien, faltaría mirar si podemos quitar CSS
Creo que no, son propiedades width y order.
Modificaciones comentadas en persona