feat(journey-maps): provide mock data with indoor transfer (#1951)

Co-authored-by: Chris Dickinson <“christopher.dickinson@sbb.ch”>
sbb-design-systems · Aug 10, 2023 · d88b50b · d88b50b
1 parent 2b1416a
commit d88b50b
Show file tree

Hide file tree

Showing 2 changed files with 1,571 additions and 1,500 deletions.
diff --git a/...components-examples/journey-maps/angular/journey-maps-full/journey-maps-full-example.html b/...components-examples/journey-maps/angular/journey-maps-full/journey-maps-full-example.html
@@ -50,21 +50,27 @@
         Map move / pan with one finger: {{(interactionOptions.oneFingerPan ?? false) ? 'on' :
         'off'}}
       </li>
+
       <li class="sbb-label">
         Map zoom with scroll wheel: {{(interactionOptions.scrollZoom ?? false) ? 'on' : 'off'}}
       </li>
+
       <li class="sbb-label">
         Map center (lng / lat): {{mapCenterInfo()?.lng | number: '1.1-6'}}, {{mapCenterInfo()?.lat |
         number:'1.1-6'}}
       </li>
+
       <li class="sbb-label">{{mapBoundingBoxInfo()}}</li>
+
       <li class="sbb-label">
         Map zoom (within range {{zoomLevels?.minZoom}}..{{zoomLevels?.maxZoom}} ):
         {{zoomLevels?.currentZoom | number: '1.1-2'}}
       </li>
+
       <li>
         <hr />
       </li>
+
       <li>
         <div class="sbb-checkbox-group-horizontal">
           <sbb-checkbox formControlName="mapVisible"> Map visibility</sbb-checkbox>
@@ -76,6 +82,7 @@
           <sbb-checkbox formControlName="limitMaxBounds"> Limit max bounds to CH</sbb-checkbox>
         </div>
       </li>
+
       <li formGroupName="styleOptions">
         <sbb-radio-group class="sbb-checkbox-group-horizontal" formControlName="mode">
           <sbb-radio-button value="bright">Bright Mode</sbb-radio-button>
@@ -90,18 +97,21 @@
           </sbb-select>
         </div>
       </li>
+
       <li formGroupName="styleVersion">
         <span class="sbb-label">Style</span>
         <sbb-radio-group class="sbb-checkbox-group-horizontal" formControlName="versionNumber">
           <sbb-radio-button value="v1">v1</sbb-radio-button>
           <sbb-radio-button value="v2">v2</sbb-radio-button>
         </sbb-radio-group>
       </li>
+
       <li>
         <span class="sbb-label">Zoom map</span>
         <button sbb-ghost-button (click)="client.zoomIn()">Zoom In</button>
         <button sbb-ghost-button (click)="client.zoomOut()">Zoom Out</button>
       </li>
+
       <li formGroupName="viewportBounds">
         <sbb-form-field>
           <span class="sbb-label">Min Zoom</span>
@@ -126,13 +136,15 @@
           />
         </sbb-form-field>
       </li>
+
       <li>
         <span class="sbb-label">Move / pan map</span>
         <button sbb-ghost-button (click)="client.moveNorth()">North</button>
         <button sbb-ghost-button (click)="client.moveEast()">East</button>
         <button sbb-ghost-button (click)="client.moveSouth()">South</button>
         <button sbb-ghost-button (click)="client.moveWest()">West</button>
       </li>
+
       <li>
         <div formGroupName="listenerOptions">
           <span class="sbb-label">Map interaction configuration</span>
@@ -143,6 +155,7 @@
           </div>
         </div>
       </li>
+
       <li>
         <span class="sbb-label">Teaser / Popup actions</span>
         <button sbb-ghost-button (click)="client.unselectAll(['MARKER', 'POI'])">
@@ -165,20 +178,23 @@
           Select POI
         </button>
       </li>
+
       <li>
         <span class="sbb-label">
           Map markers<span *ngIf="selectedMarkerId"> (selected: {{selectedMarkerId}})</span></span
         >
         <button sbb-ghost-button (click)="selectedMarkerId='velo'">Basel</button>
         <button sbb-ghost-button (click)="selectedMarkerId=undefined">Unselect all</button>
       </li>
+
       <li formGroupName="markerOptions">
         <span class="sbb-label">Map marker info style</span>
         <sbb-radio-group class="sbb-checkbox-group-horizontal" formControlName="popup">
           <sbb-radio-button [value]="true">Popup</sbb-radio-button>
           <sbb-radio-button [value]="false">Teaser</sbb-radio-button>
         </sbb-radio-group>
       </li>
+
       <li formGroupName="pointsOfInterestOptions">
         <sbb-form-field label="POI Environment">
           <sbb-select formControlName="environment">
@@ -198,6 +214,7 @@
         </sbb-form-field>
         <sbb-checkbox formControlName="includePreview">Include preview-POIs?</sbb-checkbox>
       </li>
+
       <li>
         <sbb-form-field label="Select zones">
           <sbb-select formControlName="zoneGeoJson" placeholder="(none)">