- fix: ris da inviare al gruppo (nuovamente) e immagini rimaste ancora "images/" anzichè "/images/".
This commit is contained in:
Surya Paolo
File diff suppressed because it is too large
Load Diff
@@ -8,93 +8,43 @@
|
||||
<div v-if="!isAppRunning">
|
||||
<!-- App not running -->
|
||||
|
||||
<q-btn
|
||||
v-if="deferredPrompt"
|
||||
glossy
|
||||
size="xl"
|
||||
label="Installa App"
|
||||
@click="installApp"
|
||||
icon="fas fa-mobile-alt"
|
||||
color="green"
|
||||
text-color="white"
|
||||
></q-btn>
|
||||
<q-btn v-if="deferredPrompt" glossy size="xl" label="Installa App" @click="installApp" icon="fas fa-mobile-alt"
|
||||
color="green" text-color="white"></q-btn>
|
||||
<div v-else>
|
||||
<div v-if="$q.platform.is.ios && $q.platform.is.safari && !tools.isDevelop()">
|
||||
<q-btn
|
||||
glossy
|
||||
size="xl"
|
||||
label="Installa App"
|
||||
@click="viewiOS = !viewiOS"
|
||||
icon="fab fa-apple"
|
||||
color="green"
|
||||
text-color="white"
|
||||
></q-btn>
|
||||
<q-btn glossy size="xl" label="Installa App" @click="viewiOS = !viewiOS" icon="fab fa-apple" color="green"
|
||||
text-color="white"></q-btn>
|
||||
|
||||
<q-slide-transition>
|
||||
<!-- Mostra spiegazione per iOS -->
|
||||
<div v-if="viewiOS">
|
||||
<q-img
|
||||
src="images/install_app_on_ios_1.png"
|
||||
fit="contain"
|
||||
style="min-width: 350px"
|
||||
class="q-my-sm"
|
||||
></q-img
|
||||
><br />
|
||||
<q-img src="/images/install_app_on_ios_1.png" fit="contain" style="min-width: 350px"
|
||||
class="q-my-sm"></q-img><br />
|
||||
|
||||
<q-img
|
||||
src="images/install_app_on_ios_1b.jpg"
|
||||
class="q-mb-md"
|
||||
></q-img
|
||||
><br />
|
||||
<q-img src="/images/install_app_on_ios_1b.jpg" class="q-mb-md"></q-img><br />
|
||||
|
||||
<q-img
|
||||
src="images/install_app_on_ios_2.jpg"
|
||||
fit="contain"
|
||||
></q-img>
|
||||
<q-img src="/images/install_app_on_ios_2.jpg" fit="contain"></q-img>
|
||||
</div>
|
||||
</q-slide-transition>
|
||||
</div>
|
||||
<div v-if="$q.platform.is.android">
|
||||
<q-btn
|
||||
v-if="!tools.isDevelop()"
|
||||
glossy
|
||||
size="lg"
|
||||
label="Installa App"
|
||||
@click="viewAndroid = !viewAndroid"
|
||||
icon="fab fa-android"
|
||||
color="green"
|
||||
text-color="white"
|
||||
></q-btn>
|
||||
<q-btn v-if="!tools.isDevelop()" glossy size="lg" label="Installa App" @click="viewAndroid = !viewAndroid"
|
||||
icon="fab fa-android" color="green" text-color="white"></q-btn>
|
||||
|
||||
<q-slide-transition>
|
||||
<!-- Mostra spiegazione per Android -->
|
||||
<div v-if="viewAndroid">
|
||||
<div class="q-ma-sm text-h6"> 1) Cliccare sui 3 puntini verticali<br>
|
||||
2) Cliccare sulla voce 'Installa App' o 'Schermata Home'<br>
|
||||
3) Andare sulla schermata HOME e cliccare sull'icona di RISO.
|
||||
2) Cliccare sulla voce 'Installa App' o 'Schermata Home'<br>
|
||||
3) Andare sulla schermata HOME e cliccare sull'icona di RISO.
|
||||
</div>
|
||||
<q-img
|
||||
src="images/install_app_on_android_1.jpg"
|
||||
fit="contain"
|
||||
style="min-width: 350px"
|
||||
class="q-my-sm"
|
||||
></q-img
|
||||
><br />
|
||||
<q-img
|
||||
src="images/install_app_on_android_2.jpg"
|
||||
fit="contain"
|
||||
style="min-width: 350px"
|
||||
class="q-my-sm"
|
||||
></q-img
|
||||
><br />
|
||||
><br />
|
||||
<q-img
|
||||
src="images/install_app_on_android_3.jpg"
|
||||
fit="contain"
|
||||
style="min-width: 350px"
|
||||
class="q-my-sm"
|
||||
></q-img
|
||||
<q-img src="/images/install_app_on_android_1.jpg" fit="contain" style="min-width: 350px"
|
||||
class="q-my-sm"></q-img><br />
|
||||
<q-img src="/images/install_app_on_android_2.jpg" fit="contain" style="min-width: 350px"
|
||||
class="q-my-sm"></q-img><br />
|
||||
><br />
|
||||
<q-img src="/images/install_app_on_android_3.jpg" fit="contain" style="min-width: 350px"
|
||||
class="q-my-sm"></q-img><br />
|
||||
</div>
|
||||
</q-slide-transition>
|
||||
</div>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import type { PropType} from 'vue';
|
||||
import type { PropType } from 'vue';
|
||||
import { defineComponent, ref, computed, toRef, onMounted } from 'vue'
|
||||
import { useUserStore } from '@store/UserStore'
|
||||
import { useCircuitStore } from '@store/CircuitStore'
|
||||
@@ -58,7 +58,6 @@ export default defineComponent({
|
||||
tools,
|
||||
non_hai_circuito_nazionale,
|
||||
destin_non_ha_circuito_naz,
|
||||
$q,
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
@@ -6,15 +6,8 @@
|
||||
<q-card v-if="isListImgValid" :class="getclass()" @click="apri">
|
||||
<div v-for="(mygallery, index) in getlistimages()" :key="index">
|
||||
<div v-if="index === 0">
|
||||
<q-img
|
||||
:src="tools.getsrcimg(mygallery, getrealdirectory())"
|
||||
:class="getclimg()"
|
||||
:alt="mygallery.alt"
|
||||
>
|
||||
<div
|
||||
v-if="getnumimages() > 1"
|
||||
class="absolute-bottom text-shadow no-padding"
|
||||
>
|
||||
<q-img :src="tools.getsrcimg(mygallery, getrealdirectory())" :class="getclimg()" :alt="mygallery.alt">
|
||||
<div v-if="getnumimages() > 1" class="absolute-bottom text-shadow no-padding">
|
||||
({{ getnumimages() }})
|
||||
</div>
|
||||
</q-img>
|
||||
@@ -22,40 +15,23 @@
|
||||
</div>
|
||||
</q-card>
|
||||
<div v-else-if="!isInModif && !isListImgValid && imagebak">
|
||||
<q-card
|
||||
v-if="imagebak !== costanti.NESSUN_IMMAGINE"
|
||||
:class="getclass()"
|
||||
@click="ImgFullScreen(mygallery)"
|
||||
>
|
||||
<q-card v-if="imagebak !== costanti.NESSUN_IMMAGINE" :class="getclass()" @click="ImgFullScreen(mygallery)">
|
||||
<q-img :src="imagebak" :class="getclimg()"> </q-img>
|
||||
</q-card>
|
||||
</div>
|
||||
<div v-else>
|
||||
<q-card :class="getclass()" @click="apri">
|
||||
<q-img src="images/noimg.png" :class="getclimg()" alt="no image">
|
||||
<q-img src="/images/noimg.png" :class="getclimg()" alt="no image">
|
||||
</q-img>
|
||||
</q-card>
|
||||
</div>
|
||||
<q-btn
|
||||
v-if="isInModif"
|
||||
color="primary"
|
||||
@click="apri"
|
||||
icon="fas fa-file-upload"
|
||||
:label="$t('gallery.load_image')"
|
||||
>
|
||||
<q-btn v-if="isInModif" color="primary" @click="apri" icon="fas fa-file-upload" :label="$t('gallery.load_image')">
|
||||
</q-btn>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div v-if="!isListImgValid">
|
||||
<q-btn
|
||||
flat
|
||||
round
|
||||
color="blue"
|
||||
icon="fas fa-tools"
|
||||
size="md"
|
||||
@click="apri"
|
||||
></q-btn>
|
||||
<q-btn flat round color="blue" icon="fas fa-tools" size="md" @click="apri"></q-btn>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="row">
|
||||
@@ -63,24 +39,10 @@
|
||||
v-model="order">-->
|
||||
|
||||
<div v-for="(mygallery, index) in getlistimages()" :key="index">
|
||||
<div
|
||||
class="q-pa-sm q-gutter-sm"
|
||||
@dragenter="onDragEnter"
|
||||
@dragleave="onDragLeave"
|
||||
@dragover="onDragOver"
|
||||
>
|
||||
<q-card
|
||||
:id="mygallery._id"
|
||||
:class="getclass()"
|
||||
:draggable="canModify"
|
||||
@dragstart="onDragStart"
|
||||
@drop="onDrop"
|
||||
>
|
||||
<q-img
|
||||
:src="tools.getsrcimg(mygallery, getrealdirectory())"
|
||||
:class="getclimg()"
|
||||
:alt="mygallery.alt"
|
||||
>
|
||||
<div class="q-pa-sm q-gutter-sm" @dragenter="onDragEnter" @dragleave="onDragLeave" @dragover="onDragOver">
|
||||
<q-card :id="mygallery._id" :class="getclass()" :draggable="canModify" @dragstart="onDragStart"
|
||||
@drop="onDrop">
|
||||
<q-img :src="tools.getsrcimg(mygallery, getrealdirectory())" :class="getclimg()" :alt="mygallery.alt">
|
||||
<div class="absolute-bottom text-shadow">
|
||||
<!-- <div class="text-h6 text-trans">{{ mygallery.description }} </div> -->
|
||||
<div class="text-subtitle-carica text-trans">
|
||||
@@ -97,120 +59,51 @@
|
||||
</template>
|
||||
</q-field>
|
||||
|
||||
<q-input
|
||||
v-if="canModify"
|
||||
v-model="mygallery.description"
|
||||
dense
|
||||
:label="$t('proj.longdescr')"
|
||||
@keyup.enter.stop
|
||||
@update:model-value="save"
|
||||
debounce="1000"
|
||||
autofocus
|
||||
>
|
||||
<q-input v-if="canModify" v-model="mygallery.description" dense :label="$t('proj.longdescr')"
|
||||
@keyup.enter.stop @update:model-value="save" debounce="1000" autofocus>
|
||||
</q-input>
|
||||
|
||||
<q-card-actions align="center">
|
||||
<q-btn
|
||||
v-if="canModify"
|
||||
flat
|
||||
round
|
||||
color="blue"
|
||||
icon="fas fa-copy"
|
||||
size="sm"
|
||||
@click="copytoclipboard(mygallery)"
|
||||
></q-btn>
|
||||
<q-btn
|
||||
v-if="canModify"
|
||||
flat
|
||||
round
|
||||
color="red"
|
||||
icon="fas fa-trash-alt"
|
||||
size="sm"
|
||||
@click="deleteFile(mygallery)"
|
||||
></q-btn>
|
||||
<q-btn v-if="canModify" flat round color="blue" icon="fas fa-copy" size="sm"
|
||||
@click="copytoclipboard(mygallery)"></q-btn>
|
||||
<q-btn v-if="canModify" flat round color="red" icon="fas fa-trash-alt" size="sm"
|
||||
@click="deleteFile(mygallery)"></q-btn>
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</div>
|
||||
</div>
|
||||
<div class="q-pa-sm">
|
||||
<div
|
||||
v-if="edit"
|
||||
class="q-gutter-sm"
|
||||
style="max-height: 200px; width: 208px"
|
||||
>
|
||||
<q-uploader
|
||||
:label="
|
||||
single &&
|
||||
<div v-if="edit" class="q-gutter-sm" style="max-height: 200px; width: 208px">
|
||||
<q-uploader :label="single &&
|
||||
gallerylist.length > 0 &&
|
||||
gallerylist[0].imagefile !== ''
|
||||
? 'Sostituisci Immagine'
|
||||
: 'Aggiungi Immagine'
|
||||
"
|
||||
accept="image/*"
|
||||
:url="getUrl()"
|
||||
:headers="tools.getheaders()"
|
||||
:max-file-size="3000000"
|
||||
:multiple="!single"
|
||||
auto-upload
|
||||
hide-upload-btn
|
||||
no-thumbnails
|
||||
@uploaded="uploaded"
|
||||
@rejected="onRejected"
|
||||
style="width: 208px"
|
||||
></q-uploader>
|
||||
? 'Sostituisci Immagine'
|
||||
: 'Aggiungi Immagine'
|
||||
" accept="image/*" :url="getUrl()" :headers="tools.getheaders()" :max-file-size="3000000"
|
||||
:multiple="!single" auto-upload hide-upload-btn no-thumbnails @uploaded="uploaded" @rejected="onRejected"
|
||||
style="width: 208px"></q-uploader>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<q-dialog
|
||||
v-model="displayGall"
|
||||
persistent
|
||||
:maximized="maximizedToggle"
|
||||
transition-show="slide-up"
|
||||
transition-hide="slide-down"
|
||||
>
|
||||
<q-dialog v-model="displayGall" persistent :maximized="maximizedToggle" transition-show="slide-up"
|
||||
transition-hide="slide-down">
|
||||
<q-card>
|
||||
<q-bar class="bg-primary text-white">
|
||||
<q-space />
|
||||
|
||||
<q-btn
|
||||
dense
|
||||
flat
|
||||
icon="minimize"
|
||||
@click="maximizedToggle = false"
|
||||
:disable="!maximizedToggle"
|
||||
>
|
||||
<q-tooltip
|
||||
v-if="maximizedToggle"
|
||||
:class="
|
||||
($q.dark.isActive ? `bg-black` : `bg-white`) + ` text-primary`
|
||||
"
|
||||
>Minimize</q-tooltip
|
||||
>
|
||||
<q-btn dense flat icon="minimize" @click="maximizedToggle = false" :disable="!maximizedToggle">
|
||||
<q-tooltip v-if="maximizedToggle" :class="($q.dark.isActive ? `bg-black` : `bg-white`) + ` text-primary`
|
||||
">Minimize</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
dense
|
||||
flat
|
||||
icon="crop_square"
|
||||
@click="maximizedToggle = true"
|
||||
:disable="maximizedToggle"
|
||||
>
|
||||
<q-tooltip
|
||||
v-if="!maximizedToggle"
|
||||
:class="
|
||||
($q.dark.isActive ? `bg-black` : `bg-white`) + ` text-primary`
|
||||
"
|
||||
>Maximize</q-tooltip
|
||||
>
|
||||
<q-btn dense flat icon="crop_square" @click="maximizedToggle = true" :disable="maximizedToggle">
|
||||
<q-tooltip v-if="!maximizedToggle" :class="($q.dark.isActive ? `bg-black` : `bg-white`) + ` text-primary`
|
||||
">Maximize</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn dense flat icon="close" v-close-popup>
|
||||
<q-tooltip
|
||||
:class="
|
||||
($q.dark.isActive ? `bg-black` : `bg-white`) + ` text-primary`
|
||||
"
|
||||
>{{ t('dialog.close') }}</q-tooltip
|
||||
>
|
||||
<q-tooltip :class="($q.dark.isActive ? `bg-black` : `bg-white`) + ` text-primary`
|
||||
">{{ t('dialog.close') }}</q-tooltip>
|
||||
</q-btn>
|
||||
</q-bar>
|
||||
|
||||
@@ -221,52 +114,22 @@
|
||||
<q-card-section class="q-pt-none">
|
||||
<div class="row">
|
||||
<div v-for="(mygallery, index) in getlistimages()" :key="index">
|
||||
<div
|
||||
class="q-pa-sm barwidth"
|
||||
@dragenter="onDragEnter"
|
||||
@dragleave="onDragLeave"
|
||||
@dragover="onDragOver"
|
||||
>
|
||||
<div class="q-pa-sm barwidth" @dragenter="onDragEnter" @dragleave="onDragLeave" @dragover="onDragOver">
|
||||
<q-bar class="bg-primary text-white">
|
||||
<q-btn flat round dense icon="menu" class="q-mr-sm" />
|
||||
<q-btn
|
||||
v-if="canModify"
|
||||
flat
|
||||
round
|
||||
icon="fas fa-copy"
|
||||
size="sm"
|
||||
@click="copytoclipboard(mygallery)"
|
||||
></q-btn>
|
||||
<q-btn v-if="canModify" flat round icon="fas fa-copy" size="sm"
|
||||
@click="copytoclipboard(mygallery)"></q-btn>
|
||||
<div>Foto {{ index + 1 }}</div>
|
||||
<q-space></q-space>
|
||||
<q-btn
|
||||
v-if="canModify"
|
||||
flat
|
||||
round
|
||||
color="red"
|
||||
icon="fas fa-trash-alt"
|
||||
@click="deleteFile(mygallery)"
|
||||
></q-btn>
|
||||
<q-btn v-if="canModify" flat round color="red" icon="fas fa-trash-alt"
|
||||
@click="deleteFile(mygallery)"></q-btn>
|
||||
</q-bar>
|
||||
|
||||
<q-card
|
||||
:id="mygallery._id"
|
||||
:class="getclass()"
|
||||
:data-ind="index"
|
||||
:draggable="canModify"
|
||||
@dragstart="onDragStart"
|
||||
@drop="onDrop"
|
||||
>
|
||||
<q-img
|
||||
:src="tools.getsrcimg(mygallery, getrealdirectory())"
|
||||
:class="getclimg()"
|
||||
@click="ImgFullScreen(mygallery)"
|
||||
:alt="mygallery.alt"
|
||||
>
|
||||
<div
|
||||
v-if="mygallery.description"
|
||||
class="absolute-bottom text-shadow"
|
||||
>
|
||||
<q-card :id="mygallery._id" :class="getclass()" :data-ind="index" :draggable="canModify"
|
||||
@dragstart="onDragStart" @drop="onDrop">
|
||||
<q-img :src="tools.getsrcimg(mygallery, getrealdirectory())" :class="getclimg()"
|
||||
@click="ImgFullScreen(mygallery)" :alt="mygallery.alt">
|
||||
<div v-if="mygallery.description" class="absolute-bottom text-shadow">
|
||||
<!-- <div class="text-h6 text-trans">{{ mygallery.description }} </div> -->
|
||||
<div class="text-subtitle-carica text-trans">
|
||||
{{ mygallery.description }}
|
||||
@@ -276,24 +139,13 @@
|
||||
<q-card-section>
|
||||
<q-field v-if="canModify" stack-label dense label="Nome File">
|
||||
<template v-slot:control>
|
||||
<div
|
||||
class="self-center full-width no-outline"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="self-center full-width no-outline" tabindex="0">
|
||||
{{ mygallery.imagefile }}
|
||||
</div>
|
||||
</template>
|
||||
</q-field>
|
||||
<q-input
|
||||
v-if="canModify"
|
||||
v-model="mygallery.description"
|
||||
dense
|
||||
:label="$t('proj.longdescr')"
|
||||
@keyup.enter.stop
|
||||
@update:model-value="save"
|
||||
debounce="1000"
|
||||
autofocus
|
||||
>
|
||||
<q-input v-if="canModify" v-model="mygallery.description" dense :label="$t('proj.longdescr')"
|
||||
@keyup.enter.stop @update:model-value="save" debounce="1000" autofocus>
|
||||
</q-input>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
@@ -301,20 +153,9 @@
|
||||
</div>
|
||||
<div v-if="canModify" class="q-pa-sm">
|
||||
<div class="q-gutter-sm" style="max-height: 200px; width: 208px">
|
||||
<q-uploader
|
||||
label="Aggiungi Immagine"
|
||||
accept="image/*"
|
||||
:url="getUrl()"
|
||||
:headers="tools.getheaders()"
|
||||
:max-file-size="40000000"
|
||||
multiple
|
||||
auto-upload
|
||||
hide-upload-btn
|
||||
no-thumbnails
|
||||
@uploaded="uploaded"
|
||||
@rejected="onRejected"
|
||||
style="width: 208px"
|
||||
></q-uploader>
|
||||
<q-uploader label="Aggiungi Immagine" accept="image/*" :url="getUrl()" :headers="tools.getheaders()"
|
||||
:max-file-size="40000000" multiple auto-upload hide-upload-btn no-thumbnails @uploaded="uploaded"
|
||||
@rejected="onRejected" style="width: 208px"></q-uploader>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!isInModif && !isListImgValid && imagebak">
|
||||
@@ -325,43 +166,16 @@
|
||||
</div>
|
||||
|
||||
<q-card-actions align="right">
|
||||
<q-btn
|
||||
v-if="canModify"
|
||||
flat
|
||||
label="Annulla"
|
||||
color="primary"
|
||||
v-close-popup
|
||||
/>
|
||||
<q-btn
|
||||
v-if="canModify"
|
||||
label="salva"
|
||||
color="primary"
|
||||
v-close-popup
|
||||
@click="save"
|
||||
/>
|
||||
<q-btn
|
||||
v-if="!canModify"
|
||||
label="Chiudi"
|
||||
color="primary"
|
||||
v-close-popup
|
||||
/>
|
||||
<q-btn v-if="canModify" flat label="Annulla" color="primary" v-close-popup />
|
||||
<q-btn v-if="canModify" label="salva" color="primary" v-close-popup @click="save" />
|
||||
<q-btn v-if="!canModify" label="Chiudi" color="primary" v-close-popup />
|
||||
</q-card-actions>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
<q-dialog
|
||||
v-model="fullscreen"
|
||||
:maximized="false"
|
||||
transition-show="slide-up"
|
||||
transition-hide="slide-down"
|
||||
>
|
||||
<q-dialog v-model="fullscreen" :maximized="false" transition-show="slide-up" transition-hide="slide-down">
|
||||
<q-card class="my-card">
|
||||
<q-img
|
||||
v-if="fullscreensrc"
|
||||
alt="fullscreen"
|
||||
:src="fullscreensrc"
|
||||
@click="fullscreen = false"
|
||||
></q-img>
|
||||
<q-img v-if="fullscreensrc" alt="fullscreen" :src="fullscreensrc" @click="fullscreen = false"></q-img>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
</template>
|
||||
|
||||
@@ -317,8 +317,8 @@ export default defineComponent({
|
||||
|
||||
const markerHtml = `
|
||||
<div class="marker-wrapper">
|
||||
<img src="images/marker-shadow.png" class="marker-shadow" alt="Shadow" />
|
||||
<img src="images/icon.png" class="marker-icon" alt="" />
|
||||
<img src="/images/marker-shadow.png" class="marker-shadow" alt="Shadow" />
|
||||
<img src="/images/icon.png" class="marker-icon" alt="" />
|
||||
|
||||
<div class="marker-circle"></div>
|
||||
|
||||
|
||||
@@ -4,19 +4,10 @@
|
||||
<div class="landing">
|
||||
<section>
|
||||
<div class="landing__hero">
|
||||
<q-carousel
|
||||
animated
|
||||
:autoplay="animare"
|
||||
swipeable
|
||||
infinite
|
||||
navigation
|
||||
transition-next="slide-left"
|
||||
transition-prev="slide-right"
|
||||
v-model="slide"
|
||||
height="100%"
|
||||
width="100%"
|
||||
>
|
||||
<q-carousel-slide name="first" :img-src="$q.dark.isActive ? `images/riso_home_dark.png` : `images/riso_home.png`" class="carousel_img_3">
|
||||
<q-carousel animated :autoplay="animare" swipeable infinite navigation transition-next="slide-left"
|
||||
transition-prev="slide-right" v-model="slide" height="100%" width="100%">
|
||||
<q-carousel-slide name="first"
|
||||
:img-src="$q.dark.isActive ? `images/riso_home_dark.png` : `images/riso_home.png`" class="carousel_img_3">
|
||||
<div class="landing__header"></div>
|
||||
<div class="landing__hero-content row justify-center q-gutter-xs clgutter">
|
||||
<div class="row">
|
||||
@@ -26,7 +17,8 @@
|
||||
<div class="q-gutter-xs testo-banda clgutter">
|
||||
<div class="text-h1"><span :class="`myshadow text-blue-9`">{{ t('msg.myAppName') }}</span></div>
|
||||
<div class="text-subtitle1 text-italic q-pl-sm">
|
||||
<span :class="`shadow ` + $q.dark.isActive ? `text-white`: `text-black`">{{ t('msg.sottoTitoloApp') }}</span>
|
||||
<span :class="`shadow ` + $q.dark.isActive ? `text-white` : `text-black`">{{
|
||||
t('msg.sottoTitoloApp') }}</span>
|
||||
</div>
|
||||
|
||||
<div v-if="tools.isLogged()">
|
||||
@@ -38,23 +30,15 @@
|
||||
<!--:label="t('notification.titlegranted')"-->
|
||||
<!--:helper="t('notification.statusnot')">-->
|
||||
<!--</q-field>-->
|
||||
<q-field
|
||||
v-if="NotServiceWorker()"
|
||||
class="shadow"
|
||||
icon="notifications"
|
||||
label="Service Worker not present"
|
||||
>
|
||||
<q-field v-if="NotServiceWorker()" class="shadow" icon="notifications"
|
||||
label="Service Worker not present">
|
||||
</q-field>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<q-btn
|
||||
v-if="getPermission() !== 'granted'"
|
||||
class="enable-notifications shadow"
|
||||
color="primary" rounded
|
||||
size="md"
|
||||
icon="notifications" @click="tools.askfornotification($q)"
|
||||
:label="t('notification.ask')"/>
|
||||
<q-btn v-if="getPermission() !== 'granted'" class="enable-notifications shadow" color="primary"
|
||||
rounded size="md" icon="notifications" @click="tools.askfornotification($q)"
|
||||
:label="t('notification.ask')" />
|
||||
<!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="primary" rounded size="lg" icon="notifications" @click="showNotificationExample" label="Send Notification"/>-->
|
||||
<!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="secondary" rounded size="lg" icon="notifications" @click="createPushSubscription" label="Create Push Subscription !"/>-->
|
||||
|
||||
@@ -65,7 +49,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</q-carousel-slide>
|
||||
<q-carousel-slide name="second" img-src="images/riso_services.png" class="carousel_img_3">
|
||||
<q-carousel-slide name="second" img-src="/images/riso_services.png" class="carousel_img_3">
|
||||
<div class="landing__header"></div>
|
||||
<div class="landing__hero-content row justify-center q-gutter-xs clgutter">
|
||||
<div class="row">
|
||||
@@ -91,23 +75,15 @@
|
||||
<!--:label="t('notification.titlegranted')"-->
|
||||
<!--:helper="t('notification.statusnot')">-->
|
||||
<!--</q-field>-->
|
||||
<q-field
|
||||
v-if="NotServiceWorker()"
|
||||
class="shadow"
|
||||
icon="notifications"
|
||||
label="Service Worker not present"
|
||||
>
|
||||
<q-field v-if="NotServiceWorker()" class="shadow" icon="notifications"
|
||||
label="Service Worker not present">
|
||||
</q-field>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<q-btn
|
||||
v-if="getPermission() !== 'granted'"
|
||||
class="enable-notifications shadow"
|
||||
color="primary" rounded
|
||||
size="md"
|
||||
icon="notifications" @click="tools.askfornotification($q)"
|
||||
:label="t('notification.ask')"/>
|
||||
<q-btn v-if="getPermission() !== 'granted'" class="enable-notifications shadow" color="primary"
|
||||
rounded size="md" icon="notifications" @click="tools.askfornotification($q)"
|
||||
:label="t('notification.ask')" />
|
||||
<!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="primary" rounded size="lg" icon="notifications" @click="showNotificationExample" label="Send Notification"/>-->
|
||||
<!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="secondary" rounded size="lg" icon="notifications" @click="createPushSubscription" label="Create Push Subscription !"/>-->
|
||||
|
||||
@@ -122,7 +98,7 @@
|
||||
<!--<div class="text-subtitle1">Famous City</div>-->
|
||||
<!--</div>-->
|
||||
</q-carousel-slide>
|
||||
<q-carousel-slide name="third" img-src="images/hand_people.jpg" class="carousel_img_3">
|
||||
<q-carousel-slide name="third" img-src="/images/hand_people.jpg" class="carousel_img_3">
|
||||
<div class="landing__header"></div>
|
||||
<div class="landing__hero-content row justify-center q-gutter-xs clgutter">
|
||||
<div class="row">
|
||||
@@ -134,16 +110,14 @@
|
||||
<div class="text-subtitle1 shadow text-italic q-pl-sm">
|
||||
</div>
|
||||
<div class="text-subtitle1 shadow-max big text-italic q-pl-sm"><strong>{{
|
||||
}}</strong>
|
||||
}}</strong>
|
||||
</div>
|
||||
<div class="text-subtitle2 shadow text-italic q-pl-sm">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div v-if="!tools.isLogged()" style="margin: 5px; padding: 5px;" class="home">
|
||||
<q-btn
|
||||
rounded size="lg" color="primary" @click="PagLogin"
|
||||
class="btn-start">
|
||||
<q-btn rounded size="lg" color="primary" @click="PagLogin" class="btn-start">
|
||||
{{ $t('login.enter') }}
|
||||
</q-btn>
|
||||
</div>
|
||||
@@ -151,23 +125,15 @@
|
||||
|
||||
<div v-if="tools.isLogged()">
|
||||
<div>
|
||||
<q-field
|
||||
v-if="NotServiceWorker()"
|
||||
class="shadow"
|
||||
icon="notifications"
|
||||
label="Service Worker not present"
|
||||
>
|
||||
<q-field v-if="NotServiceWorker()" class="shadow" icon="notifications"
|
||||
label="Service Worker not present">
|
||||
</q-field>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<q-btn
|
||||
v-if="getPermission() !== 'granted'"
|
||||
class="enable-notifications shadow"
|
||||
color="primary" rounded
|
||||
size="md"
|
||||
icon="notifications" @click="tools.askfornotification($q)"
|
||||
:label="t('notification.ask')"/>
|
||||
<q-btn v-if="getPermission() !== 'granted'" class="enable-notifications shadow" color="primary"
|
||||
rounded size="md" icon="notifications" @click="tools.askfornotification($q)"
|
||||
:label="t('notification.ask')" />
|
||||
<!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="primary" rounded size="lg" icon="notifications" @click="showNotificationExample" label="Send Notification"/>-->
|
||||
<!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="secondary" rounded size="lg" icon="notifications" @click="createPushSubscription" label="Create Push Subscription !"/>-->
|
||||
|
||||
@@ -185,9 +151,11 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section :class="`padding `+ ($q.dark.isActive ? `text-white bg-black ` : `text-grey-10 bg-white`) + ` text-center`">
|
||||
<section
|
||||
:class="`padding ` + ($q.dark.isActive ? `text-white bg-black ` : `text-grey-10 bg-white`) + ` text-center`">
|
||||
<div class="landing__features row items-start q-col-gutter-sm">
|
||||
<div class="col-12 text-center"><h4>{{ t('homepage.descrapp_title1') }}</h4>
|
||||
<div class="col-12 text-center">
|
||||
<h4>{{ t('homepage.descrapp_title1') }}</h4>
|
||||
<p v-html="t('homepage.descrapp_pag1')"></p>
|
||||
<p v-html="t('homepage.descrapp_pag2')"></p>
|
||||
</div>
|
||||
@@ -197,52 +165,54 @@
|
||||
<section class="padding bg-primary landing__swirl-bg">
|
||||
<div class="landing__features row justify-between items-start q-col-gutter-sm">
|
||||
<div class="col-12 col-sm-5">
|
||||
<div class="feature-item"><i
|
||||
aria-hidden="true"
|
||||
class="q-icon fas fa-users"> </i><h4>
|
||||
{{ t('homepage.freesocial.title') }}</h4>
|
||||
<p class="feat-descr" v-html="t('homepage.freesocial.descr')"></p></div>
|
||||
<div class="feature-item"><i aria-hidden="true" class="q-icon fas fa-users"> </i>
|
||||
<h4>
|
||||
{{ t('homepage.freesocial.title') }}</h4>
|
||||
<p class="feat-descr" v-html="t('homepage.freesocial.descr')"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-5">
|
||||
<div class="feature-item"><i
|
||||
aria-hidden="true"
|
||||
class="q-icon fas fa-house-user"> </i><h4>
|
||||
{{ t('homepage.freetalent.title') }}</h4>
|
||||
<p class="feat-descr" v-html="t('homepage.freetalent.descr')"></p></div>
|
||||
<div class="feature-item"><i aria-hidden="true" class="q-icon fas fa-house-user"> </i>
|
||||
<h4>
|
||||
{{ t('homepage.freetalent.title') }}</h4>
|
||||
<p class="feat-descr" v-html="t('homepage.freetalent.descr')"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-5">
|
||||
<div class="feature-item"><i
|
||||
aria-hidden="true"
|
||||
class="q-icon fas fa-street-view"> </i><h4>
|
||||
{{ t('homepage.freeliving.title') }}</h4>
|
||||
<p class="feat-descr"><CShowContentPage path="/gruppi_territoriali_testo"></CShowContentPage></p></div>
|
||||
<div class="feature-item"><i aria-hidden="true" class="q-icon fas fa-street-view"> </i>
|
||||
<h4>
|
||||
{{ t('homepage.freeliving.title') }}</h4>
|
||||
<p class="feat-descr">
|
||||
<CShowContentPage path="/gruppi_territoriali_testo"></CShowContentPage>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-5">
|
||||
<div class="feature-item"><i
|
||||
aria-hidden="true"
|
||||
class="q-icon fas fa-universal-access"> </i><h4>
|
||||
{{ t('homepage.coin.title') }}</h4>
|
||||
<p class="feat-descr"><CShowContentPage path="/creditoris"></CShowContentPage></p></div>
|
||||
<div class="feature-item"><i aria-hidden="true" class="q-icon fas fa-universal-access"> </i>
|
||||
<h4>
|
||||
{{ t('homepage.coin.title') }}</h4>
|
||||
<p class="feat-descr">
|
||||
<CShowContentPage path="/creditoris"></CShowContentPage>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="padding bg-primary">
|
||||
<div class="landing__features row justify-between items-start q-col-gutter-sm">
|
||||
<div class="col-12 col-sm-5">
|
||||
<div class="feature-item"><i
|
||||
aria-hidden="true"
|
||||
class="q-icon fas fa-people-carry"> </i><h4>
|
||||
{{ t('homepage.freecollabora.title') }}</h4>
|
||||
<p class="feat-descr" v-html="t('homepage.freecollabora.descr')"></p></div>
|
||||
<div class="feature-item"><i aria-hidden="true" class="q-icon fas fa-people-carry"> </i>
|
||||
<h4>
|
||||
{{ t('homepage.freecollabora.title') }}</h4>
|
||||
<p class="feat-descr" v-html="t('homepage.freecollabora.descr')"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-5">
|
||||
<CFundRaising></CFundRaising>
|
||||
|
||||
</div>
|
||||
<div class="col-12 col-sm-5">
|
||||
<div class="feature-item"><i
|
||||
aria-hidden="true"
|
||||
class="q-icon fas fa-browser"> </i>
|
||||
<div class="feature-item"><i aria-hidden="true" class="q-icon fas fa-browser"> </i>
|
||||
<div class="q-gutter-sm">
|
||||
<i aria-hidden="true" class="q-icon fab fa-chrome"> </i>
|
||||
<i aria-hidden="true" class="q-icon fab fa-firefox"> </i>
|
||||
@@ -251,14 +221,15 @@
|
||||
</div>
|
||||
|
||||
<h4>{{ t('homepage.multiplatform.title') }}</h4>
|
||||
<p class="feat-descr" v-html="t('homepage.multiplatform.descr')"></p></div>
|
||||
<p class="feat-descr" v-html="t('homepage.multiplatform.descr')"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-5">
|
||||
<div class="feature-item"><i
|
||||
aria-hidden="true"
|
||||
class="q-icon fas fa-universal-access"> </i><h4>
|
||||
{{ t('homepage.free.title') }}</h4>
|
||||
<p class="feat-descr" v-html="t('homepage.free.descr')"></p></div>
|
||||
<div class="feature-item"><i aria-hidden="true" class="q-icon fas fa-universal-access"> </i>
|
||||
<h4>
|
||||
{{ t('homepage.free.title') }}</h4>
|
||||
<p class="feat-descr" v-html="t('homepage.free.descr')"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -6,14 +6,8 @@
|
||||
<q-card v-if="isListImgValid" :class="getclass()" @click="apri">
|
||||
<div v-for="(imgfile, index) in getlistimages()" :key="index">
|
||||
<div v-if="index === 0">
|
||||
<q-img
|
||||
:src="tools.getsrcimg(imgfile, getrealdirectory())"
|
||||
:class="getclimg()"
|
||||
>
|
||||
<div
|
||||
v-if="getnumimages() > 1"
|
||||
class="absolute-bottom text-shadow no-padding"
|
||||
>
|
||||
<q-img :src="tools.getsrcimg(imgfile, getrealdirectory())" :class="getclimg()">
|
||||
<div v-if="getnumimages() > 1" class="absolute-bottom text-shadow no-padding">
|
||||
({{ getnumimages() }})
|
||||
</div>
|
||||
</q-img>
|
||||
@@ -21,40 +15,23 @@
|
||||
</div>
|
||||
</q-card>
|
||||
<div v-else-if="!isInModif && !isListImgValid && imagebak">
|
||||
<q-card
|
||||
v-if="imagebak !== costanti.NESSUN_IMMAGINE"
|
||||
:class="getclass()"
|
||||
@click="ImgFullScreen(imgfile)"
|
||||
>
|
||||
<q-card v-if="imagebak !== costanti.NESSUN_IMMAGINE" :class="getclass()" @click="ImgFullScreen(imgfile)">
|
||||
<q-img :src="imagebak" :class="getclimg()"> </q-img>
|
||||
</q-card>
|
||||
</div>
|
||||
<div v-else>
|
||||
<q-card :class="getclass()" @click="apri">
|
||||
<q-img src="images/noimg.png" :class="getclimg()" alt="no image">
|
||||
<q-img src="/images/noimg.png" :class="getclimg()" alt="no image">
|
||||
</q-img>
|
||||
</q-card>
|
||||
</div>
|
||||
<q-btn
|
||||
v-if="isInModif"
|
||||
color="primary"
|
||||
@click="apri"
|
||||
icon="fas fa-file-upload"
|
||||
:label="$t('gallery.load_image')"
|
||||
>
|
||||
<q-btn v-if="isInModif" color="primary" @click="apri" icon="fas fa-file-upload" :label="$t('gallery.load_image')">
|
||||
</q-btn>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div v-if="!isListImgValid">
|
||||
<q-btn
|
||||
flat
|
||||
round
|
||||
color="blue"
|
||||
icon="fas fa-tools"
|
||||
size="md"
|
||||
@click="apri"
|
||||
></q-btn>
|
||||
<q-btn flat round color="blue" icon="fas fa-tools" size="md" @click="apri"></q-btn>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div class="row">
|
||||
@@ -62,24 +39,10 @@
|
||||
v-model="order">-->
|
||||
|
||||
<div v-for="(mygallery, index) in getlistimages()" :key="index">
|
||||
<div
|
||||
class="q-pa-sm q-gutter-sm"
|
||||
@dragenter="onDragEnter"
|
||||
@dragleave="onDragLeave"
|
||||
@dragover="onDragOver"
|
||||
>
|
||||
<q-card
|
||||
:id="mygallery._id"
|
||||
:class="getclass()"
|
||||
:draggable="canModify"
|
||||
@dragstart="onDragStart"
|
||||
@drop="onDrop"
|
||||
>
|
||||
<q-img
|
||||
:src="tools.getsrcimg(mygallery, getrealdirectory())"
|
||||
:class="getclimg()"
|
||||
:alt="mygallery.alt"
|
||||
>
|
||||
<div class="q-pa-sm q-gutter-sm" @dragenter="onDragEnter" @dragleave="onDragLeave" @dragover="onDragOver">
|
||||
<q-card :id="mygallery._id" :class="getclass()" :draggable="canModify" @dragstart="onDragStart"
|
||||
@drop="onDrop">
|
||||
<q-img :src="tools.getsrcimg(mygallery, getrealdirectory())" :class="getclimg()" :alt="mygallery.alt">
|
||||
<div class="absolute-bottom text-shadow">
|
||||
<!-- <div class="text-h6 text-trans">{{ mygallery.description }} </div> -->
|
||||
<div class="text-subtitle-carica text-trans">
|
||||
@@ -96,114 +59,46 @@
|
||||
</template>
|
||||
</q-field>
|
||||
|
||||
<q-input
|
||||
v-if="canModify"
|
||||
v-model="mygallery.description"
|
||||
dense
|
||||
:label="$t('proj.longdescr')"
|
||||
@keyup.enter.stop
|
||||
@update:model-value="save"
|
||||
debounce="1000"
|
||||
autofocus
|
||||
>
|
||||
<q-input v-if="canModify" v-model="mygallery.description" dense :label="$t('proj.longdescr')"
|
||||
@keyup.enter.stop @update:model-value="save" debounce="1000" autofocus>
|
||||
</q-input>
|
||||
|
||||
<q-card-actions align="center">
|
||||
<q-btn
|
||||
v-if="canModify"
|
||||
flat
|
||||
round
|
||||
color="blue"
|
||||
icon="fas fa-copy"
|
||||
size="sm"
|
||||
@click="copytoclipboard(mygallery)"
|
||||
></q-btn>
|
||||
<q-btn
|
||||
v-if="canModify"
|
||||
flat
|
||||
round
|
||||
color="red"
|
||||
icon="fas fa-trash-alt"
|
||||
size="sm"
|
||||
@click="deleteFile(mygallery)"
|
||||
></q-btn>
|
||||
<q-btn v-if="canModify" flat round color="blue" icon="fas fa-copy" size="sm"
|
||||
@click="copytoclipboard(mygallery)"></q-btn>
|
||||
<q-btn v-if="canModify" flat round color="red" icon="fas fa-trash-alt" size="sm"
|
||||
@click="deleteFile(mygallery)"></q-btn>
|
||||
</q-card-actions>
|
||||
</q-card>
|
||||
</div>
|
||||
</div>
|
||||
<div class="q-pa-sm">
|
||||
<div
|
||||
v-if="edit"
|
||||
class="q-gutter-sm"
|
||||
style="max-height: 200px; width: 208px"
|
||||
>
|
||||
<q-uploader
|
||||
label="Aggiungi Immagine"
|
||||
accept="image/*"
|
||||
:url="getUrl()"
|
||||
:headers="tools.getheaders()"
|
||||
:max-file-size="3000000"
|
||||
multiple
|
||||
auto-upload
|
||||
hide-upload-btn
|
||||
no-thumbnails
|
||||
@uploaded="uploaded"
|
||||
@rejected="onRejected"
|
||||
style="width: 208px"
|
||||
></q-uploader>
|
||||
<div v-if="edit" class="q-gutter-sm" style="max-height: 200px; width: 208px">
|
||||
<q-uploader label="Aggiungi Immagine" accept="image/*" :url="getUrl()" :headers="tools.getheaders()"
|
||||
:max-file-size="3000000" multiple auto-upload hide-upload-btn no-thumbnails @uploaded="uploaded"
|
||||
@rejected="onRejected" style="width: 208px"></q-uploader>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<q-dialog
|
||||
v-model="displayGall"
|
||||
persistent
|
||||
:maximized="maximizedToggle"
|
||||
transition-show="slide-up"
|
||||
transition-hide="slide-down"
|
||||
>
|
||||
<q-dialog v-model="displayGall" persistent :maximized="maximizedToggle" transition-show="slide-up"
|
||||
transition-hide="slide-down">
|
||||
<q-card>
|
||||
<q-bar class="bg-primary text-white">
|
||||
<q-space />
|
||||
|
||||
<q-btn
|
||||
dense
|
||||
flat
|
||||
icon="minimize"
|
||||
@click="maximizedToggle = false"
|
||||
:disable="!maximizedToggle"
|
||||
>
|
||||
<q-tooltip
|
||||
v-if="maximizedToggle"
|
||||
:class="
|
||||
($q.dark.isActive ? `bg-black` : `bg-white`) + ` text-primary`
|
||||
"
|
||||
>Minimize</q-tooltip
|
||||
>
|
||||
<q-btn dense flat icon="minimize" @click="maximizedToggle = false" :disable="!maximizedToggle">
|
||||
<q-tooltip v-if="maximizedToggle" :class="($q.dark.isActive ? `bg-black` : `bg-white`) + ` text-primary`
|
||||
">Minimize</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
dense
|
||||
flat
|
||||
icon="crop_square"
|
||||
@click="maximizedToggle = true"
|
||||
:disable="maximizedToggle"
|
||||
>
|
||||
<q-tooltip
|
||||
v-if="!maximizedToggle"
|
||||
:class="
|
||||
($q.dark.isActive ? `bg-black` : `bg-white`) + ` text-primary`
|
||||
"
|
||||
>Maximize</q-tooltip
|
||||
>
|
||||
<q-btn dense flat icon="crop_square" @click="maximizedToggle = true" :disable="maximizedToggle">
|
||||
<q-tooltip v-if="!maximizedToggle" :class="($q.dark.isActive ? `bg-black` : `bg-white`) + ` text-primary`
|
||||
">Maximize</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn dense flat icon="close" v-close-popup>
|
||||
<q-tooltip
|
||||
:class="
|
||||
($q.dark.isActive ? `bg-black` : `bg-white`) + ` text-primary`
|
||||
"
|
||||
>{{ t('dialog.close') }}</q-tooltip
|
||||
>
|
||||
<q-tooltip :class="($q.dark.isActive ? `bg-black` : `bg-white`) + ` text-primary`
|
||||
">{{ t('dialog.close') }}</q-tooltip>
|
||||
</q-btn>
|
||||
</q-bar>
|
||||
|
||||
@@ -214,52 +109,22 @@
|
||||
<q-card-section class="q-pt-none">
|
||||
<div class="row">
|
||||
<div v-for="(mygallery, index) in getlistimages()" :key="index">
|
||||
<div
|
||||
class="q-pa-sm barwidth"
|
||||
@dragenter="onDragEnter"
|
||||
@dragleave="onDragLeave"
|
||||
@dragover="onDragOver"
|
||||
>
|
||||
<div class="q-pa-sm barwidth" @dragenter="onDragEnter" @dragleave="onDragLeave" @dragover="onDragOver">
|
||||
<q-bar class="bg-primary text-white">
|
||||
<q-btn flat round dense icon="menu" class="q-mr-sm" />
|
||||
<q-btn
|
||||
v-if="canModify"
|
||||
flat
|
||||
round
|
||||
icon="fas fa-copy"
|
||||
size="sm"
|
||||
@click="copytoclipboard(mygallery)"
|
||||
></q-btn>
|
||||
<q-btn v-if="canModify" flat round icon="fas fa-copy" size="sm"
|
||||
@click="copytoclipboard(mygallery)"></q-btn>
|
||||
<div>Foto {{ index + 1 }}</div>
|
||||
<q-space></q-space>
|
||||
<q-btn
|
||||
v-if="canModify"
|
||||
flat
|
||||
round
|
||||
color="red"
|
||||
icon="fas fa-trash-alt"
|
||||
@click="deleteFile(mygallery)"
|
||||
></q-btn>
|
||||
<q-btn v-if="canModify" flat round color="red" icon="fas fa-trash-alt"
|
||||
@click="deleteFile(mygallery)"></q-btn>
|
||||
</q-bar>
|
||||
|
||||
<q-card
|
||||
:id="mygallery._id"
|
||||
:class="getclass()"
|
||||
:data-ind="index"
|
||||
:draggable="canModify"
|
||||
@dragstart="onDragStart"
|
||||
@drop="onDrop"
|
||||
>
|
||||
<q-img
|
||||
:src="tools.getsrcimg(mygallery, getrealdirectory())"
|
||||
:class="getclimg()"
|
||||
@click="ImgFullScreen(mygallery)"
|
||||
:alt="mygallery.alt"
|
||||
>
|
||||
<div
|
||||
v-if="mygallery.description"
|
||||
class="absolute-bottom text-shadow"
|
||||
>
|
||||
<q-card :id="mygallery._id" :class="getclass()" :data-ind="index" :draggable="canModify"
|
||||
@dragstart="onDragStart" @drop="onDrop">
|
||||
<q-img :src="tools.getsrcimg(mygallery, getrealdirectory())" :class="getclimg()"
|
||||
@click="ImgFullScreen(mygallery)" :alt="mygallery.alt">
|
||||
<div v-if="mygallery.description" class="absolute-bottom text-shadow">
|
||||
<!-- <div class="text-h6 text-trans">{{ mygallery.description }} </div> -->
|
||||
<div class="text-subtitle-carica text-trans">
|
||||
{{ mygallery.description }}
|
||||
@@ -269,24 +134,13 @@
|
||||
<q-card-section>
|
||||
<q-field v-if="canModify" stack-label dense label="Nome File">
|
||||
<template v-slot:control>
|
||||
<div
|
||||
class="self-center full-width no-outline"
|
||||
tabindex="0"
|
||||
>
|
||||
<div class="self-center full-width no-outline" tabindex="0">
|
||||
{{ mygallery.imagefile }}
|
||||
</div>
|
||||
</template>
|
||||
</q-field>
|
||||
<q-input
|
||||
v-if="canModify"
|
||||
v-model="mygallery.description"
|
||||
dense
|
||||
:label="$t('proj.longdescr')"
|
||||
@keyup.enter.stop
|
||||
@update:model-value="save"
|
||||
debounce="1000"
|
||||
autofocus
|
||||
>
|
||||
<q-input v-if="canModify" v-model="mygallery.description" dense :label="$t('proj.longdescr')"
|
||||
@keyup.enter.stop @update:model-value="save" debounce="1000" autofocus>
|
||||
</q-input>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
@@ -294,20 +148,9 @@
|
||||
</div>
|
||||
<div v-if="canModify" class="q-pa-sm">
|
||||
<div class="q-gutter-sm" style="max-height: 200px; width: 208px">
|
||||
<q-uploader
|
||||
label="Aggiungi Immagine"
|
||||
accept="image/*"
|
||||
:url="getUrl()"
|
||||
:headers="tools.getheaders()"
|
||||
:max-file-size="40000000"
|
||||
multiple
|
||||
auto-upload
|
||||
hide-upload-btn
|
||||
no-thumbnails
|
||||
@uploaded="uploaded"
|
||||
@rejected="onRejected"
|
||||
style="width: 208px"
|
||||
></q-uploader>
|
||||
<q-uploader label="Aggiungi Immagine" accept="image/*" :url="getUrl()" :headers="tools.getheaders()"
|
||||
:max-file-size="40000000" multiple auto-upload hide-upload-btn no-thumbnails @uploaded="uploaded"
|
||||
@rejected="onRejected" style="width: 208px"></q-uploader>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!isInModif && !isListImgValid && imagebak">
|
||||
@@ -318,43 +161,16 @@
|
||||
</div>
|
||||
|
||||
<q-card-actions align="right">
|
||||
<q-btn
|
||||
v-if="canModify"
|
||||
flat
|
||||
label="Annulla"
|
||||
color="primary"
|
||||
v-close-popup
|
||||
/>
|
||||
<q-btn
|
||||
v-if="canModify"
|
||||
label="salva"
|
||||
color="primary"
|
||||
v-close-popup
|
||||
@click="save"
|
||||
/>
|
||||
<q-btn
|
||||
v-if="!canModify"
|
||||
label="Chiudi"
|
||||
color="primary"
|
||||
v-close-popup
|
||||
/>
|
||||
<q-btn v-if="canModify" flat label="Annulla" color="primary" v-close-popup />
|
||||
<q-btn v-if="canModify" label="salva" color="primary" v-close-popup @click="save" />
|
||||
<q-btn v-if="!canModify" label="Chiudi" color="primary" v-close-popup />
|
||||
</q-card-actions>
|
||||
</q-card-section>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
<q-dialog
|
||||
v-model="fullscreen"
|
||||
:maximized="false"
|
||||
transition-show="slide-up"
|
||||
transition-hide="slide-down"
|
||||
>
|
||||
<q-dialog v-model="fullscreen" :maximized="false" transition-show="slide-up" transition-hide="slide-down">
|
||||
<q-card class="my-card">
|
||||
<q-img
|
||||
v-if="fullscreensrc"
|
||||
alt="fullscreen"
|
||||
:src="fullscreensrc"
|
||||
@click="fullscreen = false"
|
||||
></q-img>
|
||||
<q-img v-if="fullscreensrc" alt="fullscreen" :src="fullscreensrc" @click="fullscreen = false"></q-img>
|
||||
</q-card>
|
||||
</q-dialog>
|
||||
</template>
|
||||
|
||||
@@ -9,21 +9,23 @@
|
||||
|
||||
</CCopyBtn>
|
||||
|
||||
<div class="text-h6 text-center" v-html="$t('reg.teleg_torna_sul_bot', {botname: tools.getBotName()})">
|
||||
<div class="text-h6 text-center" v-html="$t('reg.teleg_torna_sul_bot', { botname: tools.getBotName() })">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="!tools.TelegVerificato()" class="q-pa-sm q-gutter-sm">
|
||||
<div v-if="!tools.TelegCode()"><strong>{{ $t('components.authentication.telegram.open')}}</strong></div>
|
||||
<div v-if="!tools.TelegCode()"><strong>{{ $t('components.authentication.telegram.open') }}</strong></div>
|
||||
<div class="q-ma-md">
|
||||
<q-btn rounded color="primary" icon="fab fa-telegram" :label="$t('components.authentication.telegram.openbot', {botname: tools.getBotName() })"
|
||||
type="a"
|
||||
:href="tools.getLinkBotTelegram('', '')" target="_blank"></q-btn>
|
||||
<q-btn rounded color="primary" icon="fab fa-telegram"
|
||||
:label="$t('components.authentication.telegram.openbot', { botname: tools.getBotName() })" type="a"
|
||||
:href="tools.getLinkBotTelegram('', '')" target="_blank"></q-btn>
|
||||
<br>
|
||||
</div>
|
||||
<strong v-if="!tools.TelegCode()">{{ $t('components.authentication.telegram.ifclose', {botname: tools.getBotName() })}}</strong>
|
||||
<strong v-if="!tools.TelegCode()">{{ $t('components.authentication.telegram.ifclose', {
|
||||
botname: tools.getBotName()
|
||||
})}}</strong>
|
||||
<div class="q-my-sm">
|
||||
<!--<q-img src="images/ayni_bot.jpg" class="" :alt="$t('ws.sitename')" style="height: 100px; width: 250px;">
|
||||
<!--<q-img src="/images/ayni_bot.jpg" class="" :alt="$t('ws.sitename')" style="height: 100px; width: 250px;">
|
||||
</q-img>-->
|
||||
</div>
|
||||
</div>
|
||||
@@ -35,5 +37,5 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import './CVerifyTelegram.scss';
|
||||
@import './CVerifyTelegram.scss';
|
||||
</style>
|
||||
|
||||
@@ -1,32 +1,15 @@
|
||||
<template>
|
||||
<q-footer
|
||||
v-if="tools.isUserOk() && site && site.confpages"
|
||||
:class="($q.dark.isActive ? `bg-black` : `bg-white`) + ` small-screen-only`"
|
||||
bordered
|
||||
>
|
||||
<q-footer v-if="tools.isUserOk() && site && site.confpages"
|
||||
:class="($q.dark.isActive ? `bg-black` : `bg-white`) + ` small-screen-only`" bordered>
|
||||
<q-toolbar>
|
||||
<q-toolbar-title>
|
||||
<q-tabs
|
||||
dense
|
||||
:class="
|
||||
($q.dark.isActive
|
||||
? `text-white bg-black`
|
||||
: `text-grey-10 bg-white`) + ` mylabfooter mysmalltabs`
|
||||
"
|
||||
style="padding: 0px !important"
|
||||
content-class="mysmalltabs"
|
||||
active-color="white"
|
||||
active-bg-color="blue"
|
||||
no-caps
|
||||
indicator-color="transparent"
|
||||
>
|
||||
<q-route-tab
|
||||
v-if="site.confpages.showButtHome"
|
||||
to="/"
|
||||
class="mylabfooter"
|
||||
:label="$t('tabdown.home')"
|
||||
icon="fas fa-home"
|
||||
/>
|
||||
<q-tabs dense :class="($q.dark.isActive
|
||||
? `text-white bg-black`
|
||||
: `text-grey-10 bg-white`) + ` mylabfooter mysmalltabs`
|
||||
" style="padding: 0px !important" content-class="mysmalltabs" active-color="white" active-bg-color="blue"
|
||||
no-caps indicator-color="transparent">
|
||||
<q-route-tab v-if="site.confpages.showButtHome" to="/" class="mylabfooter" :label="$t('tabdown.home')"
|
||||
icon="fas fa-home" />
|
||||
<!--<q-route-tab
|
||||
v-if="site.confpages.showViewGroups"
|
||||
class="mylabfooter"
|
||||
@@ -34,57 +17,21 @@
|
||||
to="/groups"
|
||||
icon="fas fa-users"
|
||||
/>-->
|
||||
<q-route-tab
|
||||
v-if="site.confpages.showViewEventi"
|
||||
class="mylabfooter"
|
||||
:label="$t('tabdown.eventi')"
|
||||
to="/events"
|
||||
icon="fas fa-calendar-week"
|
||||
/>
|
||||
<q-img
|
||||
v-if="site.confpages.showViewCircuits"
|
||||
src="images/1ris_rosso_100.png"
|
||||
round
|
||||
flat
|
||||
:style="currentPath === '/circuits' ? `background-color: lightblue`: ''"
|
||||
class="img_in_tab"
|
||||
@click="naviga(tools.updateLink('/circuits'))"
|
||||
></q-img>
|
||||
<q-route-tab
|
||||
v-if="site.confpages.showViewUsers"
|
||||
class="mylabfooter"
|
||||
:label="$t('tabdown.friends')"
|
||||
to="/friends"
|
||||
icon="fas fa-user-friends"
|
||||
/>
|
||||
<q-route-tab
|
||||
v-if="site.confpages.showViewBooking"
|
||||
class="mylabfooter"
|
||||
:label="$t('tabdown.bookings')"
|
||||
to="/admin/eventlist"
|
||||
icon="fas fa-calendar-plus"
|
||||
/>
|
||||
<q-route-tab
|
||||
v-if="site.confpages.showViewCart"
|
||||
class="mylabfooter"
|
||||
:label="$t('tabdown.showViewCart')"
|
||||
to="/checkout"
|
||||
icon="fas fa-shopping-cart"
|
||||
/>
|
||||
<q-route-tab
|
||||
v-if="site.confpages.showViewOrders"
|
||||
class="mylabfooter"
|
||||
:label="$t('tabdown.showViewOrders')"
|
||||
to="/orderinfo"
|
||||
icon="fas fa-clipboard-list"
|
||||
/>
|
||||
<q-route-tab
|
||||
v-if="site.confpages.showViewProfile"
|
||||
class="mylabfooter"
|
||||
:label="$t('tabdown.profile')"
|
||||
@click="globalStore.rightDrawerOpen = true"
|
||||
:icon="getMyImg() ? `img: ` + getMyImg() : `fas fa-user`"
|
||||
/>
|
||||
<q-route-tab v-if="site.confpages.showViewEventi" class="mylabfooter" :label="$t('tabdown.eventi')"
|
||||
to="/events" icon="fas fa-calendar-week" />
|
||||
<q-img v-if="site.confpages.showViewCircuits" src="/images/1ris_rosso_100.png" round flat
|
||||
:style="currentPath === '/circuits' ? `background-color: lightblue` : ''" class="img_in_tab"
|
||||
@click="naviga(tools.updateLink('/circuits'))"></q-img>
|
||||
<q-route-tab v-if="site.confpages.showViewUsers" class="mylabfooter" :label="$t('tabdown.friends')"
|
||||
to="/friends" icon="fas fa-user-friends" />
|
||||
<q-route-tab v-if="site.confpages.showViewBooking" class="mylabfooter" :label="$t('tabdown.bookings')"
|
||||
to="/admin/eventlist" icon="fas fa-calendar-plus" />
|
||||
<q-route-tab v-if="site.confpages.showViewCart" class="mylabfooter" :label="$t('tabdown.showViewCart')"
|
||||
to="/checkout" icon="fas fa-shopping-cart" />
|
||||
<q-route-tab v-if="site.confpages.showViewOrders" class="mylabfooter" :label="$t('tabdown.showViewOrders')"
|
||||
to="/orderinfo" icon="fas fa-clipboard-list" />
|
||||
<q-route-tab v-if="site.confpages.showViewProfile" class="mylabfooter" :label="$t('tabdown.profile')"
|
||||
@click="globalStore.rightDrawerOpen = true" :icon="getMyImg() ? `img: ` + getMyImg() : `fas fa-user`" />
|
||||
</q-tabs>
|
||||
</q-toolbar-title>
|
||||
</q-toolbar>
|
||||
|
||||
@@ -1,18 +1,8 @@
|
||||
<template>
|
||||
<div>
|
||||
<q-header
|
||||
v-if="site"
|
||||
reveal
|
||||
elevated
|
||||
:class="getClassColorHeader"
|
||||
:style="`color: ` + getColorText + `;`"
|
||||
>
|
||||
<q-toolbar
|
||||
color="primary"
|
||||
:glossy="!$q.platform.is.ios && !$q.platform.is.android"
|
||||
:inverted="$q.platform.is.ios"
|
||||
class="toolbar"
|
||||
>
|
||||
<q-header v-if="site" reveal elevated :class="getClassColorHeader" :style="`color: ` + getColorText + `;`">
|
||||
<q-toolbar color="primary" :glossy="!$q.platform.is.ios && !$q.platform.is.android" :inverted="$q.platform.is.ios"
|
||||
class="toolbar">
|
||||
<q-btn flat dense round @click="clickMenu3Orizz" aria-label="Menu">
|
||||
<q-icon name="menu" />
|
||||
</q-btn>
|
||||
@@ -29,17 +19,8 @@
|
||||
<!--I'm only rendered on Electron!-->
|
||||
</div>
|
||||
|
||||
<q-btn
|
||||
size="md"
|
||||
id="newvers"
|
||||
v-if="isNewVersionAvailable() || data.updateExists"
|
||||
color="secondary"
|
||||
rounded
|
||||
icon="refresh"
|
||||
class="btnNewVersShow"
|
||||
@click="RefreshApp()"
|
||||
:label="t('notification.newVersionAvailable')"
|
||||
>
|
||||
<q-btn size="md" id="newvers" v-if="isNewVersionAvailable() || data.updateExists" color="secondary" rounded
|
||||
icon="refresh" class="btnNewVersShow" @click="RefreshApp()" :label="t('notification.newVersionAvailable')">
|
||||
</q-btn>
|
||||
|
||||
<q-toolbar-title class="row items-center">
|
||||
@@ -64,47 +45,26 @@
|
||||
</div>
|
||||
-->
|
||||
|
||||
<div
|
||||
v-if="site.confpages && site.confpages.show_darkopt"
|
||||
class="text-h7"
|
||||
>
|
||||
<div v-if="site.confpages && site.confpages.show_darkopt" class="text-h7">
|
||||
<q-toggle :icon="'fas fa-moon'" v-model="dark"> </q-toggle>
|
||||
</div>
|
||||
<div
|
||||
v-if="
|
||||
tools.isLogged() &&
|
||||
(isAdmin() || tools.isEditor() || tools.isGrafico())
|
||||
"
|
||||
class="text-h7"
|
||||
>
|
||||
<div v-if="
|
||||
tools.isLogged() &&
|
||||
(isAdmin() || tools.isEditor() || tools.isGrafico())
|
||||
" class="text-h7">
|
||||
<q-toggle :icon="'fas fa-pencil-alt'" v-model="editOn"> </q-toggle>
|
||||
</div>
|
||||
<q-btn
|
||||
v-if="!isonline() && site.confpages && site.confpages.showConnected"
|
||||
flat
|
||||
dense
|
||||
round
|
||||
aria-label="Connection"
|
||||
>
|
||||
<q-btn v-if="!isonline() && site.confpages && site.confpages.showConnected" flat dense round
|
||||
aria-label="Connection">
|
||||
<q-icon :name="iconConn" :class="clIconConn"></q-icon>
|
||||
<q-icon v-if="isUserNotAuth" name="device_unknown"></q-icon>
|
||||
</q-btn>
|
||||
|
||||
<q-btn-dropdown
|
||||
stretch
|
||||
v-if="isfinishLoading && static_data.lang_available.length > 1"
|
||||
flat
|
||||
:label="langshort"
|
||||
auto-close
|
||||
>
|
||||
<q-btn-dropdown stretch v-if="isfinishLoading && static_data.lang_available.length > 1" flat :label="langshort"
|
||||
auto-close>
|
||||
<q-list bordered>
|
||||
<q-item
|
||||
clickable
|
||||
v-ripple
|
||||
v-for="langrec in static_data.lang_available"
|
||||
:key="langrec.value"
|
||||
@click="lang = langrec.value"
|
||||
>
|
||||
<q-item clickable v-ripple v-for="langrec in static_data.lang_available" :key="langrec.value"
|
||||
@click="lang = langrec.value">
|
||||
<q-item-section avatar>
|
||||
<img :src="langrec.image" class="flagimg" alt="flag" />
|
||||
</q-item-section>
|
||||
@@ -132,127 +92,55 @@
|
||||
|
||||
<!-- BUTTON USER BAR -->
|
||||
|
||||
<q-btn
|
||||
class="q-mx-xs"
|
||||
v-if="
|
||||
site.confpages && site.confpages.enableEcommerce && tools.isLogged()
|
||||
"
|
||||
round
|
||||
dense
|
||||
flat
|
||||
@click="rightCartOpen = !rightCartOpen"
|
||||
icon="fas fa-shopping-cart"
|
||||
>
|
||||
<q-badge
|
||||
v-if="getnumItemsCart() > 0"
|
||||
color="red"
|
||||
floating
|
||||
transparent
|
||||
>
|
||||
<q-btn class="q-mx-xs" v-if="
|
||||
site.confpages && site.confpages.enableEcommerce && tools.isLogged()
|
||||
" round dense flat @click="rightCartOpen = !rightCartOpen" icon="fas fa-shopping-cart">
|
||||
<q-badge v-if="getnumItemsCart() > 0" color="red" floating transparent>
|
||||
{{ getnumItemsCart() }}
|
||||
</q-badge>
|
||||
</q-btn>
|
||||
|
||||
<q-btn
|
||||
class="q-mx-xs"
|
||||
v-if="
|
||||
site.confpages &&
|
||||
site.confpages.enableEcommerce &&
|
||||
tools.isLogged() &&
|
||||
getnumOrdersCart() > 0
|
||||
"
|
||||
round
|
||||
dense
|
||||
flat
|
||||
to="/orderinfo"
|
||||
icon="fas fa-list-ol"
|
||||
>
|
||||
<q-badge
|
||||
v-if="getnumOrdersCart() > 0"
|
||||
color="blue"
|
||||
floating
|
||||
transparent
|
||||
>
|
||||
<q-btn class="q-mx-xs" v-if="
|
||||
site.confpages &&
|
||||
site.confpages.enableEcommerce &&
|
||||
tools.isLogged() &&
|
||||
getnumOrdersCart() > 0
|
||||
" round dense flat to="/orderinfo" icon="fas fa-list-ol">
|
||||
<q-badge v-if="getnumOrdersCart() > 0" color="blue" floating transparent>
|
||||
{{ getnumOrdersCart() }}
|
||||
</q-badge>
|
||||
</q-btn>
|
||||
|
||||
<q-btn
|
||||
class="q-mx-xs"
|
||||
v-if="
|
||||
site.confpages && site.confpages.showUserMenu && !tools.isLogged()
|
||||
"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
icon="fas fa-user"
|
||||
@click="rightDrawerOpen = !rightDrawerOpen"
|
||||
>
|
||||
<q-btn class="q-mx-xs" v-if="
|
||||
site.confpages && site.confpages.showUserMenu && !tools.isLogged()
|
||||
" dense flat round icon="fas fa-user" @click="rightDrawerOpen = !rightDrawerOpen">
|
||||
</q-btn>
|
||||
<q-avatar
|
||||
v-else-if="
|
||||
site.confpages &&
|
||||
site.confpages.showUserMenu &&
|
||||
tools.isLogged() &&
|
||||
getMyImg() &&
|
||||
$q.screen.gt.sm
|
||||
"
|
||||
size="36px"
|
||||
class="center_img cursor-pointer"
|
||||
@click="rightDrawerOpen = !rightDrawerOpen"
|
||||
>
|
||||
<q-img
|
||||
ratio="1"
|
||||
fit="cover"
|
||||
:src="getMyImg()"
|
||||
:alt="Username()"
|
||||
img-class="imgprofile_small"
|
||||
stretch="false"
|
||||
/>
|
||||
<q-avatar v-else-if="
|
||||
site.confpages &&
|
||||
site.confpages.showUserMenu &&
|
||||
tools.isLogged() &&
|
||||
getMyImg() &&
|
||||
$q.screen.gt.sm
|
||||
" size="36px" class="center_img cursor-pointer" @click="rightDrawerOpen = !rightDrawerOpen">
|
||||
<q-img ratio="1" fit="cover" :src="getMyImg()" :alt="Username()" img-class="imgprofile_small"
|
||||
stretch="false" />
|
||||
</q-avatar>
|
||||
<q-btn
|
||||
v-else-if="$q.screen.gt.sm"
|
||||
class="q-mx-xs iconprofile_small"
|
||||
round
|
||||
dense
|
||||
flat
|
||||
@click="rightDrawerOpen = !rightDrawerOpen"
|
||||
:icon="getMyImgforIcon()"
|
||||
:color="getcolormenu()"
|
||||
>
|
||||
<q-btn v-else-if="$q.screen.gt.sm" class="q-mx-xs iconprofile_small" round dense flat
|
||||
@click="rightDrawerOpen = !rightDrawerOpen" :icon="getMyImgforIcon()" :color="getcolormenu()">
|
||||
</q-btn>
|
||||
</q-toolbar>
|
||||
</q-header>
|
||||
|
||||
<q-drawer
|
||||
side="left"
|
||||
bordered
|
||||
:show-if-above="globalStore.leftDrawerOpen"
|
||||
:breakpoint="800"
|
||||
v-model="leftDrawerOpen"
|
||||
:content-class="['bg-grey-1', 'q-pa-sm']"
|
||||
:content-style="{ padding: '0px' }"
|
||||
>
|
||||
<q-drawer side="left" bordered :show-if-above="globalStore.leftDrawerOpen" :breakpoint="800"
|
||||
v-model="leftDrawerOpen" :content-class="['bg-grey-1', 'q-pa-sm']" :content-style="{ padding: '0px' }">
|
||||
<drawer :clBase="clBase"></drawer>
|
||||
</q-drawer>
|
||||
|
||||
<!-- USER BAR -->
|
||||
<q-drawer
|
||||
v-if="site.confpages && site.confpages.enableEcommerce"
|
||||
v-model="rightCartOpen"
|
||||
class="q-drawer-cart"
|
||||
side="right"
|
||||
elevated
|
||||
>
|
||||
<q-btn
|
||||
class="absolute-top-right"
|
||||
:style="`margin-right: 10px; color:` + getColorText + `;`"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
icon="close"
|
||||
@click="rightCartOpen = !rightCartOpen"
|
||||
>
|
||||
<q-drawer v-if="site.confpages && site.confpages.enableEcommerce" v-model="rightCartOpen" class="q-drawer-cart"
|
||||
side="right" elevated>
|
||||
<q-btn class="absolute-top-right" :style="`margin-right: 10px; color:` + getColorText + `;`" dense flat round
|
||||
icon="close" @click="rightCartOpen = !rightCartOpen">
|
||||
</q-btn>
|
||||
|
||||
<CSelectUserActive></CSelectUserActive>
|
||||
@@ -263,53 +151,24 @@
|
||||
<CMyCart v-if="isfinishLoading"></CMyCart>
|
||||
</q-drawer>
|
||||
<!-- USER BAR -->
|
||||
<q-drawer
|
||||
v-if="site.confpages && site.confpages.showUserMenu"
|
||||
v-model="rightDrawerOpen"
|
||||
side="right"
|
||||
elevated
|
||||
>
|
||||
<q-drawer v-if="site.confpages && site.confpages.showUserMenu" v-model="rightDrawerOpen" side="right" elevated>
|
||||
<div id="profile">
|
||||
<q-img
|
||||
class="absolute-top"
|
||||
src="images/landing_first_section.png"
|
||||
style="height: 150px"
|
||||
alt="section page"
|
||||
>
|
||||
<q-img class="absolute-top" src="/images/landing_first_section.png" style="height: 150px" alt="section page">
|
||||
</q-img>
|
||||
<div
|
||||
class="absolute-top bg-transparent text-black center_img"
|
||||
style="margin-top: 10px"
|
||||
>
|
||||
<div
|
||||
:class="
|
||||
`text-center q-ma-xs boldhigh text-` + getColorText + ` text-h7`
|
||||
"
|
||||
>
|
||||
<div class="absolute-top bg-transparent text-black center_img" style="margin-top: 10px">
|
||||
<div :class="`text-center q-ma-xs boldhigh text-` + getColorText + ` text-h7`
|
||||
">
|
||||
{{ t("header.area_personale") }}
|
||||
</div>
|
||||
|
||||
<q-avatar size="80px" class="center_img q-ma-md">
|
||||
<q-img
|
||||
fit="cover"
|
||||
:src="getMyImg()"
|
||||
:alt="Username()"
|
||||
img-class="imgprofile"
|
||||
height="80px"
|
||||
/>
|
||||
<q-img fit="cover" :src="getMyImg()" :alt="Username()" img-class="imgprofile" height="80px" />
|
||||
</q-avatar>
|
||||
|
||||
<!--<CMyAvatar :myimg="getMyImg()"></CMyAvatar>-->
|
||||
|
||||
<q-btn
|
||||
class="absolute-top-right"
|
||||
:style="`margin-right: 10px; color: ` + getColorText + `;`"
|
||||
dense
|
||||
flat
|
||||
round
|
||||
icon="close"
|
||||
@click="rightDrawerOpen = !rightDrawerOpen"
|
||||
>
|
||||
<q-btn class="absolute-top-right" :style="`margin-right: 10px; color: ` + getColorText + `;`" dense flat round
|
||||
icon="close" @click="rightDrawerOpen = !rightDrawerOpen">
|
||||
</q-btn>
|
||||
|
||||
<div v-if="tools.isLogged()" class="text-weight-bold text-user">
|
||||
@@ -317,49 +176,28 @@
|
||||
<span v-if="mySurname()"> {{ mySurname() }}</span>
|
||||
</div>
|
||||
<div class="row justify-evenly q-pa-xs-sm">
|
||||
<div
|
||||
v-if="tools.isLogged() && isAdmin()"
|
||||
class="text-weight-bold text-user bg-red q-px-xs"
|
||||
>
|
||||
<div v-if="tools.isLogged() && isAdmin()" class="text-weight-bold text-user bg-red q-px-xs">
|
||||
Admin
|
||||
</div>
|
||||
<div v-if="isSocio" class="text-weight-bold text-user q-px-xs">
|
||||
Socio
|
||||
</div>
|
||||
<div
|
||||
v-if="isSocioResidente()"
|
||||
class="text-weight-bold text-user q-px-xs bg-amber"
|
||||
>
|
||||
<div v-if="isSocioResidente()" class="text-weight-bold text-user q-px-xs bg-amber">
|
||||
Residente
|
||||
</div>
|
||||
<div
|
||||
v-if="isConsiglio()"
|
||||
class="text-weight-bold text-user q-px-xs bg-deep-orange-10"
|
||||
>
|
||||
<div v-if="isConsiglio()" class="text-weight-bold text-user q-px-xs bg-deep-orange-10">
|
||||
Consiglio
|
||||
</div>
|
||||
<div
|
||||
v-if="isManager()"
|
||||
class="text-weight-bold text-user bg-blue q-px-xs"
|
||||
>
|
||||
<div v-if="isManager()" class="text-weight-bold text-user bg-blue q-px-xs">
|
||||
Segreteria
|
||||
</div>
|
||||
<div
|
||||
v-if="isEditor()"
|
||||
class="text-weight-bold text-user bg-indigo q-px-xs"
|
||||
>
|
||||
<div v-if="isEditor()" class="text-weight-bold text-user bg-indigo q-px-xs">
|
||||
Editore
|
||||
</div>
|
||||
<div
|
||||
v-if="isFacilitatore()"
|
||||
class="text-weight-bold text-user q-px-xs"
|
||||
>
|
||||
<div v-if="isFacilitatore()" class="text-weight-bold text-user q-px-xs">
|
||||
Facilitatore
|
||||
</div>
|
||||
<div
|
||||
v-if="isTratuttrici()"
|
||||
class="text-weight-bold text-user q-px-xs"
|
||||
>
|
||||
<div v-if="isTratuttrici()" class="text-weight-bold text-user q-px-xs">
|
||||
Editor
|
||||
</div>
|
||||
</div>
|
||||
@@ -367,51 +205,28 @@
|
||||
{{ t("user.loggati") }}
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-if="tools.isLogged() && !tools.isVerified()"
|
||||
class="text-verified"
|
||||
>
|
||||
<div v-if="tools.isLogged() && !tools.isVerified()" class="text-verified">
|
||||
{{ t("components.authentication.email_verification.verify_email") }}
|
||||
</div>
|
||||
|
||||
<div v-if="tools.isLogged()" class="text-verified">
|
||||
<!-- <span class="text-white" v-if="Verificato()"> {{t('reg.verificato')}} </span> -->
|
||||
<span
|
||||
class="text-user text-italic bg-red"
|
||||
v-if="!tools.Verificato()"
|
||||
>
|
||||
<span class="text-user text-italic bg-red" v-if="!tools.Verificato()">
|
||||
{{ t("reg.non_verificato") }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-if="tools.isLogged()"
|
||||
id="user-actions"
|
||||
class="column justify-center q-gutter-sm q-ma-sm center-150"
|
||||
>
|
||||
<q-btn
|
||||
rounded
|
||||
color="primary"
|
||||
icon="person"
|
||||
:to="`/my/` + getMyUsername()"
|
||||
>{{ t("pages.profile") }}
|
||||
<div v-if="tools.isLogged()" id="user-actions" class="column justify-center q-gutter-sm q-ma-sm center-150">
|
||||
<q-btn rounded color="primary" icon="person" :to="`/my/` + getMyUsername()">{{ t("pages.profile") }}
|
||||
</q-btn>
|
||||
|
||||
<q-btn
|
||||
rounded
|
||||
color="negative"
|
||||
icon="exit_to_app"
|
||||
@click="logoutHandler"
|
||||
>{{ t("login.esci") }}</q-btn
|
||||
>
|
||||
<q-btn rounded color="negative" icon="exit_to_app" @click="logoutHandler">{{ t("login.esci") }}</q-btn>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-top: 120px"></div>
|
||||
<div v-show="!tools.isLogged()">
|
||||
<div class="q-ma-md" style="">
|
||||
<CSigninNoreg
|
||||
:showregbutt="site.confpages && site.confpages.showRegButton"
|
||||
>
|
||||
<CSigninNoreg :showregbutt="site.confpages && site.confpages.showRegButton">
|
||||
</CSigninNoreg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user