@christianriedl/media 1.0.199 → 1.0.200

package/package.json

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

@@ -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,7 @@
     const getBooksService = inject(getBooksSymbol)!;
     const booksService = getBooksService() as BooksService;
     const isAdmin = !!(appState.scopes & EScope.Admin);
+    const isMobile = appState.isMobile && (appState.device != EDevice.iPad);
 
     interface Regal {
         faecher: IPlace[];
@@ -125,16 +126,16 @@
     </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" >
@@ -155,7 +156,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>