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

#6480 improve Card #271

Merged
jorgep merged 36 commits from 6480-improveCard into dev 2024-04-24 06:57:38 +00:00
Conversation 1 Commits 36 Files Changed 38 +22 -13
3 changed files with 22 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit bfa9dc9634 - Show all commits

17
src/components/common/VnCard.vue
View File

@ -1,11 +1,26 @@
<script setup>
import useCardSize from 'src/composables/useCardSize';
import VnSubToolbar from '../ui/VnSubToolbar.vue';
import LeftMenu from 'components/LeftMenu.vue';
import { useStateStore } from 'stores/useStateStore';
defineProps({
descriptor: { type: Object, required: true },
});
const stateStore = useStateStore();
</script>
<template>
<VnSubToolbar />
<QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
jorgep commented 2024-04-11 10:40:58 +00:00
Outdated
Review
Copy Link

Esta parte también se repite mucho

Esta parte también se repite mucho
<QScrollArea class="fit">
jorgep commented 2024-04-23 10:51:15 +00:00
Review
Copy Link

Habilita la opción de usasr una url diferente, en el caso de worker se usa un scope: "summary"

Habilita la opción de usasr una url diferente, en el caso de worker se usa un scope: "summary"
<component :is="descriptor" />
<QSeparator />
<LeftMenu source="card" />
</QScrollArea>
</QDrawer>
<QPageContainer>
<QPage>
<VnSubToolbar />
<div :class="useCardSize()">
<RouterView />
</div>

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

@ -12,14 +12,16 @@ onMounted(() => {
actions.value = document.querySelector('#st-actions');
data.value = document.querySelector('#st-data');
if (!actions.value && !data.value) return;
// Check if there's content to display
const observer = new MutationObserver(
jorgep commented 2024-04-19 15:01:50 +00:00
Review
Copy Link

comprueba que haya contenido dentro de ambos divs. Sería como un "watch" pero del DOM.

comprueba que haya contenido dentro de ambos divs. Sería como un "watch" pero del DOM.
🚀 1
() =>
(hasContent.value =
actions.value.childNodes.length + data.value.childNodes.length)
);
observer.observe(actions.value, opts);
observer.observe(data.value, opts);
if (actions.value) observer.observe(actions.value, opts);
if (data.value) observer.observe(data.value, opts);
});
onUnmounted(() => {

12
src/pages/InvoiceIn/Card/InvoiceInCard.vue
View File

@ -2,7 +2,6 @@
import { useI18n } from 'vue-i18n';
import { useStateStore } from 'stores/useStateStore';
import InvoiceInDescriptor from './InvoiceInDescriptor.vue';
import LeftMenu from 'components/LeftMenu.vue';
import VnSearchbar from 'components/ui/VnSearchbar.vue';
import { useArrayData } from 'src/composables/useArrayData';
import { onMounted, watch } from 'vue';
@ -47,7 +46,7 @@ const arrayData = useArrayData('InvoiceIn', {
onMounted(async () => await arrayData.fetch({ append: false }));
watch(
() => route.params.id,
async (newId, oldId) => {
async (newId) => {
if (newId) {
arrayData.store.url = `InvoiceIns/${newId}`;
await arrayData.fetch({ append: false });
@ -64,14 +63,7 @@ watch(
:info="t('You can search by invoice reference')"
/>
</Teleport>
<QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
<QScrollArea class="fit">
<InvoiceInDescriptor />
<QSeparator />
<LeftMenu source="card" />
</QScrollArea>
</QDrawer>
<VnCard />
<VnCard :descriptor="InvoiceInDescriptor" />
</template>
<i18n>
es: