@christianriedl/media 1.0.281 → 1.0.282

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/media",
-  "version": "1.0.281",
+  "version": "1.0.282",
   "description": "RIC media interfaces",
 
   "main": "dist/index.js",
@@ -18,9 +18,9 @@
   "author": "Christian Riedl",
   "license": "ISC",
   "dependencies": {
-    "@christianriedl/utils": "^1.0.168",
-    "@christianriedl/rest": "^1.0.89",
-    "@christianriedl/epg": "^1.0.43",
+    "@christianriedl/utils": "^1.0.171",
+    "@christianriedl/rest": "^1.0.90",
+    "@christianriedl/epg": "^1.0.44",
     "buffer": "^6.0.3"
   },
   "devDependencies": {

package/src/components/BookPlace.vue

@@ -58,7 +58,7 @@
 </script>
 
 <template>
-    <v-row density="compact" :class="[place.color,'place']" :style="heightStyle" >
+    <v-row density="compact" :class="[place.color,'place']" :style="heightStyle" gap="0" >
         <v-col v-if="place.vorne" cols="12" @click="selectVorne">
             <p :class="vorne" v-html="textVorne"></p>
         </v-col>
@@ -70,6 +70,9 @@
 </template>
 
 <style scoped>
+    p {
+	margin: 0;
+    }
     .place {
         border-style: solid;
         border-color: black;

package/src/components/BookSearchLine.vue

@@ -15,7 +15,7 @@
 </script>
 
 <template>
-    <v-row v-if="props.ismobile" density="compact" class="align-center" :class="classObject" @click="onSelect">
+    <v-row v-if="props.ismobile" density="compact" class="align-center" :class="classObject" @click="onSelect" gap="0">
         <v-col cols="12" >
             <p class="font-weight-bold">{{book.givenName + ' ' + book.surName}}</p>
         </v-col>
@@ -23,7 +23,7 @@
             <p>{{book.title}}</p>
         </v-col>
     </v-row>
-    <v-row v-else density="compact" class="align-center" :class="classObject" @click="onSelect" >
+    <v-row v-else density="compact" class="align-center" :class="classObject" @click="onSelect" gap="0">
         <v-col cols="4" >
             <p class="font-weight-bold">{{book.givenName + ' ' + book.surName}}</p>
         </v-col>

package/src/views/BooksPage.vue

@@ -434,7 +434,7 @@
             <v-btn prepend-icon="$gps" class="bg-office" @click="places">Wo</v-btn>
           </v-col>
         </v-row>
-        <v-row v-if="isMobile" density="compact" class="bg-office align-center" >
+        <v-row v-if="isMobile" density="compact" class="bg-office align-center" gap="0" >
           <v-col cols="6">
             <v-combobox v-model="selectedAuthor" :items="authors" item-value="id" item-title="sN" hide-details density="compact" single-line @update:modelValue="authorNameChanged"></v-combobox>
           </v-col>
@@ -442,7 +442,7 @@
             <v-text-field v-model="currentAuthor.givenName" hide-details density="compact" @update:modelValue="fieldChanged" @update:focused="givenNameFocused"></v-text-field>
           </v-col>
         </v-row>
-        <v-row v-else density="compact" class="bg-office align-center">
+        <v-row v-else density="compact" class="bg-office align-center" gap="0">
             <v-col cols="2">
                 <v-combobox v-model="selectedAuthor" :items="authors" item-value="id" item-title="sN" hide-details density="compact" single-line @update:modelValue="authorNameChanged"></v-combobox>
             </v-col>
@@ -471,11 +471,11 @@
             </v-col>
         </v-row>
         <v-divider></v-divider>
-        <v-row v-if="isMobile" density="compact" class="bg-office align-center" >
+        <v-row v-if="isMobile" density="compact" class="bg-office align-center" gap="0" >
             <v-col cols="9">TITEL</v-col>
             <v-col cols="3">JAHR</v-col>
         </v-row>
-        <v-row v-else density="compact" class="bg-office align-center">
+        <v-row v-else density="compact" class="bg-office align-center" gap="0">
             <v-col cols="6">
                 <v-btn v-if="sortedByYear" class="bg-office" @click="sortByTitle" icon="$down"></v-btn>
                 TITEL

package/src/views/DocumentsPage.vue

@@ -217,13 +217,13 @@
     <v-card class="bg-office">
 	<v-card-title>{{path}}</v-card-title>
 	<v-container v-if="isMobile" fluid>
-	    <v-row v-for="dir in directoryNames" :key="dir">
+	    <v-row v-for="dir in directoryNames" :key="dir" density="compact" class="align-center">
 		<v-col cols="10"><p class="font-weight-medium" @click.stop="onSelect(dir)">{{dir}}</p></v-col>
 		<v-col cols="1"><v-btn v-if="isAdmin" icon="$share" class="bg-office" density="compact" variant="flat" @click.stop="shareDir(dir)"></v-btn></v-col>
 		<v-col cols="1"><v-btn v-if="isAdmin" icon="$delete" class="bg-office" density="compact" variant="flat" @click.stop="deleteDirOrFile(dir)"></v-btn></v-col>
 		<v-divider />
 	    </v-row>
-	    <v-row v-for="file in fileNames" :key="file" class="text-decoration-underline text-primary">
+	    <v-row v-for="file in fileNames" :key="file" density="compact" class="text-decoration-underline text-primary align-center">
 		<v-col cols="9"><p class="font-weight-medium text-decoration-underline text-primary" @click.stop="download(file)">{{file}}</p></v-col>
 		<v-col cols="1"><v-btn v-if="isAdmin" icon="$send" class="bg-office" density="compact" variant="flat" @click.stop="sendFile(file)"></v-btn></v-col>
 		<v-col cols="1"><v-btn v-if="isAdmin" icon="$share" class="bg-office" density="compact" variant="flat" @click.stop="shareFile(file)"></v-btn></v-col>
@@ -250,13 +250,13 @@
 		</v-col>
 	    </v-row>
 	    <file-upload v-if="uploadVisible" :isdocument="true" :directory="path" @done="uploadDone"></file-upload>
-	    <v-row v-for="dir in directoryInfos" :key="dir.name">
+	    <v-row v-for="dir in directoryInfos" :key="dir.name" density="compact" class="align-center">
 		<v-col cols="10"><p class="font-weight-medium" @click.stop="onSelect(dir.name)">{{dir.name}}<span>{{info(dir)}}</span></p></v-col>
 		<v-col cols="1"><v-btn v-if="isAdmin" icon="$share" class="bg-office" density="compact" variant="flat" @click.stop="shareDir(dir.name)"></v-btn></v-col>
 		<v-col cols="1"><v-btn v-if="isAdmin" icon="$delete" class="bg-office" density="compact" variant="flat" @click.stop="deleteDirOrFile(dir.name)"></v-btn></v-col>
 		<v-divider />
 	    </v-row>
-	    <v-row v-for="file in fileInfos" :key="file.name" class="text-decoration-underline text-primary">
+	    <v-row v-for="file in fileInfos" :key="file.name" density="compact" class="text-decoration-underline text-primary align-center">
 		<v-col cols="8"><p class="font-weight-medium text-decoration-underline text-primary" @click.stop="download(file.name, file.folder)">{{file.name}}<span>{{info(file)}}</span></p></v-col>
 		<v-col cols="1"><v-btn v-if="isAdmin" icon="$brain" :class="vectorStoreClass(file.name)" density="compact" variant="flat" @click.stop="vectorStore(file.name)"></v-btn></v-col>
 		<v-col cols="1"><v-btn v-if="isAdmin" icon="$send" class="bg-office" density="compact" variant="flat" @click.stop="sendFile(file.name, file.folder)"></v-btn></v-col>
@@ -276,3 +276,9 @@
     </v-dialog>
 </template>
 
+<style scoped>
+    .v-row--density-compact {
+        --v-col-gap-x: 0px;
+        --v-col-gap-y: 0px;
+    }
+</style>

package/src/views/MusicPage.vue

@@ -350,10 +350,10 @@
         <v-progress-linear v-if="playingTrack" v-model="positionLength" color="blue" height="25"><strong>{{positionText}}</strong></v-progress-linear>
     </v-card>
     <file-upload v-if="uploadVisible" accept="audio/mpeg, audio/flac"></file-upload>
-    <v-card :height="listHeight" class="overflow-y-auto bg-media">
+    <v-card :height="listHeight" density="compact" class="overflow-y-auto bg-media">
         <v-list lines="two" class="bg-media">
             <v-list-item-group v-model="itemIndex">
-                <v-list-item v-for="(item,index) in items" :key="item.dlnaid" :title="item.title" :subtitle="item.subTitle"
+                <v-list-item v-for="(item,index) in items" :key="item.dlnaid" density="compact" :title="item.title" :subtitle="item.subTitle"
                              active-color="blue" :active="index == playIndex" @click="listItem(item)">
                     <template v-slot:prepend>
                         <v-avatar rounded="0" size="x-large" v-if="item.thumbnailUrl">

package/src/views/OnlineRadiosPage.vue

@@ -105,10 +105,10 @@
             </v-btn>
         </v-card-actions>
     </v-card>
-    <v-card :max-height="listHeight" class="overflow-y-auto bg-media">
-        <v-list lines="two" class="bg-media">
+    <v-card :max-height="listHeight" density="compact" class="overflow-y-auto bg-media">
+        <v-list lines="two" density="compact" class="bg-media">
             <v-list-item-group v-model="itemIndex" color="primary">
-                <v-list-item v-for="(item,index) in items" :key="item.dlnaid" :title="item.title" 
+                <v-list-item v-for="(item,index) in items" :key="item.dlnaid" :title="item.title" density="compact" 
                              active-color="blue" :active="index == playIndex" 
                              :subtitle="item.subTitle" @click="listItem(item)">
                     <template v-slot:prepend>

package/src/views/OnlineTVsPage.vue

@@ -184,10 +184,10 @@
             </v-btn>
         </v-card-actions>
     </v-card>
-    <v-card :max-height="listHeight" class="overflow-y-auto bg-media">
-        <v-list lines="two" class="bg-media">
+    <v-card :max-height="listHeight" density="compact" class="overflow-y-auto bg-media">
+        <v-list lines="two" density="compact" class="bg-media">
             <v-list-item-group v-model="itemIndex" color="primary">
-                <v-list-item v-for="item in items" :key="item.dlnaid" :title="item.title" :subtitle="item.subTitle" @click="listItem(item)">
+                <v-list-item v-for="item in items" :key="item.dlnaid" density="compact" :title="item.title" :subtitle="item.subTitle" @click="listItem(item)">
                     <template v-slot:prepend>
                         <v-avatar rounded="0" size="x-large" v-if="item.thumbnailUrl">
                             <v-img :src="item.thumbnailUrl" :cover="false"></v-img>

package/src/views/PhotosGridPage.vue

@@ -254,8 +254,8 @@
 	</v-card-actions>
     </v-card>
     <file-upload v-if="uploadVisible" accept="image/jpeg"></file-upload>
-    <v-card :height="listHeight" class="overflow-y-auto bg-media" >
-        <v-list v-if="showAlbums" class="bg-media">
+    <v-card :height="listHeight" density="compact" class="overflow-y-auto bg-media" >
+        <v-list v-if="showAlbums" density="compact" class="bg-media">
             <v-list-item v-for="item in items" :key="item.dlnaid" :title="item.info" density="compact" @click.stop="showFolder(item)">
                 <template v-slot:append>
                         <v-btn color="grey" variant="tonal" icon="$share" @click.stop.prevent="onShare(item)"></v-btn>

package/src/views/PhotosPage.vue

@@ -222,12 +222,12 @@
         </v-card-actions>
     </v-card>
     <file-upload v-if="uploadVisible" accept="image/jpeg"></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-card :max-height="listHeight" class="overflow-y-auto bg-media" ref="scrollElement" density="compact" v-scroll.self="onScroll">
+        <v-list v-if="!grouped" density="compact" >
             <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 v-else v-model:opened="open" density="compact" >
             <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>

package/src/views/RecordedVideosPage.vue

@@ -181,10 +181,10 @@
 	    </v-btn>
 	</v-card-actions>
     </v-card>
-    <v-card :max-height="listHeight" class="overflow-y-auto bg-media">
-	<v-list lines="two" class="bg-media">
+    <v-card :max-height="listHeight" density="compact" class="overflow-y-auto bg-media">
+	<v-list lines="two" density="compact" class="bg-media">
 	    <v-list-item-group v-model="itemIndex" color="primary">
-		<v-list-item v-for="item in items" :key="item.dlnaid" :title="item.title" :subtitle="item.subTitle" @click="listItem(item)">
+		<v-list-item v-for="item in items" :key="item.dlnaid" density="compact" :title="item.title" :subtitle="item.subTitle" @click="listItem(item)">
 		    <template v-if="item.url" v-slot:append>
 			<v-btn :disabled="!item.description" color="grey" variant="tonal" icon="$info" @click.stop.prevent="onInfo(item)"></v-btn>
 			<v-btn color="grey" variant="tonal" icon="$share" @click.stop.prevent="onShare(item)"></v-btn>

package/src/views/VideoPage.vue

@@ -62,6 +62,8 @@
 </script>
 
 <template>
-    <video v-if="ready" ref="videoElement" controls autoplay :src="url" :width="width" :height="height" @error="onError">
-    </video>
+    <div class="bg-grey-darken-3">
+	<video v-if="ready" ref="videoElement" controls autoplay :src="url" :width="width" :height="height" @error="onError">
+	</video>
+    </div>
 </template>

package/src/views/VideosPage.vue

@@ -308,11 +308,11 @@
         </v-card-actions>
     </v-card>
     <file-upload v-if="uploadVisible" accept="video/mp4"></file-upload>
-    <v-card :max-height="listHeight" class="overflow-y-auto bg-media">
+    <v-card :max-height="listHeight" density="compact" class="overflow-y-auto bg-media">
         <v-card-subtitle v-if="testRunning">{{testText}}</v-card-subtitle>
-        <v-list lines="two" class="bg-media">
+        <v-list lines="two" density="compact" class="bg-media">
             <v-list-item-group v-model="itemIndex">
-                <v-list-item v-for="item in items" :key="item.dlnaid" :title="item.title" :subtitle="item.subTitle" @click="listItem(item)">
+                <v-list-item v-for="item in items" :key="item.dlnaid" density="compact" :title="item.title" :subtitle="item.subTitle" @click="listItem(item)">
                     <template v-slot:prepend>
                         <v-avatar rounded="0" size="x-large" v-if="item.thumbnailUrl">
                             <v-img :src="item.thumbnailUrl"></v-img>