session

config/environment.json

@@ -4,5 +4,6 @@
   
   "logLevel": "debug", 
   "backendUrl" : "https://sportmap.akaver.com/api/v1.0/",
-  "backendUrlLocal" : "http://localhost:5000/api/v1.0/"
+  "backendUrlLocal" : "http://localhost:5000/api/v1.0/",
+  "swaggerUrl" : "http://localhost:5000/swagger/index.html"
 }

config/environment.production.json

@@ -3,5 +3,6 @@
   "testing": false,
   "logLevel": "debug", 
   "backendUrl" : "https://sportmap.akaver.com/api/v1.0/",
-  "backendUrlLocal" : "http://localhost:5000/api/v1.0/"
+  "backendUrlLocal" : "http://localhost:5000/api/v1.0/",
+  "swaggerUrl" : "https://sportmap.akaver.com/swagger/index.html"
 }

src/app.html

@@ -13,6 +13,10 @@
                     <li repeat.for="nav of router.navigation" class="nav-item ${nav.isActive ? 'active' : ''}">
                         <a class="nav-link" href.bind="nav.href">${nav.title}</a>
                     </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href.bind="swaggerUrl">SwaggerDocs</a>
+                    </li>
+                    
 <!--
                     <li class="nav-item active">
                         <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>

src/app.ts

@@ -2,7 +2,7 @@ import { PLATFORM } from 'aurelia-pal';
 import { autoinject, LogManager, View } from 'aurelia-framework';
 import { RouterConfiguration, Router, RouteConfig, NavigationInstruction } from 'aurelia-router';
 import { EventAggregator, Subscription } from 'aurelia-event-aggregator';
-
+import * as environment from '../config/environment.json';
 
 export const log = LogManager.getLogger('app.App');
 
@@ -10,8 +10,8 @@ export const log = LogManager.getLogger('app.App');
 export class App {
     router?: Router;
     private subscriptions: Subscription[] = [];
+    private swaggerUrl = environment.swaggerUrl;
 
-    map?: L.Map;
 
     // ================================= view lifecycle ===============================
     created(owningView: View, myView: View): void {

src/domain/IGpsSession.ts

 export interface IGpsSession {
     id: string;
+    name: string;
+    description: string;
+    recordedAt: string;
 }

src/views/home/index.html

@@ -5,7 +5,7 @@
         <select value.bind="selectedGpsSession" class="form-control" id="sessionSelect">
             <option model.bind="null">Choose...</option>
             <option repeat.for="gpsSession of gpsSessions" model.bind="gpsSession">
-                ${gpsSession.id}
+                ${gpsSession.name} - ${gpsSession.recordedAt}
             </option>
 
         </select>