@christianriedl/media 1.0.81 → 1.0.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/media",
-  "version": "1.0.81",
+  "version": "1.0.82",
   "description": "RIC media interfaces",
 
   "main": "dist/index.js",

package/src/views/PhotosPage.vue

@@ -84,7 +84,7 @@
     function stars() {
         return selected.rating ? (selected.rating == 1 ? '*' : '**') : 'all';
     }
-    function listItem(folder: IMediaFolder) {
+    function showFolder(folder: IMediaFolder) {
         const folders = setSelected(folder);
         setGrouped(folders, true);
         computeListHeight();
@@ -93,12 +93,7 @@
         if (folder.Year && folder.Year > 0)
             selectedYear.value = folder.Year;
     }
-    /*
-    function onOpen(arg: unknown) {
-        console.log('onOpen');
-    }
-    */
-    function listSubItem(folder: IMediaFolder) {
+    function showPictures(folder: IMediaFolder) {
         selected.selectedAlbum = folder;
         router.push({ path: 'photoalbum', query: { id: folder.DLNAID } });
     }
@@ -110,21 +105,21 @@
             itemIndex.value = index;
         setGrouped(folders, false);
     }
-    function onLightbox(item: IMediaFolder) {
-        selected.selectedAlbum = item;
-        router.push({ path: 'photothumbnails', query: { id: item.DLNAID } });
+    function onLightbox(folder: IMediaFolder) {
+        selected.selectedAlbum = folder;
+        router.push({ path: 'photothumbnails', query: { id: folder.DLNAID } });
 
     }
-    function onDownload(item: IMediaFolder) {
-        downloadFolder.value = item;
+    function onDownload(folder: IMediaFolder) {
+        downloadFolder.value = folder;
         showDownload.value = true;
     }
-    async function onShare(item: IMediaFolder) {
+    async function onShare(folder: IMediaFolder) {
         const guid = Helper.generateUUID();
         const url = `https://www.christian-riedl.com/photos?id=${guid}`;
         try {
             await window.navigator.clipboard.writeText(url);
-            const id = await mediaService.addPhotoService(guid, appConfig.user, item.DLNAID, mediaAppConfig.linkDaysValid);
+            const id = await mediaService.addPhotoService(guid, appConfig.user, folder.DLNAID, mediaAppConfig.linkDaysValid);
             if (id)
                 window.alert(`Created and Pasted - id : ${id} !`);
             else
@@ -188,12 +183,6 @@
         }
         items.splice(0, items.length, ...folders);
     }
-    /*
-    function itemText(item: IMediaItem): string {
-        const folder = item as IMediaFolder;
-        return `${folder.Name} (${folder.ChildCount})`
-    }
-    */
     function onScroll(ev: Event) {
         const scrollTop = (ev.target as Element).scrollTop;
         appState.scrollPosition.value = scrollTop;
@@ -222,19 +211,19 @@
     <file-upload v-if="uploadVisible"></file-upload>
     <v-card :max-height="listHeight" class="overflow-y-auto bg-media" ref="scrollElement" v-scroll.self="onScroll">
         <v-list v-if="!grouped">
-            <v-list-item v-for="item in items" :key="item.DLNAID" :title="item.info" density="compact" @click.stop="listItem(item)">
+            <v-list-item v-for="item in items" :key="item.DLNAID" :title="item.info" density="compact" @click.stop="showFolder(item)">
             </v-list-item>
         </v-list>
         <v-list v-else v-model:opened="open">
-            <v-list-group v-for="item in items" :key="item.DLNAID" :value="item.info" @click.stop="listExpand(item)">
+            <v-list-group v-for="item in items" :key="item.DLNAID" :value="item.Name" @click.stop="listExpand(item)">
                 <template v-slot:activator="{ props }">
                     <v-list-item v-bind="props" :title="item.info" :value="item.info" density="compact"></v-list-item>
                 </template>
-                <v-list-item v-for="subItem in item.Folders" :key="subItem.DLNAID" :title="subItem.info" density="compact" @click.stop="listSubItem(subItem)" v-once>
+                <v-list-item v-for="subItem in item.Folders" :key="subItem.DLNAID" :title="subItem.info" density="compact" @click.stop="showPictures(subItem)">
                     <template v-slot:append>
-                        <v-btn v-once color="grey" variant="tonal" icon="$share" @click.stop.prevent="onShare(subItem)"></v-btn>
-                        <v-btn v-once color="grey" variant="tonal" icon="$download" @click.stop.prevent="onDownload(subItem)"></v-btn>
-                        <v-btn v-once color="grey" variant="tonal" icon="$grid" @click.stop.prevent="onLightbox(subItem)"></v-btn>
+                        <v-btn color="grey" variant="tonal" icon="$share" @click.stop.prevent="onShare(subItem)"></v-btn>
+                        <v-btn color="grey" variant="tonal" icon="$download" @click.stop.prevent="onDownload(subItem)"></v-btn>
+                        <v-btn color="grey" variant="tonal" icon="$grid" @click.stop.prevent="onLightbox(subItem)"></v-btn>
                     </template>
                 </v-list-item>
             </v-list-group>