@christianriedl/media 1.0.56 → 1.0.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/media",
-  "version": "1.0.56",
+  "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();
@@ -29,6 +29,8 @@
     let origUrl = "";
     let gpsLng: number[];
     let gpsLat: number[];
+    let mouseDownTime: number = 0;
+    let mouseTimer: number = -1;
 
     watch([appState.bodyHeight, appState.pageWidth], () => {
         width.value = appState.pageWidth.value;
@@ -123,7 +125,29 @@
         });
     }
     function onClick() {
-        keyDialog.value = true;
+        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;
+        else
+            onKeyClick("KeyF");
+        mouseDownTime = 0;
+    }
+    function onMouseDown() {
+        mouseDownTime = new Date().getTime();
     }
     async function onKey(ev: KeyboardEvent) {
         switch (ev.code) {
@@ -315,7 +339,7 @@
     <v-container fluid :style="heightStyle" class="bg-grey-darken-3 pa-0">
         <v-carousel hide-delimiters :show-arrows="false" v-model="index" 
                     :width="width" :height="height" :cycle="cycle" :interval="interval"
-                    @click="onClick" @dblclick="onKeyClick('KeyF')" @update:modelValue="infoDialog = false">
+                    @click="onClick" @mousedown="onMouseDown" @update:modelValue="infoDialog = false">
             <v-carousel-item v-for="item in items" :key="item.DLNAID">
                 <img :src="getUrl(item)" :alt="item.Name" :width="getWidth(item)" :height="getHeight(item)" />
             </v-carousel-item>