- added Footer (mobile version)

- fix menu and qselect

src/components/CFinder/CFinder.ts

@@ -90,11 +90,11 @@ export default defineComponent({
           label: 'Settore',
           table: 'sectors',
           key: 'idSector',
-          value: tools.getCookie(tools.COOK_SEARCH + 'sectors', costanti.FILTER_TUTTI),
+          value: tools.getCookie(tools.COOK_SEARCH + 'sectors', 0),
           arrvalue: [],
           type: costanti.FieldType.select,
           filter: null,
-          addall: true,
+          addall: false,
           notinsearch: true,
           useinput: false,
         },
@@ -165,6 +165,7 @@ export default defineComponent({
           key: 'numLevel',
           value: tools.getCookie(tools.COOK_SEARCH + 'levels', costanti.FILTER_TUTTI),
           arrvalue: [],
+          addall: true,
           type: costanti.FieldType.select,
           filter: null,
           useinput: false,
@@ -174,7 +175,7 @@ export default defineComponent({
           table: 'statusSkills',
           key: 'idStatusSkill',
           value: 0,
-          arrvalue: tools.getCookie(tools.COOK_SEARCH + 'statusSkills', [costanti.FILTER_TUTTI]),
+          arrvalue: tools.getCookie(tools.COOK_SEARCH + 'statusSkills', []),
           type: costanti.FieldType.multiselect,
           filter: null,
           useinput: false,
@@ -185,7 +186,7 @@ export default defineComponent({
           table: 'contribtypes',
           key: 'idContribType',
           value: 0,
-          arrvalue: tools.getCookie(tools.COOK_SEARCH + 'contribtypes', [costanti.FILTER_TUTTI]),
+          arrvalue: tools.getCookie(tools.COOK_SEARCH + 'contribtypes', []),
           type: costanti.FieldType.multiselect,
           filter: null,
           useinput: false,

src/components/CFinder/CFinder.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="bi-border-all">
-    <div class="q-ma-xs q-gutter-xs q-pa-xs bg-green">
+    <div class="q-ma-xs q-gutter-xs q-pa-xs">
       <CGridTableRec
         v-if="searchList.length > 0"
         prop_mytable="myskills"

src/components/CGridTableRec/CGridTableRec.vue

@@ -110,7 +110,7 @@
               :label="labelcombo(item)"
               v-model:value="item.value"
               @update:value="searchval(item.value, item.table)"
-              :addall="true"
+              :addall="item.addall"
               :tablesel="item.type === costanti.FieldType.select_by_server ? item.tablesel : ''"
               :pickup="item.type === costanti.FieldType.select_by_server"
               label-color="primary"
@@ -135,7 +135,7 @@
               :label="labelcombo(item)"
               v-model:arrvalue="item.arrvalue"
               @update:arrvalue="searchval(item.arrvalue, item.table)"
-              :addall="true"
+              :addall="item.addall"
               :tablesel="item.tablesel"
               :pickup="true"
               :param1="item.param1"
@@ -309,6 +309,7 @@
               :mycontact="props.row"
               :visu="visufind"
               :groupname="extrafield"
+              :labelextra="props.row[col_title]"
             />
           </div>
 

src/components/CMyFriends/CMyFriends.ts

@@ -42,6 +42,11 @@ export default defineComponent({
       type: String,
       required: false,
       default: '',
+    },
+    labelextra: {
+      type: String,
+      required: false,
+      default: '',
     }
   },
   setup(props, { emit }) {
@@ -206,7 +211,7 @@ export default defineComponent({
 
 
     function setCmd($q: any, cmd: number, usernameDest: string, value: any, groupname: string) {
-      tools.setCmd($q, cmd, usernameDest, value, username.value)
+      tools.setCmd($q, cmd, username.value, value, usernameDest)
 
       if (cmd === shared_consts.FRIENDSCMD.SETTRUST) {
         setRequestTrust(usernameDest, value)

src/components/CMyFriends/CMyFriends.vue

@@ -38,7 +38,8 @@
         :mycontact="mycontact"
         @setCmd="setCmd"
         :visu="visu"
-        :groupname="groupname">
+        :groupname="groupname"
+        :labelextra="labelextra">
       </CMyUser>
       </span>
     </q-list>

src/components/CMyUser/CMyUser.ts

@@ -30,6 +30,11 @@ export default defineComponent({
       type: String,
       required: false,
       default: '',
+    },
+    labelextra: {
+      type: String,
+      required: false,
+      default: '',
     }
   },
 

src/components/CMyUser/CMyUser.vue

@@ -8,7 +8,8 @@
         </q-item-section>
 
         <q-item-section @click="naviga(`/my/` + contact.username)">
-          <q-item-label><strong>{{ contact.username }}</strong> <span v-if="contact.name">({{ contact.name }} {{ contact.surname }})</span>
+          <q-item-label v-if="labelextra"><strong>{{ labelextra }}</strong></q-item-label>
+          <q-item-label>{{ contact.username }} <span v-if="contact.name">({{ contact.name }} {{ contact.surname }})</span>
           </q-item-label>
           <q-item-label v-if="contact.profile" caption lines="1"><em>{{ contact.profile.qualifica }}</em></q-item-label>
         </q-item-section>

src/components/MyFooter/MyFooter.ts

@@ -0,0 +1,47 @@
+import { useQuasar } from 'quasar'
+import {
+  defineComponent, onBeforeMount, onBeforeUnmount, onMounted, ref, toRefs, watch, inject, computed,
+} from 'vue'
+
+import { tools } from '@store/Modules/tools'
+
+import { shared_consts } from '@src/common/shared_vuejs'
+import { useI18n } from '@src/boot/i18n'
+import { useRouter } from 'vue-router'
+import { static_data } from '@/db/static_data'
+import { useGlobalStore } from '@store/globalStore'
+import { useUserStore } from '@store/UserStore'
+
+import MixinUsers from '../../mixins/mixin-users'
+
+export default defineComponent({
+  name: 'MyFooter',
+  components: {},
+  props: {},
+
+  setup() {
+    const $q = useQuasar()
+    const { t } = useI18n()
+    const $router = useRouter()
+
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+
+    const { getMyUsername, Username } = MixinUsers()
+
+    function mounted() {
+      // mounted
+    }
+
+    onMounted(mounted)
+
+    return {
+      static_data,
+      globalStore,
+      t,
+      getMyUsername,
+      Username,
+    }
+  },
+
+})

src/components/MyFooter/MyFooter.vue

@@ -0,0 +1,36 @@
+<template>
+  <q-footer
+    class="bg-white small-screen-only"
+    bordered
+  >
+    <q-tabs
+      class="text-grey-10 text-h6"
+      active-color="primary"
+      indicator-color="transparent"
+    >
+      <q-route-tab
+        to="/"
+        icon="fas fa-home"
+      />
+      <q-route-tab
+        to="/groups"
+        icon="fas fa-users"
+      />
+      <q-route-tab
+        to="/friends"
+        icon="fas fa-user-friends"
+      />
+      <q-route-tab
+        :to="`/my/`+getMyUsername()"
+        icon="person"
+      />
+    </q-tabs>
+  </q-footer>
+</template>
+
+<script lang="ts" src="./MyFooter.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './MyFooter.scss';
+</style>

src/components/MyFooter/index.ts

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