@christianriedl/media 1.0.26 → 1.0.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/media",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "description": "RIC media interfaces",
 
   "main": "dist/index.js",

package/src/views/PhotoAlbumPage.vue

@@ -1,12 +1,13 @@
 <script setup lang="ts">
     import { inject, ref, reactive, computed, onMounted, onBeforeMount, onUnmounted, nextTick, watch } from 'vue';
     import { useRouter, useRoute } from 'vue-router';
-    import { IAppState, Dictionary, Helper } from '@christianriedl/utils';
+    import { IAppState, IAppConfig, Dictionary, Helper } from '@christianriedl/utils';
     import { EMediaType, IPictureFile, MediaService } from '@christianriedl/media';
 
     const router = useRouter();
     const route = useRoute();
     const appState = inject<IAppState>('appstate')!;
+    const appConfig = inject<IAppConfig>('appconfig')!;
     const getMediaService = inject<() => MediaService>('get-media')!;
     const mediaService = getMediaService();
     const heightStyle = computed(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'hidden' } });
@@ -88,8 +89,10 @@
             return mediaService.getPhotoUrl(url.value, item.Url, `${width.value}x${0}x${item.Orientation}`);
     }
     function showMap(ev: Event) {
+        const current = items[index.value];
+        window.history.replaceState(null, "", `${appConfig.urlPrefix}photoalbum?id=${folderId}&start=${current.DLNAID}`);
         router.push({
-            path: 'gps', query: {
+            path: 'map', query: {
                 lat: `${gpsLat[0]} ${gpsLat[1]}`,
                 lng: `${gpsLng[0]} ${gpsLng[1]}`
             }
@@ -127,10 +130,10 @@
                 setMetaData(exif, item);
                 infoDialog.value = true;
                 break;
-            case "KeyP":
             case "KeyC":
                 cycle.value = true;
                 break;
+            case "KeyP":
             case "Digit0":
                 cycle.value = false;
                 break;
@@ -243,14 +246,14 @@
 
 <template>
     <v-container fluid :style="heightStyle">
-        <v-carousel hide-delimiters :show-arrows="false" v-model="index"
+        <v-carousel hide-delimiters :show-arrows="false" v-model="index" 
                     :width="width" :height="height" :cycle="cycle" :interval="interval"
                     @change="onInput" @dblclick="onDblClick">
             <v-carousel-item v-for="item in items" :key="item.DLNAID">
                 <img :src="item.realUrl" />
             </v-carousel-item>
         </v-carousel>
-        <v-dialog v-model="infoDialog" :fullscreen="isMobile">
+        <v-dialog v-model="infoDialog" :fullscreen="isMobile" v-click-outside="infoDialog = false">
             <v-card v-if="infoDialog" width="400">
                 <v-card-title class="headline">Metadata</v-card-title>
                 <v-card-text>
@@ -271,7 +274,7 @@
                 </v-card-actions>
             </v-card>
         </v-dialog>
-        <v-dialog v-model="keyDialog" :fullscreen="isMobile">
+        <v-dialog v-model="keyDialog" :fullscreen="isMobile" v-click-outside="keyDialog = false">
             <v-card v-if="keyDialog" width="400">
                 <v-card-text>
                     <v-container>