aggiornamenti su PCB
This commit is contained in:
Surya Paolo
@@ -75,4 +75,9 @@
|
||||
}
|
||||
.q-carousel__slide{
|
||||
padding: 8px !important;
|
||||
}
|
||||
|
||||
.carousel-scroll-container {
|
||||
height: 300px; /* Imposta un'altezza per permettere lo scorrimento */
|
||||
overflow-y: auto; /* Permette lo scrolling verticale */
|
||||
}
|
||||
@@ -358,12 +358,15 @@ export default defineComponent({
|
||||
const actmonth = ref('')
|
||||
const drawmonth = ref(true)
|
||||
|
||||
const page = ref(0)
|
||||
|
||||
const showMap = ref(false)
|
||||
const showMapAtLeast1 = ref(false)
|
||||
const mapInitialized = ref(false)
|
||||
const slideGridOriz = ref(0)
|
||||
const autoplay = ref(true)
|
||||
|
||||
const scrollTargetId = 'carousel-scroll-target'
|
||||
|
||||
const newRecordBool = ref(false)
|
||||
const newRecordBoolOld = ref(false)
|
||||
@@ -793,7 +796,7 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
|
||||
console.log('myobj', myobj)
|
||||
// console.log('myobj', myobj)
|
||||
return myobj
|
||||
}
|
||||
|
||||
@@ -2409,6 +2412,7 @@ export default defineComponent({
|
||||
}
|
||||
|
||||
function onLoadScroll(index: number, done: any) {
|
||||
console.log('onLoadScroll', index)
|
||||
|
||||
if (index > 1) {
|
||||
// console.log('onLoadScroll', index, 'RECLOAD', numRecLoaded.value, 'ROWS: ', pagination.value.rowsNumber, 'PAGE: ', pagination.value.page)
|
||||
@@ -2639,6 +2643,31 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
|
||||
function handleTransition(newVal: any, oldVal: any) {
|
||||
// Se siamo vicini alla fine degli elementi caricati, carichiamo altri elementi
|
||||
if (serverData.value.length - newVal <= 2 && !loading.value) {
|
||||
onLoadScroll(newVal, () => {})
|
||||
}
|
||||
}
|
||||
|
||||
async function loadMore(index: any, done: any) {
|
||||
if (loading.value) {
|
||||
done()
|
||||
return
|
||||
}
|
||||
|
||||
loading.value = true
|
||||
|
||||
try {
|
||||
refresh_infscroll(done)
|
||||
} catch (error) {
|
||||
console.error('Errore nel caricamento:', error)
|
||||
done()
|
||||
} finally {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
|
||||
created()
|
||||
|
||||
return {
|
||||
@@ -2769,6 +2798,10 @@ export default defineComponent({
|
||||
scroll,
|
||||
slideGridOriz,
|
||||
autoplay,
|
||||
onUpdateData,
|
||||
scrollTargetId,
|
||||
handleTransition,
|
||||
loadMore,
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
@@ -379,9 +379,94 @@
|
||||
</div>
|
||||
|
||||
<div v-if="!showMap">
|
||||
page: {{ pagination.page }} numRecLoaded: {{ numRecLoaded }} rows:
|
||||
{{ pagination.rowsNumber }}
|
||||
|
||||
<div
|
||||
v-if="myvertical === costanti.VISUTABLE_GRID_ORIZ"
|
||||
id="carousel-scroll-target"
|
||||
class="carousel-scroll-container"
|
||||
>
|
||||
<q-carousel
|
||||
swipeable
|
||||
animated
|
||||
:autoplay="autoplay"
|
||||
v-model="slideGridOriz"
|
||||
navigation
|
||||
navigation-icon="radio_button_unchecked"
|
||||
control-color="blue-4"
|
||||
control-text-color="white"
|
||||
ref="carousel"
|
||||
transition-next="slide-left"
|
||||
transition-prev="slide-right"
|
||||
height="500px"
|
||||
width="100%"
|
||||
control-type="push"
|
||||
class="bg-grey-2 shadow-2 rounded-borders"
|
||||
@mouseenter="autoplay = false"
|
||||
@mouseleave="autoplay = true"
|
||||
@transition="handleTransition"
|
||||
>
|
||||
<template v-slot:control>
|
||||
<q-carousel-control
|
||||
position="top-left"
|
||||
:offset="[-10, -10]"
|
||||
class="q-gutter-xs"
|
||||
style="opacity: 0.7"
|
||||
>
|
||||
<q-btn
|
||||
push
|
||||
round
|
||||
:color="$q.dark.isActive ? `black` : `white`"
|
||||
:text-color="$q.dark.isActive ? `white` : `black`"
|
||||
icon="keyboard_arrow_left"
|
||||
@click="$refs.carousel.previous()"
|
||||
></q-btn>
|
||||
</q-carousel-control>
|
||||
<q-carousel-control
|
||||
position="top-right"
|
||||
class="q-gutter-xs"
|
||||
:offset="[-10, -10]"
|
||||
style="opacity: 0.7"
|
||||
>
|
||||
<q-btn
|
||||
push
|
||||
round
|
||||
:color="$q.dark.isActive ? `black` : `white`"
|
||||
:text-color="$q.dark.isActive ? `white` : `black`"
|
||||
icon="keyboard_arrow_right"
|
||||
@click="$refs.carousel.next()"
|
||||
></q-btn>
|
||||
</q-carousel-control>
|
||||
</template>
|
||||
<q-carousel-slide
|
||||
v-for="(rec, indexrow) in serverData"
|
||||
:key="indexrow"
|
||||
:name="indexrow"
|
||||
>
|
||||
<CMyRecCard
|
||||
:table="tablesel"
|
||||
:prop_myrec="rec"
|
||||
@cmdext="cmdExt"
|
||||
:editOn="editOn"
|
||||
:margin_right="margin_right"
|
||||
>
|
||||
</CMyRecCard>
|
||||
</q-carousel-slide>
|
||||
</q-carousel>
|
||||
<q-infinite-scroll
|
||||
ref="myinfscroll"
|
||||
v-if="!loading"
|
||||
:initial-index="0"
|
||||
@load="loadMore"
|
||||
:offset="350"
|
||||
>
|
||||
</q-infinite-scroll>
|
||||
</div>
|
||||
|
||||
<q-infinite-scroll
|
||||
ref="myinfscroll"
|
||||
v-if="
|
||||
v-else-if="
|
||||
shared_consts.VERTIC_SHOW_GRID.includes(myvertical) &&
|
||||
!loading &&
|
||||
alreadymounting
|
||||
@@ -390,6 +475,7 @@
|
||||
@load="onLoadScroll"
|
||||
:offset="350"
|
||||
debounce="300"
|
||||
scroll-target="#carousel-scroll-target"
|
||||
>
|
||||
<div v-if="showHeaderCol">
|
||||
<div
|
||||
@@ -406,72 +492,19 @@
|
||||
</div>
|
||||
|
||||
<div v-if="myvertical === costanti.VISUTABLE_GRID_ORIZ">
|
||||
<q-carousel
|
||||
swipeable
|
||||
animated
|
||||
:autoplay="autoplay"
|
||||
v-model="slideGridOriz"
|
||||
navigation
|
||||
navigation-icon="radio_button_unchecked"
|
||||
control-color="blue-4"
|
||||
control-text-color="white"
|
||||
ref="carousel"
|
||||
transition-next="slide-left"
|
||||
transition-prev="slide-right"
|
||||
height="500px"
|
||||
width="100%"
|
||||
control-type="push"
|
||||
class="bg-grey-2 shadow-2 rounded-borders"
|
||||
@mouseenter="autoplay = false"
|
||||
@mouseleave="autoplay = true"
|
||||
>
|
||||
<template v-slot:control>
|
||||
<q-carousel-control
|
||||
position="top-left"
|
||||
:offset="[-10, -10]"
|
||||
class="q-gutter-xs"
|
||||
style="opacity: 0.7"
|
||||
>
|
||||
<q-btn
|
||||
push
|
||||
round
|
||||
:color="$q.dark.isActive ? `black` : `white`"
|
||||
:text-color="$q.dark.isActive ? `white` : `black`"
|
||||
icon="keyboard_arrow_left"
|
||||
@click="$refs.carousel.previous()"
|
||||
></q-btn>
|
||||
</q-carousel-control>
|
||||
<q-carousel-control
|
||||
position="top-right"
|
||||
class="q-gutter-xs"
|
||||
:offset="[-10, -10]"
|
||||
style="opacity: 0.7"
|
||||
>
|
||||
<q-btn
|
||||
push
|
||||
round
|
||||
:color="$q.dark.isActive ? `black` : `white`"
|
||||
:text-color="$q.dark.isActive ? `white` : `black`"
|
||||
icon="keyboard_arrow_right"
|
||||
@click="$refs.carousel.next()"
|
||||
></q-btn>
|
||||
</q-carousel-control>
|
||||
</template>
|
||||
<q-carousel-slide
|
||||
v-for="(rec, indexrow) in serverData"
|
||||
:key="indexrow"
|
||||
:name="indexrow"
|
||||
>
|
||||
<CMyRecCard
|
||||
:table="tablesel"
|
||||
:prop_myrec="rec"
|
||||
@cmdext="cmdExt"
|
||||
:editOn="editOn"
|
||||
:margin_right="margin_right"
|
||||
>
|
||||
</CMyRecCard>
|
||||
</q-carousel-slide>
|
||||
</q-carousel>
|
||||
<q-btn
|
||||
label="pag"
|
||||
@click="
|
||||
pagination.page++;
|
||||
onUpdateData(
|
||||
0,
|
||||
{
|
||||
pagination,
|
||||
},
|
||||
false
|
||||
);
|
||||
"
|
||||
></q-btn>
|
||||
|
||||
<div v-if="false">
|
||||
<div class="card-carousel-container">
|
||||
|
||||
Reference in New Issue
Block a user