Implement context fusion

src/GeoServiceProvider.php

@@ -47,7 +47,9 @@ public function boot(Modules $modules, Router $router)
                 'volumesStyles',
                 'volumesEditRight',
                 'volumesEditScripts',
-                'volumesEditStyles'
+                'volumesEditStyles',
+                'annotationsScripts',
+                'annotationsSettingsTab',
             ],
             'apidoc' => [__DIR__.'/Http/Controllers/Api/'],
         ]);

src/Http/Controllers/Api/ImageMetadataController.php

@@ -0,0 +1,46 @@
+<?php
+
+namespace Biigle\Modules\Geo\Http\Controllers\Api;
+
+use Biigle\Http\Controllers\Api\Controller;
+use Biigle\Image;
+
+class ImageMetadataController extends Controller
+{
+    /**
+     * Get the image metadata.
+     *
+     * @api {get} volumes/{id}/images/metadata/{image_id} Get images with metadata
+     * @apiGroup Images
+     * @apiName getImageMetadata
+     * @apiPermission projectMember
+     * @apiDescription Returns metadata of images.
+     *
+     * @apiParam {Number} volumeId
+     * @apiParam {Number} imageId
+     *
+     * @apiSuccessExample {json} Success response:
+     * ['id': 2, 
+     * 'filename': 'image1', 
+     * 'volume_id': 2, 
+     * 'uuid': bc4f17bc-459f-4a68-9003A-35addec7354f, 
+     * 'taken_at': 2024-08-13 21:44:12, 
+     * 'lng': 414919.629674, 
+     * 'lat': 8032131.178341,
+     * 'attrs': {'metadata': {'gps_altitude': -3429.406, 'yaw': 129.130866}, 
+     *           'width': 2800,
+     *           'height': 4320
+     *          }, 
+     * 'tiled': f
+     * ]
+     *
+     * @param  int  $volumeId
+     * @param  int  $imageId
+     * @return Biigle\Image
+     */
+    public function getImageMetadata($volumeId, $imageId)
+    {
+        $image = Image::where('volume_id', $volumeId)->where('id', $imageId)->first();
+        return $image;
+    }
+}

src/public/assets/scripts/annotations.js.LICENSE.txt

@@ -0,0 +1,5 @@
+/*!
+ * Vue.js v2.6.14
+ * (c) 2014-2021 Evan You
+ * Released under the MIT License.
+ */

src/public/mix-manifest.json

@@ -1,5 +1,6 @@
 {
     "/assets/scripts/main.js": "/assets/scripts/main.js?id=5d75e90309015b8aad9b612f52a6979f",
     "/assets/scripts/volumes.js": "/assets/scripts/volumes.js?id=f487d8fe79d9ae5c2eb5c53edc02c374",
+    "/assets/scripts/annotations.js": "/assets/scripts/annotations.js?id=305559ed397c61a8e6f2a2e1bbba4fea",
     "/assets/styles/main.css": "/assets/styles/main.css?id=b692ef8518741236ded072068dddeb05"
 }

src/resources/assets/js/annotations/annotations.js

@@ -0,0 +1 @@
+import './settingsTabPlugins';

src/resources/assets/js/annotations/api/imageMetadata.js

@@ -0,0 +1,10 @@
+/**
+ * Resource for volume images with metadata.
+ * 
+ * Get image metadata:
+ *
+ * resource.query({id: volumeId}).then(...)
+ *
+ * @type {Vue.resource}
+ */
+export default Vue.resource('api/v1/volumes{/id}/images/metadata{/image_id}', {});