refs #6157 icon mobile
gitea/salix-front/pipeline/head This commit looks good Details

This commit is contained in:
Carlos Satorres 2023-10-19 17:07:06 +02:00
parent 841ed5d81a
commit cea811903e
1 changed files with 15 additions and 28 deletions

View File

@ -10,6 +10,7 @@ import FetchData from 'src/components/FetchData.vue';
import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue'; import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
import VnSelectFilter from 'src/components/common/VnSelectFilter.vue'; import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
import { useArrayData } from 'src/composables/useArrayData'; import { useArrayData } from 'src/composables/useArrayData';
import { tMobile } from 'src/composables/tMobile';
const { t } = useI18n(); const { t } = useI18n();
const route = useRoute(); const route = useRoute();
@ -160,7 +161,7 @@ async function updateDestinations(claimDestinationFk) {
{{ t('claim.summary.actions') }} {{ t('claim.summary.actions') }}
</p> </p>
<QSlider <QSlider
class="responsability" class="responsability { 'background-color:primary': quasar.platform.is.mobile }"
v-model="responsibility" v-model="responsibility"
label label
:label-value="t('claim.summary.responsibility')" :label-value="t('claim.summary.responsibility')"
@ -194,30 +195,7 @@ async function updateDestinations(claimDestinationFk) {
auto-load auto-load
@on-fetch="(data) => (resolvedStateId = data)" @on-fetch="(data) => (resolvedStateId = data)"
/> />
<Teleport to="#st-data" v-if="stateStore.isSubToolbarShown()"> <Teleport to="#st-data" v-if="stateStore.isSubToolbarShown()"> </Teleport>
<QToolbar>
<QBtn
color="primary"
text-color="white"
class="q-mx-sm"
:unelevated="true"
:disable="!selectedRows.length"
:label="t('Change destination')"
@click="dialog = !dialog"
/>
</QToolbar>
<!-- <QPageSticky position="top-right" :offset="[25, 25]">
<QBtn
color="primary"
text-color="white"
class="q-mx-sm"
:unelevated="true"
:disable="!selectedRows.length"
:label="t('Change destination')"
@click="dialog = !dialog"
/>
</QPageSticky> -->
</Teleport>
<div class="claim-action"> <div class="claim-action">
<CrudModel <CrudModel
@ -260,6 +238,9 @@ async function updateDestinations(claimDestinationFk) {
:options="destinationTypes" :options="destinationTypes"
option-value="id" option-value="id"
option-label="description" option-label="description"
@update:model-value="
(value) => updateDestination(value, rows[rowIndex])
"
/> />
</QTd> </QTd>
</template> </template>
@ -331,7 +312,9 @@ async function updateDestinations(claimDestinationFk) {
color="primary" color="primary"
text-color="white" text-color="white"
:unelevated="true" :unelevated="true"
:label="t('Regularize')" :label="tMobile('Regularize')"
:title="t('Regularize')"
icon="check"
/> />
<!--disabled="(ClaimDescriptor)claimStateFk == resolvedStateId"--> <!--disabled="(ClaimDescriptor)claimStateFk == resolvedStateId"-->
<QBtn <QBtn
@ -339,14 +322,18 @@ async function updateDestinations(claimDestinationFk) {
text-color="white" text-color="white"
:unelevated="true" :unelevated="true"
:disable="!selectedRows.length" :disable="!selectedRows.length"
:label="t('Change destination')" :label="tMobile('Change destination')"
:title="t('Change destination')"
icon="swap_horiz"
@click="dialog = !dialog" @click="dialog = !dialog"
/> />
<QBtn <QBtn
color="primary" color="primary"
text-color="white" text-color="white"
:unelevated="true" :unelevated="true"
:label="t('Import claim')" :label="tMobile('Import claim')"
:title="t('Import claim')"
icon="Upload"
/> />
<!--disabled="(ClaimDescriptor)claimStateFk == resolvedStateId"--> <!--disabled="(ClaimDescriptor)claimStateFk == resolvedStateId"-->
</template> </template>