- add categories: skills and subskills.

src/components/CFinder/CFinder.ts

@@ -12,6 +12,7 @@ import { colmySkills } from '@store/Modules/fieldsTable'
 import { CGridTableRec } from '@/components/CGridTableRec'
 import { IMySkill, ISearchList, ISkill } from 'model'
 import { shared_consts } from '@/common/shared_vuejs'
+import { useI18n } from '@/boot/i18n'
 
 export default defineComponent({
   name: 'CFinder',
@@ -26,6 +27,7 @@ export default defineComponent({
   },
   setup(props, { attrs, slots, emit }) {
     const mytable = 'users'
+    const { t } = useI18n();
     const globalStore = useGlobalStore()
     const userStore = useUserStore()
 
@@ -33,6 +35,8 @@ export default defineComponent({
     const filtercustom: any = ref([])
     const searchList = ref(<ISearchList[]>[])
 
+    const search = ref('')
+
     const idSector = computed(() => {
       let myval: any = null
       myval = searchList.value.find((rec) => (rec.table === 'sectors'))
@@ -114,9 +118,9 @@ export default defineComponent({
           label: 'Specializzazione',
           table: 'subskills',
           key: 'idSubSkill',
-          value: 0,
-          type: costanti.FieldType.multiselect,
-          arrvalue: [costanti.FILTER_TUTTI],
+          value: tools.getCookie(tools.COOK_SEARCH + 'subskills' + '_' + tools.getCookie(tools.COOK_SEARCH + 'skills', costanti.FILTER_TUTTI), costanti.FILTER_TUTTI),
+          type: costanti.FieldType.select,
+          arrvalue: [],
           addall: true,
           filter: getFilterSubSkills,
           showcount: true,
@@ -302,9 +306,14 @@ export default defineComponent({
       }
     }
 
+    function doSearch() {
+      //
+    }
+
     onMounted(mounted)
 
     return {
+      t,
       tools,
       costanti,
       colmySkills,
@@ -314,6 +323,8 @@ export default defineComponent({
       filtercustom,
       searchList,
       idSector,
+      search,
+      doSearch,
     }
   },
 })

src/components/CFinder/CFinder.vue

@@ -1,6 +1,17 @@
 <template>
   <div class="bi-border-all">
     <div class="q-ma-xs q-gutter-xs q-pa-xs">
+
+      <div v-if="true" 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">
+          <template v-slot:after>
+            <q-btn dense label="" color="primary" @click="doSearch" icon="search"></q-btn>
+          </template>
+        </q-input>
+      </div>
+
       <CGridTableRec
         v-if="searchList.length > 0"
         prop_mytable="myskills"