Skip to content

Commit

Permalink
WFNEWS-2294
Browse files Browse the repository at this point in the history
  • Loading branch information
ssylver93 committed Jul 11, 2024
1 parent 54b7015 commit 5647606
Show file tree
Hide file tree
Showing 29 changed files with 811 additions and 145 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
<h2>Resources Assigned</h2>
</div>
<mat-card-title>
Wildfire Crews
Firefighting Personnel
<button mat-button (click)="updateCrews()" class="resource-button"><img class="icon"
src="/assets/images/svg-icons/fluent_open-24-regular.svg"
alt="sync" />Import data from Resource Manager</button>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -449,7 +449,7 @@
<span *ngIf="identifyItem.layerId === 'drive-bc-active-events'">{{identifyItem.properties.DESCRIPTION}}</span>
<span *ngIf="identifyItem.layerId === 'protected-lands-access-restrictions'">{{identifyItem.properties.ACCESS_DETAILS}}</span>
<span *ngIf="identifyItem.layerId === 'bc-fsr'">{{identifyItem.properties.INFORMATION}}</span>
<span *ngIf="isLocalAuthoritiesLayer(identifyItem.layerId)">The best information sources related to evacuations are your municipality, regional district, Indigenous community or local authority.</span>
<span *ngIf="isLocalAuthoritiesLayer(identifyItem.layerId)">The best information sources related to evacuations are your municipality, regional district, First Nation or local authority.</span>
</div>
</div>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,8 @@ import {
displayItemTitle,
addMarker,
getStageOfControlDescription,
hidePanel
hidePanel,
displayDangerRatingDes
} from '@app/utils';
import * as L from 'leaflet';
import { LocationData } from '../wildfires-list-header/filter-by-location/filter-by-location-dialog.component';
Expand Down Expand Up @@ -82,6 +83,7 @@ export class DraggablePanelComponent implements OnInit, OnChanges, OnDestroy {
displayItemTitle = displayItemTitle;
addMarker = addMarker;
getStageOfControlDescription = getStageOfControlDescription;
displayDangerRatingDes = displayDangerRatingDes;

removeIdentity = false;

Expand Down Expand Up @@ -709,21 +711,6 @@ return 'Unknown';
return prefix + item.properties.EVENT_NAME;
}

displayDangerRatingDes(danger) {
switch (danger) {
case 'Extreme':
return 'Extremely dry forest fuels and the fire risk is very serious. New fires will start easily, spread rapidly, and challenge fire suppression efforts.';
case 'High':
return 'Forest fuels are very dry and the fire risk is serious. Extreme caution must be used in any forest activities.';
case 'Moderate':
return 'Forest fuels are drying and there is an increased risk of surface fires starting. Carry out any forest activities with caution.';
case 'Low':
return 'Fires may start easily and spread quickly but there will be minimal involvement of deeper fuel layers or larger fuels.';
case 'Very Low':
return 'Dry forest fuels are at a very low risk of catching fire.';
}
}

shareableLayers() {
if (
this.showPanel &&
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -32,14 +32,28 @@
alt="icon" src="/assets/images/svg-icons/forward-arrow-grey.svg"></div>
</div>
</div>
<hr>
<div class="info-container">
<div class="full-details-secondary-title">Warning</div>
<p class="info">The Wildfires Act and the Wildfire Regulation grant authority to government officials engaged in fire
control (including firefighters) to order all people to leave active fire areas.</p>
<p class="info">A person must not remain in or enter the restricted area without the prior written authorization of an
official designated for the purposes of the Wildfire Act.</p>
<p class="info">When a Restricted Area Order, or area restriction, is established under section 11(2) of the Wildfire Act, aperson
must not remain in or enter the restricted area
without the prior written authorization of an official designated for the purposes of the Wildfire Act, unless the
person enters the area only in the course of:
<ul>
<li>Travelling to or from his or her residence</li>
<li>Using a highway as defined in the Transportation Act</li>
<li>Travelling through or entering the area as a person
acting in an official capacity that is connected or
involved in incident operations</li>
<li>Travelling through or entering the area for a
purpose approved by an official of supporting
wildfire suppression activities</li>
</ul>
</div>
<div class="links-relative">
<link-button link="https://www.bclaws.gov.bc.ca/civix/document/id/complete/statreg/04031_01#section11"
text="Wildfire Act" iconColor="#909090"></link-button>
</div>
<br>
<hr>
<div class="info-container">
<div class="full-details-secondary-title">Related Topics</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
<div class="info-container">
<div class="full-details-secondary-title">Other Burning Restrictions</div>
<div class="info-container-section-title"><img height="20" width="20" class="icon" src="/assets/images/svg-icons/authorities.svg" alt="Calendar" />Talk to your Local Authority</div>
<p class="info">Local governments may have their own fire bans in place that are enforced in your region. Always check with local government authorities for open burning restrictions.</p>
<p class="info">Please check with local government authorities for any other restrictions or bylaws and assess conditions before lighting any fire.</p>
<div class="info-container-section-title"><img height="20" width="20" class="icon" src="/assets/images/svg-icons/campfire.svg" alt="Calendar" />Campgrounds</div>
<p class="info">Before lighting a campfire it is also important to check the campfire policy for the campground you are staying in. For BC Parks campgrounds, see Active Advisories page or search for the campground you’re interested in.</p>
<button onclick="window.open('https://bcparks.ca/active-advisories/', '_blank')" mat-button class="panel-button">BC Parks Active Advisories</button>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ export class AssociatedWildfireCardComponent {

getDiscoveryDate = () => 'Discovered on ' + convertToDateYear(this.incident?.discoveryDate);

getIncidentName = () => this.incident?.incidentName?.replace('Fire', '').trim() + ' Wildfire';
getIncidentName = () => this.incident?.incidentName;

getFireCenter = () => this.incident?.fireCentreName || 'Unknown';

Expand Down
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
<header-text-card title="Industrial Activities">
Please note that the data within the danger class report is only relevant for the geographic location of the weather station. Persons carrying out industrial activities who want to apply the danger class information from this website must determine that the weather station location is representative of their operational area.
<p>The fire danger rating map is intended for general public information only. For regulated forest operations, the danger class value must be derived from weather data representative of the site on which operations are being conducted.</p>
<p>Where discrepancies exist between the colour display on the weather maps and the numerical values posted for the weather stations, the posted numerical values shall take precedence for the purpose of implementing the Wildfire Regulation.</p>
</header-text-card>
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<div class="content-title"><img class="icon" src="/assets/images/svg-icons/authorities.svg" alt="authorities">
Talk to your Local Authority</div>
<div class="content-list">
<span class="content-text">Local governments may have their own fire bans in place that are enforced in your region. Always check with local government authorities for open burning restrictions.</span>
<span class="content-text">Please check with local government authorities for any other restrictions or bylaws and assess conditions before lighting any fire.</span>
</div>
</div>

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
wildfire suppression activities</li>
</ul>
<div class="buttons">
<link-button link=" https://www.bclaws.gov.bc.ca/civix/document/id/complete/statreg/04031_01#section11"
<link-button link="https://www.bclaws.gov.bc.ca/civix/document/id/complete/statreg/04031_01#section11"
text="Wildfire Act" iconColor="#909090"></link-button>
</div>
</header-text-card>
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,8 @@
<hr>
<div class="info-container">
<div class="full-details-secondary-title">Industrial Activities</div>
<p class="info">Please note that the data within the danger class report is only relevant for the geographic location of the weather station. Persons carrying out industrial activities who want to apply the danger class information from this website must determine that the weather station location is representative of their operational area.</p>
<p class="info">The fire danger rating map is intended for general public information only. For regulated forest operations, the danger class value must be derived from weather data representative of the site on which operations are being conducted.</p>
<p class="info">Where discrepancies exist between the colour display on the weather maps and the numerical values posted for the weather stations, the posted numerical values shall take precedence for the purpose of implementing the Wildfire Regulation.</p>
</div>
<hr>
<div class="info-container">
Expand All @@ -30,10 +31,16 @@
</div>
<div class="links">
<div class="links-relative">
<p>Fire Danger Rating<img (click)="navToDangerSummary()" height="20" width="20" class="link-icon" src="/assets/images/svg-icons/launch.svg" alt="Launch" /></p>
<p>Fire Danger Rating<img (click)="navToDangerSummary()" class="link-icon" src="/assets/images/svg-icons/launch.svg" alt="Launch" /></p>
</div>
<div class="links-relative">
<p>Current Bans and Restrictions<img (click)="navToCurrentRestrictions()" height="20" width="20" class="link-icon" src="/assets/images/svg-icons/launch.svg" alt="Launch" /></p>
<p>Current Bans and Restrictions<img (click)="navToCurrentRestrictions()" class="link-icon" src="/assets/images/svg-icons/launch.svg" alt="Launch" /></p>
</div>
<div class="links-relative">
<p>Fire Danger Class<img (click)="navToDangerClass()" class="link-icon" src="/assets/images/svg-icons/launch.svg" alt="Launch" /></p>
</div>
<div class="links-relative">
<p>High Risk Activities<img (click)="navToHighRiskActivities()" class="link-icon" src="/assets/images/svg-icons/launch.svg" alt="Launch" /></p>
</div>
</div>
<div class="spacer"></div>
Original file line number Diff line number Diff line change
@@ -1 +1,12 @@
@import "../full-details.component.scss";

.link-icon {
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
cursor: pointer;
height: 20px;
width: 20px;
}
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import { LocationData } from '@app/components/wildfires-list-header/filter-by-lo
import { PublishedIncidentService } from '@app/services/published-incident-service';
import { AppConfigService } from '@wf1/core-ui';
import * as L from 'leaflet';
import { ResourcesRoutes, setDisplayColor } from '@app/utils';
import { ResourcesRoutes, setDisplayColor, displayDangerRatingDes } from '@app/utils';
import { AGOLService } from '@app/services/AGOL-service';
import { CommonUtilityService } from '@app/services/common-utility.service';

Expand All @@ -20,6 +20,8 @@ export class DangerRatingFullDetailsComponent implements OnInit {

public map: any;

displayDangerRatingDes = displayDangerRatingDes;

constructor(
private cdr: ChangeDetectorRef,
private appConfigService: AppConfigService,
Expand All @@ -34,19 +36,8 @@ export class DangerRatingFullDetailsComponent implements OnInit {
}

dangerDescription() {
switch (this.rating) {
case 'Very Low':
return 'Dry forest fuels are at a very low risk of catching fire.';
case 'Low':
return 'Fires may start easily and spread quickly but there will be minimal involvement of deeper fuel layers or larger fuels.';
case 'Moderate':
return 'Forest fuels are drying and there is an increased risk of surface fires starting. Carry out any forest activities with caution.';
case 'High':
return 'Forest fuels are very dry and the fire risk is serious. Extreme caution must be used in any forest activities.';
case 'Extreme':
return 'Extremely dry forest fuels and the fire risk is very serious. New fires will start easily, spread rapidly, and challenge fire suppression efforts.';
}
}
return displayDangerRatingDes(this.rating);
}

async initMap() {
// Create map and append data to the map component
Expand Down Expand Up @@ -176,4 +167,22 @@ export class DangerRatingFullDetailsComponent implements OnInit {
'_blank',
);
}

navToDangerClass() {
window.open(
this.appConfigService.getConfig().externalAppConfig[
'dangerSummary'
] as unknown as string,
'_blank',
);
}

navToHighRiskActivities() {
window.open(
this.appConfigService.getConfig().externalAppConfig[
'highRiskActivities'
] as unknown as string,
'_blank',
);
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
Extreme Fire Danger
</mat-panel-title>
</mat-expansion-panel-header>
<p class="legend-accordion-content">Extremely high risk of fire starting. Forest fuels are extremely dry and the fire risk is very serious. Fires can start easily, spread rapidly, and challenge fire suppression efforts. Forest activities may be restricted.</p>
<p class="legend-accordion-content">Extremely dry forest fuels and the fire risk is very serious. New fires will start easily, spread rapidly, and challenge fire suppression efforts. General forest activities may be restricted, including open burning, industrial activities and campfires.</p>
</mat-expansion-panel>
<mat-expansion-panel class="legend-accordion">
<mat-expansion-panel-header>
Expand All @@ -17,7 +17,7 @@
High Fire Danger
</mat-panel-title>
</mat-expansion-panel-header>
<p class="legend-accordion-content">Serious risk of fire starting. Forest fuels are very dry and extreme caution must be used.</p>
<p class="legend-accordion-content">Forest fuels are very dry and the fire risk is serious. New fires may start easily, burn vigorously, and challenge fire suppression efforts. Extreme caution must be used in any forest activities. Open burning and industrial activities may be restricted.</p>
</mat-expansion-panel>
<mat-expansion-panel class="legend-accordion">
<mat-expansion-panel-header>
Expand All @@ -26,7 +26,7 @@
Moderate Fire Danger
</mat-panel-title>
</mat-expansion-panel-header>
<p class="legend-accordion-content">Moderate risk of fire starting. Forest fuels are dry and caution should be exercised in forested areas.</p>
<p class="legend-accordion-content">Forest fuels are drying and there is an increased risk of surface fires starting. Carry out any forest activities with caution.</p>
</mat-expansion-panel>
<mat-expansion-panel class="legend-accordion">
<mat-expansion-panel-header>
Expand All @@ -35,7 +35,7 @@
Low Fire Danger
</mat-panel-title>
</mat-expansion-panel-header>
<p class="legend-accordion-content">Low risk of fire starting. Fires are unlikely to involve deeper fuel layers or larger fuels. Fire is still possible, so be prepared for conditions to change.</p>
<p class="legend-accordion-content">Fires may start easily and spread quickly but there will be minimal involvement of deeper fuel layers or larger fuels.</p>
</mat-expansion-panel>
<mat-expansion-panel class="legend-accordion">
<mat-expansion-panel-header>
Expand All @@ -44,7 +44,7 @@
Very Low Fire Danger
</mat-panel-title>
</mat-expansion-panel-header>
<p class="legend-accordion-content">Very low risk of fire starting.</p>
<p class="legend-accordion-content">The amount of dry forest fuels are limited and are at a low risk of catching fire.</p>
</mat-expansion-panel>
</mat-accordion>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import { MapUtilityService } from '@app/components/preview-panels/map-share-serv
import { AGOLService } from '@app/services/AGOL-service';
import { CapacitorService } from '@app/services/capacitor-service';
import { CommonUtilityService } from '@app/services/common-utility.service';
import { ResourcesRoutes, formatDate, getActiveMap, hidePanel, showPanel } from '@app/utils';
import { ResourcesRoutes, formatDate, hidePanel, showPanel, displayDangerRatingDes } from '@app/utils';

@Component({
selector: 'wfnews-danger-rating-preview',
Expand All @@ -15,6 +15,7 @@ export class DangerRatingPreviewComponent {

public data;
formatDate = formatDate;
displayDangerRatingDes = displayDangerRatingDes;

constructor(
private router: Router,
Expand Down Expand Up @@ -52,7 +53,6 @@ export class DangerRatingPreviewComponent {
}

zoomIn(level?: number, polygon?: boolean) {
const viewer = getActiveMap().$viewer;
this.agolService
.getDangerRatings(
`PROT_DR_SYSID ='${this.data.PROT_DR_SYSID}'`,
Expand All @@ -73,21 +73,4 @@ export class DangerRatingPreviewComponent {
});
}


displayDangerRatingDes(danger) {
switch (danger) {
case 'Extreme':
// eslint-disable-next-line max-len
return 'Extremely high risk of fire starting. Forest fuels are extremely dry and the fire risk is very serious. Fires can start easily, spread rapidly, and challenge fire suppression efforts. Forest activities may be restricted.';
case 'High':
return 'Serious risk of fire starting. Forest fuels are very dry and extreme caution must be used.';
case 'Moderate':
return 'Moderate risk of fire starting. Forest fuels are dry and caution should be exercised in forested areas.';
case 'Low':
// eslint-disable-next-line max-len
return 'Low risk of fire starting. Fires are unlikely to involve deeper fuel layers or larger fuels. Fire is still possible, so be prepared for conditions to change.';
case 'Very Low':
return 'Very low risk of fire starting.';
}
}
}
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
</div>
<div class="description-section">
<div class="identify-card-description">
<span>The best information sources related to evacuations are your municipality, regional district, Indigenous community or local authority.</span>
<span>The best information sources related to evacuations are your municipality, regional district, First Nation or local authority.</span>
</div>
</div>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -17,16 +17,6 @@
<img alt="icon" class="incident-icon" src="/assets/images/svg-icons/calendar.svg">
<span>Effective on {{formatDate(data.ACCESS_STATUS_EFFECTIVE_DATE)}}</span>
</div>
<div class="identify-card-item">
<img
alt="icon"
class="incident-icon"
[src]="data.CAMPFIRE_BAN_IND === 'N' ? '/assets/images/svg-icons/ban.svg' : '/assets/images/svg-icons/campfire-allowed.svg'"
>
<span>
{{ data.CAMPFIRE_BAN_IND === 'N' ? 'Campfire Ban' : 'Campfire Allowed' }}
</span>
</div>
<div class="identify-card-item">
<span>{{data.ACCESS_DETAILS ? data.ACCESS_DETAILS : 'This park is currently closed due to wildfire.'}}</span>
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -17,5 +17,13 @@ export class FireDangerDetailsComponent {
text: 'Current Fire Bans and Restrictions',
url: 'https://www2.gov.bc.ca/gov/content/safety/wildfire-status/prevention/fire-bans-and-restrictions'
},
{
text: 'Fire Danger Class',
url: 'https://wfapps.nrs.gov.bc.ca/pub/wfwx-danger-summary-war/dangerSummary'
},
{
text: 'High Risk Activities',
url: 'https://www2.gov.bc.ca/gov/content/safety/wildfire-status/prevention/for-industry-commercial-operators/high-risk-activities'
},
];
}
Loading

0 comments on commit 5647606

Please sign in to comment.