@christianriedl/media 1.0.175 → 1.0.177

package/package.json

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

package/src/components/BookLine.vue

@@ -45,19 +45,15 @@
     function fieldChanged () {
         showSave.value = true;
     }
-    function ratingChanged (value: string | number) {   // modelValue not working
-        book.rating = Number(value);
-        showSave.value = true;
-    }
 </script>
 
 <template>
     <v-row v-if="props.ismobile" dense align="center" :class="cls" @click="onSelect" >
         <v-col cols="9" >
-          <v-text-field v-model="book.title" hide-details density="compact" ></v-text-field>
+          <v-text-field v-model="book.title" disabled hide-details density="compact" ></v-text-field>
         </v-col>
         <v-col cols="3" >
-          <v-text-field v-model="book.year" hide-details density="compact" ></v-text-field>
+          <v-text-field v-model="book.year" disabled hide-details density="compact" ></v-text-field>
         </v-col>
     </v-row>
     <v-row v-else dense align="center" :class="cls" @click="onSelect" >
@@ -71,7 +67,7 @@
           <v-text-field v-model="book.year" hide-details density="compact" type="number" @update:modelValue="fieldChanged"></v-text-field>
         </v-col>
         <v-col cols="2" >
-          <v-rating hover clearable :length="5" :size="32" :model-value="book.rating" active-color="primary" @update:modelValue="ratingChanged" />
+          <v-rating hover clearable :length="5" :size="32" v-model="book.rating" active-color="primary" @update:modelValue="fieldChanged" />
       </v-col>
       <v-col cols="2">
          <v-btn v-if="showDelete" icon="$delete" :disabled="props.readonly" @click="onDelete"></v-btn>

package/src/views/BooksPage.vue

@@ -362,30 +362,30 @@
         <v-text-field v-model="author.country" hide-details density="compact" @update:modelValue="fieldChanged"></v-text-field>
       </v-col>
       <v-col cols="2">
-        <v-btn v-if="mustAddAuthor" @click="addAuthor" :disabled="readonly" append-icon="$plus">AUTHOR</v-btn>
+        <v-btn v-if="mustAddAuthor" @click="addAuthor" :disabled="readonly" prepend-icon="$plus">AUTHOR</v-btn>
         <v-btn v-if="mustUpdateAuthor" @click="updateAuthor" :disabled="readonly" icon="$save"></v-btn>
         <v-btn v-if="author.id > 0" @click="deleteAuthor" :disabled="readonly" icon="$delete"></v-btn>
       </v-col>
     </v-row>
     <v-divider></v-divider>
     <v-row v-if="isMobile" dense align="center">
-        <v-col cols="7">TITEL</v-col>
-        <v-col cols="2">JAHR</v-col>
-        <v-col cols="3">RATING</v-col>
-    </v-row>
-    <v-row v-else dense align="center">
         <v-col cols="9">TITEL</v-col>
         <v-col cols="3">JAHR</v-col>
+    </v-row>
+    <v-row v-else dense align="center">
+        <v-col cols="6">TITEL</v-col>
+        <v-col cols="2">JAHR</v-col>
+        <v-col cols="2">RATING</v-col>
         <v-col v-if="author.id" cols="2">
-          <v-btn v-if="!showAddBookLine" @click="addNewBook" :disabled="readonly" append-icon="$plus">BOOK</v-btn>
+          <v-btn v-if="!showAddBookLine" @click="addNewBook" :disabled="readonly" prepend-icon="$plus">BOOK</v-btn>
           <v-btn v-if="showAddBookLine" @click="cancelAddNewBook" :disabled="readonly" icon="$cancel"></v-btn>
         </v-col>
     </v-row>
     <book-line v-if="showAddBookLine" :book="newBook" :add="true" :allbooks="allBooks" :readonly="readonly" :ismobile="isMobile" @selectbook="selectBook" @deletebook="deleteBook" @savebook="saveBook"></book-line>
     <book-line v-for="book in author.books" :key="book.id" :book="book" :readonly="readonly" :ismobile="isMobile" @selectbook="selectBook" @deletebook="deleteBook" @savebook="saveBook"></book-line>
-    <v-textarea v-if="showCurrentBook" class="pt-2"clearable auto-grow variant="outlined" label="Beschreibung" v-model="currentBook.description" @update:modelValue="descriptionChanged">
+    <v-textarea v-if="showCurrentBook" clearable auto-grow variant="outlined" label="Beschreibung" :disabled="isMobile" class="pt-2" v-model="currentBook.description" @update:modelValue="descriptionChanged">
     </v-textarea>
-    <v-textarea v-if="showCurrentBook" clearable auto-grow variant="outlined" label="Kommentar" v-model="currentBook.comment" @update:modelValue="descriptionChanged">
+    <v-textarea v-if="showCurrentBook" clearable auto-grow variant="outlined" label="Kommentar" :disabled="isMobile" v-model="currentBook.comment" @update:modelValue="descriptionChanged">
     </v-textarea>
     </v-defaults-provider>
   </v-container>