- zoom dialog immagine
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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",
|
||||||
|
|||||||
@@ -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 })
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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",
|
||||||
|
|||||||
BIN
upload/profile/paoloar77/myskills/riso_services.png
Normal file
BIN
upload/profile/paoloar77/myskills/riso_services.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 124 KiB |
Reference in New Issue
Block a user