@christianriedl/media 1.0.54 → 1.0.56

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@christianriedl/media",
3
- "version": "1.0.54",
3
+ "version": "1.0.56",
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.79",
21
+ "@christianriedl/utils": "^1.0.80",
22
22
  "@christianriedl/rest": "^1.0.47",
23
23
  "@christianriedl/epg": "^1.0.26"
24
24
  },
@@ -122,13 +122,13 @@
122
122
  }
123
123
  });
124
124
  }
125
- function onDblClick(ev: Event) {
125
+ function onClick() {
126
126
  keyDialog.value = true;
127
127
  }
128
128
  async function onKey(ev: KeyboardEvent) {
129
129
  switch (ev.code) {
130
130
  case "Escape":
131
- if (appState.fullScreeen.value) {
131
+ if (appState.fullScreen.value) {
132
132
  await appState.exitFullScreen();
133
133
  infoDialog.value = false;
134
134
  return;
@@ -137,6 +137,10 @@
137
137
  infoDialog.value = false;
138
138
  return;
139
139
  }
140
+ if (keyDialog.value) {
141
+ keyDialog.value = false;
142
+ return;
143
+ }
140
144
  router.back();
141
145
  break;
142
146
  case "ArrowLeft":
@@ -311,13 +315,13 @@
311
315
  <v-container fluid :style="heightStyle" class="bg-grey-darken-3 pa-0">
312
316
  <v-carousel hide-delimiters :show-arrows="false" v-model="index"
313
317
  :width="width" :height="height" :cycle="cycle" :interval="interval"
314
- @dblclick="onDblClick" @update:modelValue="infoDialog = false">
318
+ @click="onClick" @dblclick="onKeyClick('KeyF')" @update:modelValue="infoDialog = false">
315
319
  <v-carousel-item v-for="item in items" :key="item.DLNAID">
316
320
  <img :src="getUrl(item)" :alt="item.Name" :width="getWidth(item)" :height="getHeight(item)" />
317
321
  </v-carousel-item>
318
322
  </v-carousel>
319
323
  <v-dialog v-model="infoDialog" :fullscreen="isMobile" >
320
- <v-card v-if="infoDialog" width="600">
324
+ <v-card v-if="infoDialog" width="600" >
321
325
  <v-card-title class="headline">Metadata</v-card-title>
322
326
  <v-card-text>
323
327
  <v-container>
@@ -340,8 +344,8 @@
340
344
  </v-card-actions>
341
345
  </v-card>
342
346
  </v-dialog>
343
- <v-dialog v-model="keyDialog" :fullscreen="isMobile" >
344
- <v-card v-if="keyDialog" width="400">
347
+ <v-dialog v-model="keyDialog" :fullscreen="isMobile" >
348
+ <v-card v-if="keyDialog" width="400" >
345
349
  <v-card-text>
346
350
  <v-container>
347
351
  <v-row dense>