@christianriedl/media 1.0.176 → 1.0.178

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/media",
-  "version": "1.0.176",
+  "version": "1.0.178",
   "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

@@ -119,6 +119,7 @@
             allBooks.value = await getAuthorBooksFromAI (author.surName, author.givenName, author.id);
             lastAllBooksId.value = author.id;
         }
+        currentBook.value = { id: 0, authorId: 0, title: ""};
         newBook = reactive<IBook>({ id: 0, authorId: author.id, title: "", rating: 0 });
         showAddBookLine.value = true;
     }
@@ -296,7 +297,7 @@
           },
           "strict": true
         }
-        const prompt = `Alle Werke mit Erscheinungsjahr von ${givenName} ${surName}`;
+        const prompt = `Alle Buchtitel in Deutsch mit Erscheinungsjahr von ${givenName} ${surName}`;
         const result = await openAI.completeJson(prompt, schema) as any;
         if (result && result.werke) {
             const books: IBook[] = [];
@@ -362,7 +363,7 @@
         <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>
@@ -377,15 +378,15 @@
         <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>

package/src/views/PhotoAlbumPage.vue

@@ -160,7 +160,7 @@
     }
     function showMap(ev: Event) {
         const current = items[index.value];
-        window.history.replaceState(null, "", `${appConfig.urlPrefix}photoalbum?id=${folderId}&start=${current.dlnaid}`);
+        router.options.history.replace(`/photoalbum?id=${folderId}&start=${current.dlnaid}`);
         router.push({
             path: 'map', query: {
                 lat: `${gpsLat[0]} ${gpsLat[1]}`,