- Card

src/components/CGridTableRec/CGridTableRec.vue

@@ -379,13 +379,11 @@
     </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"
+        :style="heightcarousel ? `height: ${heightcarousel}` : ''"
       >
         <q-carousel
           swipeable
@@ -393,23 +391,21 @@
           :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"
+          :height="heightcarousel"
           width="100%"
-          control-type="push"
-          class="bg-grey-2 shadow-2 rounded-borders"
+          control-type="flat"
+          class="bg-primary shadow-2 rounded-borders"
           @mouseenter="autoplay = false"
           @mouseleave="autoplay = true"
           @transition="handleTransition"
         >
           <template v-slot:control>
             <q-carousel-control
-              position="top-left"
+              position="left"
               :offset="[-10, -10]"
               class="q-gutter-xs"
               style="opacity: 0.7"
@@ -460,6 +456,7 @@
           :initial-index="0"
           @load="loadMore"
           :offset="350"
+          style="display: none"
         >
         </q-infinite-scroll>
       </div>
@@ -475,7 +472,7 @@
         @load="onLoadScroll"
         :offset="350"
         debounce="300"
-        scroll-target="#carousel-scroll-target"
+        scroll-target=".carousel-scroll-container"
       >
         <div v-if="showHeaderCol">
           <div
@@ -491,66 +488,10 @@
           </div>
         </div>
 
-        <div v-if="myvertical === costanti.VISUTABLE_GRID_ORIZ">
-          <q-btn
-            label="pag"
-            @click="
-              pagination.page++;
-              onUpdateData(
-                0,
-                {
-                  pagination,
-                },
-                false
-              );
-            "
-          ></q-btn>
-
-          <div v-if="false">
-            <div class="card-carousel-container">
-              <div class="card-carousel" ref="carouselTabRef">
-                <q-card
-                  v-for="(rec, indexrow) in serverData"
-                  :key="indexrow"
-                  :class="`my-card-elem center_img bordered ` + ' titolo_card'"
-                  :style="`height: auto; !important; width: 350px !important;`"
-                >
-                  <CMyRecCard
-                    :table="tablesel"
-                    :prop_myrec="rec"
-                    @cmdext="cmdExt"
-                    :editOn="editOn"
-                    :margin_right="margin_right"
-                  >
-                  </CMyRecCard>
-                </q-card>
-              </div>
-              <div
-                class="swipe-indicator left"
-                v-if="!isAtStart"
-                @click="scroll(-1)"
-              >
-                <q-icon name="chevron_left" size="2rem" color="white" />
-              </div>
-              <div
-                class="swipe-indicator right"
-                v-if="!isAtEnd"
-                @click="scroll(1)"
-              >
-                <q-icon name="chevron_right" size="2rem" color="white" />
-              </div>
-              <div class="scroll-indicator">
-                <div
-                  v-for="(_, index) in serverData"
-                  :key="index"
-                  :class="['dot', { active: index === activeIndex }]"
-                ></div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div v-else>
+        <div
+          :style="heightcarousel ? `height: ${heightcarousel}` : ''"
+          :class="{ 'carousel-scroll-container': !!heightcarousel }"
+        >          
           <div v-for="(row, indexrow) in serverData" :key="indexrow">
             <div
               v-if="