From 6c575ac9ed64a1690f1654a4859892b7d7448b9e Mon Sep 17 00:00:00 2001
From: Paolo Arena <paolo.arena77@gmail.com>
Date: Wed, 20 Nov 2019 00:15:08 +0100
Subject: [PATCH] - Fixed after deleting a record in TablesList, not updated
 correctly #110 - Improve SEO Rank with WooRank tips...

---
 .../BannerCookies/BannerCookies.scss          | 10 +-
 .../BannerCookies/BannerCookies.vue           | 10 +-
 src/components/CBook/CBook.vue                |  2 +-
 src/components/CCard/CCard.vue                | 10 +-
 .../CCardCarousel/CCardCarousel.vue           |  3 +-
 .../CCardDiscipline/CCardDiscipline.vue       |  2 +-
 .../CEventsCalendar/CEventsCalendar.vue       | 20 ++--
 .../CFacebookFrame/CFacebookFrame.scss        |  7 --
 .../CFacebookFrame/CFacebookFrame.vue         |  3 +-
 src/components/CGridTableRec/CGridTableRec.ts |  8 +-
 src/components/CImgText/CImgText.ts           |  2 +
 src/components/CImgText/CImgText.vue          |  4 +-
 src/components/CImgTitle/CImgTitle.ts         |  6 ++
 src/components/CImgTitle/CImgTitle.vue        |  2 +-
 src/components/CMyAvatar/CMyAvatar.vue        |  2 +-
 .../CMySingleEvent/CMySingleEvent.vue         |  5 +-
 src/components/CMyTeacher/CMyTeacher.vue      | 10 +-
 .../COpenStreetMap/COpenStreetMap.ts          |  6 +-
 .../COpenStreetMap/COpenStreetMap.vue         | 19 +++-
 .../CPreloadImages/CPreloadImages.ts          |  4 +
 .../CPreloadImages/CPreloadImages.vue         |  2 +-
 src/components/CTitle/CTitle.ts               |  5 +
 src/components/CTitle/CTitle.vue              |  4 +-
 src/components/Footer/Footer.scss             | 11 ++-
 src/components/Footer/Footer.ts               |  7 +-
 src/components/Footer/Footer.vue              | 98 ++++++++++++-------
 src/components/Header/Header.ts               |  4 +
 src/components/Header/Header.vue              |  8 +-
 .../toolbar/messagePopover/messagePopover.vue |  2 +-
 src/model/GlobalStore.ts                      |  1 +
 src/store/Modules/tools.ts                    |  9 ++
 src/views/messages/messages.vue               |  4 +-
 32 files changed, 196 insertions(+), 94 deletions(-)

diff --git a/src/components/BannerCookies/BannerCookies.scss b/src/components/BannerCookies/BannerCookies.scss
index 26eb9c4..320e7a8 100644
--- a/src/components/BannerCookies/BannerCookies.scss
+++ b/src/components/BannerCookies/BannerCookies.scss
@@ -19,8 +19,16 @@
 .tothebottomfixed {
   position: fixed;
   left: 0;
-  right: 0;
+  right: 60px;
   bottom: 0;
   height: -100%;
   z-index: 1000;
 }
+
+.margin_buttons_cook {
+  margin: -8px -8px;
+}
+
+.margin_buttons_cook > * {
+  margin: 8px 8px !important;
+}
diff --git a/src/components/BannerCookies/BannerCookies.vue b/src/components/BannerCookies/BannerCookies.vue
index 15e9faa..30e5f96 100644
--- a/src/components/BannerCookies/BannerCookies.vue
+++ b/src/components/BannerCookies/BannerCookies.vue
@@ -5,10 +5,12 @@
                 <q-banner class="bg-primary text-white" transition-show="jump-down">
                     {{$t('cookies')}}
                     <template v-slot:action>
-                        <q-btn v-if="disableDecline === false" flat color="white" label="Declina"
-                               @click="decline"></q-btn>
-                        <q-btn flat color="white" label="INFO" type="a" :href="urlInfo" @click="clickInfo"></q-btn>
-                        <q-btn flat color="white" label="OK" @click="accept"></q-btn>
+                        <div class="row justify-center margin_buttons_cook q-gutter-lg text-center" >
+                            <q-btn v-if="disableDecline === false" flat color="white" label="Declina"
+                                   @click="decline"></q-btn>
+                            <q-btn flat color="white" label="INFO" type="a" :href="urlInfo" @click="clickInfo"></q-btn>
+                            <q-btn flat color="white" label="OK" @click="accept"></q-btn>
+                        </div>
                     </template>
                 </q-banner>
             </transition>
diff --git a/src/components/CBook/CBook.vue b/src/components/CBook/CBook.vue
index a36cb57..8c54145 100644
--- a/src/components/CBook/CBook.vue
+++ b/src/components/CBook/CBook.vue
@@ -1,6 +1,6 @@
 <template>
     <q-card class="my-card text-center">
-        <q-img :src="myop.img" class="myimg">
+        <q-img :src="myop.img" class="myimg" :alt="`${myop.name} ${myop.surname}`">
             <div class="absolute-bottom text-spacetrans text-shadow">
                 <div class="text-h6 text-trans">{{myop.name}}</div>
                 <div class="text-subtitle-carica text-trans">{{myop.qualification}}</div>
diff --git a/src/components/CCard/CCard.vue b/src/components/CCard/CCard.vue
index caaf301..ddcbb77 100644
--- a/src/components/CCard/CCard.vue
+++ b/src/components/CCard/CCard.vue
@@ -20,23 +20,23 @@
                 <div v-if="myop.certifications" class="text-subtitle-certificato">{{myop.certifications}}</div>
                 <div class="op__cell">
                     <q-icon class="flex-icon" name="mobile_friendly"></q-icon>
-                    <span class="q-mx-sm">{{myop.cell}}</span>
+                    <span class="q-ma-sm">{{myop.cell}}</span>
 
-                    <div class="row justify-center q-gutter-xs ">
+                    <div class="row justify-center margin_buttons q-gutter-lg">
                         <q-btn v-if="myop.email" fab-mini icon="fas fa-envelope"
                                color="blue-grey-6" type="a"
-                               size="xs"
+                               size="sm"
                                :href="tools.getemailto(myop.email)" target="__blank">
                         </q-btn>
                         <q-btn v-if="tools.getHttpForWhatsapp(myop.cell)" fab-mini icon="fab fa-whatsapp"
                                color="green" type="a"
-                               size="xs"
+                               size="sm"
                                :href="tools.getHttpForWhatsapp(myop.cell)" target="__blank">
                         </q-btn>
 
                         <q-btn v-if="tools.getHttpForTelegram(myop.usertelegram)" fab-mini icon="fab fa-telegram"
                                color="blue" type="a"
-                               size="xs"
+                               size="sm"
                                :href="tools.getHttpForTelegram(myop.usertelegram)" target="__blank">
                         </q-btn>
                     </div>
diff --git a/src/components/CCardCarousel/CCardCarousel.vue b/src/components/CCardCarousel/CCardCarousel.vue
index fd6176f..1b39185 100644
--- a/src/components/CCardCarousel/CCardCarousel.vue
+++ b/src/components/CCardCarousel/CCardCarousel.vue
@@ -13,7 +13,7 @@
                                 :to="disc.linkpage">
                             <q-item-section avatar v-if="tools.getimgev(disc)">
                                 <q-avatar>
-                                    <img :src="tools.getimgev(disc)">
+                                    <img :src="tools.getimgev(disc)" :alt="disc.label">
                                 </q-avatar>
                             </q-item-section>
                             <q-item-section>{{disc.label}}</q-item-section>
@@ -68,6 +68,7 @@
             </template>
             <q-carousel-slide v-for="(myrec, index) in myarr" :key="index"
                               :img-src="`statics/`+myrec.img_small"
+                              :alt="myrec.label"
                               :name="index">
                 <div class="row q-ma-xs">
                     <CCardDiscipline :discipline="myrec" mystyle="height: 500px" :autoplay.sync="autoplaydisc">
diff --git a/src/components/CCardDiscipline/CCardDiscipline.vue b/src/components/CCardDiscipline/CCardDiscipline.vue
index 6417111..231e8ce 100644
--- a/src/components/CCardDiscipline/CCardDiscipline.vue
+++ b/src/components/CCardDiscipline/CCardDiscipline.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="my-card-shadow yes_shadow" style="opacity: 1 !important;">
         <q-card class="my-card-discipline text-center inset-shadow" :style="mystyle">
-            <q-img :src="`statics/` + discipline.img_small" class="myimg">
+            <q-img :src="`statics/` + discipline.img_small" class="myimg" :alt="discipline.label">
                 <div class="absolute-bottom text-spacetrans">
                     <q-btn rounded :to="discipline.linkpage">
                         <div class="text-h5 disc__title shadow-max">{{discipline.label}}</div>
diff --git a/src/components/CEventsCalendar/CEventsCalendar.vue b/src/components/CEventsCalendar/CEventsCalendar.vue
index 23fc4af..da36033 100644
--- a/src/components/CEventsCalendar/CEventsCalendar.vue
+++ b/src/components/CEventsCalendar/CEventsCalendar.vue
@@ -36,7 +36,8 @@
                 <q-card-section class="inset-shadow">
                     <q-img :src="getImgEvent(myevent)"
                            class="absolute-top"
-                           style="height: 150px;">
+                           style="height: 150px;"
+                           :alt="myevent.title">
                     </q-img>
                     <div style="margin-top: 150px;">
                         <!--<div v-if="myevent.allday" class="text-caption">{{ getEventDate(myevent) }}</div>-->
@@ -66,7 +67,7 @@
                                                  alt="Località">
                                         </q-avatar>
                                         <q-avatar v-else color="blue" font-size="20px" text-color="white" icon="home">
-                                        </q-avatar>showpage
+                                        </q-avatar>
                                         <span class="cal__teacher-content">{{getWhereName(myevent.wherecode)}}</span>
                                     </q-chip>
                                 </span>
@@ -281,7 +282,8 @@
                 <q-card-section class="inset-shadow">
                     <q-img :src="getImgEvent(myevent)"
                            class="absolute-top"
-                           style="height: 150px;">
+                           style="height: 150px;"
+                           :alt="myevent.title">
                     </q-img>
                     <div style="margin-top: 150px;">
 
@@ -361,7 +363,8 @@
                 <q-card-section class="inset-shadow">
                     <q-img :src="getImgEvent(myevent)"
                            class="absolute-top"
-                           style="height: 150px;">
+                           style="height: 150px;"
+                           :alt="myevent.title">
                     </q-img>
                     <div style="margin-top: 150px;">
 
@@ -486,7 +489,7 @@
                                 <span class="">{{ getTitleEv(event) }}</span>
                             </q-badge>
                             <div class="text-center"><img :src="getImgEvent(event)"
-                                                          class="text-center listaev__tdimg_small" alt="Evento">
+                                                          class="text-center listaev__tdimg_small" :alt="event.title">
                             </div>
                         </template>
                     </template>
@@ -557,7 +560,8 @@
                                 <img :src="getImgEvent(event)"
                                      @click="selectEvent(event)"
                                      class="text-left padding_cell listaev__tdimg listaev__img cursor-pointer q-mx-sm"
-                                     :style="getStyleByEvent(event, event === myevent)">
+                                     :style="getStyleByEvent(event, event === myevent)"
+                                     :alt="event.title">
                                 <q-chip dense v-if="isAlreadyBooked(event)" class="cltexth4 chipbooked shadow-5 q-mb-md"
                                         color="green" text-color="white"
                                         icon="event_available">{{$t('cal.booked')}}
@@ -647,7 +651,7 @@
 
                                         <q-chip>
                                             <q-avatar v-if="getWhereIcon(event.wherecode)">
-                                                <img :src="`../../statics/images/avatar/` + getWhereIcon(event.wherecode)">
+                                                <img :src="`../../statics/images/avatar/` + getWhereIcon(event.wherecode)" :alt="event.wherecode">
                                             </q-avatar>
                                             <q-avatar color="blue" font-size="20px" text-color="white" icon="home">
                                             </q-avatar>
@@ -714,7 +718,7 @@
                 </q-markup-table>
 
                 <div class="q-ma-lg text-center">
-                    <q-btn rounded type="a" to="/calendarioeventi" color="primary" icon="event" size="lg"
+                    <q-btn rounded type="a" to="/calendario-eventi" color="primary" icon="event" size="lg"
                            :label="$t('cal.showlastschedule')">
                     </q-btn>
 
diff --git a/src/components/CFacebookFrame/CFacebookFrame.scss b/src/components/CFacebookFrame/CFacebookFrame.scss
index bebe174..e69de29 100644
--- a/src/components/CFacebookFrame/CFacebookFrame.scss
+++ b/src/components/CFacebookFrame/CFacebookFrame.scss
@@ -1,7 +0,0 @@
-.myclassfb{
-  margin-left: auto;
-  margin-right: auto;
-  margin-top: auto;
-  margin-bottom: auto;
-  display: block;
-}
diff --git a/src/components/CFacebookFrame/CFacebookFrame.vue b/src/components/CFacebookFrame/CFacebookFrame.vue
index aa29fdd..63a2aae 100644
--- a/src/components/CFacebookFrame/CFacebookFrame.vue
+++ b/src/components/CFacebookFrame/CFacebookFrame.vue
@@ -9,9 +9,8 @@
         <!--</div>-->
 
         <a :href="urlfbpage" target="_blank">
-            <q-img :src="`statics/` + fbimage" class="myclassfb">
+            <q-img :src="`statics/` + fbimage" class="imgautosize" alt="facebook page">
             </q-img>
-
         </a>
 
         <!--
diff --git a/src/components/CGridTableRec/CGridTableRec.ts b/src/components/CGridTableRec/CGridTableRec.ts
index 6438766..882b3e1 100644
--- a/src/components/CGridTableRec/CGridTableRec.ts
+++ b/src/components/CGridTableRec/CGridTableRec.ts
@@ -363,6 +363,10 @@ export default class CGridTableRec extends Vue {
 
     // console.log('this.filter', this.filter)
 
+    this.refresh_table()
+  }
+
+  public refresh_table() {
     this.onRequest({
       pagination: this.pagination
     })
@@ -376,8 +380,10 @@ export default class CGridTableRec extends Vue {
 
   public ActionAfterYes(action, item, data) {
     if (action === lists.MenuAction.DELETE_RECTABLE) {
-      if (this.serverData.length > 0)
+      if (this.serverData.length > 0) {
         this.serverData.splice(this.serverData.indexOf(item), 1)
+        this.refresh_table()
+      }
     } else if (action === lists.MenuAction.DUPLICATE_RECTABLE) {
       // Add record duplicated
       // this.serverData.push(data)
diff --git a/src/components/CImgText/CImgText.ts b/src/components/CImgText/CImgText.ts
index 81926c6..dbe2670 100644
--- a/src/components/CImgText/CImgText.ts
+++ b/src/components/CImgText/CImgText.ts
@@ -28,4 +28,6 @@ export default class CImgText extends Vue {
   @Prop({ required: false, default: '' }) public src2: string
   @Prop({ required: false, default: 'myclimg' }) public class1: string
   @Prop({ required: false, default: '' }) public style1: string
+  @Prop({ required: false, default: 'image' }) public alt1: string
+  @Prop({ required: false, default: 'image' }) public alt2: string
 }
diff --git a/src/components/CImgText/CImgText.vue b/src/components/CImgText/CImgText.vue
index 5d81384..f586807 100644
--- a/src/components/CImgText/CImgText.vue
+++ b/src/components/CImgText/CImgText.vue
@@ -3,8 +3,8 @@
         <section class="padding_testo bg-white text-grey-10 text-justify" >  <!-- v-scroll-reveal.reset -->
             <div class="row items-start q-col-gutter-xs imgtext">
                 <div class="imgtext__img">
-                    <img v-if="src" :src="src" class="myclimg" :style="style1">
-                    <img v-if="src2" :src="src2" class="myclimg" :style="style1">
+                    <img v-if="src" :src="src" class="myclimg" :style="style1" :alt="alt1">
+                    <img v-if="src2" :src="src2" class="myclimg" :style="style1" :alt="alt2">
                     <div class="section_text">
                     <slot></slot>
                     </div>
diff --git a/src/components/CImgTitle/CImgTitle.ts b/src/components/CImgTitle/CImgTitle.ts
index 0d9f049..5ec305e 100644
--- a/src/components/CImgTitle/CImgTitle.ts
+++ b/src/components/CImgTitle/CImgTitle.ts
@@ -41,4 +41,10 @@ export default class CImgTitle extends Vue {
 
     return tools.getimgbysize(filefull.path, filefull.file)
   }
+
+  get getaltimg() {
+    const filefull = tools.getimgFullpathbysize(this.src)
+    return tools.getaltimg(filefull.path, filefull.file, this.title)
+  }
+
 }
diff --git a/src/components/CImgTitle/CImgTitle.vue b/src/components/CImgTitle/CImgTitle.vue
index 3f64fe9..0bfcbab 100644
--- a/src/components/CImgTitle/CImgTitle.vue
+++ b/src/components/CImgTitle/CImgTitle.vue
@@ -1,7 +1,7 @@
 <template>
     <div>
         <q-parallax :src="getsrc" :height="tools.myheight_imgtitle(myheight, myheightmobile)">
-            <h2 class="text-white center_to_image title">{{title}}</h2>
+            <h1 class="text-white center_to_image title">{{title}}</h1>
             <div v-if="legendinside" class="mylegendinside absolute-bottom custom-caption center_to_image" v-html="legendinside"></div>
         </q-parallax>
         <div v-if="legend" class="mylegend" v-html="legend"></div>
diff --git a/src/components/CMyAvatar/CMyAvatar.vue b/src/components/CMyAvatar/CMyAvatar.vue
index 5f55649..c2056b9 100644
--- a/src/components/CMyAvatar/CMyAvatar.vue
+++ b/src/components/CMyAvatar/CMyAvatar.vue
@@ -4,7 +4,7 @@
 
         </q-avatar>
         <q-avatar v-if="myimgint" class="q-mb-sx center_img">
-            <img :src="myimgint" :font-size="size">
+            <img :src="myimgint" :font-size="size" alt="my avatar">
         </q-avatar>
     </div>
 </template>
diff --git a/src/components/CMySingleEvent/CMySingleEvent.vue b/src/components/CMySingleEvent/CMySingleEvent.vue
index ed92529..a53a915 100644
--- a/src/components/CMySingleEvent/CMySingleEvent.vue
+++ b/src/components/CMySingleEvent/CMySingleEvent.vue
@@ -7,7 +7,8 @@
                     <img :src="getImgEvent(myevent)"
                          @click="selectEvent(myevent)"
                          class="text-left padding_cell listaev__tdimg listaev__img cursor-pointer"
-                         :style="getStyleByEvent(myevent, true)">
+                         :style="getStyleByEvent(myevent, true)"
+                         :alt="myevent.title">
                     <q-chip dense v-if="isAlreadyBooked(myevent)" class="cltexth4 chipbooked shadow-5 q-mb-md"
                             color="green" text-color="white"
                             icon="event_available">{{$t('cal.booked')}}
@@ -98,7 +99,7 @@
 
                                         <q-chip>
                                             <q-avatar v-if="getWhereIcon(myevent.wherecode)">
-                                                <img :src="`../../statics/images/avatar/` + getWhereIcon(myevent.wherecode)">
+                                                <img :src="`../../statics/images/avatar/` + getWhereIcon(myevent.wherecode)" alt="località">
                                             </q-avatar>
                                             <q-avatar v-else color="blue" font-size="20px" text-color="white"
                                                       icon="home">
diff --git a/src/components/CMyTeacher/CMyTeacher.vue b/src/components/CMyTeacher/CMyTeacher.vue
index ff600e8..d0f90dc 100644
--- a/src/components/CMyTeacher/CMyTeacher.vue
+++ b/src/components/CMyTeacher/CMyTeacher.vue
@@ -10,7 +10,7 @@
                 </q-toolbar>
                 <q-card-section class="text-center inset-shadow">
                     <div style="width: 200px; float: left;">
-                        <q-img :src="`statics/images/` + myop.img" class="myimg">
+                        <q-img :src="`statics/images/` + myop.img" class="myimg" :alt="`${myop.name} ${myop.surname}`">
                         </q-img>
                     </div>
 
@@ -22,21 +22,21 @@
                         <q-icon class="flex-icon" name="mobile_friendly" v-if="myop.cell"></q-icon>
                         <span class="q-mx-sm">{{myop.cell}}</span>
 
-                        <div class="row justify-center q-gutter-xs ">
+                        <div class="row justify-center margin_buttons">
                             <q-btn v-if="myop.email" fab-mini icon="fas fa-envelope"
                                    color="blue-grey-6" type="a"
-                                   size="xs"
+                                   size="sm"
                                    :href="tools.getemailto(myop.email)" target="__blank">
                             </q-btn>
                             <q-btn v-if="tools.getHttpForWhatsapp(myop.cell)" fab-mini icon="fab fa-whatsapp"
                                    color="green" type="a"
-                                   size="xs"
+                                   size="sm"
                                    :href="tools.getHttpForWhatsapp(myop.cell)" target="__blank">
                             </q-btn>
 
                             <q-btn v-if="tools.getHttpForTelegram(myop.usertelegram)" fab-mini icon="fab fa-telegram"
                                    color="blue" type="a"
-                                   size="xs"
+                                   size="sm"
                                    :href="tools.getHttpForTelegram(myop.usertelegram)" target="__blank">
                             </q-btn>
                         </div>
diff --git a/src/components/COpenStreetMap/COpenStreetMap.ts b/src/components/COpenStreetMap/COpenStreetMap.ts
index d434d14..01eba01 100644
--- a/src/components/COpenStreetMap/COpenStreetMap.ts
+++ b/src/components/COpenStreetMap/COpenStreetMap.ts
@@ -10,8 +10,10 @@ import { tools } from '../../store/Modules/tools'
 
 export default class COpenStreetMap extends Vue {
   @Prop({required: true}) public title: string
-  @Prop({required: true}) public coordinates: string
-  @Prop({required: true}) public coord_big: string
+  @Prop({required: false, default: ''}) public coordinates: string
+  @Prop({required: false, default: '' }) public coord_big: string
+  @Prop({required: false, default: ''}) public urlmap: string
+  @Prop({required: false, default: ''}) public imgmap: string
 
   get mywidth() {
     return tools.getwidth(this) - 20
diff --git a/src/components/COpenStreetMap/COpenStreetMap.vue b/src/components/COpenStreetMap/COpenStreetMap.vue
index 61308d0..b21f305 100644
--- a/src/components/COpenStreetMap/COpenStreetMap.vue
+++ b/src/components/COpenStreetMap/COpenStreetMap.vue
@@ -1,7 +1,9 @@
 <template>
-    <div class="flex flex-center column justify-center">
+    <div v-if="coordinates" class="flex flex-center column justify-center">
         <div class="">
-            <span class="text-subtitle2">{{title}}</span> - (<a :href="`https://www.openstreetmap.org/?` + coord_big + `&layers=N`" target="_blank">{{$t('showbigmap')}}</a>)
+            <span class="text-subtitle2" v-html="title"></span> - (<a
+                :href="`https://www.openstreetmap.org/?` + coord_big + `&layers=N`"
+                target="_blank">{{$t('showbigmap')}}</a>)
         </div>
         <div>
             <iframe :width="mywidth" :height="myheight" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
@@ -10,6 +12,19 @@
 
         </div>
     </div>
+    <div v-else>
+        <div class="q-my-md">
+            <p class="text-subtitle2 text-center">
+                <span v-html="title"></span>
+                - <a href="urlmap" target="_blank" class="text-black">Apri Mappa</a>
+            </p>
+            <a :href="urlmap" target="_blank">
+                <q-img :src="`statics/` + imgmap" class="imgautosize" alt="my map">
+                </q-img>
+
+            </a>
+        </div>
+    </div>
 </template>
 <script lang="ts" src="./COpenStreetMap.ts">
 </script>
diff --git a/src/components/CPreloadImages/CPreloadImages.ts b/src/components/CPreloadImages/CPreloadImages.ts
index 9303774..9b09345 100644
--- a/src/components/CPreloadImages/CPreloadImages.ts
+++ b/src/components/CPreloadImages/CPreloadImages.ts
@@ -26,4 +26,8 @@ export default class CPreloadImages extends Vue {
     }
   }
 
+  public getaltimg(recimg: IPreloadImages) {
+    return recimg.alt
+  }
+
 }
diff --git a/src/components/CPreloadImages/CPreloadImages.vue b/src/components/CPreloadImages/CPreloadImages.vue
index 704f450..c7b2a70 100644
--- a/src/components/CPreloadImages/CPreloadImages.vue
+++ b/src/components/CPreloadImages/CPreloadImages.vue
@@ -1,7 +1,7 @@
 <template>
     <div id="preloader">
         <div v-for="(image, index) in arrimg">
-            <img :src="getimg(image)" width="1" height="1"/>
+            <img :src="getimg(image)" width="1" height="1" :alt="getaltimg(image)"/>
         </div>
     </div>
 </template>
diff --git a/src/components/CTitle/CTitle.ts b/src/components/CTitle/CTitle.ts
index 2139656..88c1c82 100644
--- a/src/components/CTitle/CTitle.ts
+++ b/src/components/CTitle/CTitle.ts
@@ -27,4 +27,9 @@ export default class CTitle extends Vue {
     return tools.getimgbysize(filefull.path, filefull.file)
   }
 
+  get getaltimg() {
+    const filefull = tools.getimgFullpathbysize(this.imgbackground)
+    return tools.getaltimg(filefull.path, filefull.file, this.headtitle)
+  }
+
 }
diff --git a/src/components/CTitle/CTitle.vue b/src/components/CTitle/CTitle.vue
index f7cc0ae..e8ebf82 100644
--- a/src/components/CTitle/CTitle.vue
+++ b/src/components/CTitle/CTitle.vue
@@ -1,10 +1,10 @@
 <template>
     <div>
-        <q-img v-if="imgbackground" :src="getsrc"
+        <q-img v-if="imgbackground" :src="getsrc" :alt="getaltimg"
                :style="tools.styles_imgtitle(sizes)">
 
             <div class="absolute-bottom text-body1 text-center" :style="styleadd">
-                <h2 class="titletext">{{headtitle}}</h2>
+                <h1 class="titletext">{{headtitle}}</h1>
             </div>
         </q-img>
 
diff --git a/src/components/Footer/Footer.scss b/src/components/Footer/Footer.scss
index 0a4f1e6..04485ec 100644
--- a/src/components/Footer/Footer.scss
+++ b/src/components/Footer/Footer.scss
@@ -37,7 +37,7 @@ $textcol_scuro: darkblue;
 
 
 .landing__footer-icons {
-  font-size: 1.75rem
+  font-size: 2rem
 }
 
 .landing__footer-icons a {
@@ -184,3 +184,12 @@ $textcol_scuro: darkblue;
 .footer_link:hover {
   color:white;
 }
+
+
+.margin_buttons_footer {
+  margin: -4px -4px;
+}
+
+.margin_buttons_footer > * {
+  margin: 4px 8px;
+}
diff --git a/src/components/Footer/Footer.ts b/src/components/Footer/Footer.ts
index 40e12b4..7d823dc 100644
--- a/src/components/Footer/Footer.ts
+++ b/src/components/Footer/Footer.ts
@@ -54,8 +54,11 @@ export default class Footer extends Vue {
   }
 
   get InstagramPage() {
-    const insta = GlobalStore.getters.getValueSettingsByKey('URL_INSTAGRAM')
-    return insta
+    return GlobalStore.getters.getValueSettingsByKey('URL_INSTAGRAM')
+  }
+
+  get TwitterPage() {
+    return GlobalStore.getters.getValueSettingsByKey('URL_TWITTER')
   }
 
   get static_data() {
diff --git a/src/components/Footer/Footer.vue b/src/components/Footer/Footer.vue
index 452fa6f..5cd2c7e 100644
--- a/src/components/Footer/Footer.vue
+++ b/src/components/Footer/Footer.vue
@@ -7,35 +7,47 @@
                     <!--</span>-->
 
 
-                    <CFacebookFrame myclass="text-center" :fbimage="getValDb('FBPAGE_IMG')" :urlfbpage="getValDb('FBPAGE_FRAME')" title="getValDb('FBPAGE_TITLE')">
+                    <CFacebookFrame myclass="text-center" :fbimage="getValDb('FBPAGE_IMG')"
+                                    :urlfbpage="getValDb('FBPAGE_FRAME')" title="getValDb('FBPAGE_TITLE')">
 
                     </CFacebookFrame>
 
-                    <div class="landing__footer-icons row flex-center q-mt-md">
-                        <a v-if="!!FBPage" :href="FBPage" target="_blank">
-                            <i aria-hidden="true" class="q-icon fab fa-facebook-f icon_contact links"> </i></a>
+                    <div class=" q-my-md">
+                        <div class="landing__footer-icons row flex-center margin_buttons">
+                            <a v-if="!!FBPage" :href="FBPage" target="_blank">
+                                <i aria-hidden="true" class="q-icon fab fa-facebook-f icon_contact links"> </i></a>
 
-                        <a v-if="!!InstagramPage" :href="InstagramPage" target="_blank">
-                            <i aria-hidden="true" class="q-icon fab fa-instagram icon_contact links"> </i></a>
+                            <a v-if="!!InstagramPage" :href="InstagramPage" target="_blank">
+                                <i aria-hidden="true" class="q-icon fab fa-instagram icon_contact links"> </i></a>
 
-                        <a v-if="!!TelegramSupport" :href="TelegramSupport" target="_blank">
-                            <i aria-hidden="true" class="q-icon fab fa-telegram icon_contact links"></i></a>
+                            <a v-if="!!TwitterPage" :href="TwitterPage" target="_blank">
+                                <i aria-hidden="true" class="q-icon fab fa-twitter icon_contact links"> </i></a>
 
-                        <a v-if="!!Whatsapp_Cell" :href="ChatWhatsapp" target="_blank">
-                            <i aria-hidden="true" class="q-icon fab fa-whatsapp icon_contact links"></i></a>
+                            <a v-if="!!TelegramSupport" :href="TelegramSupport" target="_blank">
+                                <i aria-hidden="true" class="q-icon fab fa-telegram icon_contact links"></i></a>
 
-                        <a v-if="!!Telegram_UsernameHttp" :href="Telegram_UsernameHttp" target="_blank">
-                            <i aria-hidden="true" class="q-icon fab fa-telegram icon_contact links"></i></a>
+                            <a v-if="!!Whatsapp_Cell" :href="ChatWhatsapp" target="_blank">
+                                <i aria-hidden="true" class="q-icon fab fa-whatsapp icon_contact links"></i></a>
+
+                            <a v-if="!!Telegram_UsernameHttp" :href="Telegram_UsernameHttp" target="_blank">
+                                <i aria-hidden="true" class="q-icon fab fa-telegram icon_contact links"></i></a>
 
 
-                        <!--<a href="" target="_blank"><i aria-hidden="true" class="q-icon fab fa-github"> </i></a>-->
-                        <!--<a href="https://twitter.com/" target="_blank"><i aria-hidden="true" class="q-icon fab fa-twitter"> </i></a>-->
-                        <!--<a href="https://discord.gg/5TDhbDg" target="_blank"><i aria-hidden="true"-->
-                        <!--class="q-icon fab fa-discord"> </i></a><a-->
-                        <!--href="https://forum.quasar-framework.org/" target="_blank"><i aria-hidden="true"-->
-                        <!--class="q-icon fas fa-comments"> </i></a><a-->
-                        <!--href="https://www.patreon.com/quasarframework" target="_blank"><i aria-hidden="true"-->
-                        <!--class="q-icon fab fa-patreon"> </i></a>-->
+                            <!--<a href="" target="_blank"><i aria-hidden="true" class="q-icon fab fa-github"> </i></a>-->
+                            <!--<a href="https://twitter.com/" target="_blank"><i aria-hidden="true" class="q-icon fab fa-twitter"> </i></a>-->
+                            <!--<a href="https://discord.gg/5TDhbDg" target="_blank"><i aria-hidden="true"-->
+                            <!--class="q-icon fab fa-discord"> </i></a><a-->
+                            <!--href="https://forum.quasar-framework.org/" target="_blank"><i aria-hidden="true"-->
+                            <!--class="q-icon fas fa-comments"> </i></a><a-->
+                            <!--href="https://www.patreon.com/quasarframework" target="_blank"><i aria-hidden="true"-->
+                            <!--class="q-icon fab fa-patreon"> </i></a>-->
+                        </div>
+                    </div>
+
+                    <div class="text-center">
+                        <span v-html="getValDb('MAP_TITLE')"></span>
+                        <br>
+                        <a :href="getValDb('URLMAP')" target="_blank" class="footer_link">Apri Mappa</a>
                     </div>
 
                     <!--<div class="q-mt-xs copyrights">-->
@@ -56,23 +68,39 @@
                                 <a :href="`mailto:` + getValDb('MAIN_EMAIL')" class="links">{{ getValDb('MAIN_EMAIL')
                                     }}</a><br>
                                 <div style="margin-bottom: 20px;"></div>
-                                <div v-for="rec in getarrValDb('CONTACTS_EMAIL_CELL')" class="mycontacts_text"
+                                <div v-for="rec in getarrValDb('CONTACTS_EMAIL_CELL')"
+                                     class="mycontacts_text margin_buttons_footer"
                                      style="margin-bottom: 0px;">
-                                    {{ rec.name }}: {{ rec.phone }}
-                                    <br>
-                                    <i v-if="rec.email" aria-hidden="true"
-                                       class="q-icon fas fa-envelope q-mx-sm"></i> <a :href="`mailto:`+ rec.email "
-                                                                                      class="links">{{rec.email}}</a>
+                                    <div>
+                                        {{ rec.name }}: {{ rec.phone }}
+                                    </div>
+                                    <div>
+                                        <i v-if="rec.email" aria-hidden="true"
+                                           class="q-icon fas fa-envelope q-ma-sm"></i> <a :href="`mailto:`+ rec.email "
+                                                                                          class="links">{{rec.email}}</a>
+                                    </div>
+
+                                    <div class="row justify-center margin_buttons_footer">
+                                        <q-btn v-if="rec.email" fab-mini icon="fas fa-envelope"
+                                               color="blue-grey-6" type="a"
+                                               size="sm"
+                                               :href="tools.getemailto(rec.email)" target="__blank">
+                                        </q-btn>
+                                        <q-btn v-if="tools.getHttpForWhatsapp(rec.phone)" fab-mini
+                                               icon="fab fa-whatsapp"
+                                               color="green" type="a"
+                                               size="sm"
+                                               :href="tools.getHttpForWhatsapp(rec.phone)" target="__blank">
+                                        </q-btn>
+
+                                        <q-btn v-if="tools.getHttpForTelegram(rec.usertelegram)" fab-mini
+                                               icon="fab fa-telegram"
+                                               color="blue" type="a"
+                                               size="sm"
+                                               :href="tools.getHttpForTelegram(rec.usertelegram)" target="__blank">
+                                        </q-btn>
+                                    </div>
 
-                                    <a v-if="!!tools.getHttpForWhatsapp(rec.phone)"
-                                       :href="tools.getHttpForWhatsapp(rec.phone)" target="_blank">
-                                        <i aria-hidden="true"
-                                           class="q-icon fab fa-whatsapp landing__footer-icons icon_contact links q-mx-xs"></i></a>
-                                    <a v-if="!!tools.getHttpForTelegram(rec.usertelegram)"
-                                       :href="tools.getHttpForTelegram(rec.usertelegram)" target="_blank">
-                                        <i aria-hidden="true"
-                                           class="q-icon fab fa-telegram landing__footer-icons icon_contact links q-mx-xs"></i></a>
-                                    <br>
                                 </div>
                                 <span v-if="getValDb('CALL_WORKING_DAYS')"><br>orari per chiamate:<br>
                                     <span v-html="getValDb('CALL_WORKING_DAYS')"></span></span>
diff --git a/src/components/Header/Header.ts b/src/components/Header/Header.ts
index fbdc289..45ae9f8 100644
--- a/src/components/Header/Header.ts
+++ b/src/components/Header/Header.ts
@@ -307,6 +307,10 @@ export default class Header extends Vue {
     return '../../' + tools.getimglogo()
   }
 
+  get getappname() {
+    return tools.getappname(this)
+  }
+
   public toggleanimation() {
     console.log('toggleanimation')
     this.visuimg = false
diff --git a/src/components/Header/Header.vue b/src/components/Header/Header.vue
index b3f6e57..179127a 100644
--- a/src/components/Header/Header.vue
+++ b/src/components/Header/Header.vue
@@ -35,11 +35,11 @@
                        class="btnNewVersShow" @click="RefreshApp" :label="$t('notification.newVersionAvailable')"/>
 
 
-                <q-toolbar-title>
+                <q-toolbar-title class="row items-center">
                     <q-avatar>
                         <img :src="imglogo" height="27" alt="Immagine Logo">
                     </q-avatar>
-                    {{tools.getappname()}}
+                    <div class="q-mx-sm">{{getappname}}</div>
                     <div slot="subtitle">{{$t('msg.myDescriz')}} {{ getAppVersion() }}</div>
                 </q-toolbar-title>
 
@@ -83,7 +83,7 @@
                                 v-for="langrec in static_data.lang_available" :key="langrec.value"
                                 @click="lang = langrec.value">
                             <q-item-section avatar>
-                                <img :src="langrec.image" class="flagimg">
+                                <img :src="langrec.image" class="flagimg" alt="flag">
                             </q-item-section>
                             <q-item-section>
                                 {{langrec.label}}
@@ -132,7 +132,7 @@
         <q-drawer v-if="static_data.functionality.SHOW_USER_MENU" v-model="rightDrawerOpen" side="right" elevated>
             <div id="profile">
                 <q-img class="absolute-top" src="../../statics/images/landing_first_section.png"
-                       style="height: 150px">
+                       style="height: 150px" alt="section page">
                 </q-img>
                 <div class="absolute-top bg-transparent text-black center_img" style="margin-top: 10px;">
 
diff --git a/src/layouts/toolbar/messagePopover/messagePopover.vue b/src/layouts/toolbar/messagePopover/messagePopover.vue
index 3efcc93..6a3e658 100644
--- a/src/layouts/toolbar/messagePopover/messagePopover.vue
+++ b/src/layouts/toolbar/messagePopover/messagePopover.vue
@@ -19,7 +19,7 @@
 
                         <q-item-section avatar>
                             <q-avatar>
-                                <img :src="getImgByMsg(msg)">
+                                <img :src="getImgByMsg(msg)" :alt="getUsernameChatByMsg(msg)">
                             </q-avatar>
                         </q-item-section>
 
diff --git a/src/model/GlobalStore.ts b/src/model/GlobalStore.ts
index 3f56437..de86910 100644
--- a/src/model/GlobalStore.ts
+++ b/src/model/GlobalStore.ts
@@ -157,6 +157,7 @@ export interface IOperators {
 
 export interface IPreloadImages {
   imgname: string
+  alt: string
   mobile: boolean
 }
 
diff --git a/src/store/Modules/tools.ts b/src/store/Modules/tools.ts
index 64cc3bc..45aa36e 100644
--- a/src/store/Modules/tools.ts
+++ b/src/store/Modules/tools.ts
@@ -2394,6 +2394,15 @@ export const tools = {
     return ris
   },
 
+  getaltimg(dir: string, file: string, alt?: string) {
+    const myimage = dir + file
+    const myrec = static_data.preLoadImages.find((rec) => rec.imgname === myimage)
+    if (myrec)
+      return (myrec) ? myrec.alt : 'my image'
+    else
+      return alt
+  },
+
   getimgFullpathbysize(fileimg: string) {
     const ind = fileimg.lastIndexOf('/')
     if (ind > 0) {
diff --git a/src/views/messages/messages.vue b/src/views/messages/messages.vue
index d9900c0..cf44daa 100644
--- a/src/views/messages/messages.vue
+++ b/src/views/messages/messages.vue
@@ -36,7 +36,7 @@
 
                             <q-item-section avatar>
                                 <q-avatar>
-                                    <img :src="getImgByMsg(msg)">
+                                    <img :src="getImgByMsg(msg)" :alt="getUsernameChatByMsg(msg)">
                                 </q-avatar>
                             </q-item-section>
 
@@ -101,7 +101,7 @@
                                                 bg-color="grey-2">
                                             <template v-slot:avatar>
                                                 <q-avatar size="sm">
-                                                    <img :src="getImgByMsg(msg)">
+                                                    <img :src="getImgByMsg(msg)" :alt="getUsernameChatByMsg(msg)">
                                                 </q-avatar>
                                             </template>
                                         </q-chat-message>