- zoom dialog immagine

This commit is contained in:
Surya Paolo
2024-02-28 23:56:33 +01:00
parent 2e1f7a3406
commit 40de7c2b8b
21 changed files with 3545 additions and 2614 deletions

View File

@@ -1,4 +1,4 @@
APP_VERSION="1.0.28" APP_VERSION="1.0.29"
SERVICE_WORKER_FILE="service-worker.js" SERVICE_WORKER_FILE="service-worker.js"
APP_ID="13" APP_ID="13"
DIRECTORY_LOCAL="newfreeplanet" DIRECTORY_LOCAL="newfreeplanet"

View File

@@ -1,4 +1,4 @@
APP_VERSION="1.0.28" APP_VERSION="1.0.29"
SERVICE_WORKER_FILE="service-worker.js" SERVICE_WORKER_FILE="service-worker.js"
APP_ID="13" APP_ID="13"
DIRECTORY_LOCAL=newfreeplanet DIRECTORY_LOCAL=newfreeplanet

View File

@@ -1,4 +1,4 @@
APP_VERSION="1.0.28" APP_VERSION="1.0.29"
SERVICE_WORKER_FILE="service-worker.js" SERVICE_WORKER_FILE="service-worker.js"
APP_ID="17" APP_ID="17"
DIRECTORY_LOCAL=newfreeplanet DIRECTORY_LOCAL=newfreeplanet

View File

@@ -1,4 +1,4 @@
APP_VERSION="1.0.28" APP_VERSION="1.0.29"
SERVICE_WORKER_FILE="service-worker.js" SERVICE_WORKER_FILE="service-worker.js"
APP_ID="17" APP_ID="17"
DIRECTORY_LOCAL=newfreeplanet DIRECTORY_LOCAL=newfreeplanet

View File

@@ -1,4 +1,4 @@
APP_VERSION="1.0.28" APP_VERSION="1.0.29"
SERVICE_WORKER_FILE="service-worker.js" SERVICE_WORKER_FILE="service-worker.js"
APP_ID="13" APP_ID="13"
DIRECTORY_LOCAL=newfreeplanet DIRECTORY_LOCAL=newfreeplanet

View File

@@ -1,4 +1,4 @@
APP_VERSION="1.0.28" APP_VERSION="1.0.29"
SERVICE_WORKER_FILE="service-worker.js" SERVICE_WORKER_FILE="service-worker.js"
APP_ID="13" APP_ID="13"
DIRECTORY_LOCAL=newfreeplanet DIRECTORY_LOCAL=newfreeplanet

View File

@@ -1,4 +1,4 @@
APP_VERSION="1.0.28" APP_VERSION="1.0.29"
SERVICE_WORKER_FILE="service-worker.js" SERVICE_WORKER_FILE="service-worker.js"
APP_ID="15" APP_ID="15"
DIRECTORY_LOCAL="newfreeplanet" DIRECTORY_LOCAL="newfreeplanet"

View File

@@ -1,4 +1,4 @@
APP_VERSION="1.0.28" APP_VERSION="1.0.29"
SERVICE_WORKER_FILE="service-worker.js" SERVICE_WORKER_FILE="service-worker.js"
APP_ID="15" APP_ID="15"
DIRECTORY_LOCAL=newfreeplanet DIRECTORY_LOCAL=newfreeplanet

View File

@@ -1,4 +1,4 @@
APP_VERSION="1.0.28" APP_VERSION="1.0.29"
SERVICE_WORKER_FILE="service-worker.js" SERVICE_WORKER_FILE="service-worker.js"
APP_ID="13" APP_ID="13"
DIRECTORY_LOCAL=newfreeplanet DIRECTORY_LOCAL=newfreeplanet

View File

@@ -1,4 +1,4 @@
APP_VERSION="1.0.28" APP_VERSION="1.0.29"
SERVICE_WORKER_FILE="service-worker.js" SERVICE_WORKER_FILE="service-worker.js"
APP_ID="13" APP_ID="13"
DIRECTORY_LOCAL=newfreeplanet DIRECTORY_LOCAL=newfreeplanet

View File

@@ -1,4 +1,4 @@
APP_VERSION="1.0.28" APP_VERSION="1.0.29"
SERVICE_WORKER_FILE="service-worker.js" SERVICE_WORKER_FILE="service-worker.js"
APP_ID="13" APP_ID="13"
DIRECTORY_LOCAL="newfreeplanet" DIRECTORY_LOCAL="newfreeplanet"

View File

@@ -1,4 +1,4 @@
APP_VERSION="1.0.28" APP_VERSION="1.0.29"
SERVICE_WORKER_FILE="service-worker.js" SERVICE_WORKER_FILE="service-worker.js"
APP_ID="13" APP_ID="13"
DIRECTORY_LOCAL=newfreeplanet DIRECTORY_LOCAL=newfreeplanet

View File

@@ -1,4 +1,4 @@
APP_VERSION="1.0.28" APP_VERSION="1.0.29"
SERVICE_WORKER_FILE="service-worker.js" SERVICE_WORKER_FILE="service-worker.js"
APP_ID="16" APP_ID="16"
DIRECTORY_LOCAL=newfreeplanet DIRECTORY_LOCAL=newfreeplanet

View File

@@ -1,4 +1,4 @@
APP_VERSION="1.0.28" APP_VERSION="1.0.29"
SERVICE_WORKER_FILE="service-worker.js" SERVICE_WORKER_FILE="service-worker.js"
APP_ID="14" APP_ID="14"
DIRECTORY_LOCAL="newfreeplanet" DIRECTORY_LOCAL="newfreeplanet"

View File

@@ -25,7 +25,7 @@
"dependencies": { "dependencies": {
"@cubejs-client/core": "^0.31.0", "@cubejs-client/core": "^0.31.0",
"@quasar/extras": "^1.16.9", "@quasar/extras": "^1.16.9",
"@quasar/quasar-ui-qcalendar": "^4.0.0-beta.16", "@quasar/quasar-ui-qcalendar": "^4.0.0-beta.19",
"@vue-leaflet/vue-leaflet": "^0.10.1", "@vue-leaflet/vue-leaflet": "^0.10.1",
"@vue/compat": "^3.3.9", "@vue/compat": "^3.3.9",
"@vue/compiler-sfc": "^3.3.9", "@vue/compiler-sfc": "^3.3.9",
@@ -68,6 +68,7 @@
"vue-echarts": "^6.6.1", "vue-echarts": "^6.6.1",
"vue-i18n": "^9.8.0", "vue-i18n": "^9.8.0",
"vue-idb": "^0.2.0", "vue-idb": "^0.2.0",
"vue-image-zoomer": "^2.2.3",
"vue-loader": "^17.3.1", "vue-loader": "^17.3.1",
"vue-property-decorator": "^10.0.0-rc.3", "vue-property-decorator": "^10.0.0-rc.3",
"vue-router": "^4.2.5", "vue-router": "^4.2.5",
@@ -81,7 +82,7 @@
"vuex-router-sync": "^6.0.0-rc.1" "vuex-router-sync": "^6.0.0-rc.1"
}, },
"devDependencies": { "devDependencies": {
"@quasar/app": "^3.3.3", "@quasar/app-webpack": "^3.12.3",
"@types/bcryptjs": "^2.4.6", "@types/bcryptjs": "^2.4.6",
"@types/dotenv": "^8.2.0", "@types/dotenv": "^8.2.0",
"@types/googlemaps": "^3.43.3", "@types/googlemaps": "^3.43.3",

View File

@@ -573,7 +573,7 @@ export default defineComponent({
tools.showPositiveNotif($q, t('db.recupdated')) tools.showPositiveNotif($q, t('db.recupdated'))
if (update) { if (update) {
const index = findEventIndex(contextDay) const index = findEventIndex(contextDay.value)
if (index >= 0) { if (index >= 0) {
// @ts-ignore // @ts-ignore
calendarStore.eventlist.splice(index, 1, { ...data }) calendarStore.eventlist.splice(index, 1, { ...data })
@@ -588,7 +588,7 @@ export default defineComponent({
} else { } else {
tools.showNegativeNotif($q, t('db.recfailed')) tools.showNegativeNotif($q, t('db.recfailed'))
// Undo... // Undo...
const index = findEventIndex(contextDay) const index = findEventIndex(contextDay.value)
if (index >= 0) { if (index >= 0) {
// @ts-ignore // @ts-ignore
calendarStore.eventlist.splice(index, 1, { ...contextDay }) calendarStore.eventlist.splice(index, 1, { ...contextDay })

View File

@@ -30,7 +30,24 @@ export default defineComponent({
const slide = ref(0) const slide = ref(0)
const autoplay = ref(5000) const autoplay = ref(5000)
const dialogVisible = ref(false);
const selectedImage = ref(null);
const showImage = (item: any) => {
selectedImage.value = item;
dialogVisible.value = true;
};
const closeDialog = () => {
selectedImage.value = null;
dialogVisible.value = false;
}
return { return {
showImage,
closeDialog,
selectedImage,
dialogVisible,
tools, tools,
costanti, costanti,
slide, slide,

View File

@@ -11,15 +11,26 @@
v-model="slide" v-model="slide"
:thumbnails="imgGallery.length > 1" :thumbnails="imgGallery.length > 1"
infinite infinite
navigation
> >
<q-carousel-slide <q-carousel-slide
v-for="(myimg, index) in imgGallery" v-for="(myimg, index) in imgGallery"
:name="index" :name="index"
:key="index" :key="index"
:img-src="directory + '/' + myimg.imagefile" :img-src="directory + '/' + myimg.imagefile"
@click="showImage(myimg)"
> >
</q-carousel-slide> </q-carousel-slide>
</q-carousel> </q-carousel>
<q-dialog v-model="dialogVisible">
<q-img
mode="contain"
v-if="selectedImage.imagefile"
:src="directory + '/' + selectedImage.imagefile"
:alt="selectedImage.imagefile"
/>
<q-btn color="primary" label="Close" @click="closeDialog" />
</q-dialog>
</template> </template>
<script lang="ts" src="./CGalleryImages.ts"> <script lang="ts" src="./CGalleryImages.ts">

View File

@@ -1,5 +1,5 @@
{ {
"extends": "@quasar/app/tsconfig-preset", "extends": "@quasar/app-webpack/tsconfig-preset",
"include": [ "include": [
// repeated from base config's "include" setting // repeated from base config's "include" setting
"src", "src",

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

6092
yarn.lock

File diff suppressed because it is too large Load Diff