- Aggiunto Filtri

- Finder

src/components/CFinder/CFinder.scss

@@ -0,0 +1,29 @@
+
+.cltitlebg{
+
+}
+
+.titletext {
+  color: white;
+  font-size: 3rem;
+  font-weight: 500;
+  line-height: 3rem;
+  text-shadow: .25rem .25rem .5rem black;
+  letter-spacing: .00937em;
+  opacity: 0.9;
+}
+
+@media (max-width: 718px) {
+  // PER VERSIONE MOBILE
+  .titletext {
+    color: white;
+    font-size: 2rem;
+    font-weight: 500;
+    line-height: 2rem;
+    text-shadow: .25rem .25rem .5rem black;
+  }
+}
+
+.q-img__content > div{
+  background: rgba(0,0,0,0.17) !important;
+}

src/components/CFinder/CFinder.ts

@@ -0,0 +1,148 @@
+import {
+  defineComponent, onBeforeMount, onBeforeUnmount, onMounted, ref, toRef, toRefs, watch,
+} from 'vue'
+
+import { tools } from '@store/Modules/tools'
+import { CMyFieldDb } from '@/components/CMyFieldDb'
+import { costanti } from '@costanti'
+import { useGlobalStore } from '@store/globalStore'
+import { useUserStore } from '@store/UserStore'
+import { colmySkills } from '@store/Modules/fieldsTable'
+import { CGridTableRec } from '@/components/CGridTableRec'
+import { IMySkill, ISearchList, ISkill } from 'model'
+import { shared_consts } from '@/common/shared_vuejs'
+
+export default defineComponent({
+  name: 'CFinder',
+  props: {
+    defaultnewrec: {
+      type: Function,
+      required: false,
+    },
+  },
+  components: {
+    CMyFieldDb, CGridTableRec,
+  },
+  setup(props, { attrs, slots, emit }) {
+    const mytable = 'users'
+    const globalStore = useGlobalStore()
+    const userStore = useUserStore()
+
+    const arrfilterand: any = ref([])
+    const filtercustom: any = ref([])
+    const searchList = ref(<ISearchList[]>[])
+
+    function mounted() {
+      /*arrfilterand.value = [
+        {
+          label: 'Competenze',
+          value: shared_consts.FILTER_MYSKILL_SKILL
+        },
+
+      ]*/
+
+      searchList.value = [
+        {
+          label: 'Settore',
+          table: 'sectors',
+          key: 'idSector',
+          value: costanti.FILTER_TUTTI,
+          type: costanti.FieldType.select,
+        },
+        {
+          label: 'Competenza',
+          table: 'skills',
+          key: 'idSkill',
+          value: costanti.FILTER_TUTTI,
+          type: costanti.FieldType.select,
+        },
+        {
+          label: 'Citta',
+          table: 'cities',
+          key: 'idCity',
+          value: costanti.FILTER_TUTTI,
+          type: costanti.FieldType.multiselect,
+        },
+        {
+          label: 'Livello',
+          table: 'levels',
+          key: 'numLevel',
+          value: costanti.FILTER_TUTTI,
+          type: costanti.FieldType.select,
+        },
+        {
+          label: 'Stato',
+          table: 'statusSkills',
+          key: 'idStatusSkill',
+          value: costanti.FILTER_TUTTI,
+          type: costanti.FieldType.multiselect,
+        },
+
+      ]
+
+      filtercustom.value = []
+    }
+
+    async function createNewRecordInUserTable() {
+      console.log('createNewRecordInUserTable')
+
+      let mydata = {
+        table: mytable,
+        data: {
+          userId: userStore.my._id,
+          data: {},
+          field: 'myskills'
+        }
+      };
+
+      if (props.defaultnewrec) {
+
+        mydata.data.data = props.defaultnewrec
+      }
+
+      console.log('mydata', mydata)
+      const data = await globalStore.saveSubRec(mydata)
+    }
+
+    function getdefaultnewrec(): any {
+      return {
+        _id: 0,
+        idSkill: 0,
+        idStatusSkill: [],
+        idCity: [],
+        NumLevel: 0,
+        photos: [],
+        note: '',
+        subTitle: '',
+      }
+    }
+
+
+    function extraparams() {
+      return {
+        lk_tab: 'users',
+        lk_LF: 'userId',
+        lk_FF: '_id',
+        lk_as: 'user',
+        af_objId_tab: 'myId',
+        lk_proj: {
+          idSkill: 1, idStatusSkill: 1, idCity: 1, numLevel: 1, photos: 1, note: 1, subTitle: 1, date_created:1, date_updated: 1,
+          userId: 1, username: 1, name: 1, surname: 1
+        }
+      }
+    }
+
+    onMounted(mounted)
+
+    return {
+      tools,
+      costanti,
+      colmySkills,
+      getdefaultnewrec,
+      extraparams,
+      arrfilterand,
+      filtercustom,
+      searchList,
+    }
+  },
+})

src/components/CFinder/CFinder.vue

@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <div class="q-ma-sm q-gutter-sm q-pa-xs">
+      <CGridTableRec
+        prop_mytable="myskills"
+        prop_mytitle=""
+        :prop_mycolumns="colmySkills"
+        prop_colkey="idSkill"
+        col_title="subTitle"
+        :vertical="true"
+        nodataLabel="Nessuna Competenza inserita"
+        :prop_search="true"
+        :finder="true"
+        :butt_modif_new="false"
+        noresultLabel="Il filtro selezionato non ha trovato nessun risultato"
+        :arrfilters="arrfilterand"
+        :filtercustom="filtercustom"
+        :prop_searchList="searchList"
+        :defaultnewrec="getdefaultnewrec"
+        :extraparams="extraparams()">
+
+      </CGridTableRec>
+    </div>
+  </div>
+
+</template>
+
+<script lang="ts" src="./CFinder.ts">
+</script>
+<style lang="scss" scoped>
+@import './CFinder.scss';
+</style>

src/components/CFinder/index.ts

@@ -0,0 +1 @@
+export { default as CFinder } from './CFinder.vue'