@christianriedl/media 1.0.18 → 1.0.21

package/package.json

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

package/src/views/MusicPage.vue

@@ -317,37 +317,38 @@
                               dense solo hide-details single-line>
                     </v-select>
                 </v-col>
-                <v-col v-else cols="4" align-self="end">
+                <v-col v-else cols="1" offset="3">
                     <v-btn v-if="!isMobile" class="bg-media" @click="uploadVisible = !uploadVisible">
                         UPLOAD
-                        <v-icon>{{$vuetify.icons.values.upload}}</v-icon>
+                        <v-icon icon="$upload"/>
                     </v-btn>
                 </v-col>
             </v-row>
         </v-list-item>
         <v-card-actions>
             <v-btn v-if="backVisible" @click="listBack">
-                <v-icon>{{$vuetify.icons.values.back}}</v-icon>
+                <v-icon icon="$back" />
             </v-btn>
             <v-btn v-if="downloadAlbumVisible" @click="downloadAlbum">
                 Album
-                <v-icon>{{$vuetify.icons.values.download}}</v-icon>
+                <v-icon icon="$download" />
             </v-btn>
             <v-btn v-if="!isLocal" @click="playFolder">
                 {{selected.title}}
-                <v-icon>{{$vuetify.icons.values.play}}</v-icon>
+                <v-icon icon="$play" />
             </v-btn>
             <v-btn small v-if="playingTrack" @click="playpause">
-                <v-icon>{{paused ? $vuetify.icons.values.play : $vuetify.icons.values.pause }}</v-icon>
+                <v-icon v-if="paused" icon="$play" />
+                <v-icon v-else icon="$pause" />
             </v-btn>
             <v-btn small v-if="playingTrack" @click="previous">
-                <v-icon>{{$vuetify.icons.values.prev}}</v-icon>
+                <v-icon icon="$prev" />
             </v-btn>
             <v-btn small v-if="playingTrack" @click="next">
-                <v-icon>{{$vuetify.icons.values.next}}</v-icon>
+                <v-icon icon="$next" />
             </v-btn>
             <v-btn small v-if="downloadVisible" @click="download">
-                <v-icon>{{$vuetify.icons.values.download}}</v-icon>
+                <v-icon icon="$download" />
             </v-btn>
             <v-slider v-if="!isLocal && playingTrack" style="width:30%" color="red" track-color="blue" track-fill-color="red" v-model="volume" hide-details density="compact"
                       min="0" max="100" step="5" @update:modelValue="changeVolume">

package/src/views/PhotoAlbumPage.vue

@@ -238,7 +238,7 @@
                 </v-card-text>
                 <v-card-actions>
                     <v-btn @click="dialog = false">
-                        <v-icon large>{{$vuetify.icons.values.stop}}</v-icon>Exit
+                        <v-icon large icon="$stop" />
                     </v-btn>
                 </v-card-actions>
             </v-card>

package/src/views/PhotosPage.vue

@@ -159,7 +159,7 @@
         <v-card-title>{{selected.selected.Name}}</v-card-title>
         <v-card-actions>
             <v-btn v-if="backVisible" @click="listBack">
-                <v-icon large>{{$vuetify.icons.values.back}}</v-icon>Back
+                <v-icon large icon="$back" />
             </v-btn>
             <v-rating clearable length="2" v-model="selected.rating" @update:modelValue="onRating" />
             <v-select v-model="selected.root"
@@ -170,7 +170,7 @@
             </v-select>
             <v-btn v-if="!isMobile" @click="uploadVisible = !uploadVisible">
                 UPLOAD
-                <v-icon>{{$vuetify.icons.values.upload}}</v-icon>
+                <v-icon icon="$upload" />
             </v-btn>
         </v-card-actions>
     </v-card>

package/src/views/RecordedVideosPage.vue

@@ -66,10 +66,10 @@
                 </v-list-item>
                 <v-card-actions>
                     <v-btn v-if="backVisible" @click="listBack">
-                        <v-icon>{{$vuetify.icons.values.back}}</v-icon>
+                        <v-icon icon="$back" />
                     </v-btn>
                     <v-btn v-if="playVisible" @click.stop="play">
-                        <v-icon>{{$vuetify.icons.values.play }}</v-icon>
+                        <v-icon icon="$play" />
                     </v-btn>
                 </v-card-actions>
             </v-card>

package/src/views/VideosPage.vue

@@ -177,16 +177,16 @@
         </v-list-item>
         <v-card-actions>
             <v-btn v-if="backVisible" @click="listBack">
-                <v-icon size="x-large">{{$vuetify.icons.values.back}}</v-icon>
+                <v-icon size="x-large" icon="$back" />
             </v-btn>
             <v-btn v-if="playVisible" @click.stop="play">
-                <v-icon size="x-large">{{$vuetify.icons.values.play }}</v-icon>
+                <v-icon size="x-large" icon="$play" />
             </v-btn>
             <v-btn v-if="showRenderer && playVisible" @click.stop="playTV">
-                <v-icon size="x-large">{{$vuetify.icons.values.tv }}</v-icon>
+                <v-icon size="x-large" icon="$tv" />
             </v-btn>
             <v-btn v-if="recordedVisible" @click.stop="recorded">
-                <v-icon size="x-large">{{$vuetify.icons.values.recorded }}</v-icon>
+                <v-icon size="x-large" icon="$recorded" />
             </v-btn>
         </v-card-actions>
     </v-card>
@@ -214,7 +214,7 @@
                 <p>{{showItem.info}}</p>
                 <v-spacer></v-spacer>
                 <v-btn @click="dialog = false">
-                    <v-icon large>{{$vuetify.icons.values.stop}}</v-icon>Exit
+                    <v-icon large icon="$stop" />Exit
                 </v-btn>
             </v-card-actions>
             <v-card-text>