@christianriedl/media 1.0.55 → 1.0.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/src/views/PhotoAlbumPage.vue +18 -5
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@christianriedl/media",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.57",
|
|
4
4
|
"description": "RIC media interfaces",
|
|
5
5
|
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"author": "Christian Riedl",
|
|
19
19
|
"license": "ISC",
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@christianriedl/utils": "^1.0.
|
|
21
|
+
"@christianriedl/utils": "^1.0.80",
|
|
22
22
|
"@christianriedl/rest": "^1.0.47",
|
|
23
23
|
"@christianriedl/epg": "^1.0.26"
|
|
24
24
|
},
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
let origUrl = "";
|
|
30
30
|
let gpsLng: number[];
|
|
31
31
|
let gpsLat: number[];
|
|
32
|
+
let mouseDownTime: number = 0;
|
|
32
33
|
|
|
33
34
|
watch([appState.bodyHeight, appState.pageWidth], () => {
|
|
34
35
|
width.value = appState.pageWidth.value;
|
|
@@ -123,12 +124,20 @@
|
|
|
123
124
|
});
|
|
124
125
|
}
|
|
125
126
|
function onClick() {
|
|
126
|
-
|
|
127
|
+
const msecDiff = new Date().getTime() - mouseDownTime;
|
|
128
|
+
if (msecDiff < 500)
|
|
129
|
+
keyDialog.value = true;
|
|
130
|
+
else
|
|
131
|
+
onKeyClick("KeyF");
|
|
132
|
+
mouseDownTime = 0;
|
|
133
|
+
}
|
|
134
|
+
function onMouseDown() {
|
|
135
|
+
mouseDownTime = new Date().getTime();
|
|
127
136
|
}
|
|
128
137
|
async function onKey(ev: KeyboardEvent) {
|
|
129
138
|
switch (ev.code) {
|
|
130
139
|
case "Escape":
|
|
131
|
-
if (appState.
|
|
140
|
+
if (appState.fullScreen.value) {
|
|
132
141
|
await appState.exitFullScreen();
|
|
133
142
|
infoDialog.value = false;
|
|
134
143
|
return;
|
|
@@ -137,6 +146,10 @@
|
|
|
137
146
|
infoDialog.value = false;
|
|
138
147
|
return;
|
|
139
148
|
}
|
|
149
|
+
if (keyDialog.value) {
|
|
150
|
+
keyDialog.value = false;
|
|
151
|
+
return;
|
|
152
|
+
}
|
|
140
153
|
router.back();
|
|
141
154
|
break;
|
|
142
155
|
case "ArrowLeft":
|
|
@@ -311,13 +324,13 @@
|
|
|
311
324
|
<v-container fluid :style="heightStyle" class="bg-grey-darken-3 pa-0">
|
|
312
325
|
<v-carousel hide-delimiters :show-arrows="false" v-model="index"
|
|
313
326
|
:width="width" :height="height" :cycle="cycle" :interval="interval"
|
|
314
|
-
@click="onClick" @update:modelValue="infoDialog = false">
|
|
327
|
+
@click="onClick" @mousedown="onMouseDown" @update:modelValue="infoDialog = false">
|
|
315
328
|
<v-carousel-item v-for="item in items" :key="item.DLNAID">
|
|
316
329
|
<img :src="getUrl(item)" :alt="item.Name" :width="getWidth(item)" :height="getHeight(item)" />
|
|
317
330
|
</v-carousel-item>
|
|
318
331
|
</v-carousel>
|
|
319
332
|
<v-dialog v-model="infoDialog" :fullscreen="isMobile" >
|
|
320
|
-
<v-card v-if="infoDialog" width="600"
|
|
333
|
+
<v-card v-if="infoDialog" width="600" >
|
|
321
334
|
<v-card-title class="headline">Metadata</v-card-title>
|
|
322
335
|
<v-card-text>
|
|
323
336
|
<v-container>
|
|
@@ -341,7 +354,7 @@
|
|
|
341
354
|
</v-card>
|
|
342
355
|
</v-dialog>
|
|
343
356
|
<v-dialog v-model="keyDialog" :fullscreen="isMobile" >
|
|
344
|
-
<v-card v-if="keyDialog" width="400"
|
|
357
|
+
<v-card v-if="keyDialog" width="400" >
|
|
345
358
|
<v-card-text>
|
|
346
359
|
<v-container>
|
|
347
360
|
<v-row dense>
|