Add parks closures, formatting on public mobile view (#671)

* Add parks closures, formatting on public mobile view * Set top -1 * Dont forget the px
bcgov · Apr 4, 2023 · 88258db · 88258db
1 parent 2e4dda9
commit 88258db
Show file tree

Hide file tree

Showing 6 changed files with 69 additions and 31 deletions.
diff --git a/...components/public-incident-page/incident-info-header/incident-header-panel.component.html b/...components/public-incident-page/incident-info-header/incident-header-panel.component.html
@@ -1,4 +1,6 @@
 <div class="header-container forPrint" id="toprint-header">
+  <div id="map" class="map-container" *ngIf="hideOnMobileView()">
+  </div>
   <div class="incident-details">
     <div class="header">
     </div>
@@ -32,7 +34,7 @@ <h4>Active Evacuation Orders and Alerts</h4>
       </div>
     </div>
   </div>
-  <div id="map" class="map-container">
+  <div id="map" class="map-container" *ngIf="!hideOnMobileView()">
   </div>
 </div>
 

diff --git a/...components/public-incident-page/incident-info-header/incident-header-panel.component.scss b/...components/public-incident-page/incident-info-header/incident-header-panel.component.scss
@@ -130,35 +130,8 @@
   }
 }
 
-@media (min-width: 768px)and (max-width: 1023px) {
-
+@media (max-width: 768px) {
   .header-container {
-    padding: 15px;
-  }
-
-  .header-container> * {
-    flex: 1 1 100%;
-  }
-
-  .incident-details {
-    padding: 0;
-    .title-bar {
-      padding-bottom: 1rem;
-      .title{
-        padding-bottom: 5px;
-      }
-
-    }
-    .info-panel {
-      line-height: 1.5;
-      padding:17px 0;
-      .label {
-        font-weight: bold;
-      }
-    }
-  }
-  .map-container {
-    padding-top: 10px;
-    min-height: 320px !important;
+    padding: 0px !important;
   }
 }
diff --git a/.../main/angular/src/app/components/public-incident-page/public-incident-page.component.scss b/.../main/angular/src/app/components/public-incident-page/public-incident-page.component.scss
@@ -73,3 +73,11 @@
   margin: auto;
   background-color: white;
 }
+
+:host ::ng-deep .mat-tab-header {
+  top: -1px;
+  z-index: 1000;
+  position: sticky;
+  position: -webkit-sticky; /* macOS/iOS Safari */
+  background-color: #f3f6f9;
+}
diff --git a/...t/wfnews-war/src/main/angular/src/app/services/map-config.service/layer-display.config.ts b/...t/wfnews-war/src/main/angular/src/app/services/map-config.service/layer-display.config.ts
@@ -84,6 +84,11 @@ export function LayerDisplayConfig(mapServices: MapServices) {
             isVisible: false,
             class: 'smk-inline-legend'
         },
+        {
+            id: 'protected-lands-access-restrictions',
+            isVisible: false,
+            class: 'smk-inline-legend'
+        },
         {
             id: 'drive-bc-active-events',
             isVisible: false

diff --git a/...r/src/main/angular/src/app/services/map-config.service/layers/bc-parks-closures.config.ts b/...r/src/main/angular/src/app/services/map-config.service/layers/bc-parks-closures.config.ts
@@ -0,0 +1,48 @@
+import { layerSettings } from '.';
+
+export function ProtectedLandsAccessRestrictionsLayerConfig(res: layerSettings) {
+  return [
+    {
+      "type": "wms",
+      "id": "protected-lands-access-restrictions",
+      "title": "Protected Lands Access Restrictions",
+      "serviceUrl": res.openmapsBaseUrl,
+      "layerName": "pub:WHSE_PARKS.PA_PRTCTD_LND_RSTRCTNS_SV",
+      "styleName": "",
+      "titleAttribute": "PROTECTED_LANDS_NAME",
+      "attributes": [
+        {
+          "name": "PROTECTED_LANDS_NAME",
+          "title": "Protected Lands Name"
+        },
+        {
+          "name": "ACCESS_STATUS",
+          "title": "Access Status"
+        },
+        {
+          "name": "ACCESS_DETAILS",
+          "title": "Access Details"
+        },
+        {
+          "name": "FACILITIES_CAMPFIRES_IND",
+          "title": "Facilities - Campfire Indicator"
+        },
+        {
+          "name": "CAMPFIRE_BAN_IND",
+          "title": "Campfire Ban"
+        },
+        {
+          "title": "Access Effective Date",
+          "value": "<%= this.asDate( 'ACCESS_STATUS_EFFECTIVE_DATE' ) %>"
+        },
+        {
+          "name": "ACCESS_STATUS_RESCINDED_DATE",
+          "title": "Access Rescinded Date"
+        },
+      ],
+      "where": "EVENT_TYPE = 'Wildfire'",
+      "geometryAttribute": "SHAPE",
+      "popupTemplate": "@wf-feature"
+    }
+  ]
+}
diff --git a/client/wfnews-war/src/main/angular/src/app/services/map-config.service/layers/index.ts b/client/wfnews-war/src/main/angular/src/app/services/map-config.service/layers/index.ts
@@ -20,6 +20,7 @@ import { AbmsRegionalDistrictsLayerConfig } from './abms-regional-districts.conf
 import { MapServices, MapServiceStatus } from '..';
 import { ActiveWildfiresHeatmapLayerConfig } from './active-wildfires.heatmap.config';
 import { AppConfigService } from '@wf1/core-ui';
+import { ProtectedLandsAccessRestrictionsLayerConfig } from './bc-parks-closures.config';
 
 export interface layerSettings {
     openmapsBaseUrl: string;
@@ -56,6 +57,7 @@ export function LayerConfig( mapServices: MapServices, serviceStatus: MapService
     ...CLABIndianReservesLayerConfig( ls ),
     ...FntTreatyLandLayerConfig( ls ),
     ...AbmsMunicipalitiesLayerConfig( ls ),
-    ...AbmsRegionalDistrictsLayerConfig( ls )
+    ...AbmsRegionalDistrictsLayerConfig( ls ),
+    ...ProtectedLandsAccessRestrictionsLayerConfig( ls )
 	];
 }