@christianriedl/media 1.0.23 → 1.0.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/media",
-  "version": "1.0.23",
+  "version": "1.0.25",
   "description": "RIC media interfaces",
 
   "main": "dist/index.js",
@@ -18,8 +18,8 @@
   "author": "Christian Riedl",
   "license": "ISC",
   "dependencies": {
-    "@christianriedl/utils": "^1.0.57",
-    "@christianriedl/rest": "^1.0.31"
+    "@christianriedl/utils": "^1.0.65",
+    "@christianriedl/rest": "^1.0.33"
   },
   "devDependencies": {
     "typescript": "^4.6.3",

package/src/views/MusicPage.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
     import { inject, ref, reactive, computed, onMounted, onUnmounted, nextTick, watch } from 'vue';
-    import { IAppState, Helper, EDevice } from '@christianriedl/utils';
-    import { Authorize, EScope } from '@christianriedl/rest';
+    import { IAppState, Helper, EDevice, EScope } from '@christianriedl/utils';
+    import { Authorize } from '@christianriedl/rest';
     import { EItemType, EMediaType, IMediaFolder, IMediaItem, IAudioFile, MediaService, EPlayState, PlayerService } from '@christianriedl/media';
     import FileUpload from '../components/FileUpload.vue';
 

package/src/views/PhotoAlbumPage.vue

@@ -22,6 +22,9 @@
     const metadata = reactive<Dictionary<any>>({});
     const cycle = ref(false);
     const interval = ref(8000);
+    const hasCoordinates = ref(false);
+    let gpsLng: number[];
+    let gpsLat: number[];
 
     watch([appState.bodyHeight, appState.pageWidth], () => {
         width.value = appState.pageWidth.value;
@@ -83,6 +86,14 @@
         else
             return mediaService.getPhotoUrl(url.value, item.Url, `${width.value}x${0}x${item.Orientation}`);
     }
+    function showMap(ev: Event) {
+        router.push({
+            path: 'gps', query: {
+                lat: `${gpsLat[0]} ${gpsLat[1]}`,
+                lng: `${gpsLng[0]} ${gpsLng[1]}`
+            }
+        });
+    }
     function onInput(idx: number) {
         idx++;
         if (idx < items.length) {
@@ -184,6 +195,11 @@
                 metadata['Zeit'] = exif.DateTimeOriginal;
             else
                 metadata['Zeit'] = file.Date.toLocaleString();
+            if (exif.GPSLatitude && exif.GPSLongitude) {
+                gpsLat = exif.GPSLatitude as number[];
+                gpsLng = exif.GPSLongitude as number[];
+                hasCoordinates.value = true;
+            }
         }
         else {
             delete metadata['Kamera'];
@@ -240,6 +256,9 @@
                     <v-btn @click="dialog = false">
                         <v-icon large icon="$stop" />
                     </v-btn>
+                    <v-btn v-if="hasCoordinates" @click="showMap">
+                        <v-icon large icon="$gps" />
+                    </v-btn>
                 </v-card-actions>
             </v-card>
         </v-dialog>

package/src/views/VideosPage.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
     import { inject, ref, reactive, computed, onMounted, onUnmounted, nextTick, watch } from 'vue';
     import { useRouter } from 'vue-router';
-    import { IAppState, EDevice } from '@christianriedl/utils';
-    import { Authorize, EScope } from '@christianriedl/rest';
+    import { IAppState, EDevice, EScope } from '@christianriedl/utils';
+    import { Authorize } from '@christianriedl/rest';
     import { EItemType, EMediaType, IMediaFolder, IMediaItem, IVideoFile, MediaService, PlayerService } from '@christianriedl/media';
     import { ISensorsState } from '@christianriedl/smarthome';
     import FileUpload from '../components/FileUpload.vue';