@christianriedl/media 1.0.159 → 1.0.161

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/media",
-  "version": "1.0.159",
+  "version": "1.0.161",
   "description": "RIC media interfaces",
 
   "main": "dist/index.js",
@@ -18,7 +18,7 @@
   "author": "Christian Riedl",
   "license": "ISC",
   "dependencies": {
-    "@christianriedl/utils": "^1.0.87",
+    "@christianriedl/utils": "^1.0.89",
     "@christianriedl/rest": "^1.0.52",
     "@christianriedl/epg": "^1.0.30"
   },

package/src/views/MusicPage.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
     import { inject, ref, reactive, computed, onMounted, onUnmounted, nextTick, watch, StyleValue } from 'vue';
+    import type { ComponentPublicInstance } from 'vue';
     import { useRouter } from 'vue-router';
     import { IAppState, Helper, EDevice, EScope, appStateSymbol, IAppConfig, appConfigSymbol } from '@christianriedl/utils';
     import { Authorize, authorizeSymbol } from '@christianriedl/rest';
@@ -42,7 +43,7 @@
     const downloadVisible = computed(() => playingTrackUrl.value && !isMobile);
     const audio = ref<HTMLAudioElement | null>(null);
     const paused = ref(false);
-    const listhead = ref<any>(null);
+    const listhead = ref<ComponentPublicInstance | null>(null);
     const positionText = computed(() => {
         if (playingTrack.value) {
             if (playingTrack.value.duration > 0)
@@ -102,8 +103,8 @@
     function computeListHeight() {
         nextTick(() => {
             let height = appState.bodyHeight.value;
-            if (listhead.value && listhead.value._.vnode && listhead.value._.vnode.el) {
-                height = height - listhead.value._.vnode.el.clientHeight;
+            if (listhead.value) {
+                height = height - (listhead.value.$el as HTMLElement).clientHeight;
             }
             listHeight.value = height;
         })

package/src/views/PhotoAlbumPage.vue

@@ -294,7 +294,11 @@
         origUrl = mediaService.getPhotoUrl(albumUrl.value, file.url, '0x0x0');
         metadata['Album'] = albumName.value;
         metadata['Name'] = file.name;
-        metadata['Url'] = file.url;
+        let fileName: string = albumUrl.value + file.url;
+        const idx = fileName.lastIndexOf('/');
+        if (idx > 0)
+            fileName = fileName.substring(idx + 1);
+        metadata['File'] = fileName;
         if (exif) {
             if (exif.Model)
                 metadata['Kamera'] = exif.Model;

package/src/views/PhotosPage.vue

@@ -34,7 +34,7 @@
     const downloadFolder = ref<IMediaFolder | null>(null);
     const selectedYear = ref<number | undefined>(undefined);
     const selectedName = ref<string | undefined>(undefined);
-    const scrollElement = ref<any | null>(null);
+    const scrollElement = ref<ComponentPublicInstance | null>(null);
 
     window.addEventListener('popstate', onPopState);
     function onPopState(event: any) {
@@ -72,7 +72,7 @@
         if (scrollTop > 0 && scrollElement.value) {
             nextTick(() => {
                 // Scoll to this position
-                const el = scrollElement.value?._?.vnode?.el;
+                const el = scrollElement.value.$el as HTMLElement;
                 el?.scrollTo(0, scrollTop);
             });
         }

package/src/views/VideosPage.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
     import { inject, ref, reactive, computed, onMounted, onUnmounted, nextTick, watch, StyleValue } from 'vue';
+    import type { ComponentPublicInstance } from 'vue';
     import { useRouter } from 'vue-router';
     import { IAppState, EDevice, EScope, appStateSymbol, appConfigSymbol, IValueText } from '@christianriedl/utils';
     import { Authorize, authorizeSymbol } from '@christianriedl/rest';
@@ -30,7 +31,7 @@
     const itemIndex = ref(0);
     const selected = ref<IMediaItem>({ name: 'Root', itemType: EItemType.Root } as IMediaFolder);
     const listHeight = ref(0);
-    const listhead = ref<any>(null);
+    const listhead = ref<ComponentPublicInstance | null>(null);
     const dialog = ref(false);
     const showItem = ref<IVideoFile|null>(null);
     const uploadVisible = ref(false);
@@ -86,8 +87,8 @@
     function computeListHeight() {
         nextTick(() => {
             let height = appState.bodyHeight.value;
-            if (listhead.value && listhead.value._.vnode && listhead.value._.vnode.el) {
-                height = height - listhead.value._.vnode.el.clientHeight;
+            if (listhead.value) {
+                height = height - (listhead.value.$el as HTMLElement).clientHeight;
             }
             listHeight.value = height;
         })