From 944d12194392ca171380f8830cf59a3352f85d0d Mon Sep 17 00:00:00 2001
From: Surya Paolo <paolo.arena77@gmail.com>
Date: Wed, 7 Dec 2022 18:16:23 +0100
Subject: [PATCH] - Installa APP: Messaggio in CIMA - in sistemazione: select
 compare la scelta di prima.

---
 src/App.ts                                    |   12 +-
 src/common/shared_vuejs.ts                    |    5 +
 .../CCheckAppRunning/CCheckAppRunning.scss    |    0
 .../CCheckAppRunning/CCheckAppRunning.ts      |   54 +
 .../CCheckAppRunning/CCheckAppRunning.vue     |   31 +
 src/components/CCheckAppRunning/index.ts      |    1 +
 src/components/CGridTableRec/CGridTableRec.ts |   13 +
 .../CGridTableRec/CGridTableRec.vue           | 1487 +++++++++--------
 src/components/CMyElem/CMyElem.ts             |    3 +-
 src/components/CMyElem/CMyElem.vue            |    4 +
 src/components/CMyPopupEdit/CMyPopupEdit.ts   |    2 +-
 src/components/CMyPopupEdit/CMyPopupEdit.vue  |   26 +
 src/components/CMyRecCard/CMyRecCard.ts       |    5 +
 src/components/CMyRecCard/CMyRecCard.vue      |    2 +-
 src/components/CMySelect/CMySelect.ts         |    3 +
 src/components/CMySelect/CMySelect.vue        |    1 +
 .../CPresentazione/CPresentazione.ts          |   11 -
 .../CRegistration/CRegistration.scss          |    0
 src/components/CRegistration/CRegistration.ts |   29 +
 .../CRegistration/CRegistration.vue           |   39 +
 src/components/CRegistration/index.ts         |    1 +
 src/css/app.scss                              |    5 +-
 src/model/GlobalStore.ts                      |    4 +
 src/model/UserStore.ts                        |    2 +-
 src/statics/lang/it.js                        |    1 +
 src/store/Modules/costanti.ts                 |    1 +
 src/store/Modules/fieldsTable.ts              |  102 +-
 src/store/Modules/tools.ts                    |    6 +-
 src/store/globalStore.ts                      |   21 +
 29 files changed, 1119 insertions(+), 752 deletions(-)
 create mode 100755 src/components/CCheckAppRunning/CCheckAppRunning.scss
 create mode 100755 src/components/CCheckAppRunning/CCheckAppRunning.ts
 create mode 100755 src/components/CCheckAppRunning/CCheckAppRunning.vue
 create mode 100755 src/components/CCheckAppRunning/index.ts
 create mode 100755 src/components/CRegistration/CRegistration.scss
 create mode 100755 src/components/CRegistration/CRegistration.ts
 create mode 100755 src/components/CRegistration/CRegistration.vue
 create mode 100755 src/components/CRegistration/index.ts

diff --git a/src/App.ts b/src/App.ts
index 688ebf97..09a1359f 100755
--- a/src/App.ts
+++ b/src/App.ts
@@ -58,7 +58,7 @@ export default {
       }
     }
 
-    function isScrolledIntoView (el: any) {
+    function isScrolledIntoView(el: any) {
       let rect = el.getBoundingClientRect()
       let elemTop = rect.top
       let elemBottom = rect.bottom
@@ -75,6 +75,16 @@ export default {
           console.log('scrolled')
         }
       }
+
+      let displayMode = 'browser';
+      const mqStandAlone = '(display-mode: standalone)';
+      // @ts-ignore
+      if (((navigator && (navigator.standalone))) ||
+        (window.matchMedia(mqStandAlone).matches)) {
+        displayMode = 'standalone'
+      }
+
+      globalStore.isAppRunning = displayMode === 'standalone';
     }
 
     function mounted() {
diff --git a/src/common/shared_vuejs.ts b/src/common/shared_vuejs.ts
index cd4a315f..f4ca32b2 100755
--- a/src/common/shared_vuejs.ts
+++ b/src/common/shared_vuejs.ts
@@ -37,6 +37,7 @@ export const shared_consts = {
     CAROUSEL_IMGS: 110,
     OPENSTREETMAP: 120,
     MAINVIEW: 130,
+    CHECKAPPRUNNING: 135,
     DASHBOARD: 140,
     STATUSREG: 160,
     CHECKIFISLOGGED: 170,
@@ -1353,6 +1354,10 @@ export const shared_consts = {
       value: 210,
       label: 'Notifiche in Top',
     },
+    {
+      value: 135,
+      label: 'Check App Running',
+    },
     {
       value: 220,
       label: 'CHART',
diff --git a/src/components/CCheckAppRunning/CCheckAppRunning.scss b/src/components/CCheckAppRunning/CCheckAppRunning.scss
new file mode 100755
index 00000000..e69de29b
diff --git a/src/components/CCheckAppRunning/CCheckAppRunning.ts b/src/components/CCheckAppRunning/CCheckAppRunning.ts
new file mode 100755
index 00000000..40b011f8
--- /dev/null
+++ b/src/components/CCheckAppRunning/CCheckAppRunning.ts
@@ -0,0 +1,54 @@
+import { defineComponent, ref, computed, PropType, toRef } from 'vue'
+import { useUserStore } from '@store/UserStore'
+import { useRouter } from 'vue-router'
+import { useGlobalStore } from '@store/globalStore'
+import { useI18n } from '@/boot/i18n'
+import { tools } from '@store/Modules/tools'
+import { costanti, IMainCard } from '@store/Modules/costanti'
+import { CBigBtn } from '@/components/CBigBtn'
+
+
+export default defineComponent({
+  name: 'CCheckAppRunning',
+  components: { CBigBtn },
+  props: {},
+  setup(props, { emit }) {
+
+    const userStore = useUserStore()
+    const $router = useRouter()
+    const globalStore = useGlobalStore()
+    const { t } = useI18n()
+
+    const deferredPrompt = ref(<any>null)
+
+    const isAppRunning = computed(() => globalStore.isAppRunning )
+
+    const finishLoading = computed(() => globalStore.finishLoading)
+
+    function initprompt() {
+      window.addEventListener('beforeinstallprompt', (event) => {
+        event.preventDefault()
+        console.log('beforeinstallprompt !')
+        // Stash the event so it can be triggered later.
+        deferredPrompt.value = event
+      })
+    }
+
+    function installApp() {
+      if (deferredPrompt.value)
+        deferredPrompt.value.prompt()
+    }
+
+    initprompt()
+
+    return {
+      userStore,
+      tools,
+      costanti,
+      finishLoading,
+      deferredPrompt,
+      installApp,
+      isAppRunning,
+    }
+  }
+})
diff --git a/src/components/CCheckAppRunning/CCheckAppRunning.vue b/src/components/CCheckAppRunning/CCheckAppRunning.vue
new file mode 100755
index 00000000..02f94f31
--- /dev/null
+++ b/src/components/CCheckAppRunning/CCheckAppRunning.vue
@@ -0,0 +1,31 @@
+<template>
+  <div v-if="finishLoading && !isAppRunning && deferredPrompt" class="row justify-center">
+
+    <q-btn
+      glossy
+      size="xl"
+      label="Installa App"
+      @click="installApp"
+      icon="fas fa-mobile-alt"
+      color="white"
+      text-color="green"
+    />
+  </div>
+  <!--<div class="row justify-center">
+    <CBigBtn
+      label="Info" to="" @click="showInfo = true" icon="fas fa-info" color="primary"
+      :numcol="3"
+      >
+    </CBigBtn>
+  </div>
+  <div v-if="showInfo">
+
+  </div>-->
+</template>
+
+<script lang="ts" src="./CCheckAppRunning.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './CCheckAppRunning.scss';
+</style>
diff --git a/src/components/CCheckAppRunning/index.ts b/src/components/CCheckAppRunning/index.ts
new file mode 100755
index 00000000..d042cfd4
--- /dev/null
+++ b/src/components/CCheckAppRunning/index.ts
@@ -0,0 +1 @@
+export {default as CCheckAppRunning} from './CCheckAppRunning.vue'
diff --git a/src/components/CGridTableRec/CGridTableRec.ts b/src/components/CGridTableRec/CGridTableRec.ts
index 36b993c3..d479b16e 100755
--- a/src/components/CGridTableRec/CGridTableRec.ts
+++ b/src/components/CGridTableRec/CGridTableRec.ts
@@ -264,6 +264,7 @@ export default defineComponent({
     const addRow = ref('Aggiungi')
 
     const newRecordBool = ref(false)
+    const newRecordBoolOld = ref(false)
     const editRecordBool = ref(false)
     const newRecord: any = ref({})
     const recSaved: any = ref({})
@@ -278,6 +279,7 @@ export default defineComponent({
     const tablesel = ref('')
 
     const loading = ref(false)
+    const editOn = ref(false)
 
     const visupagedialog = ref(false)
     const myrecdialog = ref(null)
@@ -1818,6 +1820,15 @@ export default defineComponent({
                 ris.username = userStore.my.username
               }
 
+              if (userStore.my.profile) {
+                if (fieldsTable.tableforEnableCircuits.includes(props.prop_mytable)) {
+                  if (!userStore.my.profile.calc.numGoodsAndServices)
+                    userStore.my.profile.calc.numGoodsAndServices = 1
+                  else
+                    userStore.my.profile.calc.numGoodsAndServices += 1
+                }
+              }
+
               // console.table(serverData.value)
               if (indrec >= 0)
                 serverData.value[indrec] = ris
@@ -2153,6 +2164,8 @@ export default defineComponent({
       t,
       exportTable,
       showNotification,
+      editOn,
+      newRecordBoolOld,
     }
   }
 })
diff --git a/src/components/CGridTableRec/CGridTableRec.vue b/src/components/CGridTableRec/CGridTableRec.vue
index 2e99eb2b..99c0b74e 100755
--- a/src/components/CGridTableRec/CGridTableRec.vue
+++ b/src/components/CGridTableRec/CGridTableRec.vue
@@ -1,5 +1,12 @@
 <template>
   <div :class="$q.screen.lt.sm ? `` : `q-pa-xs`" v-if="isfinishLoading">
+    <q-toggle
+      v-if="tools.isManager()"
+      v-model="editOn"
+      color="green"
+      icon="fas fa-pencil-alt"
+    >
+    </q-toggle>
     <div class="centermydiv q-my-sm" style="text-align: center">
       <q-btn
         v-if="mytable && visButtRow()"
@@ -303,718 +310,761 @@
         />
       </div>
     </div>
-    <q-infinite-scroll
-      ref="myinfscroll"
-      v-if="shared_consts.VERTIC_SHOW_GRID.includes(myvertical)"
-      :initial-index="0"
-      @load="onLoadScroll"
-      :offset="350"
-      debounce="300"
-    >
-      <div v-if="showHeaderCol">
-        <div
-          v-for="col in mycolumns"
-          :key="col.name"
-          class="text-italic text-weight-bold"
+    <q-page-container>
+      <q-page>
+        <q-infinite-scroll
+          ref="myinfscroll"
+          v-if="shared_consts.VERTIC_SHOW_GRID.includes(myvertical)"
+          :initial-index="0"
+          @load="onLoadScroll"
+          :offset="350"
+          debounce="300"
         >
-          <span
-            v-if="col && showColCheck(col, tools.TIPOVIS_SHOW_RECORD, true)"
-          >
-            {{ col.label }}
-          </span>
-        </div>
-      </div>
-
-      <div v-for="(row, index) in serverData" :key="index">
-        <div
-          v-if="
-            showType === costanti.SHOW_MYCARD ||
-            (myvertical !== costanti.VISUTABLE_USER_TABGROUP &&
-              myvertical !== costanti.VISUTABLE_USER_TABCIRCUIT &&
-              myvertical === costanti.VISUTABLE_LISTA &&
-              shared_consts.TABLES_VISU_CMYSRECCARD.includes(tablesel))
-          "
-        >
-          <div v-if="row && shared_consts.TABLES_WITH_DATE.includes(tablesel)">
+          <div v-if="showHeaderCol">
             <div
-              v-if="
-                row.dateTimeStart &&
-                tools.getstrVeryShortDate(row.dateTimeStart) !== actual
-              "
-              class="actualdate"
+              v-for="col in mycolumns"
+              :key="col.name"
+              class="text-italic text-weight-bold"
             >
-              <span style="display: none">{{
-                (actual = tools.getstrVeryShortDate(row.dateTimeStart))
-              }}</span>
-              <q-chip
-                class="text-center shadow-5 glossy bg-orange"
-                icon="fas fa-calendar-day"
-                >{{ tools.getstrDateLong(row.dateTimeStart) }}</q-chip
+              <span
+                v-if="col && showColCheck(col, tools.TIPOVIS_SHOW_RECORD, true)"
               >
+                {{ col.label }}
+              </span>
             </div>
           </div>
 
-          <CMyRecGrpCard
-            v-if="tablesel === toolsext.TABMYGROUPS"
-            :table="tablesel"
-            :prop_myrec="row"
-            @cmdext="cmdExt"
-          >
-          </CMyRecGrpCard>
-          <CMyRecCircuitCard
-            v-else-if="tablesel === toolsext.TABCIRCUITS"
-            :table="tablesel"
-            :prop_myrec="row"
-            @cmdext="cmdExt"
-          >
-          </CMyRecCircuitCard>
-          <CMyRecCard
-            v-else
-            :table="tablesel"
-            :prop_myrec="row"
-            @cmdext="cmdExt"
-          >
-          </CMyRecCard>
-        </div>
-        <div
-          v-else-if="
-            (showType === costanti.SHOW_USERINFO &&
-              myvertical !== costanti.VISUTABLE_SCHEDA_USER) ||
-            (myvertical === 2 &&
-              shared_consts.TABLES_VISU_LISTA_USER.includes(tablesel))
-          "
-          class="fill-all-width"
-        >
-          <div>
-            <CMyUser
-              :notsetcmd="true"
-              :mycontact="row"
-              :visu="visufind"
-              :groupname="extrafield"
-              :circuitname="circuitname"
-              :labelextra="col_title ? row[col_title] : ''"
-              :labelFooter="
-                col_footer
-                  ? tools.getLabelFooterByRow(row, col_footer, tablesel)
-                  : ''
-              "
-            >
-            </CMyUser>
-
-            <q-separator></q-separator>
-          </div>
-        </div>
-        <div
-          v-else-if="
-            (showType === costanti.SHOW_GROUPINFO &&
-              myvertical !== costanti.VISUTABLE_SCHEDA_GROUP) ||
-            (myvertical === 2 && tablesel === 'mygroups')
-          "
-          class="fill-all-width"
-        >
-          <div>
-            <CMyGroups
-              v-model="filtergrp"
-              :finder="false"
-              :mygrp="row"
-              :visu="costanti.FIND_GROUP"
-            />
-          </div>
-        </div>
-        <div
-          v-else-if="
-            showType === costanti.SHOW_MOVEMENTS && tablesel === 'movements'
-          "
-        >
-          <div class="q-pa-xs row items-start q-gutter-xs">
-            <q-card
-              class="my-card text-white"
-              :style="
-                `background: radial-gradient(circle, #cccccc 0%, ` +
-                (tools.isEntrataByRecMov(row) ? `#aaffaa` : `#ffaaaa`) +
-                ` 100%)`
-              "
-            >
-              <q-toolbar class="bg-primary text-white" style="min-height: 30px">
-                <q-toolbar-title>
-                  {{
-                    tools.isEntrataByRecMov(row)
-                      ? t('movement.movin')
-                      : t('movement.movout')
-                  }}
-                </q-toolbar-title>
-              </q-toolbar>
-              <q-card-section>
-                <div v-for="col in mycolumns" :key="col.name">
-                  <div
-                    v-if="
-                      showColCheck(col, tools.TIPOVIS_SHOW_RECORD, true, 1, row)
-                    "
-                    class="tdclass"
-                  >
-                    <div :class="getclrow(row)">
-                      <CMyPopupEdit
-                        :table="mytable"
-                        :canEdit="false"
-                        :canModify="false"
-                        :disable="false"
-                        :mycol="col"
-                        :row="row"
-                        :field="col.field"
-                        :visulabel="true"
-                        :subfield="col.subfield"
-                        minuteinterval="1"
-                        @save="SaveValue"
-                        @show="selItem(row, col)"
-                        @showandsave="showandsel"
-                      >
-                      </CMyPopupEdit>
-                    </div>
-                  </div>
-                </div>
-              </q-card-section>
-            </q-card>
-          </div>
-        </div>
-      </div>
-      <template v-slot:loading>
-        <div class="row justify-center q-my-md">
-          <q-spinner-dots color="primary" size="40px" />
-        </div>
-      </template>
-    </q-infinite-scroll>
-    <q-table
-      v-else
-      :grid="shared_consts.VERTIC_SHOW_GRID.includes(myvertical)"
-      :grid-header="
-        shared_consts.VERTIC_SHOW_GRID.includes(myvertical) &&
-        shared_consts.TABLES_WITH_SORTING.includes(mytable)
-      "
-      flat
-      bordered
-      class="my-sticky-header-table"
-      :rows="serverData"
-      :columns="mycolumns"
-      :filter="myfilter"
-      v-model:pagination="pagination"
-      @request="onRequest"
-      virtual-scroll
-      :row-key="colkey"
-      :loading="loading"
-      @selection="selectionclick"
-      binary-state-sort
-      :visible-columns="colVisib"
-      :no-data-label="nodataLabel"
-      :no-results-label="noresultLabel"
-      :selected-rows-label="getSelectedString"
-      selection="single"
-      v-model:selected="selected"
-    >
-      <template
-        v-if="
-          !(
-            myvertical === costanti.VISUTABLE_SCHEDA_USER ||
-            myvertical === 2 ||
-            myvertical === costanti.VISUTABLE_SCHEDA_GROUP
-          )
-        "
-        v-slot:header="props"
-      >
-        <q-tr :props="props">
-          <q-th> </q-th>
-          <q-th
-            v-for="col in props.cols"
-            :key="col.name"
-            :props="props"
-            class="text-italic text-weight-bold"
-          >
-            <span
-              v-if="col && showColCheck(col, tools.TIPOVIS_SHOW_RECORD, true)"
-            >
-              {{ col.label }}
-            </span>
-          </q-th>
-        </q-tr>
-      </template>
-      <template v-else v-slot:header="props">
-        <q-tr :props="props">
-          <q-th> </q-th>
-
-          <span v-for="col in props.cols" :key="col.name">
-            <q-th
-              v-if="col.sortable"
-              :key="col.name"
-              :props="props"
-              class="text-italic text-weight-bold"
-            >
-              <span>
-                {{ col.label }}
-              </span>
-            </q-th>
-          </span>
-        </q-tr>
-      </template>
-
-      <template
-        v-slot:top-right
-        v-if="tablesList || arrfilters || enableExport"
-      >
-        <span style="display: none">{{ (actual = null) }}</span>
-
-        <q-btn
-          v-if="enableExport"
-          color="primary"
-          icon-right="archive"
-          :label="t('export.csv')"
-          no-caps
-          @click="exportTable"
-        />
-
-        <q-select
-          :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
-          v-if="tablesList"
-          v-model="tablesel"
-          rounded
-          outlined
-          dense
-          :options="tablesList"
-          :display-value="mytitle"
-          emit-value
-          @update:model-value="changeTable"
-        >
-        </q-select>
-
-        <div class="row">
-          <q-toggle
-            v-for="(filt, index) of arrfilters"
-            :key="index"
-            v-model="myfilterand"
-            :disable="filt.hide"
-            :val="filt.value"
-            :label="filt.label"
-          >
-          </q-toggle>
-        </div>
-
-        <!--<q-input borderless dense debounce="300" v-model="filter" placeholder="Search">
-          <template v-slot:append>
-            <q-icon name="search" />
-          </template>
-        </q-input>-->
-      </template>
-
-      <template v-slot:top-left>
-        <div
-          v-if="searchList"
-          :class="$q.screen.lt.sm ? `` : `row` + ` text-blue `"
-        >
-          <span v-for="(item, index) in searchList" :key="index">
-            <!--<div class="text-center q-my-xs" v-if="(item.type === costanti.FieldType.separator)">
-              <q-btn size="sm" dense :icon="!showfilteradv ? 'fas fa-arrow-down' : 'fas fa-arrow-up'" label="Filtri Avanzati" @click="showfilteradv = !showfilteradv"></q-btn>
-            </div>-->
-
-            <CMySelect
-              :col="fieldsTable.getColByColumns(mycolumns, item.key)"
+          <div v-for="(row, index) in serverData" :key="index">
+            <div
               v-if="
-                item.type === costanti.FieldType.select ||
-                item.type === costanti.FieldType.select_by_server
-              "
-              :label="labelcombo(item)"
-              v-model:value="item.value"
-              @update:value="searchval(item.value, item.table)"
-              :addall="item.addall"
-              :addnone="item.addnone"
-              :tablesel="
-                item.type === costanti.FieldType.select_by_server
-                  ? item.tablesel
-                  : ''
-              "
-              :pickup="item.type === costanti.FieldType.select_by_server"
-              label-color="primary"
-              class="combowidth"
-              color="primary"
-              :icon_alternative="item.icon"
-              :optval="fieldsTable.getKeyByTable(item.table)"
-              :optlab="fieldsTable.getLabelByTable(item.table)"
-              :options="valoriopt(item, false)"
-              :filter="item.filter"
-              :filter_extra="item.filter_extra"
-              :useinput="
-                item.useinput &&
-                item.type !== costanti.FieldType.select_by_server
+                showType === costanti.SHOW_MYCARD ||
+                (myvertical !== costanti.VISUTABLE_USER_TABGROUP &&
+                  myvertical !== costanti.VISUTABLE_USER_TABCIRCUIT &&
+                  myvertical === costanti.VISUTABLE_LISTA &&
+                  shared_consts.TABLES_VISU_CMYSRECCARD.includes(tablesel))
               "
             >
-            </CMySelect>
-
-            <!--<div v-if="item.type === costanti.FieldType.multiselect_by_server">
-              item: {{ item}}
-            </div>-->
-
-            <CMySelect
-              v-if="item.type === costanti.FieldType.multiselect_by_server"
-              :col="fieldsTable.getColByColumns(mycolumns, item.key)"
-              :multiselect_by_server="true"
-              :label="labelcombo(item)"
-              v-model:arrvalue="item.arrvalue"
-              @update:arrvalue="searchval(item.arrvalue, item.table)"
-              :addall="item.addall"
-              :addnone="item.addnone"
-              :tablesel="item.tablesel"
-              :pickup="true"
-              :param1="item.param1"
-              label-color="primary"
-              class="combowidth"
-              color="primary"
-              :icon_alternative="item.icon"
-              :optval="fieldsTable.getKeyByTable(item.table)"
-              :optlab="fieldsTable.getLabelByTable(item.table)"
-              :filter="item.filter"
-              :filter_extra="item.filter_extra"
-              :options="valoriopt(item, false)"
-              :useinput="true"
-            >
-            </CMySelect>
-
-            <q-select
-              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
-              v-if="item.type === costanti.FieldType.multiselect"
-              v-model="item.arrvalue"
-              label-color="primary"
-              :label="labelcombo(item)"
-              @update:model-value="searchval(item.arrvalue, item.table)"
-              rounded
-              dense
-              outlined
-              multiple
-              options-dense
-              emit-value
-              map-options
-              stack-label
-              :useinput="item.useinput"
-              :options="valoriopt(item, item.addall, item.addnone)"
-              :filter="item.filter"
-              class="combowidth"
-              :option-value="fieldsTable.getKeyByTable(item.table)"
-            >
-              <template v-if="item.icon" v-slot:prepend>
-                <q-icon :name="item.icon" />
-              </template>
-              <template
-                v-if="item.arrvalue.length >= 1"
-                v-slot:selected-item="scope"
+              <div
+                v-if="row && shared_consts.TABLES_WITH_DATE.includes(tablesel)"
               >
                 <div
                   v-if="
-                    scope.opt[fieldsTable.getLabelByTable(item.table)] ||
-                    (scope.opt && checkIfShowRec(scope.opt))
+                    row.dateTimeStart &&
+                    tools.getstrVeryShortDate(row.dateTimeStart) !== actual
+                  "
+                  class="actualdate"
+                >
+                  <span style="display: none">{{
+                    (actual = tools.getstrVeryShortDate(row.dateTimeStart))
+                  }}</span>
+                  <q-chip
+                    class="text-center shadow-5 glossy bg-orange"
+                    icon="fas fa-calendar-day"
+                    >{{ tools.getstrDateLong(row.dateTimeStart) }}</q-chip
+                  >
+                </div>
+              </div>
+
+              <CMyRecGrpCard
+                v-if="tablesel === toolsext.TABMYGROUPS"
+                :table="tablesel"
+                :prop_myrec="row"
+                @cmdext="cmdExt"
+              >
+              </CMyRecGrpCard>
+              <CMyRecCircuitCard
+                v-else-if="tablesel === toolsext.TABCIRCUITS"
+                :table="tablesel"
+                :prop_myrec="row"
+                @cmdext="cmdExt"
+              >
+              </CMyRecCircuitCard>
+              <CMyRecCard
+                v-else
+                :table="tablesel"
+                :prop_myrec="row"
+                @cmdext="cmdExt"
+                :editOn="editOn"
+              >
+              </CMyRecCard>
+            </div>
+            <div
+              v-else-if="
+                (showType === costanti.SHOW_USERINFO &&
+                  myvertical !== costanti.VISUTABLE_SCHEDA_USER) ||
+                (myvertical === 2 &&
+                  shared_consts.TABLES_VISU_LISTA_USER.includes(tablesel))
+              "
+              class="fill-all-width"
+            >
+              <div>
+                <CMyUser
+                  :notsetcmd="true"
+                  :mycontact="row"
+                  :visu="visufind"
+                  :groupname="extrafield"
+                  :circuitname="circuitname"
+                  :labelextra="col_title ? row[col_title] : ''"
+                  :labelFooter="
+                    col_footer
+                      ? tools.getLabelFooterByRow(row, col_footer, tablesel)
+                      : ''
                   "
                 >
-                  <q-chip
-                    removable
-                    dense
-                    @remove="scope.removeAtIndex(scope.index)"
-                    v-if="checkIfShowRec(scope.opt)"
-                    color="white"
-                    text-color="mycol"
-                    class="q-my-none q-ml-xs q-mr-none"
-                  >
-                    <q-avatar
-                      color="primary"
-                      text-color="white"
-                      :icon="item.icon"
-                      size="12px"
-                    />
-                    {{
-                      scope.opt[fieldsTable.getLabelByTable(item.table)] ||
-                      scope.opt
-                    }}
-                  </q-chip>
-                </div>
-              </template>
-              <template
-                v-slot:option="{ itemProps, opt, selected, toggleOption }"
-              >
-                <q-item v-bind="itemProps">
-                  <q-item-section>
-                    <q-item-label>{{
-                      opt[fieldsTable.getLabelByTable(item.table)]
-                    }}</q-item-label>
-                  </q-item-section>
-                  <q-item-section side>
-                    <q-toggle
-                      :model-value="selected"
-                      @update:model-value="toggleOption(opt)"
-                    />
-                  </q-item-section>
-                </q-item>
-              </template>
-            </q-select>
-          </span>
-        </div>
+                </CMyUser>
 
-        <div
-          v-if="prop_search || canEdit"
-          class="row justify-center vertical-middle"
-        >
-          <div v-if="prop_search" class="q-mr-sm full-width">
-            <q-input
-              v-model="search"
-              filled
-              dense
-              type="search"
-              debounce="500"
-              :hint="hint"
-              label="Cerca"
-              v-on:keyup.enter="doSearch"
-            >
-              <template v-slot:after>
-                <q-btn
-                  v-if="mytable"
-                  dense
-                  label=""
-                  color="primary"
-                  @click="refresh"
-                  icon="search"
-                ></q-btn>
-              </template>
-            </q-input>
-          </div>
-
-          <q-space></q-space>
-          <q-select
-            :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
-            v-if="
-              mytable &&
-              pagination.rowsNumber > 0 &&
-              (prop_search || canEdit) &&
-              showCol &&
-              myvertical === 0
-            "
-            v-model="colVisib"
-            rounded
-            outlined
-            multiple
-            dense
-            options-dense
-            :display-value="$t('grid.columns')"
-            emit-value
-            map-options
-            :options="mycolumns"
-            option-value="name"
-            @update:model-value="changeCol"
-          >
-          </q-select>
-        </div>
-
-        <div v-if="pagination.rowsNumber === 1 && prop_search">
-          {{ pagination.rowsNumber }} elemento trovato
-        </div>
-        <div v-if="pagination.rowsNumber > 1 && prop_search">
-          {{ pagination.rowsNumber }} elementi trovati
-        </div>
-
-        <div v-if="choose_visutype && $q.screen.gt.xs" class="">
-          <q-radio v-model="myvertical" :val="2" label="Lista" />
-          <!--<q-radio v-if="mytable === toolsext.TAB" v-model="myvertical" :val="costanti.VISUTABLE_SCHEDA_GROUP"
-                   label="Scheda"
-                   @update:model-value="tools.setCookie('myv_' + prop_mytable, myvertical) "/>
-          <q-radio v-else-if="mytable !== toolsext.TABMYGROUPS && !finder" v-model="myvertical"
-                   :val="costanti.VISUTABLE_SCHEDA_USER" slabel="Scheda"
-                   @update:model-value="tools.setCookie('myv_' + prop_mytable, myvertical) "/>-->
-          <q-radio
-            v-if="$q.screen.gt.xs"
-            v-model="myvertical"
-            :val="0"
-            label="Tabella"
-          />
-        </div>
-      </template>
-
-      <template v-slot:body="props">
-        <q-tr :props="props" class="trclass">
-          <q-td auto-width class="tdclass">
-            <q-checkbox dense v-model="props.selected"></q-checkbox>
-          </q-td>
-          <q-td v-for="col in mycolumns" :key="col.name" :props="props">
+                <q-separator></q-separator>
+              </div>
+            </div>
             <div
-              v-if="
-                showColCheck(col, tools.TIPOVIS_SHOW_RECORD, true, 1, props.row)
+              v-else-if="
+                (showType === costanti.SHOW_GROUPINFO &&
+                  myvertical !== costanti.VISUTABLE_SCHEDA_GROUP) ||
+                (myvertical === 2 && tablesel === 'mygroups')
               "
-              class="tdclass"
+              class="fill-all-width"
             >
-              <div :class="getclrow(props.row)">
-                <CMyPopupEdit
-                  :table="mytable"
-                  :canEdit="canEdit"
-                  :canModify="tools.canModifyThisRec(props.row, tablesel)"
-                  :disable="disabilita()"
-                  :mycol="col"
-                  v-model:row="props.row"
-                  :field="col.field"
-                  :subfield="col.subfield"
-                  minuteinterval="1"
-                  @save="SaveValue"
-                  @show="selItem(props.row, col)"
-                  @showandsave="showandsel"
-                >
-                </CMyPopupEdit>
-              </div>
-            </div>
-          </q-td>
-          <q-td v-for="col in mycolumns" :key="col.name" :props="props">
-            <div v-if="colExtra.includes(col.name)" class="tdclass">
-              <div v-if="col.action && visCol(col)">
-                <q-btn
-                  flat
-                  round
-                  color="red"
-                  :icon="col.icon"
-                  size="sm"
-                  @click="clickFunz(props.row, col)"
-                ></q-btn>
-              </div>
-            </div>
-          </q-td>
-        </q-tr>
-        <br />
-      </template>
-
-      <template v-slot:item="props">
-        <div
-          class="q-pa-xs col-xs-12 col-sm-6 col-md-4 col-lg-3"
-          :style="props.selected ? 'transform: scale(0.95);' : ''"
-        >
-          <q-card
-            :class="
-              props.selected
-                ? 'bg-grey-2 my-card-withshadow no-padding'
-                : 'my-card-withshadow no-padding'
-            "
-            style="
-              background: radial-gradient(circle, #ffffff 0%, #bbddff 100%);
-            "
-          >
-            <q-bar
-              v-if="!visuinpage && tools.canModifyThisRec(props.row, tablesel)"
-              dense
-              class="bg-primary text-white full-height"
-            >
-              <q-badge
-                v-if="props.row['adType']"
-                :color="fieldsTable.getColByAdType(props.row['adType'])"
-              >
-                {{
-                  fieldsTable.getValByTabAndId(
-                    tablesel,
-                    'adType',
-                    props.row['adType']
-                  )
-                }}
-                <q-icon
-                  :name="fieldsTable.getIconByAdType(props.row['adType'])"
-                  color="white"
-                  class="q-ml-xs"
+              <div>
+                <CMyGroups
+                  v-model="filtergrp"
+                  :finder="false"
+                  :mygrp="row"
+                  :visu="costanti.FIND_GROUP"
                 />
-              </q-badge>
-
-              <q-space />
-
-              <q-btn
-                v-if="tools.canModifyThisRec(props.row, tablesel)"
-                flat
-                round
-                color="white"
-                icon="fas fa-pencil-alt"
-                size="sm"
-                @click="
-                  clickFunz(
-                    props.row,
-                    prop_mycolumns.find(
-                      (rec) => rec.action === lists.MenuAction.CAN_EDIT_TABLE
-                    )
-                  )
-                "
-              ></q-btn>
-              <q-btn
-                v-if="tools.canModifyThisRec(props.row, tablesel)"
-                flat
-                round
-                color="white"
-                icon="fas fa-trash-alt"
-                size="sm"
-                @click="
-                  clickFunz(
-                    props.row,
-                    prop_mycolumns.find(
-                      (rec) => rec.action === lists.MenuAction.DELETE_RECTABLE
-                    )
-                  )
-                "
-              ></q-btn>
-            </q-bar>
-            <!--<q-toolbar dense v-if="col_title" class="bg-primary text-white centeritems">
-              <q-toolbar-title>
-                {{ props.row[col_title] }}
-              </q-toolbar-title>
-            </q-toolbar>-->
-
-            <q-card-section class="">
-              <q-list dense>
-                <div v-for="col in mycolumns" :key="col.name">
-                  <q-item
-                    v-if="
-                      showColCheck(
-                        col,
-                        tools.TIPOVIS_SHOW_RECORD,
-                        false,
-                        tools.getValue(props.row, col.field, col.subfield)
-                      )
-                    "
-                    :class="clByCol(col)"
-                    class="riduci_pad"
+              </div>
+            </div>
+            <div
+              v-else-if="
+                showType === costanti.SHOW_MOVEMENTS && tablesel === 'movements'
+              "
+            >
+              <div class="q-pa-xs row items-start q-gutter-xs">
+                <q-card
+                  class="my-card text-white"
+                  :style="
+                    `background: radial-gradient(circle, #cccccc 0%, ` +
+                    (tools.isEntrataByRecMov(row) ? `#aaffaa` : `#ffaaaa`) +
+                    ` 100%)`
+                  "
+                >
+                  <q-toolbar
+                    class="bg-primary text-white"
+                    style="min-height: 30px"
                   >
-                    <q-item-section avatar v-if="col.icon">
-                      <q-item-label class="q-table__col">
-                        <q-icon :name="col.icon"></q-icon>
-                      </q-item-label>
-                    </q-item-section>
-
-                    <q-item-section avatar v-if="visuIntestazCol(col)">
-                      <q-item-label class="q-table__col">{{
-                        col.label
-                      }}</q-item-label>
-                    </q-item-section>
-                    <q-item-section>
-                      <div class="tdclass">
-                        <div :class="getclrow(props.row)">
+                    <q-toolbar-title>
+                      {{
+                        tools.isEntrataByRecMov(row)
+                          ? t('movement.movin')
+                          : t('movement.movout')
+                      }}
+                    </q-toolbar-title>
+                  </q-toolbar>
+                  <q-card-section>
+                    <div v-for="col in mycolumns" :key="col.name">
+                      <div
+                        v-if="
+                          showColCheck(
+                            col,
+                            tools.TIPOVIS_SHOW_RECORD,
+                            true,
+                            1,
+                            row
+                          )
+                        "
+                        class="tdclass"
+                      >
+                        <div :class="getclrow(row)">
                           <CMyPopupEdit
                             :table="mytable"
-                            :canEdit="canEdit"
-                            :canModify="
-                              tools.canModifyThisRec(props.row, tablesel)
-                            "
-                            :disable="disabilita()"
+                            :canEdit="false"
+                            :canModify="false"
+                            :disable="false"
                             :mycol="col"
-                            v-model:row="props.row"
+                            :row="row"
                             :field="col.field"
+                            :visulabel="true"
                             :subfield="col.subfield"
                             minuteinterval="1"
                             @save="SaveValue"
-                            @show="selItem(props.row, col)"
+                            @show="selItem(row, col)"
                             @showandsave="showandsel"
                           >
                           </CMyPopupEdit>
                         </div>
                       </div>
-                    </q-item-section>
-                  </q-item>
+                    </div>
+                  </q-card-section>
+                </q-card>
+              </div>
+            </div>
+          </div>
+          <template v-slot:loading>
+            <div class="row justify-center q-my-md">
+              <q-spinner-dots color="primary" size="40px" />
+            </div>
+          </template>
+        </q-infinite-scroll>
+        <q-table
+          v-else
+          :grid="shared_consts.VERTIC_SHOW_GRID.includes(myvertical)"
+          :grid-header="
+            shared_consts.VERTIC_SHOW_GRID.includes(myvertical) &&
+            shared_consts.TABLES_WITH_SORTING.includes(mytable)
+          "
+          flat
+          bordered
+          class="my-sticky-header-table"
+          :rows="serverData"
+          :columns="mycolumns"
+          :filter="myfilter"
+          v-model:pagination="pagination"
+          @request="onRequest"
+          virtual-scroll
+          :row-key="colkey"
+          :loading="loading"
+          @selection="selectionclick"
+          binary-state-sort
+          :visible-columns="colVisib"
+          :no-data-label="nodataLabel"
+          :no-results-label="noresultLabel"
+          :selected-rows-label="getSelectedString"
+          selection="single"
+          v-model:selected="selected"
+        >
+          <template
+            v-if="
+              !(
+                myvertical === costanti.VISUTABLE_SCHEDA_USER ||
+                myvertical === 2 ||
+                myvertical === costanti.VISUTABLE_SCHEDA_GROUP
+              )
+            "
+            v-slot:header="props"
+          >
+            <q-tr :props="props">
+              <q-th> </q-th>
+              <q-th
+                v-for="col in props.cols"
+                :key="col.name"
+                :props="props"
+                class="text-italic text-weight-bold"
+              >
+                <span
+                  v-if="
+                    col && showColCheck(col, tools.TIPOVIS_SHOW_RECORD, true)
+                  "
+                >
+                  {{ col.label }}
+                </span>
+              </q-th>
+            </q-tr>
+          </template>
+          <template v-else v-slot:header="props">
+            <q-tr :props="props">
+              <q-th> </q-th>
+
+              <span v-for="col in props.cols" :key="col.name">
+                <q-th
+                  v-if="col.sortable"
+                  :key="col.name"
+                  :props="props"
+                  class="text-italic text-weight-bold"
+                >
+                  <span>
+                    {{ col.label }}
+                  </span>
+                </q-th>
+              </span>
+            </q-tr>
+          </template>
+
+          <template
+            v-slot:top-right
+            v-if="tablesList || arrfilters || enableExport"
+          >
+            <span style="display: none">{{ (actual = null) }}</span>
+
+            <q-btn
+              v-if="enableExport"
+              color="primary"
+              icon-right="archive"
+              :label="t('export.csv')"
+              no-caps
+              @click="exportTable"
+            />
+
+            <q-select
+              :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+              v-if="tablesList"
+              v-model="tablesel"
+              rounded
+              outlined
+              dense
+              :options="tablesList"
+              :display-value="mytitle"
+              emit-value
+              @update:model-value="changeTable"
+            >
+            </q-select>
+
+            <div class="row">
+              <q-toggle
+                v-for="(filt, index) of arrfilters"
+                :key="index"
+                v-model="myfilterand"
+                :disable="filt.hide"
+                :val="filt.value"
+                :label="filt.label"
+              >
+              </q-toggle>
+            </div>
+
+            <!--<q-input borderless dense debounce="300" v-model="filter" placeholder="Search">
+          <template v-slot:append>
+            <q-icon name="search" />
+          </template>
+        </q-input>-->
+          </template>
+
+          <template v-slot:top-left>
+            <div
+              v-if="searchList"
+              :class="$q.screen.lt.sm ? `` : `row` + ` text-blue `"
+            >
+              <span v-for="(item, index) in searchList" :key="index">
+                <!--<div class="text-center q-my-xs" v-if="(item.type === costanti.FieldType.separator)">
+              <q-btn size="sm" dense :icon="!showfilteradv ? 'fas fa-arrow-down' : 'fas fa-arrow-up'" label="Filtri Avanzati" @click="showfilteradv = !showfilteradv"></q-btn>
+            </div>-->
+
+                <CMySelect
+                  :col="fieldsTable.getColByColumns(mycolumns, item.key)"
+                  v-if="
+                    item.type === costanti.FieldType.select ||
+                    item.type === costanti.FieldType.select_by_server
+                  "
+                  :label="labelcombo(item)"
+                  v-model:value="item.value"
+                  @update:value="searchval(item.value, item.table)"
+                  :addall="item.addall"
+                  :addnone="item.addnone"
+                  :tablesel="
+                    item.type === costanti.FieldType.select_by_server
+                      ? item.tablesel
+                      : ''
+                  "
+                  :pickup="item.type === costanti.FieldType.select_by_server"
+                  label-color="primary"
+                  class="combowidth"
+                  color="primary"
+                  :icon_alternative="item.icon"
+                  :optval="fieldsTable.getKeyByTable(item.table)"
+                  :optlab="fieldsTable.getLabelByTable(item.table)"
+                  :options="valoriopt(item, false)"
+                  :filter="item.filter"
+                  :filter_extra="item.filter_extra"
+                  :useinput="
+                    item.useinput &&
+                    item.type !== costanti.FieldType.select_by_server
+                  "
+                >
+                </CMySelect>
+
+                <!--<div v-if="item.type === costanti.FieldType.multiselect_by_server">
+              item: {{ item}}
+            </div>-->
+
+                <CMySelect
+                  v-if="item.type === costanti.FieldType.multiselect_by_server"
+                  :col="fieldsTable.getColByColumns(mycolumns, item.key)"
+                  :multiselect_by_server="true"
+                  :label="labelcombo(item)"
+                  v-model:arrvalue="item.arrvalue"
+                  @update:arrvalue="searchval(item.arrvalue, item.table)"
+                  :addall="item.addall"
+                  :addnone="item.addnone"
+                  :tablesel="item.tablesel"
+                  :pickup="true"
+                  :param1="item.param1"
+                  label-color="primary"
+                  class="combowidth"
+                  color="primary"
+                  :icon_alternative="item.icon"
+                  :optval="fieldsTable.getKeyByTable(item.table)"
+                  :optlab="fieldsTable.getLabelByTable(item.table)"
+                  :filter="item.filter"
+                  :filter_extra="item.filter_extra"
+                  :options="valoriopt(item, false)"
+                  :useinput="true"
+                >
+                </CMySelect>
+
+                <q-select
+                  :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+                  v-if="item.type === costanti.FieldType.multiselect"
+                  v-model="item.arrvalue"
+                  label-color="primary"
+                  :label="labelcombo(item)"
+                  @update:model-value="searchval(item.arrvalue, item.table)"
+                  rounded
+                  dense
+                  outlined
+                  multiple
+                  options-dense
+                  emit-value
+                  map-options
+                  stack-label
+                  :useinput="item.useinput"
+                  :options="valoriopt(item, item.addall, item.addnone)"
+                  :filter="item.filter"
+                  class="combowidth"
+                  :option-value="fieldsTable.getKeyByTable(item.table)"
+                >
+                  <template v-if="item.icon" v-slot:prepend>
+                    <q-icon :name="item.icon" />
+                  </template>
+                  <template
+                    v-if="item.arrvalue.length >= 1"
+                    v-slot:selected-item="scope"
+                  >
+                    <div
+                      v-if="
+                        scope.opt[fieldsTable.getLabelByTable(item.table)] ||
+                        (scope.opt && checkIfShowRec(scope.opt))
+                      "
+                    >
+                      <q-chip
+                        removable
+                        dense
+                        @remove="scope.removeAtIndex(scope.index)"
+                        v-if="checkIfShowRec(scope.opt)"
+                        color="white"
+                        text-color="mycol"
+                        class="q-my-none q-ml-xs q-mr-none"
+                      >
+                        <q-avatar
+                          color="primary"
+                          text-color="white"
+                          :icon="item.icon"
+                          size="12px"
+                        />
+                        {{
+                          scope.opt[fieldsTable.getLabelByTable(item.table)] ||
+                          scope.opt
+                        }}
+                      </q-chip>
+                    </div>
+                  </template>
+                  <template
+                    v-slot:option="{ itemProps, opt, selected, toggleOption }"
+                  >
+                    <q-item v-bind="itemProps">
+                      <q-item-section>
+                        <q-item-label>{{
+                          opt[fieldsTable.getLabelByTable(item.table)]
+                        }}</q-item-label>
+                      </q-item-section>
+                      <q-item-section side>
+                        <q-toggle
+                          :model-value="selected"
+                          @update:model-value="toggleOption(opt)"
+                        />
+                      </q-item-section>
+                    </q-item>
+                  </template>
+                </q-select>
+              </span>
+            </div>
+
+            <div
+              v-if="prop_search || canEdit"
+              class="row justify-center vertical-middle"
+            >
+              <div v-if="prop_search" class="q-mr-sm full-width">
+                <q-input
+                  v-model="search"
+                  filled
+                  dense
+                  type="search"
+                  debounce="500"
+                  :hint="hint"
+                  label="Cerca"
+                  v-on:keyup.enter="doSearch"
+                >
+                  <template v-slot:after>
+                    <q-btn
+                      v-if="mytable"
+                      dense
+                      label=""
+                      color="primary"
+                      @click="refresh"
+                      icon="search"
+                    ></q-btn>
+                  </template>
+                </q-input>
+              </div>
+
+              <q-space></q-space>
+              <q-select
+                :behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
+                v-if="
+                  mytable &&
+                  pagination.rowsNumber > 0 &&
+                  (prop_search || canEdit) &&
+                  showCol &&
+                  myvertical === 0
+                "
+                v-model="colVisib"
+                rounded
+                outlined
+                multiple
+                dense
+                options-dense
+                :display-value="$t('grid.columns')"
+                emit-value
+                map-options
+                :options="mycolumns"
+                option-value="name"
+                @update:model-value="changeCol"
+              >
+              </q-select>
+            </div>
+
+            <div v-if="pagination.rowsNumber === 1 && prop_search">
+              {{ pagination.rowsNumber }} elemento trovato
+            </div>
+            <div v-if="pagination.rowsNumber > 1 && prop_search">
+              {{ pagination.rowsNumber }} elementi trovati
+            </div>
+
+            <div v-if="choose_visutype && $q.screen.gt.xs" class="">
+              <q-radio v-model="myvertical" :val="2" label="Lista" />
+              <!--<q-radio v-if="mytable === toolsext.TAB" v-model="myvertical" :val="costanti.VISUTABLE_SCHEDA_GROUP"
+                   label="Scheda"
+                   @update:model-value="tools.setCookie('myv_' + prop_mytable, myvertical) "/>
+          <q-radio v-else-if="mytable !== toolsext.TABMYGROUPS && !finder" v-model="myvertical"
+                   :val="costanti.VISUTABLE_SCHEDA_USER" slabel="Scheda"
+                   @update:model-value="tools.setCookie('myv_' + prop_mytable, myvertical) "/>-->
+              <q-radio
+                v-if="$q.screen.gt.xs"
+                v-model="myvertical"
+                :val="0"
+                label="Tabella"
+              />
+            </div>
+          </template>
+
+          <template v-slot:body="props">
+            <q-tr :props="props" class="trclass">
+              <q-td auto-width class="tdclass">
+                <q-checkbox dense v-model="props.selected"></q-checkbox>
+              </q-td>
+              <q-td v-for="col in mycolumns" :key="col.name" :props="props">
+                <div
+                  v-if="
+                    showColCheck(
+                      col,
+                      tools.TIPOVIS_SHOW_RECORD,
+                      true,
+                      1,
+                      props.row
+                    )
+                  "
+                  class="tdclass"
+                >
+                  <div :class="getclrow(props.row)">
+                    <CMyPopupEdit
+                      :table="mytable"
+                      :canEdit="canEdit"
+                      :canModify="tools.canModifyThisRec(props.row, tablesel)  || editOn"
+                      :disable="disabilita()"
+                      :mycol="col"
+                      v-model:row="props.row"
+                      :field="col.field"
+                      :subfield="col.subfield"
+                      minuteinterval="1"
+                      @save="SaveValue"
+                      @show="selItem(props.row, col)"
+                      @showandsave="showandsel"
+                    >
+                    </CMyPopupEdit>
+                  </div>
                 </div>
-              </q-list>
-            </q-card-section>
-          </q-card>
-        </div>
-      </template>
-    </q-table>
+              </q-td>
+              <q-td v-for="col in mycolumns" :key="col.name" :props="props">
+                <div v-if="colExtra.includes(col.name)" class="tdclass">
+                  <div v-if="col.action && visCol(col)">
+                    <q-btn
+                      flat
+                      round
+                      color="red"
+                      :icon="col.icon"
+                      size="sm"
+                      @click="clickFunz(props.row, col)"
+                    ></q-btn>
+                  </div>
+                </div>
+              </q-td>
+            </q-tr>
+            <br />
+          </template>
+
+          <template v-slot:item="props">
+            <div
+              class="q-pa-xs col-xs-12 col-sm-6 col-md-4 col-lg-3"
+              :style="props.selected ? 'transform: scale(0.95);' : ''"
+            >
+              <q-card
+                :class="
+                  props.selected
+                    ? 'bg-grey-2 my-card-withshadow no-padding'
+                    : 'my-card-withshadow no-padding'
+                "
+                style="
+                  background: radial-gradient(circle, #ffffff 0%, #bbddff 100%);
+                "
+              >
+                <q-bar
+                  v-if="
+                    !visuinpage && (tools.canModifyThisRec(props.row, tablesel) || editOn)
+                  "
+                  dense
+                  class="bg-primary text-white full-height"
+                >
+                  <q-badge
+                    v-if="props.row['adType']"
+                    :color="fieldsTable.getColByAdType(props.row['adType'])"
+                  >
+                    {{
+                      fieldsTable.getValByTabAndId(
+                        tablesel,
+                        'adType',
+                        props.row['adType']
+                      )
+                    }}
+                    <q-icon
+                      :name="fieldsTable.getIconByAdType(props.row['adType'])"
+                      color="white"
+                      class="q-ml-xs"
+                    />
+                  </q-badge>
+
+                  <q-space />
+
+                  <q-btn
+                    v-if="tools.canModifyThisRec(props.row, tablesel) || editOn"
+                    flat
+                    round
+                    color="white"
+                    icon="fas fa-pencil-alt"
+                    size="sm"
+                    @click="
+                      clickFunz(
+                        props.row,
+                        prop_mycolumns.find(
+                          (rec) =>
+                            rec.action === lists.MenuAction.CAN_EDIT_TABLE
+                        )
+                      )
+                    "
+                  ></q-btn>
+                  <q-btn
+                    v-if="tools.canModifyThisRec(props.row, tablesel) || editOn"
+                    flat
+                    round
+                    color="white"
+                    icon="fas fa-trash-alt"
+                    size="sm"
+                    @click="
+                      clickFunz(
+                        props.row,
+                        prop_mycolumns.find(
+                          (rec) =>
+                            rec.action === lists.MenuAction.DELETE_RECTABLE
+                        )
+                      )
+                    "
+                  ></q-btn>
+                </q-bar>
+                <!--<q-toolbar dense v-if="col_title" class="bg-primary text-white centeritems">
+              <q-toolbar-title>
+                {{ props.row[col_title] }}
+              </q-toolbar-title>
+            </q-toolbar>-->
+
+                <q-card-section class="">
+                  <q-list dense>
+                    <div v-for="col in mycolumns" :key="col.name">
+                      <q-item
+                        v-if="
+                          showColCheck(
+                            col,
+                            tools.TIPOVIS_SHOW_RECORD,
+                            false,
+                            tools.getValue(props.row, col.field, col.subfield)
+                          )
+                        "
+                        :class="clByCol(col)"
+                        class="riduci_pad"
+                      >
+                        <q-item-section avatar v-if="col.icon">
+                          <q-item-label class="q-table__col">
+                            <q-icon :name="col.icon"></q-icon>
+                          </q-item-label>
+                        </q-item-section>
+
+                        <q-item-section avatar v-if="visuIntestazCol(col)">
+                          <q-item-label class="q-table__col">{{
+                            col.label
+                          }}</q-item-label>
+                        </q-item-section>
+                        <q-item-section>
+                          <div class="tdclass">
+                            <div :class="getclrow(props.row)">
+                              <CMyPopupEdit
+                                :table="mytable"
+                                :canEdit="canEdit"
+                                :canModify="
+                                  tools.canModifyThisRec(props.row, tablesel) || editOn
+                                "
+                                :disable="disabilita()"
+                                :mycol="col"
+                                v-model:row="props.row"
+                                :field="col.field"
+                                :subfield="col.subfield"
+                                minuteinterval="1"
+                                @save="SaveValue"
+                                @show="selItem(props.row, col)"
+                                @showandsave="showandsel"
+                              >
+                              </CMyPopupEdit>
+                            </div>
+                          </div>
+                        </q-item-section>
+                      </q-item>
+                    </div>
+                  </q-list>
+                </q-card-section>
+              </q-card>
+            </div>
+          </template>
+        </q-table>
+
+        <q-page-sticky
+          v-if="mytable && butt_modif_new"
+          position="bottom-right"
+          :offset="[18, 68]"
+        >
+          <q-btn
+            fab-mini
+            glossy
+            class="semi-transparent"
+            icon="add"
+            color="primary"
+            @click="createNewRecordDialog"
+          />
+        </q-page-sticky>
+      </q-page>
+    </q-page-container>
 
     <q-dialog
       v-model="visupagedialog"
@@ -1068,7 +1118,7 @@
               <CMyPopupEdit
                 :table="mytable"
                 :canEdit="true"
-                :canModify="tools.canModifyThisRec(rowclicksel, tablesel)"
+                :canModify="tools.canModifyThisRec(rowclicksel, tablesel) || editOn"
                 :disable="disabilita()"
                 :isInModif="mycol.isInModif"
                 view="field"
@@ -1095,6 +1145,81 @@
       :maximized="$q.screen.lt.sm"
       permanent
     >
+
+      <q-card class="dialog_card">
+        <q-bar dense class="bg-primary text-white">
+          Nuovo:
+          <q-space />
+          <q-btn flat round color="white" icon="close" v-close-popup></q-btn>
+        </q-bar>
+
+        <q-card-section class="inset-shadow">
+          <div
+            :class="$q.screen.lt.sm ? `` : `row` + ` text-blue `"
+            v-for="col in mycolumns"
+            :key="col.name"
+          >
+            <!--<div class="text-center q-my-xs" v-if="(col.fieldtype === costanti.FieldType.separator)">
+              <q-btn color="primary" size="md" dense :icon="!showfilteradv ? 'fas fa-arrow-down' : 'fas fa-arrow-up'"
+                     label="Campi Avanzati" @click="showfilteradv = !showfilteradv"></q-btn>
+            </div>-->
+            <div
+              v-if="
+                showColCheck(
+                  col,
+                  tools.TIPOVIS_NEW_RECORD,
+                  true,
+                  0,
+                  newRecord
+                ) && col.foredit
+              "
+            >
+              <div class="">
+                <CMyPopupEdit
+                  :table="mytable"
+                  :canEdit="true"
+                  :canModify="true"
+                  :mycol="col"
+                  v-model:row="newRecord"
+                  :field="col.field"
+                  :subfield="col.subfield"
+                  :tablesel="col.tablesel"
+                  :value_extra="getValueExtra(col, newRecord)"
+                  :isInModif="true"
+                  minuteinterval="1"
+                  :visulabel="true"
+                  :insertMode="true"
+                  @save="SaveValue"
+                  @show="selItem(newRecord, col)"
+                  @showandsave="showandsel"
+                >
+                </CMyPopupEdit>
+              </div>
+            </div>
+          </div>
+        </q-card-section>
+        <q-card-actions align="center">
+          <q-btn
+            :label="$t('dialog.save')"
+            color="primary"
+            @click="saveNewRecord"
+          ></q-btn>
+          <q-btn
+            flat
+            :label="$t('dialog.cancel')"
+            color="primary"
+            v-close-popup
+            @click="annulla"
+          ></q-btn>
+        </q-card-actions>
+      </q-card>
+    </q-dialog>
+    <q-dialog
+      v-model="newRecordBoolOld"
+      @hide="hidewindow"
+      :maximized="$q.screen.lt.sm"
+      permanent
+    >
       <q-card class="dialog_card">
         <q-bar dense class="bg-primary text-white">
           Nuovo:
@@ -1149,7 +1274,7 @@
         </q-card-section>
         <q-card-actions align="center">
           <q-btn
-            :label="$t('dialog.ok')"
+            :label="$t('dialog.save')"
             color="primary"
             @click="saveNewRecord"
           ></q-btn>
@@ -1191,7 +1316,7 @@
                 <CMyPopupEdit
                   :table="mytable"
                   :canEdit="true"
-                  :canModify="tools.canModifyThisRec(recModif, tablesel)"
+                  :canModify="tools.canModifyThisRec(recModif, tablesel) || editOn"
                   :tablesel="col.tablesel"
                   :mycol="col"
                   :isInModif="true"
diff --git a/src/components/CMyElem/CMyElem.ts b/src/components/CMyElem/CMyElem.ts
index bd677ccf..c64a4ef7 100755
--- a/src/components/CMyElem/CMyElem.ts
+++ b/src/components/CMyElem/CMyElem.ts
@@ -21,6 +21,7 @@ import { CMyFieldRec } from '@src/components/CMyFieldRec'
 import { CSelectColor } from '@src/components/CSelectColor'
 import { CMainView } from '@src/components/CMainView'
 import { CDashboard } from '@src/components/CDashboard'
+import { CCheckAppRunning } from '@src/components/CCheckAppRunning'
 import { CStatusReg } from '@src/components/CStatusReg'
 import { CTitleBanner } from '@src/components/CTitleBanner'
 import { CCheckIfIsLogged } from '@src/components/CCheckIfIsLogged'
@@ -44,7 +45,7 @@ export default defineComponent({
     CSelectColor, CSelectFontSize, CImgPoster,
     CCheckIfIsLogged, CStatusReg, CDashboard, CMainView, CNotifAtTop,
     CPresentazione,
-    CTitleBanner, CShareSocial,
+    CTitleBanner, CShareSocial, CCheckAppRunning,
   },
   emits: ['selElemClick'],
   props: {
diff --git a/src/components/CMyElem/CMyElem.vue b/src/components/CMyElem/CMyElem.vue
index 86e25296..9bed0cb4 100755
--- a/src/components/CMyElem/CMyElem.vue
+++ b/src/components/CMyElem/CMyElem.vue
@@ -435,6 +435,10 @@
         <div v-if="editOn" class="elemEdit">CMainView</div>
         <CMainView></CMainView>
       </div>
+      <div v-else-if="myel.type === shared_consts.ELEMTYPE.CHECKAPPRUNNING">
+        <div v-if="editOn" class="elemEdit">CheckAppRunning</div>
+        <CCheckAppRunning />
+      </div>
       <div v-else-if="myel.type === shared_consts.ELEMTYPE.DASHBOARD">
         <div v-if="editOn" class="elemEdit">CDashboard</div>
         <CDashboard></CDashboard>
diff --git a/src/components/CMyPopupEdit/CMyPopupEdit.ts b/src/components/CMyPopupEdit/CMyPopupEdit.ts
index 6d618c63..c1ecebf8 100755
--- a/src/components/CMyPopupEdit/CMyPopupEdit.ts
+++ b/src/components/CMyPopupEdit/CMyPopupEdit.ts
@@ -624,7 +624,7 @@ export default defineComponent({
           return '[---]'
         else
           return globalStore.getArrStrByValueBinary(col, val)
-      } else if (col.fieldtype === costanti.FieldType.select) {
+      } else if ((col.fieldtype === costanti.FieldType.select) || (col.fieldtype === costanti.FieldType.option)) {
         if (val === undefined)
           return '[---]'
         else
diff --git a/src/components/CMyPopupEdit/CMyPopupEdit.vue b/src/components/CMyPopupEdit/CMyPopupEdit.vue
index bca785b1..b72a588e 100755
--- a/src/components/CMyPopupEdit/CMyPopupEdit.vue
+++ b/src/components/CMyPopupEdit/CMyPopupEdit.vue
@@ -676,6 +676,31 @@
             </div>
             <div v-else>(Scegli)</div>
           </div>
+          <div v-else-if="col.fieldtype === costanti.FieldType.multioption">
+            <q-option-group
+              v-model="myvalue"
+              :inline="col.inline"
+              :type="col.typeobj"
+              :label="col.label ? col.label : $t(col.label_trans)"
+              @update:model-value="changevalRec"
+              :options="globalStore.getTableJoinLabelValueByName(col)"
+            ></q-option-group>
+          </div>
+          <div v-else-if="col.fieldtype === costanti.FieldType.option">
+            <q-option-group
+              v-model="myvalue"
+              type="toggle"
+              @update:model-value="changevalRec"
+              :options="
+                globalStore.getTableJoinByName(
+                  col.jointable,
+                  col.addall,
+                  col.addnone,
+                  col.filter
+                )
+              "
+            ></q-option-group>
+          </div>
           <div
             v-else-if="
               col.fieldtype === costanti.FieldType.select ||
@@ -754,6 +779,7 @@
               col.fieldtype === costanti.FieldType.multiselect_by_server
             "
           >
+          myvalue: {{myvalue}}
             <CMySelect
               :type_out="col.field_outtype"
               :col="col"
diff --git a/src/components/CMyRecCard/CMyRecCard.ts b/src/components/CMyRecCard/CMyRecCard.ts
index 1c51edd7..f2baa3dd 100755
--- a/src/components/CMyRecCard/CMyRecCard.ts
+++ b/src/components/CMyRecCard/CMyRecCard.ts
@@ -25,6 +25,11 @@ export default defineComponent({
       required: false,
       default: null,
     },
+    editOn: {
+      type: Boolean,
+      required: false,
+      default: false,
+    }
   },
 
   setup(props, { emit }) {
diff --git a/src/components/CMyRecCard/CMyRecCard.vue b/src/components/CMyRecCard/CMyRecCard.vue
index 552a78c6..53906965 100755
--- a/src/components/CMyRecCard/CMyRecCard.vue
+++ b/src/components/CMyRecCard/CMyRecCard.vue
@@ -56,7 +56,7 @@
         </q-item-label>
 
       </q-item-section>
-      <q-item-section side v-if="tools.canModifyThisRec(myrec)">
+      <q-item-section side v-if="tools.canModifyThisRec(myrec) || editOn">
         <q-item-label>
           <q-btn rounded icon="fas fa-pencil-alt">
             <q-menu>
diff --git a/src/components/CMySelect/CMySelect.ts b/src/components/CMySelect/CMySelect.ts
index 65981286..bfc2598f 100755
--- a/src/components/CMySelect/CMySelect.ts
+++ b/src/components/CMySelect/CMySelect.ts
@@ -272,6 +272,7 @@ export default defineComponent({
         if (myvalue.value && JSON.stringify(myvalue.value)) {
           saveLastOpt(props.optval, JSON.stringify(myvalue.value))
         }
+        saveOptInCookie([myvalue.value])
 
         emit('update:value', myvalue.value)
         emit('changeval', myvalue.value)
@@ -388,6 +389,8 @@ export default defineComponent({
           rec = arrtempOpt.value.find((myrec: any) => val === (myrec[`${props.optval}`]))
           if (rec) {
             myarrvalue.value.push(rec[`${props.optval}`])
+          } else {
+            myarrvalue.value.push(val)
           }
         }
       } else {
diff --git a/src/components/CMySelect/CMySelect.vue b/src/components/CMySelect/CMySelect.vue
index 5db36481..45f7104f 100755
--- a/src/components/CMySelect/CMySelect.vue
+++ b/src/components/CMySelect/CMySelect.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="text-center">
     <div v-if="multiselect_by_server">
+      myarrvalue: {{myarrvalue}}
       <q-select
         :model-value="myarrvalue"
         @update:model-value="changeval"
diff --git a/src/components/CPresentazione/CPresentazione.ts b/src/components/CPresentazione/CPresentazione.ts
index e969c18e..d647bc82 100755
--- a/src/components/CPresentazione/CPresentazione.ts
+++ b/src/components/CPresentazione/CPresentazione.ts
@@ -28,18 +28,7 @@ export default defineComponent({
 
     const globalStore = useGlobalStore()
 
-    function initprompt() {
-      window.addEventListener('beforeinstallprompt', (event) => {
-        // console.log('********************************   beforeinstallprompt fired')
-        event.preventDefault()
-        // console.log('§§§§§§§§§§§§§§§§§§§§  IMPOSTA DEFERRED PROMPT  !!!!!!!!!!!!!!!!!  ')
-        // #Todo++ IMPOSTA DEFERRED PROMPT
-        return false
-      })
-    }
-
     function created() {
-      initprompt()
 
       animare.value = process.env.DEV ? 0 : 8000
     }
diff --git a/src/components/CRegistration/CRegistration.scss b/src/components/CRegistration/CRegistration.scss
new file mode 100755
index 00000000..e69de29b
diff --git a/src/components/CRegistration/CRegistration.ts b/src/components/CRegistration/CRegistration.ts
new file mode 100755
index 00000000..7466f68d
--- /dev/null
+++ b/src/components/CRegistration/CRegistration.ts
@@ -0,0 +1,29 @@
+import { tools } from '@store/Modules/tools'
+import { computed, defineComponent, reactive, ref, watch } from 'vue'
+import { useQuasar } from 'quasar'
+import { useI18n } from '@/boot/i18n'
+import { DefaultProfile, useUserStore } from '@store/UserStore'
+
+import { useRoute, useRouter } from 'vue-router'
+import { static_data } from '@/db/static_data'
+import { useGlobalStore } from '@store/globalStore'
+
+export default defineComponent({
+  name: 'CRegistration',
+  components: {  },
+  setup(props, { emit }) {
+    const $q = useQuasar()
+    const { t } = useI18n()
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+    const $route = useRoute()
+    const $router = useRouter()
+
+    const site = ref(globalStore.site)
+
+    return {
+      tools,
+      site,
+    }
+  },
+})
diff --git a/src/components/CRegistration/CRegistration.vue b/src/components/CRegistration/CRegistration.vue
new file mode 100755
index 00000000..9f029423
--- /dev/null
+++ b/src/components/CRegistration/CRegistration.vue
@@ -0,0 +1,39 @@
+<template>
+  <div>
+    <div
+      v-if="site.confpages.enableReg && site.confpages.enableRegByBot"
+      style="margin-top: 10px; text-align: center"
+    >
+      Se non sei ancora Registrato:<br />
+      <q-btn
+        type="a"
+        rounded
+        size="md"
+        color="primary"
+        href="/bot"
+        :label="$t('reg.submit')"
+      >
+      </q-btn>
+    </div>
+    <div
+      v-else-if="site.confpages.enableReg"
+      style="margin-top: 10px; text-align: center"
+    >
+      Se non sei ancora Registrato:<br />
+      <q-btn
+        rounded
+        size="md"
+        color="primary"
+        to="/signup"
+        :label="$t('reg.submit')"
+      >
+      </q-btn>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" src="./CRegistration.ts">
+</script>
+<style lang="scss" scoped>
+@import './CRegistration.scss';
+</style>
diff --git a/src/components/CRegistration/index.ts b/src/components/CRegistration/index.ts
new file mode 100755
index 00000000..2882d02b
--- /dev/null
+++ b/src/components/CRegistration/index.ts
@@ -0,0 +1 @@
+export {default as CRegistration} from './CRegistration.vue'
diff --git a/src/css/app.scss b/src/css/app.scss
index 2df43dd6..07ccc6d8 100755
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -879,7 +879,7 @@ h3 {
 
 .my-sticky-header-table.q-table--loading thead tr:last-child th {
   /* height of all previous header rows */
-  top: 48px;
+  top: 60px;
 }
 
 .my-card-shadow {
@@ -1507,3 +1507,6 @@ h3 {
   font-weight: bold;
 }
 
+.semi-transparent {
+  opacity: 0.7;
+}
diff --git a/src/model/GlobalStore.ts b/src/model/GlobalStore.ts
index 96bd372e..63a2ca42 100755
--- a/src/model/GlobalStore.ts
+++ b/src/model/GlobalStore.ts
@@ -450,6 +450,7 @@ export interface IGlobalState {
   editOn?: boolean,
   myselector: ISelector,
   addNewRecord: string,
+  isAppRunning: boolean
 }
 
 export interface IMenuList {
@@ -706,9 +707,12 @@ export interface IColGridTable {
   foredit?: boolean
   isInModif?: boolean
   fieldtype?: number
+  typeobj?: string
+  inline?: boolean
   fieldtype_real?: number
   field_outtype?: number
   noshowlabel?: boolean
+  numpag_carousel?: number
   tipovisu?: number
   link?: string
   jointable?: string
diff --git a/src/model/UserStore.ts b/src/model/UserStore.ts
index 09608700..627e1471 100755
--- a/src/model/UserStore.ts
+++ b/src/model/UserStore.ts
@@ -106,7 +106,7 @@ export interface IUserProfile {
   refused_circuits: any[]
   manage_mycircuits: ICircuit[]
   useraccounts: IAccount[]
-  calc?: ICalc
+  calc: ICalc
 }
 
 export interface ICalc{
diff --git a/src/statics/lang/it.js b/src/statics/lang/it.js
index ca607641..6a8529c8 100755
--- a/src/statics/lang/it.js
+++ b/src/statics/lang/it.js
@@ -177,6 +177,7 @@ const msg_it = {
       ok: 'Ok',
       yes: 'Si',
       no: 'No',
+      save: 'Salva',
       delete: 'Elimina',
       cancel: 'Annulla',
       update: 'Aggiorna',
diff --git a/src/store/Modules/costanti.ts b/src/store/Modules/costanti.ts
index 6e202461..b67a01ca 100755
--- a/src/store/Modules/costanti.ts
+++ b/src/store/Modules/costanti.ts
@@ -317,6 +317,7 @@ export const costanti = {
     multiselect_by_server: 4010,
     nationality: 4096,
     intcode: 5000,
+    option: 5500,
     multioption: 6000,
     onlydate: 7000,
     hours: 8000,
diff --git a/src/store/Modules/fieldsTable.ts b/src/store/Modules/fieldsTable.ts
index 9e53bb93..b648f9b6 100755
--- a/src/store/Modules/fieldsTable.ts
+++ b/src/store/Modules/fieldsTable.ts
@@ -77,6 +77,8 @@ function AddCol(params: IColGridTable) {
     field_outtype: (params.field_outtype === undefined) ? costanti.FieldType.string : params.field_outtype,
     tipovisu: (params.tipovisu === undefined) ? costanti.TipoVisu.NONE : params.tipovisu,
     link: (params.link === undefined) ? '' : params.link,
+    typeobj: (params.typeobj === undefined) ? '' : params.typeobj,
+    inline: (params.inline === undefined) ? '' : params.inline,
     askaction: (params.askaction === undefined) ? '' : params.askaction,
     tablesel: (params.tablesel === undefined) ? '' : params.tablesel,
     jointable: (params.jointable === undefined) ? '' : params.jointable,
@@ -86,6 +88,7 @@ function AddCol(params: IColGridTable) {
     allowchar: (params.allowchar === undefined) ? null : params.allowchar,
     showWhen: (params.showWhen === undefined) ? costanti.showWhen.NewRec + costanti.showWhen.InEdit + costanti.showWhen.InView : params.showWhen,
     noshowlabel: (params.noshowlabel === undefined) ? false : params.noshowlabel,
+    numpag_carousel: (params.numpag_carousel === undefined) ? 0 : params.numpag_carousel,
     notsave: (params.notsave === undefined) ? false : params.notsave,
     filter_table: (params.filter_table === undefined) ? '' : params.filter_table,
     remote_table: (params.remote_table === undefined) ? '' : params.remote_table,
@@ -830,7 +833,7 @@ export const colmyGoods = [
     titlepopupedit: 'Dettagli', field_extra1: 'username', subfield_extra1: '',
     minlength: 50,
     isadvanced_field: true,
-    required: true,
+    required: false,
   }),
   AddCol({
     name: 'idSectorGood',
@@ -940,15 +943,31 @@ export const colmyGoods = [
 ]
 
 export const colmySkills = [
+  AddCol({
+    name: 'adType',
+    label_trans: 'adTypes.name',
+    fieldtype: costanti.FieldType.multioption,
+    required: true,
+    jointable: 'adtypes',
+    showWhen: costanti.showWhen.NewRec + costanti.showWhen.InPage + costanti.showWhen.InEdit,
+    icon: 'fas fa-bullhorn',
+    noshowlabel: true,
+    numpag_carousel: 1,
+    inline: true,
+    typeobj: 'radio',
+  }),
   AddCol({
     name: 'idStatusSkill',
     label_trans: 'statusSkill.name',
-    fieldtype: costanti.FieldType.multiselect,
+    fieldtype: costanti.FieldType.multioption,
     jointable: 'statusSkills',
     showWhen: costanti.showWhen.NewRec + costanti.showWhen.InPage + costanti.showWhen.InEdit + costanti.showWhen.InView_OnlyifExist,
     noshowlabel: true,
     icon: 'mood',
     required: true,
+    numpag_carousel: 1,
+    inline: true,
+    typeobj: 'checkbox',
   }),
 
   AddCol({
@@ -974,6 +993,7 @@ export const colmySkills = [
     remote_key: '_id',
     remote_field: 'comune',
     required: true,
+    numpag_carousel: 2,
   }),
   AddCol({
     name: 'pub_to_share',
@@ -982,16 +1002,7 @@ export const colmySkills = [
     jointable: 'pub_to_share',
     icon: 'fas fa-users',
     showWhen: costanti.showWhen.NewRec + costanti.showWhen.InPage + costanti.showWhen.InEdit + costanti.showWhen.InView_OnlyifExist,
-  }),
-  AddCol({
-    name: 'adType',
-    label_trans: 'adTypes.name',
-    fieldtype: costanti.FieldType.select,
-    required: true,
-    jointable: 'adtypes',
-    showWhen: costanti.showWhen.NewRec + costanti.showWhen.InPage + costanti.showWhen.InEdit,
-    icon: 'fas fa-bullhorn',
-    noshowlabel: true,
+    numpag_carousel: 2,
   }),
   AddCol({
     name: 'descr',
@@ -1002,13 +1013,15 @@ export const colmySkills = [
     maxlength: 120,
     required: true,
     sortable: false,
+    numpag_carousel: 3,
   }),
   AddCol({
     name: 'note', label_trans: 'proj.descrapprof', fieldtype: costanti.FieldType.html,
     showWhen: costanti.showWhen.NewRec + costanti.showWhen.InEdit + costanti.showWhen.InView_OnlyifExist,
     titlepopupedit: 'Dettagli', field_extra1: 'username', subfield_extra1: '',
-    required: true,
+    required: false,
     isadvanced_field: true,
+    numpag_carousel: 3,
   }),
   AddCol({
     name: 'idSector',
@@ -1019,6 +1032,7 @@ export const colmySkills = [
     showWhen: costanti.showWhen.NewRec + costanti.showWhen.InEdit + costanti.showWhen.InView_OnlyifExist,
     visible: true,
     icon: 'category',
+    numpag_carousel: 4,
   }),
   AddCol({
     name: 'idSkill',
@@ -1033,6 +1047,7 @@ export const colmySkills = [
     showWhen: costanti.showWhen.NewRec + costanti.showWhen.InPage + costanti.showWhen.InEdit + costanti.showWhen.InView_OnlyifExist,
     allowNewValue: false,
     required: false,
+    numpag_carousel: 4,
   }),
   AddCol({
     name: 'idContribType',
@@ -1044,33 +1059,23 @@ export const colmySkills = [
     icon: 'fas fa-hand-holding',
     // icon: 'fas fa-hands-helping',
     // isadvanced_field: true,
+    numpag_carousel: 5,
   }),
   AddCol({
-    name: '',
-    fieldtype: costanti.FieldType.separator,
-    required: false,
-    showWhen: costanti.showWhen.NewRec + costanti.showWhen.InEdit,
-    visible: false,
-  }),
-
-
-  /*AddCol({
-    name: 'idSubSkill',
-    label_trans: 'skill.subskill',
-    fieldtype: costanti.FieldType.multiselect,
-    required: false,
-    jointable: 'subskills',
-    filter_table: 'skills',
-    filter_field: 'idSkill',
-    noshowlabel: true,
-    icon: 'far fa-id-card',
-    showWhen: costanti.showWhen.NewRec + costanti.showWhen.InPage + costanti.showWhen.InEdit + costanti.showWhen.InView_OnlyifExist,
-    allowNewValue: true,
+    name: 'photos',
+    label_trans: 'skill.photos',
+    fieldtype: costanti.FieldType.listimages,
+    jointable: '',
+    showpicprofile_ifnotset: true,
+    showWhen: costanti.showWhen.NewRec + costanti.showWhen.InPage + costanti.showWhen.InEdit + costanti.showWhen.InView,
     isadvanced_field: true,
+    numpag_carousel: 6,
+  }),
+  AddCol({
+    name: 'website', label_trans: 'reg.website', isadvanced_field: true, fieldtype: costanti.FieldType.link,
+    showWhen: costanti.showWhen.NewRec + costanti.showWhen.InEdit + costanti.showWhen.InView_OnlyifExist,
+    numpag_carousel: 6,
   }),
-
-   */
-
   AddCol({
     name: 'numLevel',
     label_trans: 'level.name',
@@ -1081,6 +1086,7 @@ export const colmySkills = [
     noshowlabel: false,
     icon: 'grading',
     isadvanced_field: true,
+    numpag_carousel: 7,
   }),
   AddCol({
     name: 'date_created', label_trans: 'event.dateCreated', fieldtype: costanti.FieldType.onlydate,
@@ -1089,20 +1095,7 @@ export const colmySkills = [
     sortable: true,
     showWhen: 0
   }),
-  AddCol({
-    name: 'photos',
-    label_trans: 'skill.photos',
-    fieldtype: costanti.FieldType.listimages,
-    jointable: '',
-    showpicprofile_ifnotset: true,
-    showWhen: costanti.showWhen.NewRec + costanti.showWhen.InPage + costanti.showWhen.InEdit + costanti.showWhen.InView,
-    isadvanced_field: true,
-  }),
   // **ADDFIELD_MYSKILL
-  AddCol({
-    name: 'website', label_trans: 'reg.website', isadvanced_field: true, fieldtype: costanti.FieldType.link,
-    showWhen: costanti.showWhen.NewRec + costanti.showWhen.InEdit + costanti.showWhen.InView_OnlyifExist
-  }),
   AddCol(DuplicateRec),
   AddCol(ModifRec),
   AddCol(DeleteRec),
@@ -1221,7 +1214,7 @@ export const colmyHosp = [
     showWhen: costanti.showWhen.NewRec + costanti.showWhen.InEdit + costanti.showWhen.InView_OnlyifExist,
     titlepopupedit: 'Dettagli', field_extra1: 'username', subfield_extra1: '',
     isadvanced_field: true,
-    required: true,
+    required: false,
     sortable: false,
   }),
   AddCol({
@@ -1339,7 +1332,7 @@ export const colmyBachecas = [
     name: 'note', label_trans: 'proj.descrapprof', fieldtype: costanti.FieldType.html,
     showWhen: costanti.showWhen.NewRec + costanti.showWhen.InEdit + costanti.showWhen.InView_OnlyifExist,
     titlepopupedit: 'Dettagli', field_extra1: 'username', subfield_extra1: '',
-    required: true,
+    required: false,
     isadvanced_field: true,
     sortable: false,
   }),
@@ -3062,6 +3055,13 @@ export const fieldsTable = {
     'myhosps',
   ],
 
+  tableforEnableCircuits: [
+    'myskills',
+    'mygoods',
+    'mybachecas',
+    'myhosps',
+  ],
+
   circuitslistcomplete() {
     return colTableCircuitComplete
   },
diff --git a/src/store/Modules/tools.ts b/src/store/Modules/tools.ts
index 07124d5d..715f16ee 100644
--- a/src/store/Modules/tools.ts
+++ b/src/store/Modules/tools.ts
@@ -6604,7 +6604,7 @@ export const tools = {
       _id: 0,
       idSector: tools.getSelectionByTable('sectors', 0, true),
       idSkill: tools.getSelectionByTable('skills', 0, true),
-      idStatusSkill: tools.getSelectionByTable('statusSkills', []),
+      idStatusSkill: tools.getSelectionByTable('statusSkills', [1]),
       idContribType: tools.getSelectionByTable('contribtypes', []),
       idCity: this.getCitySel(),
       NumLevel: 0,
@@ -6760,8 +6760,8 @@ export const tools = {
     const userStore = useUserStore()
 
     //if (tools.isTest() && (userStore.isAdmin || userStore.isManager))
-    if ((userStore.isAdmin || userStore.isManager))
-      return true
+    // if ((userStore.isAdmin || userStore.isManager))
+    //   return true
 
     if (shared_consts.TABLES_WITH_ADMINS.includes(tablesel)) {
       // is Admin ?
diff --git a/src/store/globalStore.ts b/src/store/globalStore.ts
index 9d285e01..bbeb371d 100644
--- a/src/store/globalStore.ts
+++ b/src/store/globalStore.ts
@@ -180,6 +180,7 @@ export const useGlobalStore = defineStore('GlobalStore', {
     editOn: false,
     myselector: { data: {}, table: ''},
     addNewRecord: '',
+    isAppRunning: false,
   }),
 
   getters: {
@@ -1797,6 +1798,26 @@ export const useGlobalStore = defineStore('GlobalStore', {
       return ''
     },
 
+    getTableJoinLabelValueByName(col: IColGridTable) {
+      let myarrrec: any = []
+      if (col.jointable) {
+        let myarrtab = this.getTableJoinByName(col.jointable, col.addall, col.addnone, col.filter)
+
+        const key = fieldsTable.getKeyByTable(col.jointable)
+        const collab = fieldsTable.getLabelByTable(col.jointable)
+
+        for (let index = 0; index < myarrtab.length; index++) {
+          let obj = {label: '', value: 0}
+          obj.label = myarrtab[index][collab]
+          obj.value = myarrtab[index][key]
+          myarrrec.push(obj)
+        }
+
+      }
+
+      return myarrrec
+    },
+
     getServerHost() {
 
       let myserv = ''