@christianriedl/media 1.0.199 → 1.0.202

package/dist/iMediaInstance.d.ts

@@ -11,6 +11,7 @@ export interface IMediaRootInformation {
 export interface IMediaInstanceInformation {
     instanceName: string;
     ipAddress: string;
+    publicDocumentRoots: string;
     rootInformations: Array<IMediaRootInformation>;
     rootModificationTime: number;
     listModificationTime: number;

package/dist/mediaInstanceService.js

@@ -14,6 +14,7 @@ export class MediaInstanceService {
         this.instanceInformation = reactive({
             instanceName: '',
             ipAddress: '',
+            publicDocumentRoots: '',
             rootInformations: [],
             rootModificationTime: 0,
             listModificationTime: 0,
@@ -47,6 +48,7 @@ export class MediaInstanceService {
             }
             this.instanceInformation.instanceName = info.instanceName;
             this.instanceInformation.ipAddress = info.ipAddress;
+            this.instanceInformation.publicDocumentRoots = info.publicDocumentRoots;
             this.instanceInformation.listItemCount = info.listItemCount;
             this.instanceInformation.listModificationTime = info.listModificationTime;
             this.instanceInformation.rootModificationTime = info.rootModificationTime;

package/dist/mediaInstanceService.js.map

@@ -1 +1 @@
-{"version":3,"file":"mediaInstanceService.js","sourceRoot":"","sources":["../src/mediaInstanceService.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"mediaInstanceService.js","sourceRoot":"","sources":["../src/mediaInstanceService.ts"],"names":[],"mappings":"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"}

package/package.json

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

package/src/components/BookPlace.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
     import { StyleValue } from 'vue';
     import { IPlace } from '@christianriedl/media';
-    const props = defineProps<{ place: IPlace, height: number }>();
+    const props = defineProps<{ place: IPlace, height: number, ismobile: boolean }>();
     const emits = defineEmits<{
         (e: 'select', place: IPlace, hinten: boolean): void
     }>();
     const place: IPlace = props.place;
     const heightStyle: StyleValue = { height: props.height + "px" };
+    const vorne = { vorne: !props.ismobile, vorneM: props.ismobile };
+    const hinten = { hinten: !props.ismobile, hintenM: props.ismobile };
 
     function selectVorne () {
         emits('select', place, false);
@@ -19,10 +21,10 @@
 <template>
     <v-row dense :class="[place.color,'place']" :style="heightStyle" >
         <v-col v-if="place.vorne" cols="12" @click="selectVorne">
-            <p class="vorne">{{place.vorne}}<br>{{place.vorne2}}</p>
+            <p :class="vorne">{{place.vorne}}<br>{{place.vorne2}}</p>
         </v-col>
         <v-col v-if="place.hinten" cols="12" @click="selectHinten" >
-            <p class="hinten">{{place.hinten}}<br>{{place.hinten2}}</p>
+            <p :class="hinten">{{place.hinten}}<br>{{place.hinten2}}</p>
         </v-col>
     </v-row>
     <v-divider></v-divider>
@@ -44,4 +46,14 @@
         font-family: monospace;
         background-color: lightgrey;
     }
+    .vorneM {
+        font-size: small;
+        font-family: monospace;
+        background-color: white;
+    }
+    .hintenM {
+        font-size: small;
+        font-family: monospace;
+        background-color: lightgrey;
+    }
 </style>

package/src/views/BooksPage.vue

@@ -63,7 +63,7 @@
             alert ('UpdateAuthor - error');
     }
     async function deleteAuthor() {
-        if (!window.confirm(`Willst du ${currentAuthor.surName} wirklich l�schen ?`))
+        if (!window.confirm(`Willst du ${currentAuthor.surName} wirklich l\u00F6schen ?`))
             return;
         const rc = await booksService.deleteAuthor(currentAuthor.id);
         if (rc) {
@@ -182,7 +182,7 @@
 
     }
     async function deleteBook(id: number) {
-        if (!window.confirm(`Willst du das Buch wirklich l�schen ?`))
+        if (!window.confirm(`Willst du das Buch wirklich l\u00F6schen ?`))
             return;
         setBookChanged = () => {};
         const rc = await booksService.deleteBook (id);
@@ -405,10 +405,13 @@
       <v-defaults-provider :defaults="{'VBtn':{'size':'large','variant':'flat'}}">
         <v-row v-if="isMobile" dense align="center" class="bg-office" >
           <v-col cols="6">Name</v-col>
-          <v-col cols="5">Vorname</v-col>
+          <v-col cols="4">Vorname</v-col>
           <v-col cols="1">
             <v-btn icon="$search" class="bg-office" @click="search"></v-btn>
           </v-col>
+          <v-col cols="1">
+            <v-btn icon="$gps" class="bg-office" @click="places"></v-btn>
+          </v-col>
         </v-row>
         <v-row v-else dense align="center" class="bg-office" >
           <v-col cols="2">Name</v-col>

package/src/views/BooksPlacePage.vue

@@ -8,6 +8,8 @@
     const getBooksService = inject(getBooksSymbol)!;
     const booksService = getBooksService() as BooksService;
     const isAdmin = !!(appState.scopes & EScope.Admin);
+    const isMobile = appState.isMobile && (appState.device != EDevice.iPad);
+    const isPortrait = computed(() => isMobile.value && appState.pageHeight.value > appState.pageWidth.value);
 
     interface Regal {
         faecher: IPlace[];
@@ -101,7 +103,7 @@
         showDistribute.value = true;
     }
     async function startDistribute() {
-        if (!window.confirm(`Willst du wirklich die B�cher neu anordnen ?`))
+        if (!window.confirm(`Willst du wirklich die B\u00FCcher neu anordnen ?`))
             return;
         const result = await booksService.distributeBooks(mmPerBook.value, maxFillPerc.value);
         alert (result);
@@ -125,29 +127,27 @@
     </v-row>
     <v-row dense>
         <v-col v-for="n in 8" cols="1">
-            <book-place v-for="m in 6" :place="regale[n-1].faecher[m-1]" :height="placeHeight" @select="select" ></book-place>
+            <book-place v-for="m in 6" :place="regale[n-1].faecher[m-1]" :ismobile="isMobile" :height="placeHeight" @select="select" ></book-place>
         </v-col>
         <v-col cols="1">
-            <v-btn v-if="isAdmin" @click="distribute">DISTRIBUTE</v-btn>
+            <v-btn v-if="isAdmin && !isMobile" @click="distribute">DISTRIBUTE</v-btn>
         </v-col>
         <v-col cols="1">
-            <book-place v-for="m in 6" :place="regale[8].faecher[m-1]" :height="placeHeight" @select="select"></book-place>
+            <book-place v-for="m in 6" :place="regale[8].faecher[m-1]" :ismobile="isMobile" :height="placeHeight" @select="select"></book-place>
         </v-col>
         <v-col cols="2" class="pl-2">
-            <book-place v-for="m in 6" :place="regale[9].faecher[m-1]" :height="placeHeight" @select="select"></book-place>
+            <book-place v-for="m in 6" :place="regale[9].faecher[m-1]" :ismobile="isMobile" :height="placeHeight" @select="select"></book-place>
         </v-col>
     </v-row>
     <v-dialog v-model="showBooks" >
-        <v-card v-if="showBooks" width="800" >
+        <v-card v-if="showBooks" width="isPortrait ? 500: 800" >
             <v-card-title>{{placeName}}</v-card-title>
-            <v-card-text>
-                <v-container>
-                    <v-row dense v-for="book in books" :key="book.bookId">
-                        <v-col cols="5"><p class="font-weight-medium">{{book.givenName + ' ' + book.surName}}</p></v-col>
-                        <v-col cols="7"><p>{{book.title}}</p></v-col>
-                    </v-row>
-                </v-container>
-            </v-card-text>
+            <v-container fluid>
+                <v-row dense v-for="book in books" :key="book.bookId">
+                    <v-col cols="4"><p class="font-weight-medium">{{book.givenName + ' ' + book.surName}}</p></v-col>
+                    <v-col cols="8"><p>{{book.title}}</p></v-col>
+                </v-row>
+            </v-container>
             <v-card-actions>
                 <v-btn prepend-icon="$back" @click="showBooks = false">CLOSE</v-btn>
             </v-card-actions>
@@ -155,7 +155,7 @@
     </v-dialog>
     <v-dialog v-model="showDistribute" >
         <v-card v-if="showDistribute" width="600" >
-            <v-card-title>Buchverteilung auf die Regale</v-card-title>
+            <v-card-title>Buchverteilung auf die Regale - SAVE nicht vergessen !</v-card-title>
             <v-card-text>
                 <v-container>
                     <v-row dense>

package/src/views/BooksSearchPage.vue

@@ -45,21 +45,21 @@
           <v-col cols="6">
             <v-select v-model="selected" :items="authors" label="Author" return-object item-value="id" item-title="sN" hide-details density="compact" single-line ></v-select>
           </v-col>
-          <v-col cols="6">
+          <v-col cols="4">
             <p>{{selected.gN}}</p>
           </v-col>
+          <v-col cols="2">
+            <v-btn @click="search" icon="$search"></v-btn>
+          </v-col>
           <v-col cols="6">
             <v-text-field label="Titel" v-model="title" hide-details density="compact"></v-text-field>
           </v-col>
-          <v-col cols="2">
+          <v-col cols="4">
             <v-select label="Status" v-model="flags" :items="booksService.flags" hide-details density="compact" single-line ></v-select>
           </v-col>
           <v-col cols="2">
               <v-rating label="Rating" hover clearable :length="5" :size="16" v-model="rating" active-color="primary" />
           </v-col>
-          <v-col cols="2">
-            <v-btn @click="search" icon="$search"></v-btn>
-          </v-col>
         </v-row>
         <v-row v-else dense align="center">
           <v-col cols="2">