feat: home mit Video-Feed und Services implementiert.

.env

@@ -0,0 +1 @@
+VITE_BACKEND_WEBSOCKET_URL=https://trackmate-backend-bscxaycdesb5gkeg.westeurope-01.azurewebsites.net/trackNodes

.env.production

@@ -0,0 +1 @@
+VITE_BACKEND_WEBSOCKET_URL=https://trackmate-backend-bscxaycdesb5gkeg.westeurope-01.azurewebsites.net/trackNodes

package.json

@@ -11,6 +11,7 @@
     "type-check": "vue-tsc --build --force"
   },
   "dependencies": {
+    "@microsoft/signalr": "^8.0.7",
     "@popperjs/core": "^2.11.8",
     "bootstrap": "^5.3.3",
     "pinia": "^2.1.7",

src/App.vue

@@ -1,12 +1,12 @@
 <template>
-  <div class="container container-fluid">
+  <main>
     <RouterView />
-  </div>
+  </main>
 </template>
 
 <script lang="ts">
-import { RouterLink, RouterView } from 'vue-router'
-import { defineComponent } from 'vue'
+import { defineComponent } from 'vue';
+import { RouterLink, RouterView } from 'vue-router';
 
 export default defineComponent({
   name: 'App',

src/models/create-track-node-model.ts

@@ -0,0 +1,10 @@
+import type { GeoLocation } from "./geo-location";
+import type { Orientation } from "./orientation";
+import type { TransformationVector } from "./transformation-vector";
+
+export interface CreateTrackNodeModel {
+  Location: GeoLocation,
+  Vector: TransformationVector,
+  Orientation: Orientation,
+  previousTrackNodeId: string | null,
+}

src/models/device-position-model.ts

@@ -0,0 +1,13 @@
+
+export interface DevicePositionModel {
+  x: number;
+  y: number;
+  z: number;
+  orientation: DeviceOrientationModel;
+}
+
+export interface DeviceOrientationModel {
+  alpha: number; // rotation around Z axis (0 to 360 degrees)
+  beta: number;  // rotation around X axis (-180 to 180 degrees)
+  gamma: number;  // rotation around Y axis (-90 to 90 degrees)
+}

src/models/geo-location.ts

@@ -0,0 +1,6 @@
+
+export interface GeoLocation {
+  latitude: number,
+  longitude: number,
+  altitude: number
+}

src/models/orientation.ts

@@ -0,0 +1,6 @@
+
+export interface Orientation {
+  alpha: number; // rotation around Z axis (0 to 360 degrees)
+  beta: number;  // rotation around X axis (-180 to 180 degrees)
+  gamma: number;  // rotation around Y axis (-90 to 90 degrees)
+}

src/models/track-models.ts

@@ -0,0 +1,16 @@
+
+export interface StartTrackModel {
+  startPoint: string,
+  goalTrackNodeId: string
+}
+
+export interface UploadTrackStepModel {
+  trackId: string,
+  mimeType: string,
+  imageDataBase64: string
+  imageData: ImageData | undefined
+}
+
+export interface TrackStepResultModel {
+  // TODO
+}

src/models/track-node-model.ts

@@ -0,0 +1,10 @@
+import type { GeoLocation } from "./geo-location";
+import type { Orientation } from "./orientation";
+import type { TransformationVector } from "./transformation-vector";
+
+export interface TrackNodeModel {
+  id: string,
+  location: GeoLocation,
+  vector: TransformationVector,
+  orientation: Orientation
+}

src/models/transformation-vector.ts

@@ -0,0 +1,6 @@
+
+export interface TransformationVector {
+  x: Number,
+  y: Number,
+  z: Number
+}

src/models/upload-picture-model.ts

@@ -0,0 +1,7 @@
+
+export interface UploadPictureModel {
+  trackNodeId: string | undefined,
+  imageDataBase64: string,
+  imageData: ImageData | undefined,
+  mimeType: string
+}