@christianriedl/media 1.0.57 → 1.0.58

package/package.json

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

package/src/views/PhotoAlbumPage.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
     import { inject, ref, reactive, computed, onMounted, onBeforeMount, onUnmounted, nextTick, watch } from 'vue';
     import { useRouter, useRoute } from 'vue-router';
-    import { IAppState, IAppConfig, Dictionary, Helper, appStateSymbol, appConfigSymbol } from '@christianriedl/utils';
+    import { IAppState, IAppConfig, EDevice, EBrowser, Dictionary, Helper, appStateSymbol, appConfigSymbol } from '@christianriedl/utils';
     import { EMediaType, IPictureFile, MediaService, IMediaAppConfig, EPictureQuality, getMediaSymbol } from '@christianriedl/media';
 
     const router = useRouter();
@@ -30,6 +30,7 @@
     let gpsLng: number[];
     let gpsLat: number[];
     let mouseDownTime: number = 0;
+    let mouseTimer: number = -1;
 
     watch([appState.bodyHeight, appState.pageWidth], () => {
         width.value = appState.pageWidth.value;
@@ -124,6 +125,20 @@
         });
     }
     function onClick() {
+        if (appState.device == EDevice.iPad) {
+            if (mouseTimer >= 0) {          // 2. click
+                window.clearTimeout(mouseTimer);
+                onKeyClick("KeyF");
+                mouseTimer = -1;
+            }
+            else {
+                mouseTimer = window.setTimeout(() => {
+                    mouseTimer = -1;
+                    keyDialog.value = true;
+                }, 500);
+            }
+            return;
+        }
         const msecDiff = new Date().getTime() - mouseDownTime;
         if (msecDiff < 500)
             keyDialog.value = true;