aggiornamenti su PCB

src/components/CGridTableRec/CGridTableRec.vue

@@ -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">