- added Footer (mobile version)

- fix menu and qselect

_ALL_SITES/insiemesipuo.app/db/static_data.ts

@@ -416,7 +416,7 @@ const baseroutes: IListRoutes[] = [
     active: true,
     order: 130,
     path: '/friends',
-    materialIcon: 'fas fa-users',
+    materialIcon: 'eva-people-outline',
     name: 'mypages.friends',
     component: () => import('@/views/user/myfriends/myfriends.vue'),
     meta: { requiresAuth: true },
@@ -583,7 +583,7 @@ const baseroutes: IListRoutes[] = [
     inmenu: true,
   },
   {
-    active: true,
+    active: false,
     order: 80,
     path: '/calendario-eventi',
     materialIcon: 'event',

_ALL_SITES/insiemesipuo.app/root/home/home.vue

@@ -23,15 +23,6 @@
 
       <div v-if="isUserOk()">
         <div v-if="isUserOk()">
-          <q-banner rounded class="bg-primary text-white">
-            <div class="text-h6 text-center">
-              Ora Accedi al Bot Telegram <br>
-              per vedere tutti i Menu e le chat !
-            </div>
-            <template v-slot:action>
-              <q-btn icon="fab fa-telegram" flat color="white" label="Accedi al Bot Telegram" type="a" target="__blank" :href="getLinkBotTelegram()"/>
-            </template>
-          </q-banner>
         </div>
       </div>
 

_ALL_SITES/popolodelnuovomondo.app/db/static_data.ts

@@ -583,7 +583,7 @@ const baseroutes: IListRoutes[] = [
     inmenu: true,
   },
   {
-    active: true,
+    active: false,
     order: 80,
     path: '/calendario-eventi',
     materialIcon: 'event',

quasar.conf.js

@@ -49,7 +49,7 @@ module.exports = configure((ctx) => ({
   extras: [
     // 'ionicons-v4',
     // 'mdi-v5',
-    // 'eva-icons',
+    'eva-icons',
     // 'themify',
     // 'line-awesome',
     'ionicons-v4',

src/App.ts

@@ -5,6 +5,7 @@ import { useI18n } from '@src/boot/i18n'
 import { useGlobalStore } from '@store/globalStore'
 import { useUserStore } from '@store/UserStore'
 import { Header } from '@/components/Header'
+import { MyFooter } from '@/components/MyFooter'
 import { computed } from 'vue'
 import { CProvaPao } from '@/components/CProvaPao'
 import { tools } from '@store/Modules/tools'
@@ -12,6 +13,7 @@ import { tools } from '@store/Modules/tools'
 export default {
   components: {
     appHeader: Header,
+    appFooter: MyFooter,
     CProvaPao,
     BannerCookies, /* , CPreloadImages */
   },

src/App.vue

@@ -1,12 +1,14 @@
 <template>
   <div>
-    <q-layout view="hHh Lpr lff" class="shadow-2 rounded-borders">
+    <q-layout view="lHh Lpr lFf" class="shadow-2 rounded-borders">
       <app-header></app-header>
       <q-ajax-bar></q-ajax-bar>
 
       <!--<CPreloadImages :arrimg="static_data.preLoadImages">
       </CPreloadImages>-->
 
+      <app-footer></app-footer>
+
       <q-page-container id="mypage">
         <div v-if="finishLoading">
           <router-view/>

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'

src/css/app.scss

@@ -918,3 +918,21 @@ $heightBtn: 100%;
 .fill-all-width {
   width: -webkit-fill-available;
 }
+
+.small-screen-only{
+  @media (max-width: $breakpoint-xs-max) {
+    display: block;
+  }
+  @media (min-width: $breakpoint-sm-min) {
+    display: none;
+  }
+}
+
+.large-screen-only{
+  @media (max-width: $breakpoint-xs-max) {
+    display: none;
+  }
+  @media (min-width: $breakpoint-sm-min) {
+    display: block;
+  }
+}

src/db/static_data.ts

@@ -416,7 +416,7 @@ const baseroutes: IListRoutes[] = [
     active: true,
     order: 130,
     path: '/friends',
-    materialIcon: 'fas fa-users',
+    materialIcon: 'fas fa-user-friends',
     name: 'mypages.friends',
     component: () => import('@/views/user/myfriends/myfriends.vue'),
     meta: { requiresAuth: true },
@@ -583,7 +583,7 @@ const baseroutes: IListRoutes[] = [
     inmenu: true,
   },
   {
-    active: true,
+    active: false,
     order: 80,
     path: '/calendario-eventi',
     materialIcon: 'event',

src/root/home_freeplanet/home_freeplanet.vue

@@ -27,15 +27,6 @@
 
         </CFinder>
 
-        <q-banner rounded class="bg-primary text-white">
-          <div class="text-h6 text-center">
-            Ora Accedi al Bot Telegram <br>
-            per vedere tutti i Menu e le chat !
-          </div>
-          <template v-slot:action>
-            <q-btn icon="fab fa-telegram" flat color="white" label="Accedi al Bot Telegram" type="a" target="__blank" :href="getLinkBotTelegram()"/>
-          </template>
-        </q-banner>
       </div>
 
     </div>

src/root/home_insiemesipuo/home_insiemesipuo.vue

@@ -28,16 +28,6 @@
 
           </CFinder>
 
-
-          <q-banner rounded class="bg-primary text-white">
-            <div class="text-h6 text-center">
-              Ora Accedi al Bot Telegram <br>
-              per vedere tutti i Menu e le chat !
-            </div>
-            <template v-slot:action>
-              <q-btn icon="fab fa-telegram" flat color="white" label="Accedi al Bot Telegram" type="a" target="__blank" :href="getLinkBotTelegram()"/>
-            </template>
-          </q-banner>
         </div>
       </div>
 

src/root/policy/policy.vue

@@ -2,13 +2,13 @@
     <q-page class="">
         <div class="landing">
             <PagePolicy
-                    owneremail="info@associazioneshen.it"
-                    SiteName="Associazione Shen"
-                    ownerDataName="Associazione Shen"
-                    managerData="Cristina Barattoni"
+                    owneremail=""
+                    SiteName=""
+                    ownerDataName=""
+                    managerData=""
                     includeData="dati anagrafici (ragione sociale, nome, cognome), recapiti (telefono, indirizzo email)"
-                    url="www.associazioneshen.it"
-                    lastdataupdate="11 luglio 2019"
+                    url=""
+                    lastdataupdate=""
                     country="Italia"
             >
 

src/store/Modules/tools.ts

@@ -4833,7 +4833,7 @@ export const tools = {
     } else if (cmd === shared_consts.GROUPSCMD.CANCEL_REQ_GROUP) {
       tools.cancelReqGroups($q, username, dest)
     } else if (cmd === shared_consts.FRIENDSCMD.REMOVE_FROM_MYFRIENDS) {
-      tools.removeFromMyFriends($q, username, value)
+      tools.removeFromMyFriends($q, username, dest)
     } else if (cmd === shared_consts.FRIENDSCMD.BLOCK_USER) {
       tools.blockUser($q, username, dest)
     } else if (cmd === shared_consts.FRIENDSCMD.SETFRIEND) {