@christianriedl/media 1.0.184 → 1.0.185

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/BookLine.vue +2 -2
  3. package/src/views/BooksPage.vue +74 -74
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@christianriedl/media",
3
- "version": "1.0.184",
3
+ "version": "1.0.185",
4
4
  "description": "RIC media interfaces",
5
5
 
6
6
  "main": "dist/index.js",
package/src/components/BookLine.vue CHANGED
@@ -82,8 +82,8 @@
82
82
  <v-select v-model="flags" :items="props.flags" multiple hide-details density="compact" single-line @update:modelValue="flagsChanged"></v-select>
83
83
  </v-col>
84
84
  <v-col cols="2">
85
- <v-btn v-if="showSave" icon="$save" :disabled="props.readonly" @click="onSave"></v-btn>
86
- <v-btn v-if="showDelete" icon="$delete" :disabled="props.readonly" @click="onDelete"></v-btn>
85
+ <v-btn v-if="showSave" icon="$save" :class="classObject" :disabled="props.readonly" @click="onSave"></v-btn>
86
+ <v-btn v-if="showDelete" icon="$delete" :class="classObject" :disabled="props.readonly" @click="onDelete"></v-btn>
87
87
  </v-col>
88
88
  </v-row>
89
89
  <v-divider></v-divider>
package/src/views/BooksPage.vue CHANGED
@@ -351,80 +351,80 @@
351
351
  </script>
352
352
 
353
353
  <template>
354
- <v-container fluid class="bg-office" :style="heightStyle">
355
- <v-defaults-provider :defaults="{'VBtn':{'size':'large','variant':'flat','class':'bg-office'}}">
356
- <v-row v-if="isMobile" dense align="center">
357
- <v-col cols="6">Name</v-col>
358
- <v-col cols="5">Vorname</v-col>
359
- <v-col cols="1">
360
- <v-btn icon="$search" @click="search"></v-btn>
361
- </v-col>
362
- </v-row>
363
- <v-row v-else dense align="center">
364
- <v-col cols="2">Name</v-col>
365
- <v-col cols="2">Vorname</v-col>
366
- <v-col cols="1">Von</v-col>
367
- <v-col cols="1">Bis</v-col>
368
- <v-col cols="2">Kategorie</v-col>
369
- <v-col cols="2">Land</v-col>
370
- <v-col cols="2">
371
- <v-btn prepend-icon="$search" @click="search">Search</v-btn>
372
- </v-col>
373
- </v-row>
374
- <v-row v-if="isMobile" dense align="center">
375
- <v-col cols="6">
376
- <v-combobox v-model="selectedAuthor" :items="authors" item-value="id" item-title="sN" hide-details density="compact" single-line @update:modelValue="authorNameChanged"></v-combobox>
377
- </v-col>
378
- <v-col cols="6">
379
- <v-text-field v-model="currentAuthor.givenName" hide-details density="compact" @update:modelValue="fieldChanged" @update:focused="givenNameFocused"></v-text-field>
380
- </v-col>
381
- </v-row>
382
- <v-row v-else dense align="center">
383
- <v-col cols="2">
384
- <v-combobox v-model="selectedAuthor" :items="authors" item-value="id" item-title="sN" hide-details density="compact" single-line @update:modelValue="authorNameChanged"></v-combobox>
385
- </v-col>
386
- <v-col cols="2">
387
- <v-text-field v-model="currentAuthor.givenName" hide-details density="compact" @update:modelValue="fieldChanged" @update:focused="givenNameFocused"></v-text-field>
388
- </v-col>
389
- <v-col cols="1">
390
- <v-text-field v-model="currentAuthor.yearOfBirth" hide-details density="compact" type="number" @update:modelValue="fieldChanged"></v-text-field>
391
- </v-col>
392
- <v-col cols="1">
393
- <v-text-field v-model="currentAuthor.yearOfDeath" hide-details density="compact" type="number" @update:modelValue="fieldChanged"></v-text-field>
394
- </v-col>
395
- <v-col cols="2">
396
- <v-select v-model="currentAuthor.category" :items="booksService.categories" hide-details density="compact" single-line @update:modelValue="fieldChanged"></v-select>
397
- </v-col>
398
- <v-col cols="2">
399
- <v-text-field v-model="currentAuthor.country" hide-details density="compact" @update:modelValue="fieldChanged"></v-text-field>
400
- </v-col>
401
- <v-col cols="2">
402
- <v-btn v-if="mustAddAuthor" @click="addAuthor" :disabled="readonly" prepend-icon="$plus">AUTHOR</v-btn>
403
- <v-btn v-if="mustUpdateAuthor" @click="updateAuthor" :disabled="readonly" icon="$save"></v-btn>
404
- <v-btn v-if="currentAuthor.id > 0" @click="deleteAuthor" :disabled="readonly" icon="$delete"></v-btn>
405
- </v-col>
406
- </v-row>
407
- <v-divider></v-divider>
408
- <v-row v-if="isMobile" dense align="center">
409
- <v-col cols="9">TITEL</v-col>
410
- <v-col cols="3">JAHR</v-col>
411
- </v-row>
412
- <v-row v-else dense align="center">
413
- <v-col cols="6">TITEL</v-col>
414
- <v-col cols="1">JAHR</v-col>
415
- <v-col cols="1">RATING</v-col>
416
- <v-col cols="2">STATUS</v-col>
417
- <v-col v-if="currentAuthor.id" cols="2">
418
- <v-btn v-if="!showAddBookLine" @click="addNewBook" :disabled="readonly" prepend-icon="$plus">BOOK</v-btn>
419
- <v-btn v-if="showAddBookLine" @click="cancelAddNewBook" :disabled="readonly" icon="$cancel"></v-btn>
420
- </v-col>
421
- </v-row>
422
- <book-line v-if="showAddBookLine" :book="newBook" :flags="booksService.flags" :add="true" :allbooks="allBooks" :readonly="readonly" :ismobile="isMobile" @selectbook="selectBook" @deletebook="deleteBook" @savebook="saveBook"></book-line>
423
- <book-line v-for="book in currentAuthor.books" :key="book.id" :book="book" :flags="booksService.flags" :readonly="readonly" :selected="selectedBook == book" :ismobile="isMobile" @selectbook="selectBook" @deletebook="deleteBook" @savebook="saveBook"></book-line>
424
- <v-textarea v-if="showSelectedBook" clearable auto-grow variant="outlined" label="Beschreibung" :disabled="isMobile" class="pt-2" v-model="selectedBook.description" @update:modelValue="descriptionChanged">
425
- </v-textarea>
426
- <v-textarea v-if="showSelectedBook" clearable auto-grow variant="outlined" label="Kommentar" :disabled="isMobile" v-model="selectedBook.comment" @update:modelValue="descriptionChanged">
427
- </v-textarea>
354
+ <v-container fluid :style="heightStyle">
355
+ <v-defaults-provider :defaults="{'VBtn':{'size':'large','variant':'flat'}}">
356
+ <v-row v-if="isMobile" dense align="center" class="bg-office" >
357
+ <v-col cols="6">Name</v-col>
358
+ <v-col cols="5">Vorname</v-col>
359
+ <v-col cols="1">
360
+ <v-btn icon="$search" class="bg-office" @click="search"></v-btn>
361
+ </v-col>
362
+ </v-row>
363
+ <v-row v-else dense align="center" class="bg-office" >
364
+ <v-col cols="2">Name</v-col>
365
+ <v-col cols="2">Vorname</v-col>
366
+ <v-col cols="1">Von</v-col>
367
+ <v-col cols="1">Bis</v-col>
368
+ <v-col cols="2">Kategorie</v-col>
369
+ <v-col cols="2">Land</v-col>
370
+ <v-col cols="2">
371
+ <v-btn prepend-icon="$search" class="bg-office" @click="search">Search</v-btn>
372
+ </v-col>
373
+ </v-row>
374
+ <v-row v-if="isMobile" dense align="center" class="bg-office" >
375
+ <v-col cols="6">
376
+ <v-combobox v-model="selectedAuthor" :items="authors" item-value="id" item-title="sN" hide-details density="compact" single-line @update:modelValue="authorNameChanged"></v-combobox>
377
+ </v-col>
378
+ <v-col cols="6">
379
+ <v-text-field v-model="currentAuthor.givenName" hide-details density="compact" @update:modelValue="fieldChanged" @update:focused="givenNameFocused"></v-text-field>
380
+ </v-col>
381
+ </v-row>
382
+ <v-row v-else dense align="center" class="bg-office" >
383
+ <v-col cols="2">
384
+ <v-combobox v-model="selectedAuthor" :items="authors" item-value="id" item-title="sN" hide-details density="compact" single-line @update:modelValue="authorNameChanged"></v-combobox>
385
+ </v-col>
386
+ <v-col cols="2">
387
+ <v-text-field v-model="currentAuthor.givenName" hide-details density="compact" @update:modelValue="fieldChanged" @update:focused="givenNameFocused"></v-text-field>
388
+ </v-col>
389
+ <v-col cols="1">
390
+ <v-text-field v-model="currentAuthor.yearOfBirth" hide-details density="compact" type="number" @update:modelValue="fieldChanged"></v-text-field>
391
+ </v-col>
392
+ <v-col cols="1">
393
+ <v-text-field v-model="currentAuthor.yearOfDeath" hide-details density="compact" type="number" @update:modelValue="fieldChanged"></v-text-field>
394
+ </v-col>
395
+ <v-col cols="2">
396
+ <v-select v-model="currentAuthor.category" :items="booksService.categories" hide-details density="compact" single-line @update:modelValue="fieldChanged"></v-select>
397
+ </v-col>
398
+ <v-col cols="2">
399
+ <v-text-field v-model="currentAuthor.country" hide-details density="compact" @update:modelValue="fieldChanged"></v-text-field>
400
+ </v-col>
401
+ <v-col cols="2">
402
+ <v-btn v-if="mustAddAuthor" class="bg-office" @click="addAuthor" :disabled="readonly" prepend-icon="$plus">AUTHOR</v-btn>
403
+ <v-btn v-if="mustUpdateAuthor" class="bg-office" @click="updateAuthor" :disabled="readonly" icon="$save"></v-btn>
404
+ <v-btn v-if="currentAuthor.id > 0" class="bg-office" @click="deleteAuthor" :disabled="readonly" icon="$delete"></v-btn>
405
+ </v-col>
406
+ </v-row>
407
+ <v-divider></v-divider>
408
+ <v-row v-if="isMobile" dense align="center" class="bg-office" >
409
+ <v-col cols="9">TITEL</v-col>
410
+ <v-col cols="3">JAHR</v-col>
411
+ </v-row>
412
+ <v-row v-else dense align="center" class="bg-office" >
413
+ <v-col cols="6">TITEL</v-col>
414
+ <v-col cols="1">JAHR</v-col>
415
+ <v-col cols="1">RATING</v-col>
416
+ <v-col cols="2">STATUS</v-col>
417
+ <v-col v-if="currentAuthor.id" cols="2">
418
+ <v-btn v-if="!showAddBookLine" class="bg-office" @click="addNewBook" :disabled="readonly" prepend-icon="$plus">BOOK</v-btn>
419
+ <v-btn v-if="showAddBookLine" class="bg-office" @click="cancelAddNewBook" :disabled="readonly" icon="$cancel"></v-btn>
420
+ </v-col>
421
+ </v-row>
422
+ <book-line v-if="showAddBookLine" :book="newBook" :flags="booksService.flags" :add="true" :allbooks="allBooks" :readonly="readonly" :ismobile="isMobile" @selectbook="selectBook" @deletebook="deleteBook" @savebook="saveBook"></book-line>
423
+ <book-line v-for="book in currentAuthor.books" :key="book.id" :book="book" :flags="booksService.flags" :readonly="readonly" :selected="selectedBook == book" :ismobile="isMobile" @selectbook="selectBook" @deletebook="deleteBook" @savebook="saveBook"></book-line>
424
+ <v-textarea v-if="showSelectedBook" clearable auto-grow variant="outlined" label="Beschreibung" :disabled="isMobile" class="bg-office pt-2" v-model="selectedBook.description" @update:modelValue="descriptionChanged">
425
+ </v-textarea>
426
+ <v-textarea v-if="showSelectedBook" clearable auto-grow variant="outlined" label="Kommentar" :disabled="isMobile" class="bg-office" v-model="selectedBook.comment" @update:modelValue="descriptionChanged">
427
+ </v-textarea>
428
428
  </v-defaults-provider>
429
429
  </v-container>
430
430
  </template>