@christianriedl/media 1.0.50 → 1.0.52
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 +17 -5
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@christianriedl/media",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.52",
|
|
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.77",
|
|
22
22
|
"@christianriedl/rest": "^1.0.47",
|
|
23
23
|
"@christianriedl/epg": "^1.0.26"
|
|
24
24
|
},
|
|
@@ -133,10 +133,12 @@
|
|
|
133
133
|
case "ArrowLeft":
|
|
134
134
|
if (index.value > 0)
|
|
135
135
|
index.value--;
|
|
136
|
+
infoDialog.value = false;
|
|
136
137
|
break;
|
|
137
138
|
case "ArrowRight":
|
|
138
139
|
if (index.value < items.length - 1)
|
|
139
140
|
index.value++;
|
|
141
|
+
infoDialog.value = false;
|
|
140
142
|
break;
|
|
141
143
|
case "KeyI": // Info
|
|
142
144
|
const item = items[index.value];
|
|
@@ -148,12 +150,22 @@
|
|
|
148
150
|
cycle.value = true;
|
|
149
151
|
break;
|
|
150
152
|
case "KeyF": // Fullscreen
|
|
151
|
-
if (
|
|
152
|
-
|
|
153
|
+
if (appState.fullScreen.value) {
|
|
154
|
+
if (window.document.exitFullscreen) {
|
|
155
|
+
await window.document.exitFullscreen();
|
|
156
|
+
appState.fullScreen.value = window.document.fullscreenElement != null;
|
|
157
|
+
}
|
|
158
|
+
else
|
|
159
|
+
appState.fullScreen.value = false;
|
|
153
160
|
}
|
|
154
161
|
else {
|
|
155
162
|
const mainEle = window.document.getElementsByTagName('main')[0];
|
|
156
|
-
|
|
163
|
+
if (mainEle.requestFullscreen) {
|
|
164
|
+
await mainEle.requestFullscreen();
|
|
165
|
+
appState.fullScreen.value = window.document.fullscreenElement != null;
|
|
166
|
+
}
|
|
167
|
+
else
|
|
168
|
+
appState.fullScreen.value = true;
|
|
157
169
|
}
|
|
158
170
|
break;
|
|
159
171
|
case "KeyP":
|
|
@@ -291,10 +303,10 @@
|
|
|
291
303
|
</script>
|
|
292
304
|
|
|
293
305
|
<template>
|
|
294
|
-
<v-container fluid :style="heightStyle" class="bg-grey-darken-3">
|
|
306
|
+
<v-container fluid :style="heightStyle" class="bg-grey-darken-3 pa-0">
|
|
295
307
|
<v-carousel hide-delimiters :show-arrows="false" v-model="index"
|
|
296
308
|
:width="width" :height="height" :cycle="cycle" :interval="interval"
|
|
297
|
-
@dblclick="onDblClick">
|
|
309
|
+
@dblclick="onDblClick" @update:modelValue="infoDialog = false">
|
|
298
310
|
<v-carousel-item v-for="item in items" :key="item.DLNAID">
|
|
299
311
|
<img :src="getUrl(item)" :alt="item.Name" :width="getWidth(item)" :height="getHeight(item)" />
|
|
300
312
|
</v-carousel-item>
|