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

fix: replace QToolbar by Teleport
gitea/salix-front/pipeline/pr-dev This commit looks good Details

This commit is contained in:
Javier Segarra 2024-05-06 08:37:41 +02:00
parent d2e178a41b
commit f85665b271
1 changed files with 41 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
src/pages/Item/Card/ItemShelving.vue
View File

@ -14,6 +14,9 @@ import { useArrayData } from 'src/composables/useArrayData';
import useNotify from 'src/composables/useNotify.js';
import { useVnConfirm } from 'composables/useVnConfirm';
import axios from 'axios';
import { useStateStore } from 'stores/useStateStore';
const stateStore = useStateStore();
const route = useRoute();
const { t } = useI18n();
@ -197,43 +200,46 @@ onMounted(async () => {
auto-load
@on-fetch="(data) => (shelvingsOptions = data)"
/>
<QToolbar class="bg-vn-dark justify-end">
<div id="st-data" class="q-py-sm flex items-center">
<div class="q-pa-md q-mr-lg" style="border: 2px solid #222">
<QCardSection horizontal>
<span class="text-weight-bold text-subtitle1 text-center full-width">
{{ t('shelvings.total') }}
</span>
</QCardSection>
<QCardSection class="column items-center" horizontal>
<div>
<span class="details-label"
>{{ t('shelvings.totalLabels') }}
<template v-if="stateStore.isHeaderMounted()">
<Teleport to="#st-data">
<div class="q-py-sm flex items-center">
<div class="q-pa-md q-mr-lg" style="border: 2px solid #222">
<QCardSection horizontal>
<span
class="text-weight-bold text-subtitle1 text-center full-width"
>
{{ t('shelvings.total') }}
</span>
<span>: {{ totalLabels }}</span>
</div>
</QCardSection>
</QCardSection>
<QCardSection class="column items-center" horizontal>
<div>
<span class="details-label"
>{{ t('shelvings.totalLabels') }}
</span>
<span>: {{ totalLabels }}</span>
</div></QCardSection
>
</div>
<QBtn
color="primary"
icon="delete"
:disabled="!rowsSelected.length"
@click="
openConfirmationModal(
t('shelvings.removeConfirmTitle'),
t('shelvings.removeConfirmSubtitle'),
removeLines
)
"
>
<QTooltip>
{{ t('shelvings.removeLines') }}
</QTooltip>
</QBtn>
</div>
<QBtn
color="primary"
icon="delete"
:disabled="!rowsSelected.length"
@click="
openConfirmationModal(
t('shelvings.removeConfirmTitle'),
t('shelvings.removeConfirmSubtitle'),
removeLines
)
"
>
<QTooltip>
{{ t('shelvings.removeLines') }}
</QTooltip>
</QBtn>
</div>
<QSpace />
<div id="st-actions"></div>
</QToolbar>
</Teleport>
</template>
<QPage class="column items-center q-pa-md">
<QTable
:rows="rows"