Aggiunta del Bottone "Aggiungi"

src/App.vue

@@ -8,8 +8,6 @@
       <!--<CPreloadImages :arrimg="static_data.preLoadImages">
       </CPreloadImages>-->
 
-      <app-footer></app-footer>
-
       <q-page-container id="mypage" :class="(darkcookie && !finishLoading) ? `bg-black`: ``">
         <div v-if="finishLoading">
           <CFirstPageApp></CFirstPageApp>
@@ -22,6 +20,9 @@
           </q-spinner-tail>
         </q-inner-loading>
       </q-page-container>
+
+      <app-footer></app-footer>
+
     </q-layout>
   </div>
   <BannerCookies urlInfo="/policy"></BannerCookies>

src/components/CBarSelection/CBarSelection.scss

@@ -49,13 +49,15 @@
 
 
 .barselection {
+  padding: 0;
+  flex-wrap: nowrap;
   display: flex;
   align-items: center;
-  justify-content: space-around;
+  justify-content: space-between;
 }
 
 .myitem {
-  padding: 0px 6px 0px 6px !important;
+  padding: 0px 0px 0px 0px !important;
 }
 
 .myitem-0 {
@@ -68,5 +70,9 @@
 }
 
 .myitem-2 {
+	flex-grow: 0;
+}
+
+.myitem-3 {
 	flex-grow: 1;
 }

src/components/CBarSelection/CBarSelection.ts

@@ -39,6 +39,7 @@ import { CMyCardPopup } from '@/components/CMyCardPopup'
 import { CMyCardGrpPopup } from '@/components/CMyCardGrpPopup'
 import { CMyCardCircuitPopup } from '@/components/CMyCardCircuitPopup'
 import { useRouter } from 'vue-router'
+import { table } from 'console'
 
 export default defineComponent({
   name: 'CBarSelection',
@@ -276,7 +277,7 @@ export default defineComponent({
     }
 
     function visButtRow() {
-      return false
+      return true
     }
 
     function gotoPageSel() {
@@ -286,6 +287,10 @@ export default defineComponent({
       }
     }
 
+    function createNewRecordDialog() {
+      globalStore.addNewRecord = tablesel.value
+    }
+
     created()
     onMounted(mounted)
 
@@ -329,6 +334,7 @@ export default defineComponent({
       optionsMainCards,
       tablesel,
       gotoPageSel,
+      createNewRecordDialog,
     }
   }
 })

src/components/CBarSelection/CBarSelection.vue

@@ -6,36 +6,23 @@
     <div
       class="centermydiv q-mx-sm"
       :style="`text-align: center; background-color: ${mycolor}`"
-    >
+    ></div>
-      <q-btn
-        v-if="table && visButtRow()"
-        rounded
-        dense
-        color="primary"
-        size="lg"
-        :label="getlabelAddRow()"
-        @click="createNewRecordDialog"
-      ></q-btn>
-    </div>
     <div>
       <div v-if="prop_search || canEdit" class="q-my-xs text-right">
         <q-btn
           size="sm"
           dense
           icon="fas fa-filter"
-          :label="!showfilter ? $t('grid.showfilters') : $t('grid.hidefilters')"
+          :label="$t('grid.showfilters')"
           @click="showfilter = !showfilter"
         ></q-btn>
       </div>
       <q-slide-transition>
-        <div v-show="true">
+        <div class="row no-wrap shadow-1">
-          <div v-show="searchList" class="barselection">
+          <q-header elevated>
-            <div class="myitem myitem-0">
+            <q-toolbar class="glossy" style="">
-              <q-icon :name="myicon" size="xs" />
+              <div class="col-3">
-            </div>
-            <div class="myitem myitem-1 mybanner">
                 <q-select
-                filled
                   v-model="tablesel"
                   :options="optionsMainCards"
                   emit-value
@@ -59,19 +46,23 @@
                   </template>
                 </q-select>
               </div>
+              <q-space />
+              <q-btn
 
-            <div
+                size="sm"
-              class="myitem myitem-2"
+                class="col-1 q-mx-xs"
-              v-for="(item, index) in searchList"
+                icon="fas fa-plus"
-              :key="index"
+                @click="createNewRecordDialog"
               >
+              </q-btn>
+              <div class="col" v-for="(item, index) in searchList" :key="index">
                 <CMySelect
                   :col="fieldsTable.getColByColumns(mycolumns, item.key)"
                   v-if="
                     item.type === costanti.FieldType.select ||
                     item.type === costanti.FieldType.select_by_server
                   "
-                :label="labelcombo(item)"
+                  :label="item.value ? '' : labelcombo(item)"
                   v-model:value="item.value"
                   @update:value="searchval(item.value, item.table)"
                   :addall="item.addall"
@@ -83,7 +74,7 @@
                       : ''
                   "
                   :pickup="item.type === costanti.FieldType.select_by_server"
-                label-color="primary"
+                  label-color="white"
                   class="combowidth"
                   color="primary"
                   :icon_alternative="item.icon"
@@ -142,7 +133,6 @@
                   options-dense
                   emit-value
                   map-options
-                stack-label
                   :useinput="item.useinput"
                   :options="valoriopt(item, item.addall, item.addnone)"
                   :filter="item.filter"
@@ -203,7 +193,8 @@
                   </template>
                 </q-select>
               </div>
-          </div>
+            </q-toolbar>
+          </q-header>
         </div>
       </q-slide-transition>
 

src/components/CFinder/CFinder.ts

@@ -55,10 +55,6 @@ export default defineComponent({
     const globalStore = useGlobalStore()
     const userStore = useUserStore()
 
-    const myselector = ref({})
-
-    provide('myselector', myselector)
-
     const arrfilterand: any = ref([])
     const filtercustom: any = ref([])
     const searchList_Servizi = ref(<ISearchList[]>[])

src/components/CFinder/CFinder.vue

@@ -49,7 +49,6 @@
         :nodataLabel="noMsgRecord"
         :prop_search="true"
         :finder="true"
-        :labelBtnAddExtra="noButtAdd ? `` : `Aggiungi ${strextra}`"
         :choose_visutype="visuType"
         :butt_modif_new="true && !noButtAdd"
         noresultLabel="Il filtro selezionato non ha trovato nessun risultato"
@@ -58,11 +57,14 @@
         :prop_searchList="searchList"
         :defaultnewrec="getdefaultnewrec"
         :selector="selector"
+        labelBtnAddRow="NONE"
+        :labelBtnAddExtra="noButtAdd ? `` : ``"
         :extraparams="extraparams()"
       >
       </CGridTableRec>
     </div>
 
+
     <q-page-scroller
       position="bottom-right"
       :scroll-offset="850"

src/components/CGridTableRec/CGridTableRec.ts

@@ -326,8 +326,6 @@ export default defineComponent({
 
     const myvertical = ref(props.vertical)
 
-    //const myselector = inject('myselector', {})
-    const myselector = computed(() => globalStore.myselector)
 
     const valoriopt = computed(() => (item: any, addall: boolean, addnone: boolean) => {
       // console.log('valoriopt', item.table)
@@ -341,9 +339,16 @@ export default defineComponent({
       return lab
     })
 
+    watch(() => globalStore.addNewRecord, (value: any, oldval: any) => {
+      if (globalStore.addNewRecord === props.prop_mytable) {
+        createNewRecordDialog()
+        globalStore.addNewRecord = ''
+      }
+    })
+
     watch(() => globalStore.myselector, (value: any, oldval: any) => {
-      console.log('******* CGRIDTABLEREC : globalStore.myselector', globalStore.myselector)
+      // console.log('******* CGRIDTABLEREC : globalStore.myselector', globalStore.myselector)
-      console.log(' .  value', value)
+      // console.log(' .  value', value)
       const rec = searchList.value.find((myrec) => myrec.table === globalStore.myselector.table) // check if exist
       if (rec) {
         rec.value = globalStore.myselector.data
@@ -1854,7 +1859,7 @@ export default defineComponent({
     }
 
     function visButtRow() {
-      return props.labelBtnAddRow !== addRow.value
+      return (props.labelBtnAddRow !== addRow.value) && props.labelBtnAddRow !== 'NONE'
     }
 
     function checkIfShowRec(rec: any) {
@@ -2108,7 +2113,6 @@ export default defineComponent({
       myinfscroll,
       t,
       exportTable,
-      myselector,
     }
   }
 })

src/components/CMySelect/CMySelect.vue

@@ -15,7 +15,7 @@
         multiple
         options-dense
         map-options
-        stack-label
+        :stack-label="label ? true : false"
         emit-value
         :readonly="sola_lettura"
         :use-input="useinput"

src/components/MyFooter/MyFooter.vue

@@ -1,13 +1,17 @@
 <template>
   <q-footer
-    v-if="tools.isUserOk() && site && site.confpages"
+    v-if="tools.isUserOk() && site && site.confpages" :class="($q.dark.isActive
-    :class="($q.dark.isActive ? `bg-black` : `bg-white`) +  ` small-screen-only`"
+    ? `bg-black` : `bg-white`) + ` small-screen-only`" bordered >
-    bordered
+    <q-toolbar>
-  >
+      <q-toolbar-title>
         <q-tabs
           dense
-      :class="($q.dark.isActive ? `text-white bg-black` : `text-grey-10 bg-white`) + ` mylabfooter mysmalltabs`"
+          :class="
-      style="padding: 0px !important;"
+            ($q.dark.isActive
+              ? `text-white bg-black`
+              : `text-grey-10 bg-white`) + ` mylabfooter mysmalltabs`
+          "
+          style="padding: 0px !important"
           content-class="mysmalltabs"
           :active-color="$q.dark.isActive ? `primary` : `primary`"
           no-caps
@@ -56,6 +60,8 @@
             icon="person"
           />
         </q-tabs>
+      </q-toolbar-title>
+    </q-toolbar>
   </q-footer>
 </template>
 

src/model/GlobalStore.ts

@@ -449,6 +449,7 @@ export interface IGlobalState {
   selElem?: IMyElem,
   editOn?: boolean,
   myselector: ISelector,
+  addNewRecord: string,
 }
 
 export interface IMenuList {

src/root/services/services.vue

@@ -8,7 +8,6 @@
         <CFinder
           :ind="1"
           :table="toolsext.TABMYSKILLS"
-          :selector="myselector"
         />
 
         <!--<CDashboard></CDashboard>-->

src/statics/lang/it.js

@@ -20,7 +20,7 @@ const msg_it = {
       columns: 'Colonne',
       tableslist: 'Tabelle',
       nodata: 'Nessun Dato',
-      showfilters: 'Mostra Filtri',
+      showfilters: 'Filtri',
       hidefilters: 'Nascondi Filtri',
     },
     gallery: {

src/store/globalStore.ts

@@ -178,7 +178,8 @@ export const useGlobalStore = defineStore('GlobalStore', {
     mygroups: [],
     selElem: {},
     editOn: false,
-    myselector: { data: {}, table: ''}
+    myselector: { data: {}, table: ''},
+    addNewRecord: '',
   }),
 
   getters: {