- risolto problema spazi vuoti in cima alla app

- risolto problema sulle card di telegram, immagini non alte uguali e non si vedono bene...

.env

@@ -1,6 +1,6 @@
-VITE_APP_VERSION="1.2.75"
+VITE_APP_VERSION="1.2.76"
 VITE_LANG_DEFAULT="it"
 VITE_PAO_APP_ID="KKPPAA5KJK435J3KSS9F9D8S9F8SD98F9SDF"
-VITE_SERVICE_WORKER_FILE="sw-1.2.75.js"
+VITE_SERVICE_WORKER_FILE="sw-1.2.76.js"
 VITE_PROJECT_ID_MAIN="5cc0a13fe5c9d156728f400a"
 VITE_VUE_ROUTER_MODE="history"

.env.development

@@ -1,12 +1,14 @@
-VITE_APP_ID="18"
+VITE_APP_ID="13"
 VITE_APP_URL="https://localhost"
 VITE_MONGODB_HOST="https://localhost:3000"
-VITE_LOGO_REG='gruppomacro-logo-full.png'
+DEBUG_VITE_APP_URL="https://192.168.8.182"
+DEBUG_VITE_MONGODB_HOST="https://192.168.8.182:3000"
+VITE_LOGO_REG='riso-logo-full.png'
 VITE_PUBLICKEY_PUSH='BDncvMiUZmjaCG2Kr1V9N0_33hOG-AuNSbHSvL24y2dzBiUjAxKm02emx5SeJvz2IGmtRf6YqCgopeQwCwUmZw8'
 VITE_DEBUG="1"
 VITE_VUE_APP_ISTEST=0
 VITE_VUE_APP_INLOCALE=1
-DIRECTORY_LOCAL="newfreeplanet"
+DIRECTORY_LOCAL="myprojplanet_vite"
 DIRECTORY_SERVER="freeplanet_serverside"
 SERVERDIR_WEBSITE=""
 SERVERPW_WEBSITE=""

.env.production

@@ -1,13 +1,11 @@
-VITE_APP_ID="18"
-VITE_APP_URL="https://gruppomacro.app"
-VITE_MONGODB_HOST="https://api.gruppomacro.app"
-VITE_LOGO_REG='gruppomacro-logo-full.png'
-VITE_PUBLICKEY_PUSH="BJgo8XR_upbnbMLWgCAUELo6DK7dRXffYAnFOxbaMMz5favBgcQBKT-eISqouO-jRad4Sw8l5nd2wCF6KorGiTc"
-VITE_DEBUG="0"
-VITE_VUE_APP_ISTEST="0"
+VITE_APP_ID="13"
+VITE_APP_URL="https://test.riso.app"
+VITE_MONGODB_HOST="https://testapi.riso.app"
+VITE_LOGO_REG="riso-logo-full.png"
+VITE_PUBLICKEY_PUSH="BGXRf1TgcqocqD6J7qnRgCG7AvM2lxAoW7peb7UEzB4SxBb6DxGRdJ0UvD9ewnrB9KrSrh0-aDCODXBm7sZ1DDs"
+VITE_DEBUG="1"
+VITE_VUE_APP_ISTEST="1"
 DIRECTORY_LOCAL="myprojplanet_vite"
-DIRECTORY_SERVER="/var/www/nodejs_piuchebuono_server"
-SERVERDIR_WEBSITE="/var/www/gruppomacro.app"
+DIRECTORY_SERVER="/var/www/nodejs_test.riso_server"
+SERVERDIR_WEBSITE="/var/www/test.riso.app"
 SERVERPW_WEBSITE="pwdadmin@1AOK"
-PORT_SPA="8089"
-PORT_PWA="8099"

index.html

@@ -10,7 +10,7 @@
   <meta name="description" content="<%= productDescription %>">
   <meta name="format-detection" content="telephone=no">
   <meta name="msapplication-tap-highlight" content="no">
-  <meta name="version" content="1.2.75">
+  <meta name="version" content="1.2.76">
   <meta name="viewport"
     content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">
 

package.json

@@ -1,28 +1,28 @@
 {
-  "name": "gruppomacro",
-  "version": "1.2.75",
-  "productName": "Gruppo Macro",
-  "description": "Il Gruppo Editoriale Macro, attivo dal 1987, è leader europeo nella pubblicazione di libri per il benessere e la consapevolezza. Con oltre 1.500 titoli, promuove una visione armonica del mondo, offrendo opere di autori internazionali e italiani come Gregg Braden, Bruce Lipton, Joe Dispenza, Louise Hay, Eckhart Tolle e molti altri. Scopri un'editoria che abbraccia il corpo, la mente, lo spirito e l'ecologia.",
+  "name": "riso",
+  "version": "1.2.76",
+  "productName": "Riso 💚 - Rete Italiana Scambi Orizzontali",
+  "description": "Progetto RISO (Rete Italiana Scambi Orizzontali) promuove una rete di comunità locali che favoriscono scambi di beni, servizi e ospitalità. Con l'App RISO, sviluppata per facilitare il baratto, il dono e l'uso di monete alternative come i RIS, il progetto crea legami autentici basati sulla fiducia e sostenibilità. Partecipa agli scambi e costruisci una comunità più consapevole e autosufficiente.",
   "author": "Surya",
   "private": true,
   "keywords": [],
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "dev": "PORT=8089 APP_VERSION='1.2.75' quasar dev",
+    "dev": "APP_VERSION='1.2.76' PORT=8084 quasar dev",
     "dev_noCheck": "SKIP_TSC=true quasar dev",
     "build": "quasar build",
-    "buildpwa": "NODE_ENV=production APP_VERSION='1.2.75' quasar build -m pwa",
-    "buildpwatest": "NODE_ENV=production APP_VERSION='1.2.75' quasar build -m pwa",
+    "buildpwa": "NODE_ENV=production APP_VERSION='1.2.76' quasar build -m pwa",
+    "buildpwatest": "NODE_ENV=production APP_VERSION='1.2.76' quasar build -m pwa",
     "type-check": "vue-tsc --noEmit",
     "type-check:watch": "vue-tsc --noEmit --watch",
-    "buildspa": "APP_VERSION='1.2.75' quasar build -m spa",
+    "buildspa": "quasar build -m spa",
     "lint": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\"",
     "lintfile": "eslint --ext .js,.ts,.vue --ignore-path .gitignore ./ > file.out.txt",
     "lintfileNoJS": "eslint --ext .ts,.vue --ignore-path .gitignore ./ > file.out.txt",
     "fix": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\" --ignore-pattern .gitignore ./ --fix > file.out.txt",
-    "pwa": "NODE_ENV=development PORT=8099 APP_VERSION='1.2.75' quasar dev -m pwa",
-    "spa": "NODE_ENV=development PORT=8089 APP_VERSION='1.2.75' quasar dev",
+    "pwa": "NODE_ENV=development PORT=8094 APP_VERSION='1.2.76' quasar dev -m pwa",
+    "spa": "NODE_ENV=development PORT=8084 APP_VERSION='1.2.76' quasar dev",
     "debug": "quasar dev --mode debug",
     "test": "echo \"No test specified\" && exit 0",
     "generate-sw": "workbox generateSW workbox-config.js",

public/js/workbox-sw-6-1.js

@@ -1,2 +0,0 @@
-!function(){'use strict';try{self['workbox:sw:6.1.0']&&_()}catch(t){}const t={backgroundSync:'background-sync',broadcastUpdate:'broadcast-update',cacheableResponse:'cacheable-response',core:'core',expiration:'expiration',googleAnalytics:'offline-ga',navigationPreload:'navigation-preload',precaching:'precaching',rangeRequests:'range-requests',routing:'routing',strategies:'strategies',streams:'streams',recipes:'recipes'};self.workbox=new class{constructor(){return this.v={},this.Pt={debug:'localhost'===self.location.hostname,modulePathPrefix:null,modulePathCb:null},this.$t=this.Pt.debug?'dev':'prod',this.jt=!1,new Proxy(this,{get(e,s){if(e[s])return e[s];const o=t[s];return o&&e.loadModule('workbox-'+o),e[s]}})}setConfig(t={}){if(this.jt)throw new Error('Config must be set before accessing workbox.* modules');Object.assign(this.Pt,t),this.$t=this.Pt.debug?'dev':'prod'}loadModule(t){const e=this.St(t);try{importScripts(e),this.jt=!0}catch(s){throw console.error(`Unable to import module '${t}' from '${e}'.`),s}}St(t){if(this.Pt.modulePathCb)return this.Pt.modulePathCb(t,this.Pt.debug);let e=['https://storage.googleapis.com/workbox-cdn/releases/6.1.0'];const s=`${t}.${this.$t}.js`,o=this.Pt.modulePathPrefix;return o&&(e=o.split('/'),''===e[e.length-1]&&e.splice(e.length-1,1)),e.push(s),e.join('/')}}}();
-//# sourceMappingURL=workbox-sw.js.map

public/js/workbox-sw.js

@@ -1,2 +0,0 @@
-!function(){"use strict";try{self["workbox:sw:5.1.4"]&&_()}catch(t){}const t={backgroundSync:"background-sync",broadcastUpdate:"broadcast-update",cacheableResponse:"cacheable-response",core:"core",expiration:"expiration",googleAnalytics:"offline-ga",navigationPreload:"navigation-preload",precaching:"precaching",rangeRequests:"range-requests",routing:"routing",strategies:"strategies",streams:"streams"};self.workbox=new class{constructor(){return this.v={},this.t={debug:"localhost"===self.location.hostname,modulePathPrefix:null,modulePathCb:null},this.s=this.t.debug?"dev":"prod",this.o=!1,new Proxy(this,{get(e,s){if(e[s])return e[s];const o=t[s];return o&&e.loadModule("workbox-"+o),e[s]}})}setConfig(t={}){if(this.o)throw new Error("Config must be set before accessing workbox.* modules");Object.assign(this.t,t),this.s=this.t.debug?"dev":"prod"}loadModule(t){const e=this.i(t);try{importScripts(e),this.o=!0}catch(s){throw console.error(`Unable to import module '${t}' from '${e}'.`),s}}i(t){if(this.t.modulePathCb)return this.t.modulePathCb(t,this.t.debug);let e=["https://storage.googleapis.com/workbox-cdn/releases/5.1.4"];const s=`${t}.${this.s}.js`,o=this.t.modulePathPrefix;return o&&(e=o.split("/"),""===e[e.length-1]&&e.splice(e.length-1,1)),e.push(s),e.join("/")}}}();
-//# sourceMappingURL=workbox-sw.js.map

public/workbox/workbox-sw.js

@@ -1,2 +1,2 @@
-!function(){"use strict";try{self["workbox:sw:5.1.4"]&&_()}catch(t){}const t={backgroundSync:"background-sync",broadcastUpdate:"broadcast-update",cacheableResponse:"cacheable-response",core:"core",expiration:"expiration",googleAnalytics:"offline-ga",navigationPreload:"navigation-preload",precaching:"precaching",rangeRequests:"range-requests",routing:"routing",strategies:"strategies",streams:"streams"};self.workbox=new class{constructor(){return this.v={},this.t={debug:"localhost"===self.location.hostname,modulePathPrefix:null,modulePathCb:null},this.s=this.t.debug?"dev":"prod",this.o=!1,new Proxy(this,{get(e,s){if(e[s])return e[s];const o=t[s];return o&&e.loadModule("workbox-"+o),e[s]}})}setConfig(t={}){if(this.o)throw new Error("Config must be set before accessing workbox.* modules");Object.assign(this.t,t),this.s=this.t.debug?"dev":"prod"}loadModule(t){const e=this.i(t);try{importScripts(e),this.o=!0}catch(s){throw console.error(`Unable to import module '${t}' from '${e}'.`),s}}i(t){if(this.t.modulePathCb)return this.t.modulePathCb(t,this.t.debug);let e=["https://storage.googleapis.com/workbox-cdn/releases/5.1.4"];const s=`${t}.${this.s}.js`,o=this.t.modulePathPrefix;return o&&(e=o.split("/"),""===e[e.length-1]&&e.splice(e.length-1,1)),e.push(s),e.join("/")}}}();
+!function(){"use strict";try{self["workbox:sw:7.3.0"]&&_()}catch(t){}const t={backgroundSync:"background-sync",broadcastUpdate:"broadcast-update",cacheableResponse:"cacheable-response",core:"core",expiration:"expiration",googleAnalytics:"offline-ga",navigationPreload:"navigation-preload",precaching:"precaching",rangeRequests:"range-requests",routing:"routing",strategies:"strategies",streams:"streams",recipes:"recipes"};self.workbox=new class{constructor(){return this.v={},this.Pt={debug:"localhost"===self.location.hostname,modulePathPrefix:null,modulePathCb:null},this.$t=this.Pt.debug?"dev":"prod",this.jt=!1,new Proxy(this,{get(e,s){if(e[s])return e[s];const o=t[s];return o&&e.loadModule(`workbox-${o}`),e[s]}})}setConfig(t={}){if(this.jt)throw new Error("Config must be set before accessing workbox.* modules");Object.assign(this.Pt,t),this.$t=this.Pt.debug?"dev":"prod"}loadModule(t){const e=this.St(t);try{importScripts(e),this.jt=!0}catch(s){throw console.error(`Unable to import module '${t}' from '${e}'.`),s}}St(t){if(this.Pt.modulePathCb)return this.Pt.modulePathCb(t,this.Pt.debug);let e=["https://storage.googleapis.com/workbox-cdn/releases/7.3.0"];const s=`${t}.${this.$t}.js`,o=this.Pt.modulePathPrefix;return o&&(e=o.split("/"),""===e[e.length-1]&&e.splice(e.length-1,1)),e.push(s),e.join("/")}}}();
 //# sourceMappingURL=workbox-sw.js.map

scripts/_ALL_SITES/comunitanuovomondo.app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cnm",
-  "version": "1.2.75",
+  "version": "1.2.76",
   "description": "Comunita Nuovo Mondo",
   "productName": "ComunitaNuovoMondo",
   "author": "Surya",
@@ -9,7 +9,7 @@
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "dev": "PORT=8083 APP_VERSION='1.2.75' quasar dev",
+    "dev": "PORT=8083 APP_VERSION='1.2.76' quasar dev",
     "dev_noCheck": "SKIP_TSC=true quasar dev",
     "build": "quasar build",
     "buildpwa": "NODE_ENV=production quasar build -m pwa",
@@ -21,8 +21,8 @@
     "lintfile": "eslint --ext .js,.ts,.vue --ignore-path .gitignore ./ > file.out.txt",
     "lintfileNoJS": "eslint --ext .ts,.vue --ignore-path .gitignore ./ > file.out.txt",
     "fix": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\" --ignore-pattern .gitignore ./ --fix > file.out.txt",
-    "pwa": "NODE_ENV=development PORT=8093 APP_VERSION='1.2.75' quasar dev -m pwa",
-    "spa": "NODE_ENV=development PORT=8083 APP_VERSION='1.2.75' quasar dev",
+    "pwa": "NODE_ENV=development PORT=8093 APP_VERSION='1.2.76' quasar dev -m pwa",
+    "spa": "NODE_ENV=development PORT=8083 APP_VERSION='1.2.76' quasar dev",
     "debug": "quasar dev --mode debug",
     "test": "echo \"No test specified\" && exit 0",
     "generate-sw": "workbox generateSW workbox-config.js",

scripts/_ALL_SITES/freeplanet.app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freeplanet",
-  "version": "1.2.75",
+  "version": "1.2.76",
   "description": "freeplanet",
   "productName": "freeplanet",
   "author": "Surya",
@@ -9,11 +9,11 @@
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "dev": "PORT=8087 APP_VERSION='1.2.75' quasar dev",
+    "dev": "PORT=8087 APP_VERSION='1.2.76' quasar dev",
     "dev_noCheck": "SKIP_TSC=true quasar dev",
     "build": "quasar build",
-    "buildpwa": "NODE_ENV=production APP_VERSION='1.2.75' quasar build -m pwa",
-    "buildpwatest": "NODE_ENV=production APP_VERSION='1.2.75' quasar build -m pwa",
+    "buildpwa": "NODE_ENV=production APP_VERSION='1.2.76' quasar build -m pwa",
+    "buildpwatest": "NODE_ENV=production APP_VERSION='1.2.76' quasar build -m pwa",
     "type-check": "vue-tsc --noEmit",
     "type-check:watch": "vue-tsc --noEmit --watch",
     "buildspa": "quasar build -m spa",
@@ -21,8 +21,8 @@
     "lintfile": "eslint --ext .js,.ts,.vue --ignore-path .gitignore ./ > file.out.txt",
     "lintfileNoJS": "eslint --ext .ts,.vue --ignore-path .gitignore ./ > file.out.txt",
     "fix": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\" --ignore-pattern .gitignore ./ --fix > file.out.txt",
-    "pwa": "NODE_ENV=development PORT=8097 APP_VERSION='1.2.75' quasar dev -m pwa",
-    "spa": "NODE_ENV=development PORT=8087 APP_VERSION='1.2.75' quasar dev",
+    "pwa": "NODE_ENV=development PORT=8097 APP_VERSION='1.2.76' quasar dev -m pwa",
+    "spa": "NODE_ENV=development PORT=8087 APP_VERSION='1.2.76' quasar dev",
     "debug": "quasar dev --mode debug",
     "test": "echo \"No test specified\" && exit 0",
     "generate-sw": "workbox generateSW workbox-config.js",

scripts/_ALL_SITES/gruppomacro.app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gruppomacro",
-  "version": "1.2.75",
+  "version": "1.2.76",
   "productName": "Gruppo Macro",
   "description": "Il Gruppo Editoriale Macro, attivo dal 1987, è leader europeo nella pubblicazione di libri per il benessere e la consapevolezza. Con oltre 1.500 titoli, promuove una visione armonica del mondo, offrendo opere di autori internazionali e italiani come Gregg Braden, Bruce Lipton, Joe Dispenza, Louise Hay, Eckhart Tolle e molti altri. Scopri un'editoria che abbraccia il corpo, la mente, lo spirito e l'ecologia.",
   "author": "Surya",
@@ -9,20 +9,20 @@
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "dev": "PORT=8089 APP_VERSION='1.2.75' quasar dev",
+    "dev": "PORT=8089 APP_VERSION='1.2.76' quasar dev",
     "dev_noCheck": "SKIP_TSC=true quasar dev",
     "build": "quasar build",
-    "buildpwa": "NODE_ENV=production APP_VERSION='1.2.75' quasar build -m pwa",
-    "buildpwatest": "NODE_ENV=production APP_VERSION='1.2.75' quasar build -m pwa",
+    "buildpwa": "NODE_ENV=production APP_VERSION='1.2.76' quasar build -m pwa",
+    "buildpwatest": "NODE_ENV=production APP_VERSION='1.2.76' quasar build -m pwa",
     "type-check": "vue-tsc --noEmit",
     "type-check:watch": "vue-tsc --noEmit --watch",
-    "buildspa": "APP_VERSION='1.2.75' quasar build -m spa",
+    "buildspa": "APP_VERSION='1.2.76' quasar build -m spa",
     "lint": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\"",
     "lintfile": "eslint --ext .js,.ts,.vue --ignore-path .gitignore ./ > file.out.txt",
     "lintfileNoJS": "eslint --ext .ts,.vue --ignore-path .gitignore ./ > file.out.txt",
     "fix": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\" --ignore-pattern .gitignore ./ --fix > file.out.txt",
-    "pwa": "NODE_ENV=development PORT=8099 APP_VERSION='1.2.75' quasar dev -m pwa",
-    "spa": "NODE_ENV=development PORT=8089 APP_VERSION='1.2.75' quasar dev",
+    "pwa": "NODE_ENV=development PORT=8099 APP_VERSION='1.2.76' quasar dev -m pwa",
+    "spa": "NODE_ENV=development PORT=8089 APP_VERSION='1.2.76' quasar dev",
     "debug": "quasar dev --mode debug",
     "test": "echo \"No test specified\" && exit 0",
     "generate-sw": "workbox generateSW workbox-config.js",

scripts/_ALL_SITES/nuovomondo.app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuovomondo",
-  "version": "1.2.75",
+  "version": "1.2.76",
   "description": "Nuovo Mondo",
   "productName": "Nuovo Mondo",
   "author": "Surya",
@@ -9,11 +9,11 @@
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "dev": "APP_VERSION='1.2.75' PORT=8083 quasar dev",
+    "dev": "APP_VERSION='1.2.76' PORT=8083 quasar dev",
     "dev_noCheck": "SKIP_TSC=true quasar dev",
     "build": "quasar build",
-    "buildpwa": "NODE_ENV=production APP_VERSION='1.2.75' quasar build -m pwa",
-    "buildpwatest": "NODE_ENV=production APP_VERSION='1.2.75' quasar build -m pwa",
+    "buildpwa": "NODE_ENV=production APP_VERSION='1.2.76' quasar build -m pwa",
+    "buildpwatest": "NODE_ENV=production APP_VERSION='1.2.76' quasar build -m pwa",
     "type-check": "vue-tsc --noEmit",
     "type-check:watch": "vue-tsc --noEmit --watch",
     "buildspa": "quasar build -m spa",
@@ -21,8 +21,8 @@
     "lintfile": "eslint --ext .js,.ts,.vue --ignore-path .gitignore ./ > file.out.txt",
     "lintfileNoJS": "eslint --ext .ts,.vue --ignore-path .gitignore ./ > file.out.txt",
     "fix": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\" --ignore-pattern .gitignore ./ --fix > file.out.txt",
-    "pwa": "NODE_ENV=development PORT=8094 APP_VERSION='1.2.75' quasar dev -m pwa",
-    "spa": "NODE_ENV=development PORT=8083 APP_VERSION='1.2.75' quasar dev",
+    "pwa": "NODE_ENV=development PORT=8094 APP_VERSION='1.2.76' quasar dev -m pwa",
+    "spa": "NODE_ENV=development PORT=8083 APP_VERSION='1.2.76' quasar dev",
     "debug": "quasar dev --mode debug",
     "test": "echo \"No test specified\" && exit 0",
     "generate-sw": "workbox generateSW workbox-config.js",

scripts/_ALL_SITES/nutriben-naturopatia.it/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nutriben",
-  "version": "1.2.75",
+  "version": "1.2.76",
   "description": "Nutriben",
   "productName": "Nutriben",
   "author": "Surya",
@@ -9,20 +9,20 @@
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "dev": "PORT=8093 APP_VERSION='1.2.75' quasar dev",
+    "dev": "PORT=8093 APP_VERSION='1.2.76' quasar dev",
     "dev_noCheck": "SKIP_TSC=true quasar dev",
     "build": "quasar build",
-    "buildpwa": "NODE_ENV=production APP_VERSION='1.2.75' quasar build -m pwa",
-    "buildpwatest": "NODE_ENV=production APP_VERSION='1.2.75' quasar build -m pwa",
+    "buildpwa": "NODE_ENV=production APP_VERSION='1.2.76' quasar build -m pwa",
+    "buildpwatest": "NODE_ENV=production APP_VERSION='1.2.76' quasar build -m pwa",
     "type-check": "vue-tsc --noEmit",
     "type-check:watch": "vue-tsc --noEmit --watch",
-    "buildspa": "APP_VERSION='1.2.75' quasar build -m spa",
+    "buildspa": "APP_VERSION='1.2.76' quasar build -m spa",
     "lint": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\"",
     "lintfile": "eslint --ext .js,.ts,.vue --ignore-path .gitignore ./ > file.out.txt",
     "lintfileNoJS": "eslint --ext .ts,.vue --ignore-path .gitignore ./ > file.out.txt",
     "fix": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\" --ignore-pattern .gitignore ./ --fix > file.out.txt",
-    "pwa": "NODE_ENV=development PORT=8099 APP_VERSION='1.2.75' quasar dev -m pwa",
-    "spa": "NODE_ENV=development PORT=8093 APP_VERSION='1.2.75' quasar dev",
+    "pwa": "NODE_ENV=development PORT=8099 APP_VERSION='1.2.76' quasar dev -m pwa",
+    "spa": "NODE_ENV=development PORT=8093 APP_VERSION='1.2.76' quasar dev",
     "debug": "quasar dev --mode debug",
     "test": "echo \"No test specified\" && exit 0",
     "generate-sw": "workbox generateSW workbox-config.js",

scripts/_ALL_SITES/piuchebuono.app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piuchebuono",
-  "version": "1.2.75",
+  "version": "1.2.76",
   "description": "PiuCheBuono",
   "productName": "PiuCheBuono",
   "author": "Surya",
@@ -9,11 +9,11 @@
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "dev": "PORT=8085 APP_VERSION='1.2.75' quasar dev",
+    "dev": "PORT=8085 APP_VERSION='1.2.76' quasar dev",
     "dev_noCheck": "SKIP_TSC=true quasar dev",
     "build": "quasar build",
-    "buildpwa": "NODE_ENV=production APP_VERSION='1.2.75' quasar build -m pwa",
-    "buildpwatest": "NODE_ENV=production APP_VERSION='1.2.75' quasar build -m pwa",
+    "buildpwa": "NODE_ENV=production APP_VERSION='1.2.76' quasar build -m pwa",
+    "buildpwatest": "NODE_ENV=production APP_VERSION='1.2.76' quasar build -m pwa",
     "type-check": "vue-tsc --noEmit",
     "type-check:watch": "vue-tsc --noEmit --watch",
     "buildspa": "quasar build -m spa",
@@ -21,8 +21,8 @@
     "lintfile": "eslint --ext .js,.ts,.vue --ignore-path .gitignore ./ > file.out.txt",
     "lintfileNoJS": "eslint --ext .ts,.vue --ignore-path .gitignore ./ > file.out.txt",
     "fix": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\" --ignore-pattern .gitignore ./ --fix > file.out.txt",
-    "pwa": "NODE_ENV=development PORT=8085 APP_VERSION='1.2.75' quasar dev -m pwa",
-    "spa": "NODE_ENV=development PORT=8085 APP_VERSION='1.2.75' quasar dev",
+    "pwa": "NODE_ENV=development PORT=8085 APP_VERSION='1.2.76' quasar dev -m pwa",
+    "spa": "NODE_ENV=development PORT=8085 APP_VERSION='1.2.76' quasar dev",
     "debug": "quasar dev --mode debug",
     "test": "echo \"No test specified\" && exit 0",
     "generate-sw": "workbox generateSW workbox-config.js",

scripts/_ALL_SITES/riso.app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "riso",
-  "version": "1.2.75",
+  "version": "1.2.76",
   "productName": "Riso 💚 - Rete Italiana Scambi Orizzontali",
   "description": "Progetto RISO (Rete Italiana Scambi Orizzontali) promuove una rete di comunità locali che favoriscono scambi di beni, servizi e ospitalità. Con l'App RISO, sviluppata per facilitare il baratto, il dono e l'uso di monete alternative come i RIS, il progetto crea legami autentici basati sulla fiducia e sostenibilità. Partecipa agli scambi e costruisci una comunità più consapevole e autosufficiente.",
   "author": "Surya",
@@ -9,11 +9,11 @@
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "dev": "APP_VERSION='1.2.75' PORT=8084 quasar dev",
+    "dev": "APP_VERSION='1.2.76' PORT=8084 quasar dev",
     "dev_noCheck": "SKIP_TSC=true quasar dev",
     "build": "quasar build",
-    "buildpwa": "NODE_ENV=production APP_VERSION='1.2.75' quasar build -m pwa",
-    "buildpwatest": "NODE_ENV=production APP_VERSION='1.2.75' quasar build -m pwa",
+    "buildpwa": "NODE_ENV=production APP_VERSION='1.2.76' quasar build -m pwa",
+    "buildpwatest": "NODE_ENV=production APP_VERSION='1.2.76' quasar build -m pwa",
     "type-check": "vue-tsc --noEmit",
     "type-check:watch": "vue-tsc --noEmit --watch",
     "buildspa": "quasar build -m spa",
@@ -21,8 +21,8 @@
     "lintfile": "eslint --ext .js,.ts,.vue --ignore-path .gitignore ./ > file.out.txt",
     "lintfileNoJS": "eslint --ext .ts,.vue --ignore-path .gitignore ./ > file.out.txt",
     "fix": "eslint -c ./eslint.config.js \"./src*/**/*.{ts,js,cjs,mjs,vue}\" --ignore-pattern .gitignore ./ --fix > file.out.txt",
-    "pwa": "NODE_ENV=development PORT=8094 APP_VERSION='1.2.75' quasar dev -m pwa",
-    "spa": "NODE_ENV=development PORT=8084 APP_VERSION='1.2.75' quasar dev",
+    "pwa": "NODE_ENV=development PORT=8094 APP_VERSION='1.2.76' quasar dev -m pwa",
+    "spa": "NODE_ENV=development PORT=8084 APP_VERSION='1.2.76' quasar dev",
     "debug": "quasar dev --mode debug",
     "test": "echo \"No test specified\" && exit 0",
     "generate-sw": "workbox generateSW workbox-config.js",

scripts/now.txt

@@ -1 +1 @@
-TERMINA DI LAVORARE SU riso.app: (Sovrascrivo!)
+TERMINA DI LAVORARE SU gruppomacro.app: (Sovrascrivo!)

src-pwa/custom-service-worker.js

@@ -3,7 +3,7 @@
 /* global workbox */
 /* global cfgenv */
 
-const VITE_APP_VERSION = '1.2.75';
+const VITE_APP_VERSION = '1.2.76';
 
 // Costanti di configurazione
 const DYNAMIC_CACHE = 'dynamic-cache-v2';

src-pwa/manifest.json

@@ -1,7 +1,7 @@
 {
-    "name": "Gruppo Macro",
-    "short_name": "GruppoMacro",
-    "description": "",
+    "name": "Riso",
+    "short_name": "Riso",
+    "description": "Siamo la Rete Italiana di Scambio Orizzontale, abbiamo creato questa piattaforma per metterla al servizio di chi vuole riscoprire il valore della condivisione e della cooperazione. Valori semplici e profondi che ci aiutano a ritrovare il Senso della Vita, perduto in questa società consumista, e riporti quei Sani Pricìpi Naturali ed Umani di Fratellanza che intere popolazioni antiche conoscevano bene.",
     "display": "standalone",
     "orientation": "portrait",
     "background_color": "#fff",
@@ -11,17 +11,47 @@
     "start_url": "/?homescreen=1",
     "icons": [
         {
-            "src": "/images/gm-android-icon-512x512.png",
+            "src": "/images/riso-android-icon-512x512.png",
             "sizes": "512x512",
             "type": "image/png"
         },
         {
-            "src": "/images/gm-android-icon-192x192.png",
+            "src": "/images/riso-android-icon-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        },
+        {
+            "src": "/images/riso-android-icon-192x192.png",
             "sizes": "192x192",
             "type": "image/png"
         },
         {
-            "src": "/images/gm-apple-touch-icon.png",
+            "src": "/images/riso-android-icon-144x144.png",
+            "sizes": "144x144",
+            "type": "image/png"
+        },
+        {
+            "src": "/images/riso-android-icon-96x96.png",
+            "sizes": "96x96",
+            "type": "image/png"
+        },
+        {
+            "src": "/images/riso-apple-icon-120x120.png",
+            "sizes": "120x120",
+            "type": "image/png"
+        },
+        {
+            "src": "/images/riso-apple-icon-144x144.png",
+            "sizes": "144x144",
+            "type": "image/png"
+        },
+        {
+            "src": "/images/riso-apple-icon-152x152.png",
+            "sizes": "152x152",
+            "type": "image/png"
+        },
+        {
+            "src": "/images/riso-apple-icon-180x180.png",
             "sizes": "180x180",
             "type": "image/png"
         }

src/App.vue

@@ -18,7 +18,7 @@
 
           <!-- 🔥 Aggiungi qui il componente PWA Updater -->
           <CCheckUpdatesPWA
-            :showManualCheckButton="tools.isDebug()"
+            :showManualCheckButton="false"
             :autoCheckInterval="60"
             :showSuccessNotification="true"
           />

src/components/CCardCarouselComp/CCardCarouselComp.scss

@@ -0,0 +1,65 @@
+
+.elemEdit {
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  background: rgba(0, 0, 0, 0.5);
+  color: white;
+  padding: 5px 10px;
+  border-radius: 4px;
+  z-index: 100;
+  font-size: 12px;
+}
+
+.card-group-scrollable {
+  overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-width: thin;
+}
+
+.card-group-scrollable::-webkit-scrollbar {
+  height: 8px;
+}
+
+.card-group-scrollable::-webkit-scrollbar-track {
+  background: rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+}
+
+.card-group-scrollable::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.3);
+  border-radius: 4px;
+}
+
+.flex-card {
+  display: flex;
+  flex-direction: column;
+  transition: transform 0.3s ease;
+  margin: 0 0.25rem !important;
+}
+
+.titolo_card {
+  cursor: pointer;
+}
+
+.titolo_card:hover {
+  transform: scale(1.05);
+}
+
+.img-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.02);
+}
+
+.q-card-section-small {
+  padding: px !important;  // o il valore che preferisci
+  flex: 1;
+}
+
+.clEdit {
+  border: 2px dashed #ff9800;
+  background: rgba(255, 152, 0, 0.1);
+  cursor: pointer;
+}

src/components/CCardCarouselComp/CCardCarouselComp.ts

@@ -0,0 +1,148 @@
+import { ref, computed, defineComponent, onMounted } from 'vue';
+import { useQuasar } from 'quasar';
+
+import { tools } from '@tools';
+import { IMyCard, IMyPage, IOperators } from '@src/model';
+
+import objectId from '@src/js/objectId';
+
+export default defineComponent({
+  name: 'ElementComponent',
+  props: {
+    myel: {
+      type: Object,
+      required: true,
+    },
+    editOn: {
+      type: Boolean,
+      default: false,
+    },
+    path: {
+      type: String,
+      default: '',
+    },
+    cardColumnClass: {
+      type: String,
+      default: 'col-12 col-sm-6 col-md-4',
+    },
+    cardWidth: {
+      type: String,
+      default: '300px',
+    },
+    cardHeight: {
+      type: String,
+      required: true,
+    },
+    cardImg: {
+      type: String,
+      required: true,
+    },
+  },
+
+  setup(props) {
+    const $q = useQuasar();
+    const carousel = ref(null);
+    const cardScroller = ref(<any>null);
+    const slide = ref(0);
+    const animarecard = ref(0);
+
+    // Computed per l'altezza del contenitore immagine (70% dell'altezza card)
+    const imageContainerHeight = computed(() => {
+      const heightValue = parseInt(props.cardHeight.replace('px', ''));
+      return `${heightValue * 0.7}px`;
+    });
+    const currentCardsPerSlide = computed(() => {
+      return props.myel.num2 ? props.myel.num2 : 2; // cardsPerSlide
+    });
+
+    // Costanti per i tipi di elemento
+    const ELEMTYPE = {
+      CARD: 'card',
+      MARGINI: 'margini',
+    };
+
+    const cardGroups = computed(() => {
+      const cards = props.myel.listcards || [];
+      const groups = [];
+
+      for (let i = 0; i < cards.length; i += currentCardsPerSlide.value) {
+        groups.push(cards.slice(i, i + currentCardsPerSlide.value));
+      }
+
+      if (!groups.length) {
+        groups.push([
+          {
+            _id: objectId(),
+            imagefile: '',
+            alt: '',
+            description: '',
+            vers_img: 0,
+          },
+        ]);
+      }
+
+      return groups;
+    });
+
+    // Metodi
+    const canScrollLeft = ref(false);
+    const canScrollRight = ref(false);
+
+    // Funzione per aggiornare lo stato degli scroll
+function updateScrollButtons() {
+  const scroller = Array.isArray(cardScroller.value)
+    ? cardScroller.value[slide.value]
+    : cardScroller.value;
+
+  if (scroller) {
+    canScrollLeft.value = scroller.scrollLeft > 5; // 5px di tolleranza
+    canScrollRight.value = scroller.scrollLeft < (scroller.scrollWidth - scroller.clientWidth - 5);
+  }
+}
+    // Modifica scrollCards per aggiornare i bottoni dopo lo scroll
+    function scrollCards(delta: number) {
+      const scroller = Array.isArray(cardScroller.value)
+        ? cardScroller.value[slide.value]
+        : cardScroller.value;
+
+      if (scroller) {
+        scroller.scrollBy({
+          left: delta,
+          behavior: 'smooth',
+        });
+        // Aggiorna i bottoni dopo un piccolo delay per lo smooth scroll
+        setTimeout(updateScrollButtons, 300);
+      }
+    }
+    const clickOnElem = () => {
+      // Logica per il click sull'elemento
+      console.log('Element clicked', props.myel);
+    };
+
+    const getClass = () => {
+      // Restituisce classi aggiuntive basate sulla configurazione
+      return props.myel.extraClass || '';
+    };
+
+    onMounted(() => {
+      updateScrollButtons();
+    });
+
+    return {
+      carousel,
+      cardScroller,
+      slide,
+      animarecard,
+      ELEMTYPE,
+      cardGroups,
+      scrollCards,
+      clickOnElem,
+      getClass,
+      tools,
+      imageContainerHeight,
+      canScrollLeft,
+      canScrollRight,
+      updateScrollButtons,
+    };
+  },
+});

src/components/CCardCarouselComp/CCardCarouselComp.vue

@@ -0,0 +1,158 @@
+<template>
+  <div>
+    <!-- Card Carousel -->
+    <div class="card-carousel-container">
+      <div
+        v-if="editOn"
+        class="elemEdit"
+      >
+        Card
+      </div>
+      <q-carousel
+        swipeable
+        animated
+        :autoplay="animarecard"
+        v-model="slide"
+        navigation
+        control-text-color="white"
+        ref="carousel"
+        transition-next="slide-left"
+        transition-prev="slide-right"
+        :height="tools.getNumberByPixel(cardHeight) + 20 + 'px'"
+        width="100%"
+        control-type="flat"
+        class="shadow-2 rounded-borders"
+        :style="`background-color: ${myel.color || '#ffffff'} !important`"
+        @mouseenter="animarecard = 0"
+        @mouseleave="animarecard = 1000"
+      >
+        <template v-slot:control>
+          <q-carousel-control
+            position="top-left"
+            :offset="[10, -10]"
+            class="q-gutter-xs"
+            style="opacity: 0.7"
+          >
+            <q-btn
+              v-if="canScrollLeft"
+              push
+              round
+              :color="$q.dark.isActive ? 'black' : 'white'"
+              :text-color="$q.dark.isActive ? 'white' : 'black'"
+              icon="keyboard_arrow_left"
+              @click="scrollCards(-300)"
+              @scroll="updateScrollButtons"
+            />
+          </q-carousel-control>
+          <q-carousel-control
+            position="top-right"
+            class="q-gutter-xs"
+            :offset="[10, -10]"
+            style="opacity: 0.7"
+          >
+            <q-btn
+              v-if="canScrollRight"
+              push
+              round
+              :color="$q.dark.isActive ? 'black' : 'white'"
+              :text-color="$q.dark.isActive ? 'white' : 'black'"
+              icon="keyboard_arrow_right"
+              @click="scrollCards(300)"
+              @scroll="updateScrollButtons"
+            />
+          </q-carousel-control>
+        </template>
+
+        <!-- Slides con gruppi di card -->
+        <q-carousel-slide
+          v-for="(group, groupIndex) in cardGroups"
+          :key="groupIndex"
+          :name="groupIndex"
+        >
+          <div
+            ref="cardScroller"
+             @scroll="updateScrollButtons"
+            :style="{
+              'max-height': tools.getNumberByPixel(cardHeight) + 20 + 'px',
+              'max-width': $q.screen.width + 'px',
+              'overflow-x': 'auto',
+              'overflow-y': 'hidden',
+              'padding-bottom': '10px',
+            }"
+          >
+            <div class="row no-wrap items-center">
+              <div
+                v-for="(rec, cardIndex) in group"
+                :key="cardIndex"
+                :class="cardColumnClass"
+                class="flex flex-center"
+              >
+                <q-card
+                  :class="
+                    'flex-card bordered ' +
+                    (myel.class3 || '') +
+                    (rec.link ? ' titolo_card' : '')
+                  "
+                  :style="`
+                    ${rec.style || ''};
+                    height: ${tools.getNumberByPixel(cardHeight) - 0 + 'px'};
+                    width: ${rec.width || cardWidth};
+                    flex: 0 0 auto;
+                    display: flex;
+                    flex-direction: column;
+                  `"
+                  @click="rec.link ? tools.openUrl(rec.link) : undefined"
+                >
+                  <div
+                    class="img-container"
+                    :style="`
+                      height: ${cardImg};
+                      min-height: ${cardImg};
+                      max-height: ${cardImg};
+                      overflow: hidden;
+                      flex-shrink: 0;
+                    `"
+                  >
+                    <q-img
+                      :class="
+                        (tools.getClassAnim(myel.anim2) || '') + ' ' + (myel.class4 || '')
+                      "
+                      :src="tools.getImgFileByElem(myel, rec, path)"
+                      fit="contain"
+                      :style="`height: ${cardImg};`"
+                    />
+                  </div>
+                  <q-card-section class="q-card-section-small">
+                    <div
+                      :class="rec.size || 'text-subtitle1'"
+                      :style="`color: ${rec.color || 'inherit'}`"
+                    >
+                      {{ tools.getText(rec.alt) }}
+                    </div>
+                    <div
+                      :class="'q-mt-xs q-mb-xs ' + (tools.getClassAnim(myel.anim) || '')"
+                      v-html="rec.content"
+                    />
+                    <div
+                      v-if="rec.description"
+                      class="text-caption"
+                      :style="`color: ${rec.colorsub || 'grey'}`"
+                    >
+                      {{ rec.description }}
+                    </div>
+                  </q-card-section>
+                </q-card>
+              </div>
+            </div>
+          </div>
+        </q-carousel-slide>
+      </q-carousel>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" src="./CCardCarouselComp.ts"></script>
+
+<style lang="scss" scoped>
+@import './CCardCarouselComp.scss';
+</style>

src/components/CCardCarouselComp/index.ts

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

src/components/CCheckAppRunning/CCheckAppRunning.vue

@@ -10,7 +10,7 @@
 
   <div
     v-if="finishLoading"
-    class="row justify-center q-gutter-md"
+    class="row justify-center"
   >
     <!-- 🚫 Se sei in un WebView non compatibile (es. Telegram) -->
 

src/components/CDashboard/CDashboard.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="q-ma-xs">
+  <div class="q-ma-none">
     <div
       v-if="tools.visualizzaHomeApp()"
-      class="row q-my-xs shadow"
-      style="border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.12)"
+      class="row q-mx-xs shadow-1"
+      style="border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.12)"
     >
       <!--<div class="col-md-3 col-lg-3 col-sm-12 col-xs-12 box_4" style="border-left: 1px solid #efefef;"
            v-bind:class="{'border-top': $q.platform.is.mobile}">

src/components/CMyEditElem/CMyEditElem.vue

@@ -243,6 +243,7 @@
           <div class="row">
             <CMySlider
               v-if="
+                myel.type === shared_consts.ELEMTYPE.CARD ||
                 myel.type === shared_consts.ELEMTYPE.CATALOGLIST ||
                 myel.type === shared_consts.ELEMTYPE.RACCOLTE_CATALOGHI
               "
@@ -470,6 +471,15 @@
             />
           </q-expansion-item>
           <div class="row">
+            <q-input
+              dense
+              label="Classe per Card:"
+              @update:model-value="modifElem"
+              v-model="myel.class2"
+              filled
+              v-on:keyup.enter="saveElem"
+            >
+            </q-input>
             <q-input
               dense
               label="Classe Schede:"

src/components/CMyElem/CMyElem.scss

@@ -468,3 +468,6 @@ h1 {
   border: #11f609 solid 2px;
   cursor: pointer;
 }
+.myElemBase{
+  margin-bottom: 16px;
+}

src/components/CMyElem/CMyElem.ts

@@ -34,6 +34,7 @@ import { CMyVideoYoutube } from '@src/components/CMyVideoYoutube';
 import { CStatMacro } from '@src/components/CStatMacro';
 import { CSearchProduct } from '@src/components/CSearchProduct';
 import { CPageViewStats } from '@src/components/CPageViewStats';
+import { CCardCarouselComp } from 'app/src/components/CCardCarouselComp';
 import { CQRCode } from '@src/components/CQRCode';
 import { CAITools } from '@src/components/CAITools';
 import { CCatalogo } from '@src/components/CCatalogo';
@@ -105,6 +106,7 @@ export default defineComponent({
     CMainView,
     CNotifAtTop,
     CPresentazione,
+    CCardCarouselComp,
     CMyActivities,
     CMyProfileTutorial,
     CSendRISTo,
@@ -196,6 +198,8 @@ export default defineComponent({
 
     const tabcatalogo = ref('griglia');
 
+    const enablePwa = computed(() => globalStore.site.confpages?.enablePwa);
+
     const social = ref(<ISocial>{});
 
     const neworder = ref(<number | undefined>0);
@@ -244,7 +248,6 @@ export default defineComponent({
     const speedSafe = computed(() => (myel.value as any).speed ?? 0);
 
     const carouselRef = ref(<any>null);
-    const cardScroller = ref(<any>null);
     const isAtStart = ref(true);
     const isAtEnd = ref(false);
     const activeIndex = ref(0);
@@ -399,16 +402,6 @@ export default defineComponent({
       }
     }
 
-    function scrollCards(delta: number) {
-      const scroller = cardScroller.value?.[0] || cardScroller.value;
-      if (scroller) {
-        scroller.scrollBy({
-          left: delta,
-          behavior: 'smooth',
-        });
-      }
-    }
-
     const updateApp = async () => {
       // Invia il messaggio al Service Worker per saltare l'attesa
       const registration = await navigator.serviceWorker.getRegistration();
@@ -472,9 +465,8 @@ export default defineComponent({
       speedSafe,
       t,
       cardGroupMaxWidth,
-      cardScroller,
-      scrollCards,
       isNewVersionAvailable,
+      enablePwa,
     };
   },
 });

src/components/CMyElem/CMyElem.vue

@@ -1,5 +1,6 @@
 <template>
   <div>
+    <!-- CMyElem -->
     <div
       v-if="myel"
       :class="
@@ -40,139 +41,17 @@
             </div>
           </transition>
         </div>
-        <div
-          v-if="myel.type === shared_consts.ELEMTYPE.CARD"
-          class="card-carousel-container"
-        >
-          <div
-            v-if="editOn"
-            class="elemEdit"
-          >
-            Card
-          </div>
-          <q-carousel
-            swipeable
-            animated
-            :autoplay="animarecard"
-            v-model="slide"
-            navigation
-            control-text-color="white"
-            ref="carousel"
-            transition-next="slide-left"
-            transition-prev="slide-right"
-            :height="myel.heightcarousel"
-            width="100%"
-            control-type="flat"
-            class="shadow-2 rounded-borders"
-            :style="`background-color: ${myel.color} !important`"
-            @mouseenter="animarecard = 0"
-            @mouseleave="animarecard = 1000"
-          >
-            <template v-slot:control>
-              <q-carousel-control
-                position="top-left"
-                :offset="[-10, -10]"
-                class="q-gutter-xs"
-                style="opacity: 0.7"
-              >
-                <q-btn
-                  push
-                  round
-                  :color="$q.dark.isActive ? `black` : `white`"
-                  :text-color="$q.dark.isActive ? `white` : `black`"
-                  icon="keyboard_arrow_left"
-                  @click="scrollCards(-300)"
-                ></q-btn>
-              </q-carousel-control>
-              <q-carousel-control
-                position="top-right"
-                class="q-gutter-xs"
-                :offset="[-10, -10]"
-                style="opacity: 0.7"
-              >
-                <q-btn
-                  push
-                  round
-                  :color="$q.dark.isActive ? `black` : `white`"
-                  :text-color="$q.dark.isActive ? `white` : `black`"
-                  icon="keyboard_arrow_right"
-                  @click="scrollCards(300)"
-                ></q-btn>
-              </q-carousel-control>
-            </template>
-            <!-- Iteriamo sui gruppi di card invece che sulle singole card -->
-            <q-carousel-slide
-              v-for="(group, groupIndex) in cardGroups"
-              :key="groupIndex"
-              :name="groupIndex"
-            >
-              <!-- Contenitore scrollabile orizzontalmente -->
-              <div
-                ref="cardScroller"
-                class="card-group-scrollable"
-                :style="{ 'max-height': myel.heightcarousel, 'max-width': ($q.screen.width - 45) + 'px' }"
-              >
-                <div class="row no-wrap items-center">
-                  <template
-                    v-for="(rec, cardIndex) in group"
-                    :key="cardIndex"
-                  >
-                    <div
-                      :class="cardColumnClass"
-                      class="flex flex-center"
-                    >
-                      <q-card
-                        :class="
-                          `flex-card bordered ` +
-                          myel.class3 +
-                          (rec.link ? ' titolo_card' : '')
-                        "
-                        :style="`
-              ${rec.style};
-              height: ${myel.heightimg || '300px'};
-              width: ${myel.widthimg || '300px'};
-              flex: 0 0 auto;
-            `"
-                        @click="rec.link ? tools.openUrl(rec.link) : undefined"
-                      >
-                        <div
-                          class="img-container"
-                          :style="`height: ${parseInt(myel?.heightimg?.replace('px', '')) * 0.7}px; overflow: hidden;`"
-                        >
-                          <q-img
-                            :class="tools.getClassAnim(myel.anim2) + ' ' + myel.class4"
-                            :src="tools.getImgFileByElem(myel, rec, path)"
-                            fit="contain"
-                          />
-                        </div>
-                        <q-card-section class="q-card-section-small">
-                          <div
-                            :class="rec.size"
-                            :style="`color: ${rec.color}`"
-                          >
-                            {{ tools.getText(rec.alt) }}
-                          </div>
-                          <div
-                            :class="`q-mt-xs q-mb-xs ` + tools.getClassAnim(myel.anim)"
-                            v-html="rec.content"
-                          ></div>
-                          <div
-                            v-if="rec.description"
-                            class="text-caption"
-                            :style="`color: ${rec.colorsub}`"
-                          >
-                            {{ rec.description }}
-                          </div>
-                        </q-card-section>
-                      </q-card>
-                    </div>
-                  </template>
-                </div>
-              </div>
-            </q-carousel-slide>
-          </q-carousel>
-        </div>
+        <CCardCarouselComp
+          v-else-if="myel.type === shared_consts.ELEMTYPE.CARD"
+          :myel="myel"
+          :edit-on="editOn"
+          :path="path"
+          :card-column-class="cardColumnClass()"
+          :card-width="myel.widthcard"
+          :card-height="myel.heightcarousel"
+          :card-img="myel.heightimg"
 
+        />
         <div v-if="myel.type === shared_consts.ELEMTYPE.MARGINI">
           <div
             :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
@@ -182,7 +61,10 @@
             &nbsp;
           </div>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.TITLE">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.TITLE"
+          class="myElemBase"
+        >
           <div>
             <div
               :class="
@@ -204,7 +86,10 @@
             </div>
           </div>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.IMGTITLE">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.IMGTITLE"
+          class="myElemBase"
+        >
           <div>
             <div
               :class="
@@ -226,7 +111,10 @@
             </div>
           </div>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.IMGPOSTER">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.IMGPOSTER"
+          class="myElemBase"
+        >
           <div
             :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
             @click="clickOnElem"
@@ -248,7 +136,10 @@
             </CImgPoster>
           </div>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.HTML">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.HTML"
+          class="myElemBase"
+        >
           <div>
             <div
               :class="
@@ -263,7 +154,10 @@
             ></div>
           </div>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.QRCODE">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.QRCODE"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -277,7 +171,10 @@
             :imglogo="tools.getImgFileByElem(myel, undefined, path)"
           ></CQRCode>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.IMAGE">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.IMAGE"
+          class="myElemBase"
+        >
           <div class="text-center">
             <div
               :class="
@@ -300,7 +197,10 @@
           </div>
         </div>
 
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.IMAGEUPLOAD">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.IMAGEUPLOAD"
+          class="myElemBase"
+        >
           <div class="text-center">
             <div
               :class="
@@ -331,7 +231,10 @@
             </div>
           </div>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.VIDEO">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.VIDEO"
+          class="myElemBase"
+        >
           <div
             :class="myel.class + (editOn ? ` clEdit` : ``) + getClass()"
             @click="clickOnElem"
@@ -344,7 +247,10 @@
             </q-video>
           </div>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.VIDEO_YOUTUBE">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.VIDEO_YOUTUBE"
+          class="myElemBase"
+        >
           <CMyVideoYoutube
             :url="myelem.container"
             :title="myelem.container2 || ''"
@@ -364,7 +270,10 @@
             :ccLoad="myelem.ccLoad ?? false"
           />
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.IMAGE_GALLERY">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.IMAGE_GALLERY"
+          class="myElemBase"
+        >
           <CMyImageGallery> </CMyImageGallery>
         </div>
         <div v-else-if="myel.type === shared_consts.ELEMTYPE.HEADING">
@@ -396,9 +305,6 @@
               Pagina: {{ myel.container }}
             </div>
           </div>
-          <!--
-          <CMyPageElem v-if="myel.container" title="" :mypath="myel.container"> </CMyPageElem>
-          -->
         </div>
         <div v-else-if="myel.type === shared_consts.ELEMTYPE.PAGEINTRO">
           <div
@@ -574,7 +480,10 @@
           >
           </CEventsCalendar>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.MAINVIEW">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.MAINVIEW"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -592,16 +501,10 @@
           </div>
           <CMyProfileTutorial />
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.CHECKAPPRUNNING">
         <div
-            v-if="editOn"
-            class="elemEdit"
+          v-else-if="myel.type === shared_consts.ELEMTYPE.REGISTRATION"
+          class="myElemBase"
         >
-            CheckAppRunning
-          </div>
-          <CCheckAppRunning />
-        </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.REGISTRATION">
           <div
             v-if="editOn"
             class="elemEdit"
@@ -638,7 +541,10 @@
             </q-btn>
           </div>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.DASHBOARD">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.DASHBOARD"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -647,7 +553,10 @@
           </div>
           <CDashboard></CDashboard>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.DASHGROUP">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.DASHGROUP"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -656,7 +565,10 @@
           </div>
           <CDashGroup></CDashGroup>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.MOVEMENTS">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.MOVEMENTS"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -665,7 +577,10 @@
           </div>
           <CMovements :showbuttolastmov="true"></CMovements>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.CSENDRISTO">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.CSENDRISTO"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -674,7 +589,10 @@
           </div>
           <CSendRISTo></CSendRISTo>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.GRID_ORIZ">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.GRID_ORIZ"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -691,14 +609,20 @@
             :prop_modif="myel.parambool4"
           ></CGridOriz>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.SEARCHPRODUCT">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.SEARCHPRODUCT"
+          class="myElemBase"
+        >
           <CSearchProduct
             v-model="myel.catalogo"
             table="products"
           >
           </CSearchProduct>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.CATALOGLIST">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.CATALOGLIST"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -779,10 +703,16 @@
             </q-tab-panel>
           </q-tab-panels>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.STAT_PAGES">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.STAT_PAGES"
+          class="myElemBase"
+        >
           <CPageViewStats></CPageViewStats>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.RACCOLTE_CATALOGHI">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.RACCOLTE_CATALOGHI"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -841,7 +771,10 @@
             </q-tab-panel>
           </q-tab-panels>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.STATUSREG">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.STATUSREG"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -850,7 +783,10 @@
           </div>
           <CStatusReg> </CStatusReg>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.CHECKIFISLOGGED">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.CHECKIFISLOGGED"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -859,7 +795,10 @@
           </div>
           <CCheckIfIsLogged :showalways="myel.container"></CCheckIfIsLogged>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.VISUVIDEOPROMOANDPDF">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.VISUVIDEOPROMOANDPDF"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -868,10 +807,16 @@
           </div>
           <CVisuVideoPromoAndPDF :showalways="myel.container"></CVisuVideoPromoAndPDF>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.INFO_VERSION">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.INFO_VERSION"
+          class="myElemBase"
+        >
           <div>Versione: {{ tools.getvers() }}</div>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.BOTT_CONDIVIDI">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.BOTT_CONDIVIDI"
+          class="myElemBase"
+        >
           <div class="row justify-evenly items-center q-pa-sm q-ma-sm">
             <q-btn
               icon="fas fa-share"
@@ -893,7 +838,10 @@
             </q-btn>
           </div>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.BOTT_CHAT_TERRITORIALE">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.BOTT_CHAT_TERRITORIALE"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -944,7 +892,10 @@
           </div>
           <CPresentazione></CPresentazione>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.MYACTIVITIES">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.MYACTIVITIES"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -953,7 +904,10 @@
           </div>
           <CMyActivities></CMyActivities>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.ECOMMERCE">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.ECOMMERCE"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -962,21 +916,30 @@
           </div>
           <CECommerce></CECommerce>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.CATALOGO">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.CATALOGO"
+          class="myElemBase"
+        >
           <CCatalogo
             v-model="myel.catalogo"
             :idPage="idPage"
             @updateCatalogo="updateCatalogoEmit(myel.catalogo)"
           />
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.RACCOLTA">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.RACCOLTA"
+          class="myElemBase"
+        >
           <CRaccolta
             v-model="myel.catalogo"
             :idPage="idPage"
             @updateCatalogo="updateCatalogoEmit(myel.catalogo)"
           />
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.MAPPA">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.MAPPA"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -987,7 +950,10 @@
 
         ></CMapMarker>-->
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.MAPPAUTENTI">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.MAPPAUTENTI"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -996,7 +962,10 @@
           </div>
           <CMapUsers></CMapUsers>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.MAPPAGETCOORDINATE">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.MAPPAGETCOORDINATE"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -1005,7 +974,10 @@
           </div>
           <CMapGetCoordinates></CMapGetCoordinates>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.EDITADDRESSBYCOORD">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.EDITADDRESSBYCOORD"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -1017,7 +989,10 @@
             v-model:model-value="coordaddr"
           ></CMapEditAddressByCoord>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.MAPPACOMUNI">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.MAPPACOMUNI"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -1026,7 +1001,10 @@
           </div>
           <CMapComuni></CMapComuni>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.TOOLSAI">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.TOOLSAI"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -1035,7 +1013,10 @@
           </div>
           <CAITools></CAITools>
         </div>
-        <div v-else-if="myel.type === shared_consts.ELEMTYPE.CHATBOT">
+        <div
+          v-else-if="myel.type === shared_consts.ELEMTYPE.CHATBOT"
+          class="myElemBase"
+        >
           <div
             v-if="editOn"
             class="elemEdit"
@@ -1044,6 +1025,15 @@
           </div>
           <ChatBot></ChatBot>
         </div>
+        <div v-else-if="myel.type === shared_consts.ELEMTYPE.CHECKAPPRUNNING">
+          <div
+            v-if="editOn"
+            class="elemEdit"
+          >
+            CheckAppRunning
+          </div>
+          <CCheckAppRunning v-if="enablePwa" />
+        </div>
         <div v-else-if="myel.type === shared_consts.ELEMTYPE.NOTIFATTOP">
           <div
             v-if="editOn"
@@ -1107,8 +1097,8 @@
             </div>
             <div v-else>
               <span class="mybanner"
-                >* Aggiornamento APP in corso ... Se dopo 1 minuto non dovesse scomparire
-                questo messaggio, chiudere e riaprire la pagina.</span
+                >Aggiornamento APP in corso ... Se dopo 1 minuto non dovesse scomparire il
+                messaggio, chiudere e riaprire la pagina.</span
               >
             </div>
           </q-banner>

src/components/CMyPageElem/CMyPageElem.vue

@@ -65,7 +65,7 @@
 
         <!-- Contenuto pagina -->
         <div
-          :class="[{ 'q-gutter-xs': !hideHeader, 'q-mx-auto': !hideHeader, 'q-pb-lg': !hideHeader}]"
+          :class="[{ 'q-ma-xs': !hideHeader, 'q-mx-auto': !hideHeader }]"
           :style="hideHeader ? [{ 'margin-left': 0, 'margin-right': 0 }] : containerStyle"
         >
           <div v-if="globalStore.showHeader">
@@ -116,6 +116,7 @@
               appear
               :duration="300"
               enter-active-class="animated fadeInUp"
+              class="q-ma-none"
             >
               <div>
                 <CTitleBanner
@@ -135,8 +136,8 @@
                   order: {{ myelem.order }}
                 </div>
 
-                <!-- Sezione -->
                 <div v-if="myelem.type === shared_consts.ELEMTYPE.SECTION">
+                  <!-- Sezione -->
                   <div
                     v-if="editOn"
                     class="text-center text-caption q-mb-sm"
@@ -360,8 +361,8 @@
                   </CMyElem>
                 </div>
 
-                <!-- Elementi fuori sezione (retrocompatibilità) -->
                 <div v-else>
+                  <!-- Elementi fuori sezione (retrocompatibilità) -->
                   <CMyElem
                     v-if="myelem.active || editOn"
                     :myelem="myelem"
@@ -377,8 +378,8 @@
             </transition>
           </div>
 
-          <!-- Stato vuoto -->
           <div v-if="myelems.length === 0 && editOn">
+            <!-- Stato vuoto -->
             <CMyElem
               :myelem="myelemVoid"
               :editOn="editOn"
@@ -390,11 +391,11 @@
             />
           </div>
 
-          <!-- Aggiungi elemento al fondo lista -->
           <div
             v-if="editOn"
             class="text-center q-mt-sm"
           >
+            <!-- Aggiungi elemento al fondo lista -->
             <q-btn
               dense
               rounded

src/components/CMyProfileTutorial/CMyProfileTutorial.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="contact">
-    <div class="row items-center">
+    <div class="row items-center q-mt-0 q-mb-0">
       <div
         v-if="progressStep !== 1"
         :class="indstep >= numindstep ? 'col-10' : 'col-12'"

src/components/CNotifAtTop/CNotifAtTop.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="!hide && num_notifs > 0" class="q-ma-sm text-center">
+  <div v-if="!hide && num_notifs > 0" class="text-center">
     <q-btn
       :label="
         num_notifs > 1

src/components/CProductTable/CProductTable.scss

@@ -1,34 +1,70 @@
 .drag-handle {
-    cursor: grab; /* Mostra la manina */
-  }
+  cursor: grab;
+  /* Mostra la manina */
+}
 
-  .drag-handle:active {
-    cursor: grabbing; /* Cambia la manina quando l'utente sta trascinando */
-  }
+.drag-handle:active {
+  cursor: grabbing;
+  /* Cambia la manina quando l'utente sta trascinando */
+}
 
-  .etichetta{
+.etichetta {
   margin-top: 5px;
   margin-bottom: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   font-weight: bold;
   font-size: 1.15rem;
-  }
+}
 
-  .boxtitleval{
+.boxtitleval {
   padding: 10px;
   vertical-align: middle;
+}
+
+
+.custom-flat-button {
+  border: 1px solid #0078D4;
+  /* Colore del bordo */
+  background-color: transparent;
+  /* Rendi il background trasparente */
+  color: #0078D4;
+  /* Colore dell'icona e del testo */
+}
+
+.custom-flat-button:hover {
+  background-color: rgba(0, 120, 212, 0.1);
+  /* Aggiungi un colore di hover, se desideri */
+  border-color: #005A8C;
+  /* Colore del bordo al passaggio del mouse */
+}
+
+
+/* Stili per la vista responsiva */
+.table-container {
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.responsive-table {
+  min-width: 800px;
+  /* Imposta una larghezza minima per la tabella */
+  width: 100%;
+}
+
+.product-card {
+  border-left: 4px solid $primary;
+}
+
+/* Breakpoint personalizzati se necessario */
+@media (max-width: 599px) {
+  .table-container {
+    display: none;
   }
+}
 
-  
-  .custom-flat-button {
-    border: 1px solid #0078D4;  /* Colore del bordo */
-    background-color: transparent;  /* Rendi il background trasparente */
-    color: #0078D4;  /* Colore dell'icona e del testo */
+@media (min-width: 600px) {
+  .lt-md {
+    display: none;
   }
-  
-  .custom-flat-button:hover {
-    background-color: rgba(0, 120, 212, 0.1);  /* Aggiungi un colore di hover, se desideri */
-    border-color: #005A8C;  /* Colore del bordo al passaggio del mouse */
-  }
-  
+}

src/components/CProductTable/CProductTable.vue

@@ -24,7 +24,7 @@
           Lista filtrata con il termine "{{ searchText }}"
         </div>
       </div>
-      <div class="q-mb-md text-right">
+      <div class="q-mb-md text-right full-width">
         <q-select
           v-model="selectedColumns"
           :options="allColumnsComputed"
@@ -147,8 +147,177 @@
       </div>
     </div>
 
-    <!-- Tabella Prodotti -->
-    <table>
+    <!-- Vista Mobile: Cards -->
+    <div class="lt-md q-pa-md">
+      <draggable
+        v-if="!loading"
+        :model-value="internalProducts"
+        tag="div"
+        handle=".drag-handle"
+        item-key="_id"
+        @end="onDragEnd"
+        @update:modelValue="handleUpdate"
+      >
+        <template #item="{ element, index }">
+          <q-card
+            :key="element._id"
+            class="q-mb-md product-card"
+            flat
+            bordered
+          >
+            <q-card-section class="row items-center q-pa-sm bg-grey-2">
+              <div class="col">
+                <div class="text-weight-bold">
+                  #{{ index + 1 }} - {{ getFieldValue(element, { name: 'title' }) || 'Prodotto' }}
+                </div>
+              </div>
+              <div class="col-auto">
+                <q-icon
+                  v-if="isColumnVisible('drag')"
+                  name="drag_handle"
+                  size="24px"
+                  color="primary"
+                  class="drag-handle cursor-pointer"
+                />
+              </div>
+            </q-card-section>
+
+            <q-separator />
+
+            <q-card-section class="q-pa-md">
+              <div class="row q-col-gutter-md">
+                <!-- Immagine -->
+                <div
+                  v-if="isColumnVisible('image')"
+                  class="col-12 col-sm-4 text-center"
+                >
+                  <q-img
+                    :src="
+                      getImageByElement(element)
+                        ? tools.getFullFileNameByImageFile(
+                            table,
+                            getImageByElement(element),
+                            element._id
+                          )
+                        : element.productInfo?.image_link
+                    "
+                    style="max-width: 150px; max-height: 150px"
+                    class="rounded-borders cursor-pointer q-mx-auto"
+                    @click="showProduct(element)"
+                  />
+                </div>
+
+                <!-- Dati Prodotto -->
+                <div class="col-12 col-sm-8">
+                  <template v-for="field in allColumnsComputed" :key="field.name">
+                    <div
+                      v-if="
+                        isColumnVisible(field.name) &&
+                        !['pos', 'drag', 'image', 'edit', 'actions', 'addtocart', 'addtolist'].includes(field.name)
+                      "
+                      class="q-mb-sm"
+                    >
+                      <div class="text-caption text-grey-7">{{ field.label }}</div>
+                      <div
+                        :class="getFieldClass(element, field)"
+                        @click="getFieldClick(element, field)?.()"
+                        v-html="getFieldValue(element, field)"
+                      ></div>
+                    </div>
+                  </template>
+                </div>
+              </div>
+            </q-card-section>
+
+            <q-separator />
+
+            <!-- Azioni Card -->
+            <q-card-actions class="q-pa-sm">
+              <q-btn
+                v-if="!tools.isUtente() && isColumnVisible('edit')"
+                flat
+                dense
+                icon="edit"
+                label="Modifica"
+                @click="modifyProduct(element)"
+                color="primary"
+              />
+              <q-space />
+              <q-btn
+                v-if="isColumnVisible('addtocart')"
+                dense
+                icon-right="fas fa-cart-plus"
+                color="positive"
+                :label="
+                  t('products.addcart', {
+                    qta: ProductStore.qtaNextAdd(element.myorder, element),
+                  })
+                "
+                @click="addtoCart(element, true)"
+              />
+              <q-btn
+                v-if="isColumnVisible('addtocart') && ProductStore.enableSubQty(element.myorder)"
+                dense
+                icon-right="fas fa-cart-arrow-down"
+                color="negative"
+                :label="
+                  t('products.subcart', {
+                    qta: ProductStore.qtaNextSub(element.myorder, element),
+                  })
+                "
+                @click="addtoCart(element, false)"
+              />
+              <q-btn
+                v-if="isColumnVisible('addtolist') && isElementVisible('addtolist', element)"
+                dense
+                icon="fas fa-plus"
+                color="primary"
+                @click="addtolist(element)"
+              />
+              <q-btn-dropdown
+                v-if="isColumnVisible('actions', true)"
+                dense
+                flat
+                icon="more_vert"
+                color="primary"
+              >
+                <q-list>
+                  <q-item
+                    v-if="isVisibleEditBtn"
+                    clickable
+                    v-close-popup
+                    @click="modifyProduct(element)"
+                  >
+                    <q-item-section>
+                      <q-item-label>
+                        <q-icon name="edit" size="20px" class="q-mr-xs" />
+                        Scheda
+                      </q-item-label>
+                    </q-item-section>
+                  </q-item>
+                  <q-item
+                    clickable
+                    v-close-popup
+                    @click="removeProduct(element)"
+                  >
+                    <q-item-section>
+                      <q-item-label>
+                        <q-icon name="delete" size="20px" class="q-mr-xs" />
+                        Elimina
+                      </q-item-label>
+                    </q-item-section>
+                  </q-item>
+                </q-list>
+              </q-btn-dropdown>
+            </q-card-actions>
+          </q-card>
+        </template>
+      </draggable>
+    </div>
+
+    <!-- Vista Desktop/Tablet: Tabella con Scroll Orizzontale -->
+    <div class="gt-sm table-container">
+      <table class="responsive-table">
         <!-- Intestazioni (Thead) -->
         <thead>
           <tr>
@@ -206,7 +375,6 @@
                   <div class="row justify-center">
                     <span class="q-ma-sm"
                       >{{
-                      // put index in the first column
                         internalProducts.indexOf(element) + 1
                       }}
                     </span>
@@ -361,12 +529,12 @@
                   </q-btn-dropdown>
                 </td>
               </template>
-          </tr></template
-        >
-        >
+            </tr>
+          </template>
         </draggable>
       </table>
     </div>
+  </div>
   <CMyDialog
     v-model="showProd"
     title="Prodotto"

src/css/app.scss

@@ -2258,7 +2258,7 @@ $coloreprincipale: lightblue;
 }
 
 .card-carousel-container {
-   max-width: 100%;
+  width: 100%;
   overflow: hidden;
   position: relative;
 }
@@ -2852,7 +2852,6 @@ body.body--dark {
 .card-group-scrollable {
   width: 100%;
   overflow-x: auto;
-  overflow-y: hidden;
   -webkit-overflow-scrolling: touch; // smooth scroll su iOS
   scrollbar-width: none; // nasconde scrollbar su Firefox
   -ms-overflow-style: none; // nasconde scrollbar su IE/Edge

src/db/lang/ws_it.js

@@ -1,9 +1,9 @@
 const msg_website_it = {
   ws: {
-    sitename: 'Gruppo Macro',
-    siteshortname: 'Gruppo Macro',
-    description: '',
-    keywords: '',
+    sitename: 'RISO',
+    siteshortname: 'RISO',
+    description: 'Siamo la Rete Italiana di Scambio Orizzontale, abbiamo creato questa piattaforma per metterla al servizio di chi vuole riscoprire il valore della condivisione e della cooperazione. Valori semplici e profondi che ci aiutano a ritrovare il Senso della Vita, perduto in questa società consumista, e riporti quei Sani Pricìpi Naturali ed Umani di Fratellanza che intere popolazioni antiche conoscevano bene.',
+    keywords: 'riso, piattaforma di scambio, rete italiana scambio orizzontale, riso app, riso piattaforma, scambio e baratto, momenta RIS',
   },
   hours: {
     descr: 'Descrizione',
@@ -16,20 +16,29 @@ const msg_website_it = {
   pages: {
     home: 'Home',
     profile: 'Profilo',
-    install_site: 'Installa Sito',
     profile2: 'ProfiloU',
     mypage2: 'mypage2',
     myservice2: 'myservice2',
     myhosps2: 'myhosps2',
     mygood2: 'mygood2',
-    catalogo: 'Catalogo',
     fundraising: 'Sostieni il Progetto',
     notifs: 'Configura le Notifiche',
     unsubscribe: 'Disiscriviti',
-    unsubscribe_user: 'Disiscriviti User',
     test: 'Test',
     projects: 'Progetti',
     report: 'Report Ore',
+    producer: 'Produttore',
+    orderinfo: 'Ordini Effettuati',
+    products: 'Prodotti',
+    productslist: 'Lista Prodotti',
+    collabora: 'Collabora',
+    storehouses: 'Magazzino',
+    departments: 'Uffici',
+    orders: 'Ordini Ricevuti',
+    orders2: 'Ordini Ricevuti',
+    sharewithus: 'Condividi con Noi',
+    checkout: 'Carrello',
+    payment: 'Pagamenti',
     regok: 'Registrazione Confermata',
     presentazione: 'Presentazione',
     presentazione2: 'Presentazione',
@@ -75,12 +84,14 @@ const msg_website_it = {
     eventodef: 'Evento:',
     prova: 'prova',
     dbop: 'Operazioni',
-    dbopmacro: 'Operazioni Macro',
     projall: 'Comunitari',
     groups: 'Lista Gruppi',
     projectsShared: 'Condivisi da me',
     myprojects: 'Privati',
     favproj: 'Favoriti',
+    admin_ecommerce: 'ECommerce',
+    ecommerce: 'Prodotti',
+    ecommerce_menu: 'ECommerce1',
     hours: 'Ore',
     department: 'Uffici',
     title: 'Titolo',
@@ -109,11 +120,16 @@ const msg_website_it = {
     onlyif_logged: 'Solo se Loggati',
     only_residenti: 'Solo Residenti',
     only_consiglio: 'Solo Consiglieri',
-    only_collab: 'Solo Collaboratori',
     color: 'Colore',
+    mainMenu: 'Menu Principale',
+    subtitle: 'Sottotitolo',
+    lang: 'Lingua',
+    keywords: 'Parole Chiave',
+    desctiption: 'Descrizione',
+    heightimg: 'Altezza Immagine',
   },
   msg: {
-    myAppName: 'Più che Buono',
+    myAppName: 'Riso',
     myAppDescription: 'Il primo Vero Social Libero, Equo e Solidale, dove Vive Consapevolezza e Aiuto Comunitario. Gratuito',
     underconstruction: 'App in costruzione...',
     myDescriz: '',
@@ -172,18 +188,7 @@ const msg_website_it = {
       descr: '<ul class="mylist" style="padding-left: 20px;">'
         + '<li>📱<strong>Condividendo la APP</strong> a tutti coloro che vogliono far parte insieme della crescita e sviluppo di una Nuova Era</li>'
         + '<li>👥 Aiutando a creare Gruppi Territoriali nella vostra città, impegnandosi a realizzare progetti per il Bene Comune, in onore ai principi Amorevoli e di condivisione.</li>'
-        + '<li>🌱 Sostenendo le persone attorno a voi, e rispettando la nostra vera Casa: Madre Natura e Tutti gli Esseri Viventi. ❤️</li>'
-        + '<li>👨🏻‍💻 Con una <strong>piccola donazione</strong> per le spese dei Server, manutenzione e per i continui sviluppi e miglioramenti</li></ul>' +
-        '1) Tramite <strong><a href="https://paypal.me/paoloarena" target="_blank">Paypal</a></strong>:<br>' +
-        '<br>2) Tramite <strong>Satispay</strong>: <a href="https://www.satispay.com/app/match/link/money-box/S6Y-SVN--62712D42-35B0-4BB9-8511-410C2AB8CD45" target="_blank">Clicca qui</a><br>' +
-        '<div style="font-size: 1rem; background-color: white; color: blue; border: solid 2px #f00; margin: 5px; padding: 5px; border-radius: 10px; " ' +
-        'class="row justify-around">' +
-        'Se ancora non hai Satispay <a href="https://www.satispay.com/promo/PAOLOARENA4">Richiedila cliccando qui</a></br>' +
-        '</div>' +
-        '<br>3) Tramite <strong>Bonifico Bancario</strong>:<br>' +
-        '(Scrivi a Surya (<a href="https://t.me/surya1977">@surya1977</a>) per le coordinate</br>' +
-        '' +
-        '4) In alternativa scegli tu una forma di Dono <br />' +
+        + '<li>🌱 Sostenendo le persone attorno a voi, e rispettando la nostra vera Casa: Madre Natura e Tutti gli Esseri Viventi. ❤️</li>' +
         'Grazie Mille per l\'Aiuto ed il Supporto' +
         '<br>',
     },

src/db/static_data.ts

@@ -1,6 +1,6 @@
-/* GRUPPOMACRO APP
+/* RISO APP
 */
-import {
+import type {
   IListRoutes,
   ILang,
   IPreloadImages,
@@ -44,7 +44,6 @@ const firstPage = {
   infooter: true,
 }
 
-
 function getDynamicPages(site: ISites): IListRoutes[] {
 
   const baseroutes: IListRoutes[] = [
@@ -71,11 +70,34 @@ function getDynamicPages(site: ISites): IListRoutes[] {
     },
     {
       active: true,
-      order: 400,
-      path: '/test-lungo',
-      materialIcon: 'fas fa-test',
-      name: 'mypages.test_lungo',
-      component: () => import('@src/views/testLungo/testLungo.vue'),
+      order: 12,
+      path: '/goods',
+      materialIcon: 'fas fa-tshirt',
+      name: 'mypages.goods',
+      component: () => import('@src/root/goods/goods.vue'),
+      meta: { requiresAuth: true },
+      inmenu: true,
+      infooter: true,
+    },
+    {
+      active: true,
+      order: 15,
+      path: '/services',
+      materialIcon: 'fas fa-house-user',
+      name: 'mypages.services',
+      component: () => import('@src/root/services/services.vue'),
+      meta: { requiresAuth: true },
+      inmenu: true,
+      infooter: true,
+    },
+    {
+      active: true,
+      order: 15,
+      path: '/activities',
+      materialIcon: 'fas fa-house-user',
+      name: 'mypages.activities',
+      component: () => import('@src/root/activities/activities.vue'),
+      meta: { requiresAuth: true },
       inmenu: false,
       infooter: false,
     },
@@ -90,6 +112,17 @@ function getDynamicPages(site: ISites): IListRoutes[] {
       inmenu: false,
       infooter: false,
     },
+    {
+      active: true,
+      order: 15,
+      path: '/hosps',
+      materialIcon: 'fas fa-bed',
+      name: 'mypages.hosp',
+      component: () => import('@src/root/hosp/hosp.vue'),
+      meta: { requiresAuth: true },
+      inmenu: true,
+      infooter: true,
+    },
     {
       active: site.confpages && site.confpages.enableCircuits,
       order: 16,
@@ -102,7 +135,7 @@ function getDynamicPages(site: ISites): IListRoutes[] {
       infooter: true,
     },
     {
-      active: site.confpages && site.confpages.enableEvents,
+      active: true,
       order: 20,
       path: '/events',
       materialIcon: 'fas fa-bullhorn',
@@ -124,7 +157,7 @@ function getDynamicPages(site: ISites): IListRoutes[] {
       infooter: false,
     },
     {
-      active: site.confpages && site.confpages.showProfile,
+      active: true,
       order: 120,
       path: '/myprofile',
       materialIcon: 'fas fa-user',
@@ -135,7 +168,7 @@ function getDynamicPages(site: ISites): IListRoutes[] {
       infooter: true,
     },
     {
-      active: site.confpages && site.confpages.showProfile,
+      active: true,
       order: 120,
       path: '/editprofile',
       materialIcon: 'fas fa-user',
@@ -146,7 +179,7 @@ function getDynamicPages(site: ISites): IListRoutes[] {
       infooter: false,
     },
     {
-      active: site.confpages && site.confpages.showiscrittiMenu,
+      active: true,
       order: 130,
       path: '/friends',
       materialIcon: 'fas fa-user-friends',
@@ -241,6 +274,16 @@ function getDynamicPages(site: ISites): IListRoutes[] {
       inmenu: false,
       infooter: false,
     },
+    {
+      active: true,
+      order: 150,
+      path: '/sostieniilprogetto',
+      materialIcon: 'fas fa-hand-holding-heart',
+      name: 'pages.fundraising',
+      component: () => import('@src/root/fundraising/fundraising.vue'),
+      inmenu: false,
+      infooter: false,
+    },
     {
       active: true,
       order: 80,
@@ -259,7 +302,7 @@ function getDynamicPages(site: ISites): IListRoutes[] {
 
 export function firstimagehome() {
 
-  let img = 'statics/images/background.jpg'
+  const img = 'statics/images/background.jpg'
   return img
 }
 

src/store/Api/index.ts

@@ -1,33 +1,38 @@
-import { useGlobalStore } from '@store/globalStore'
-import { useUserStore } from '@store/UserStore'
+import { useGlobalStore } from '@store/globalStore';
+import { useUserStore } from '@store/UserStore';
 
-export * from './ApiTypes'
-import axios from 'axios'
+export * from './ApiTypes';
+import axios from 'axios';
 
-export { addAuthHeaders, API_URL } from './Instance'
+export { addAuthHeaders, API_URL } from './Instance';
 // import {AlgoliaSearch} from './AlgoliaController'
-import Paths from '@paths'
-import { tools } from '@src/store/Modules/tools'
-import { toolsext } from '@src/store/Modules/toolsext'
+import Paths from '@paths';
+import { tools } from '@src/store/Modules/tools';
+import { toolsext } from '@src/store/Modules/toolsext';
 
-import { serv_constants } from '@src/store/Modules/serv_constants'
+import { serv_constants } from '@src/store/Modules/serv_constants';
 
-import type * as Types from '@src/store/Api/ApiTypes'
-import { costanti } from '@src/store/Modules/costanti'
-import * as ApiTables from '@src/store/Modules/ApiTables'
-import sendRequest from './Inst-Pao'
-import Request from './Instance'
-import globalroutines from '../../globalroutines/index'
-import { useRouter } from 'vue-router'
+import type * as Types from '@src/store/Api/ApiTypes';
+import { costanti } from '@src/store/Modules/costanti';
+import * as ApiTables from '@src/store/Modules/ApiTables';
+import sendRequest from './Inst-Pao';
+import Request from './Instance';
+import globalroutines from '../../globalroutines/index';
+import { useRouter } from 'vue-router';
 
-function ReceiveResponsefromServer(tablesync: string, nametab: string, method: string, risdata: any) {
+function ReceiveResponsefromServer(
+  tablesync: string,
+  nametab: string,
+  method: string,
+  risdata: any
+) {
   // console.log('ReceiveResponsefromServer', nametab, method, risdata)
   if (risdata) {
     // Updated somw data after Server arrived data.
     if (method === 'PATCH') {
       if (nametab === 'projects') {
         if (risdata.projectris) {
-          const copyrec = tools.jsonCopy(risdata.projectris)
+          const copyrec = tools.jsonCopy(risdata.projectris);
           // +*Todo conv: Projects.updateProject({ objproj: copyrec })
         }
       }
@@ -38,52 +43,56 @@ function ReceiveResponsefromServer(tablesync: string, nametab: string, method: s
 // const algoliaApi = new AlgoliaSearch()
 export const Api = {
   async post(path: string, payload?: any, responsedata?: any, options?: any) {
-    const globalStore = useGlobalStore()
-    globalStore.connData.downloading_server = 1
-    globalStore.connData.uploading_server = 1
-    return await Request('post', path, payload, responsedata, options)
+    const globalStore = useGlobalStore();
+    globalStore.connData.downloading_server = 1;
+    globalStore.connData.uploading_server = 1;
+    return await Request('post', path, payload, responsedata, options);
   },
 
   async postFormData(path: string, payload?: any, responsedata?: any) {
-    const globalStore = useGlobalStore()
-    globalStore.connData.uploading_server = 1
-    globalStore.connData.downloading_server = 1
-    return await Request('postFormData', path, payload, responsedata)
+    const globalStore = useGlobalStore();
+    globalStore.connData.uploading_server = 1;
+    globalStore.connData.downloading_server = 1;
+    return await Request('postFormData', path, payload, responsedata);
   },
 
   async get(path: string, payload?: any, responsedata?: any) {
-    const globalStore = useGlobalStore()
-    globalStore.connData.downloading_server = 1
-    globalStore.connData.uploading_server = 0
-    return await Request('get', path, payload, responsedata)
+    const globalStore = useGlobalStore();
+    globalStore.connData.downloading_server = 1;
+    globalStore.connData.uploading_server = 0;
+    return await Request('get', path, payload, responsedata);
   },
 
   async put(path: string, payload?: any, responsedata?: any) {
-    const globalStore = useGlobalStore()
-    globalStore.connData.uploading_server = 1
-    return await Request('put', path, payload, responsedata)
+    const globalStore = useGlobalStore();
+    globalStore.connData.uploading_server = 1;
+    return await Request('put', path, payload, responsedata);
   },
 
   async patch(path: string, payload?: any, responsedata?: any) {
-    const globalStore = useGlobalStore()
-    globalStore.connData.uploading_server = 1
-    return await Request('patch', path, payload, responsedata)
+    const globalStore = useGlobalStore();
+    globalStore.connData.uploading_server = 1;
+    return await Request('patch', path, payload, responsedata);
   },
 
   async Delete(path: string, payload: any, responsedata?: any) {
-    const globalStore = useGlobalStore()
-    globalStore.connData.uploading_server = 1
-    return await Request('delete', path, payload, responsedata)
+    const globalStore = useGlobalStore();
+    globalStore.connData.uploading_server = 1;
+    return await Request('delete', path, payload, responsedata);
   },
 
   async checkSession({ token, refresh_token }: any) {
-    return await axios.post(import.meta.env.VITE_API_URL + Paths.TOKEN_REFRESH, {
+    return await axios.post(
+      import.meta.env.VITE_API_URL + Paths.TOKEN_REFRESH,
+      {
         refresh_token,
-    }, {
+      },
+      {
         headers: {
           Authorization: `Bearer ${token}`,
         },
-    })
+      }
+    );
   },
 
   async refreshToken() {
@@ -96,7 +105,9 @@ export const Api = {
         return false;
       }
 
-      const response = await sendRequest('/users/newtok', 'POST', { refreshToken: refrTok });
+      const response = await sendRequest('/users/newtok', 'POST', {
+        refreshToken: refrTok,
+      });
 
       if (response && response.data) {
         // Salva il nuovo access token
@@ -105,7 +116,10 @@ export const Api = {
         // Aggiorna il refresh token se fornito dal server
         if (response.data.refreshToken) {
           userStore.setRefreshToken(response.data.refreshToken);
-          localStorage.setItem(toolsext.localStorage.refreshToken, response.data.refreshToken);
+          localStorage.setItem(
+            toolsext.localStorage.refreshToken,
+            response.data.refreshToken
+          );
         }
 
         return response.data.token;
@@ -122,10 +136,21 @@ export const Api = {
     }
   },
 
-  async checkTokenScaduto(status: number, evitaloop: boolean, url: string, method: string, mydata: any, setAuthToken: boolean = false, statuscode2: number = 0) {
+  async checkTokenScaduto(
+    status: number,
+    evitaloop: boolean,
+    url: string,
+    method: string,
+    mydata: any,
+    setAuthToken: boolean = false,
+    statuscode2: number = 0
+  ) {
     const userStore = useUserStore();
 
-    if (status === serv_constants.RIS_CODE__HTTP_FORBIDDEN_TOKEN_EXPIRED || statuscode2 === serv_constants.RIS_CODE__HTTP_FORBIDDEN_TOKEN_EXPIRED) {
+    if (
+      status === serv_constants.RIS_CODE__HTTP_FORBIDDEN_TOKEN_EXPIRED ||
+      statuscode2 === serv_constants.RIS_CODE__HTTP_FORBIDDEN_TOKEN_EXPIRED
+    ) {
       try {
         console.log('Token scaduto. Tentativo di refresh...');
         const newAccessToken = await this.refreshToken();
@@ -140,26 +165,34 @@ export const Api = {
         } else {
           // Se il refresh token fallisce, logout dell'utente
           // userStore.setAuth('', '');
-          const $router = useRouter()
+          const $router = useRouter();
           throw { code: toolsext.ERR_RETRY_LOGIN };
         }
       } catch (err2) {
         console.error('Errore durante il refresh token:', err2);
 
-        let mystatus = err2?.code || err2?.status
+        let mystatus = err2?.code || err2?.status;
 
-        if (mystatus === serv_constants.RIS_CODE__HTTP_FORBIDDEN_INVALID_TOKEN || mystatus === toolsext.ERR_RETRY_LOGIN) {
+        if (
+          mystatus === serv_constants.RIS_CODE__HTTP_FORBIDDEN_INVALID_TOKEN ||
+          mystatus === serv_constants.RIS_CODE__HTTP_FORBIDDEN_PERMESSI ||
+          mystatus === toolsext.ERR_RETRY_LOGIN
+        ) {
           userStore.setServerCode(toolsext.ERR_AUTHENTICATION);
           userStore.setAuth('', '');
           throw { status: toolsext.ERR_RETRY_LOGIN };
         }
 
         // Gestione di altri errori critici
-        throw err2 || {status: serv_constants.RIS_CODE__HTTP_FORBIDDEN_INVALID_TOKEN} ;
+        throw err2 || { status: serv_constants.RIS_CODE__HTTP_FORBIDDEN_INVALID_TOKEN };
       }
-    } else if (status === serv_constants.RIS_CODE__HTTP_FORBIDDEN_INVALID_TOKEN || statuscode2 === serv_constants.RIS_CODE__HTTP_FORBIDDEN_INVALID_TOKEN) {
+    } else if (
+      status === serv_constants.RIS_CODE__HTTP_FORBIDDEN_INVALID_TOKEN ||
+      status === serv_constants.RIS_CODE__HTTP_FORBIDDEN_PERMESSI ||
+      statuscode2 === serv_constants.RIS_CODE__HTTP_FORBIDDEN_INVALID_TOKEN
+    ) {
       userStore.setAuth('', '');
-      const $router = useRouter()
+      const $router = useRouter();
       throw { status: toolsext.ERR_RETRY_LOGIN };
     }
 
@@ -167,7 +200,16 @@ export const Api = {
   },
 
   // Base per la chiamata con gestione degli errori e retry
-  async SendReqBase(url: string, method: string, mydata: any, setAuthToken = false, evitaloop = false, myformdata: any, responsedata: any, options: any) {
+  async SendReqBase(
+    url: string,
+    method: string,
+    mydata: any,
+    setAuthToken = false,
+    evitaloop = false,
+    myformdata: any,
+    responsedata: any,
+    options: any
+  ) {
     const mydataout = {
       ...mydata,
       keyappid: import.meta.env.VITE_PAO_APP_ID,
@@ -180,7 +222,14 @@ export const Api = {
     userStore.setResStatus(0);
 
     try {
-      const res = await sendRequest(url, method, mydataout, myformdata, responsedata, options);
+      const res = await sendRequest(
+        url,
+        method,
+        mydataout,
+        myformdata,
+        responsedata,
+        options
+      );
 
       // Aggiornamento dello stato della connessione dopo 1 secondo
       setTimeout(() => {
@@ -199,7 +248,15 @@ export const Api = {
       }
 
       // Verifica sul token (funzione custom)
-      const ret: any = await this.checkTokenScaduto(res.status, evitaloop, url, method, mydata, setAuthToken, res.data!.statuscode2!);
+      const ret: any = await this.checkTokenScaduto(
+        res.status,
+        evitaloop,
+        url,
+        method,
+        mydata,
+        setAuthToken,
+        res.data!.statuscode2!
+      );
       if (ret) return ret;
 
       if (tools.isDebug()) console.log('   ----> ', res);
@@ -214,7 +271,14 @@ export const Api = {
         }
       }, 1000);
 
-      const ret: any = await this.checkTokenScaduto(error.status, evitaloop, url, method, mydataout, setAuthToken);
+      const ret: any = await this.checkTokenScaduto(
+        error.status,
+        evitaloop,
+        url,
+        method,
+        mydataout,
+        setAuthToken
+      );
       if (ret) return ret;
 
       console.error('Errore nella richiesta:', error);
@@ -251,97 +315,144 @@ export const Api = {
       throw new Error('Delay time cannot be negative');
     }
 
-    return new Promise(resolve => setTimeout(resolve, ms));
+    return new Promise((resolve) => setTimeout(resolve, ms));
   },
 
   // Funzione che gestisce la chiamata con retry
-  async SendReq(url: string, method: string, mydata: any, setAuthToken = false, evitaloop = false, retryCount = 1, retryDelay = 5000, myformdata: any = null, responsedata: any = null, options: any = null) {
+  async SendReq(
+    url: string,
+    method: string,
+    mydata: any,
+    setAuthToken = false,
+    evitaloop = false,
+    retryCount = 1,
+    retryDelay = 5000,
+    myformdata: any = null,
+    responsedata: any = null,
+    options: any = null
+  ) {
     try {
-      return await this.SendReqBase(url, method, mydata, setAuthToken, evitaloop, myformdata, responsedata, options);
+      return await this.SendReqBase(
+        url,
+        method,
+        mydata,
+        setAuthToken,
+        evitaloop,
+        myformdata,
+        responsedata,
+        options
+      );
     } catch (error) {
       // Se lo status non è 403 e sono rimasti tentativi, eseguo il retry
-      const riprova = error && error.status !== 403 && error.status !== toolsext.ERR_RETRY_LOGIN;
+      const riprova =
+        error && error.status !== 403 && error.status !== toolsext.ERR_RETRY_LOGIN;
       if (retryCount > 0 && riprova) {
         console.log(`❌❌❌ Retrying request. Attempts remaining: ${retryCount}`);
         await this.delay(retryDelay);
-        return this.SendReq(url, method, mydata, setAuthToken, evitaloop, retryCount - 1, retryDelay, myformdata, responsedata);
+        return this.SendReq(
+          url,
+          method,
+          mydata,
+          setAuthToken,
+          evitaloop,
+          retryCount - 1,
+          retryDelay,
+          myformdata,
+          responsedata
+        );
       }
       throw error;
     }
   },
 
   async syncAlternative(mystrparam: string) {
-    console.log('[ALTERNATIVE Background syncing', mystrparam)
+    console.log('[ALTERNATIVE Background syncing', mystrparam);
 
-    const multiparams = mystrparam.split('|')
+    const multiparams = mystrparam.split('|');
     if (multiparams) {
       if (multiparams.length > 3) {
-        const cmd = multiparams[0]
-        const tablesync = multiparams[1]
-        const nametab = multiparams[2]
-        const method = multiparams[3]
+        const cmd = multiparams[0];
+        const tablesync = multiparams[1];
+        const nametab = multiparams[2];
+        const method = multiparams[3];
         // const token = multiparams[3]
 
         if (cmd === ApiTables.DB.CMD_SYNC) {
-          let errorfromserver = false
-          let lettoqualcosa = false
+          let errorfromserver = false;
+          let lettoqualcosa = false;
 
           // console.log('A1) INIZIO.............................................................')
           return globalroutines('readall', tablesync, null)
             .then((alldata) => {
               if (alldata === undefined) {
-                console.log('alldata NON DEFINITA')
-                return true
+                console.log('alldata NON DEFINITA');
+                return true;
               }
-              const myrecs = [...alldata]
+              const myrecs = [...alldata];
 
               const promises = myrecs.map((rec) => {
-                let link = `/${ApiTables.getLinkByTableName(nametab)}`
+                let link = `/${ApiTables.getLinkByTableName(nametab)}`;
 
                 if (method !== 'POST') {
-                  link += `/${rec._id}`
+                  link += `/${rec._id}`;
                 }
 
-                console.log('----------------------- LEGGO QUALCOSA ', link)
+                console.log('----------------------- LEGGO QUALCOSA ', link);
 
                 // Insert/Delete/Update table to the server
                 return this.SendReq(link, method, rec)
                   .then((ris) => {
-                    ReceiveResponsefromServer(tablesync, nametab, method, ris.data)
-                    lettoqualcosa = true
-                    return globalroutines('delete', tablesync, null, rec._id)
+                    ReceiveResponsefromServer(tablesync, nametab, method, ris.data);
+                    lettoqualcosa = true;
+                    return globalroutines('delete', tablesync, null, rec._id);
                   })
                   .then(() => {
-                    return globalroutines('delete', 'swmsg', null, mystrparam)
-                  }).catch((err) => {
+                    return globalroutines('delete', 'swmsg', null, mystrparam);
+                  })
+                  .catch((err) => {
                     if (err.msgerr) {
-                      if (err.msgerr.message.includes('Failed to fetch') || err.msgerr.message.includes('Network Error')) {
-                        errorfromserver = true
+                      if (
+                        err.msgerr.message.includes('Failed to fetch') ||
+                        err.msgerr.message.includes('Network Error')
+                      ) {
+                        errorfromserver = true;
                       }
                     }
-                    console.log(' [Alternative] !!!!!!!!!!!!!!!   Error while sending data', err, errorfromserver, 'lettoqualcosa', lettoqualcosa)
+                    console.log(
+                      ' [Alternative] !!!!!!!!!!!!!!!   Error while sending data',
+                      err,
+                      errorfromserver,
+                      'lettoqualcosa',
+                      lettoqualcosa
+                    );
                     if (!errorfromserver) {
-                      return globalroutines('delete', 'swmsg', null, mystrparam)
+                      return globalroutines('delete', 'swmsg', null, mystrparam);
                     }
-                  })
-              })
+                  });
+              });
 
               // CALL ALL THE PROMISES
-              return Promise.all(promises).then(() => (errorfromserver && !lettoqualcosa)).catch((err) => (errorfromserver && !lettoqualcosa))
-            }).catch((error) => {
-              console.log('¨¨¨¨¨¨¨¨¨¨¨¨¨¨  errorfromserver:', errorfromserver, error)
-              return (errorfromserver && !lettoqualcosa)
+              return Promise.all(promises)
+                .then(() => errorfromserver && !lettoqualcosa)
+                .catch((err) => errorfromserver && !lettoqualcosa);
+            })
+            .catch((error) => {
+              console.log('¨¨¨¨¨¨¨¨¨¨¨¨¨¨  errorfromserver:', errorfromserver, error);
+              return errorfromserver && !lettoqualcosa;
             })
             .then((error) => {
-              const mystate = (error || errorfromserver) ? 'offline' : 'online'
+              const mystate = error || errorfromserver ? 'offline' : 'online';
 
-              const globalStore = useGlobalStore()
-              globalStore.setStateConnection(mystate)
-              globalStore.saveConfig({ _id: costanti.CONFIG_ID_STATE_CONN, value: mystate })
-            })
+              const globalStore = useGlobalStore();
+              globalStore.setStateConnection(mystate);
+              globalStore.saveConfig({
+                _id: costanti.CONFIG_ID_STATE_CONN,
+                value: mystate,
+              });
+            });
         }
       }
     }
-    return null
+    return null;
   },
-}
+};

src/store/globalStore.ts

@@ -3074,7 +3074,7 @@ export const useGlobalStore = defineStore('GlobalStore', {
         newrec.container2 = '8';
         newrec.height = 600;
       } else if (newrec.type === shared_consts.ELEMTYPE.CARD) {
-        newrec.class2 = 'row justify-center';
+        newrec.class2 = 'justify-center';
       } else if (newrec.type === shared_consts.ELEMTYPE.SEARCHPRODUCT) {
         newrec.catalogo = this.createCatalogoVuoto();
       } else if (newrec.type === shared_consts.ELEMTYPE.CATALOGO) {