FILTRO CITTA Sopra ogni pagina !

src/components/CFinder/CFinder.ts

@@ -1,6 +1,6 @@
 import {
   computed,
-  defineComponent, onBeforeMount, onBeforeUnmount, onMounted, ref, toRef, toRefs, watch,
+  provide, defineComponent, onBeforeMount, onBeforeUnmount, onMounted, ref, toRef, toRefs, watch,
 } from 'vue'
 
 import { tools } from '@store/Modules/tools'
@@ -9,6 +9,7 @@ import { costanti } from '@costanti'
 import { useGlobalStore } from '@store/globalStore'
 import { useUserStore } from '@store/UserStore'
 
+import { CTitlePage } from '@/components/CTitlePage'
 import { CGridTableRec } from '@/components/CGridTableRec'
 import { IColGridTable, IMyBacheca, IMySkill, ISearchList, ISkill } from 'model'
 import { shared_consts } from '@/common/shared_vuejs'
@@ -27,13 +28,18 @@ export default defineComponent({
     showFilterPersonal: {
       type: Boolean,
       required: false,
-      default: true,
+      default: false,
     },
     noButtAdd: {
       type: Boolean,
       required: false,
       default: false,
     },
+    selector: {
+      type: Object,
+      required: false,
+      default: null,
+    },
     ind: {
       type: Number,
       required: false,
@@ -41,7 +47,7 @@ export default defineComponent({
     }
   },
   components: {
-    CMyFieldDb, CGridTableRec,
+    CMyFieldDb, CGridTableRec, CTitlePage,
   },
   setup(props, { attrs, slots, emit }) {
     const { t } = useI18n()
@@ -49,6 +55,10 @@ 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[]>[])
@@ -245,11 +255,13 @@ export default defineComponent({
         ]
 
       } else {
+        /*
         myoptions.value = [
           { label: '🌎 Tutti', value: tools.FILTER_ALL },
           { label: '👤 Personali', value: tools.FILTER_MYREC },
           // {label: 'Seguo', value: tools.FILTER_MYFOLLOW},
         ]
+        */
       }
 
       function getFilterSkills(recSkill: any, index: number, arr: any) {

src/components/CFinder/CFinder.vue

@@ -1,9 +1,8 @@
 <template>
+  <CTitlePage :ind="ind" :table="table"/>
   <div class="bi-border-all">
-    <div class="q-ma-xs q-gutter-xs q-pa-xs">
-
-      <div v-if="showFilterPersonal"
-           class="text-center">
+    <div class="q-ma-xs q-gutter-xs">
+      <div v-if="showFilterPersonal" class="text-center">
         <q-btn-toggle
           v-model="myrecfiltertoggle"
           push
@@ -14,15 +13,26 @@
       </div>
       <div v-if="false" class="q-mr-sm">
         <q-input
-          v-model="search" filled dense type="search" debounce="500" :hint="t('finder.search_skill')"
-          v-on:keyup.enter="doSearch">
+          v-model="search"
+          filled
+          dense
+          type="search"
+          debounce="500"
+          :hint="t('finder.search_skill')"
+          v-on:keyup.enter="doSearch"
+        >
           <template v-slot:after>
-            <q-btn dense label="" color="primary" @click="doSearch" icon="search"></q-btn>
+            <q-btn
+              dense
+              label=""
+              color="primary"
+              @click="doSearch"
+              icon="search"
+            ></q-btn>
           </template>
         </q-input>
       </div>
 
-
       <CGridTableRec
         v-if="searchList.length > 0"
         :prop_mytable="table"
@@ -47,17 +57,21 @@
         :filtercustom="filtercustom"
         :prop_searchList="searchList"
         :defaultnewrec="getdefaultnewrec"
-        :extraparams="extraparams()">
-
+        :selector="selector"
+        :extraparams="extraparams()"
+      >
       </CGridTableRec>
     </div>
 
-    <q-page-scroller position="bottom-right" :scroll-offset="850" :offset="[18, 18]" style="opacity: 0.3">
-      <q-btn fab icon="keyboard_arrow_up" color="accent"/>
+    <q-page-scroller
+      position="bottom-right"
+      :scroll-offset="850"
+      :offset="[18, 18]"
+      style="opacity: 0.3"
+    >
+      <q-btn fab icon="keyboard_arrow_up" color="accent" />
     </q-page-scroller>
-
   </div>
-
 </template>
 
 <script lang="ts" src="./CFinder.ts">