aggiornamenti su PCB
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -279,25 +279,6 @@ h1 {
|
||||
text-shadow: .25rem .25rem .5rem $grayshadow;
|
||||
}
|
||||
|
||||
.homep-cover-img-1 {
|
||||
background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
|
||||
//transition: background-image 1s ease-in-out;
|
||||
}
|
||||
|
||||
.homep-cover-img-2 {
|
||||
background: #000 url(../../../public/images/foto2.jpg) no-repeat 50% fixed;
|
||||
//transition: background-image 1s ease-in-out;
|
||||
}
|
||||
|
||||
.homep-cover-img-3 {
|
||||
background: #000 url(../../../public/images/foto3.jpg) no-repeat 50% fixed;
|
||||
//transition: background-image 1s ease-in-out;
|
||||
}
|
||||
|
||||
.homep-cover-img.hide-filter:before {
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.landing__footer-icons {
|
||||
font-size: 1.75rem
|
||||
}
|
||||
|
||||
@@ -279,24 +279,6 @@ body.mobile .landing:before {
|
||||
text-shadow: .25rem .25rem .5rem $grayshadow;
|
||||
}
|
||||
|
||||
.homep-cover-img-1 {
|
||||
background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
|
||||
//transition: background-image 1s ease-in-out;
|
||||
}
|
||||
|
||||
.homep-cover-img-2 {
|
||||
background: #000 url(../../../public/images/foto2.jpg) no-repeat 50% fixed;
|
||||
//transition: background-image 1s ease-in-out;
|
||||
}
|
||||
|
||||
.homep-cover-img-3 {
|
||||
background: #000 url(../../../public/images/foto3.jpg) no-repeat 50% fixed;
|
||||
//transition: background-image 1s ease-in-out;
|
||||
}
|
||||
|
||||
.homep-cover-img.hide-filter:before {
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.landing__footer-icons {
|
||||
font-size: 1.75rem
|
||||
|
||||
@@ -358,7 +358,7 @@ export default defineComponent({
|
||||
if (indstep.value > numindstep.value)
|
||||
indstep.value = numindstep.value
|
||||
|
||||
console.log('indstep.value', indstep.value)
|
||||
// console.log('indstep.value', indstep.value)
|
||||
|
||||
// circuit.value = circuitStore.getCircuitByName(props.circuitname)
|
||||
|
||||
|
||||
@@ -26,8 +26,12 @@ export default defineComponent({
|
||||
|
||||
const SERVER_TEST = ref([
|
||||
{ key: 1, label: 'Test', host: 'https://test.freeplanet.app:3001' },
|
||||
{ key: 2, label: 'Produzione', host: 'https://freeplanet.app:3000' },
|
||||
{ key: 3, label: 'Locale', host: 'http://192.168.0.200:3000' },
|
||||
{ key: 2, label: 'Produzione', host: tools.getServerHost() },
|
||||
{ key: 3, label: 'Locale', host: 'https://localhost:3000' },
|
||||
{ key: 4, label: 'Host IP', host: globalStore.site.host_ip },
|
||||
{ key: 5, label: 'Host', host: globalStore.site.host },
|
||||
{ key: 6, label: 'Host Api', host: globalStore.site.host_api },
|
||||
{ key: 7, label: 'Host Api IP', host: globalStore.site.host_api_ip },
|
||||
])
|
||||
|
||||
watch(() =>
|
||||
|
||||
@@ -11,6 +11,7 @@
|
||||
</q-banner>
|
||||
|
||||
<q-btn-toggle
|
||||
class="column"
|
||||
v-model="myrecfiltertoggle"
|
||||
push
|
||||
glossy
|
||||
|
||||
Reference in New Issue
Block a user