BRS-468: Mount Seymour Facility Specific Confirmation (#486)

* Facility specific messaging for Mount Seymour

* Removing trivy on PR

.github/workflows/analysis.yaml

@@ -1,12 +1,12 @@
 name: Analysis
 
 on:
-  push:
-    branches: [main]
-  pull_request:
-    types: [opened, reopened, synchronize, ready_for_review, converted_to_draft]
-  schedule:
-    - cron: "0 11 * * 0" # 3 AM PST = 12 PM UDT, runs sundays
+  #push:
+  #  branches: [main]
+  #pull_request:
+  #  types: [opened, reopened, synchronize, ready_for_review, converted_to_draft]
+  #schedule:
+  #  - cron: "0 11 * * 0" # 3 AM PST = 12 PM UDT, runs sundays
   workflow_dispatch:
 
 concurrency:

src/app/registration/registration.module.ts

@@ -17,6 +17,7 @@ import { NgxIntlTelInputModule } from '@moddi3/ngx-intl-tel-input';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { NgxTurnstileModule } from "ngx-turnstile";
 import { TimerComponent } from './timer/timer.component';
+import { MountSeymourComponent } from './success/facilityConfirmation/mountSeymour/mountSeymour.component';
 import { JoffreLakesComponent } from './success/facilityConfirmation/joffreLakes/joffreLakes.component';
 import { GaribaldiConfirmationComponent } from './success/facilityConfirmation/garibaldi/garibaldiConfirmation.component';
 import { RubbleCreekConfirmationComponent } from './success/facilityConfirmation/garibaldi/rubbleCreek/rubbleCreekConfirmation.component';
@@ -39,6 +40,7 @@ import { DiamondHeadConfirmationComponent } from './success/facilityConfirmation
     RubbleCreekConfirmationComponent,
     CheakamusConfirmationComponent,
     DiamondHeadConfirmationComponent,
+    MountSeymourComponent,
   ],
   imports: [
     CommonModule,

src/app/registration/success/facilityConfirmation/mountSeymour/mountSeymour.component.html

@@ -0,0 +1,119 @@
+<!-- Mount Seymour only -->
+  <!-- Safety information -->
+  <div class="mb-5">
+    <h5 class="mb-4">Safety</h5>
+    <div class="container">
+    <div class="row mb-3 align-content-center">
+      <div class="col-auto me-1">
+        <i class="text-primary fa-classic fa-regular fa-list-check fa-xl"></i>
+      </div>
+      <div class="col">
+        Be prepared. Get to know the <a
+          href="https://www.adventuresmart.ca/the-three-ts/"
+          target="_blank"
+          rel="noopener noreferrer"
+        >AdventureSmart's 3Ts</a>.
+      </div>
+    </div>
+    <div class="row mb-3 align-content-center">
+      <div class="col-auto me-1">
+        <i class="text-primary fa-classic fa-regular fa-triangle-exclamation fa-xl"></i>
+      </div>
+      <div class="col">
+        Check the <a
+          [attr.href]="parkLink"
+          target="_blank"
+          rel="noopener noreferrer"
+        >park page</a> for advisories.
+      </div>
+    </div>
+    <div class="row mb-3 align-content-center">
+        <div class="col-auto me-1">
+          <i class="text-primary fa-classic fa-regular fa-hill-avalanche fa-xl"></i>
+        </div>
+        <div class="col">
+          Check for risk of  <a
+            [attr.href]="avalancheLink"
+            target="_blank"
+            rel="noopener noreferrer"
+          >avalanches</a>.
+        </div>
+    </div>
+    <div class="row mb-3 align-content-center">
+        <div class="col-auto me-1">
+          <i class="text-primary fa-classic fa-regular fa-snowflake fa-xl"></i>
+        </div>
+        <div class="col">
+          All vehicles must be equipped with winter tires. 
+        </div>
+    </div>
+  </div>
+  </div>
+
+  <!-- Vistor guidelines -->
+  <div class="mb-5">
+    <h5 class="mb-4">Visitor guidelines</h5>
+    <div class="container">
+    <div class="row mb-3 align-content-center">
+      <div class="col-auto me-1">
+        <i class="text-primary fa-classic fa-regular fa-car fa-xl"></i>
+      </div>
+      <div class="col">
+        The park access road is open from 7 am to 10 pm daily. Extreme weather can affect road access. Check <a
+        href="https://myseymour.ca/the-mountain/todays-conditions-hours"
+        target="_blank"
+        rel="noopener noreferrer"
+        >today's conditions at Mt Seymour</a>.
+      </div>
+    </div>
+
+    <div class="row mb-3 align-content-center">
+        <div class="col-auto me-1">
+          <i class="text-primary fa-classic fa-regular fa-square-parking fa-xl"></i>
+        </div>
+        <div class="col">
+          Day-use pass holders may park in lot P1 or Lower P5 (<a
+          href="https://nrs.objectstore.gov.bc.ca/kuwyyf/mount_seymour_parking_map_62573de964.pdf"
+          target="_blank"
+          rel="noopener noreferrer"
+          >see parking map</a>.
+        </div>
+    </div>
+
+    <div class="row mb-3 align-content-center">
+      <div class="col-auto me-1">
+        <i class="text-primary fa-classic fa-regular fa-bird fa-xl"></i>
+      </div>
+      <div class="col">
+        <a
+          href="https://bcparks.ca/plan-your-trip/visit-responsibly/wildlife-safety/"
+          target="_blank"
+          rel="noopener noreferrer"
+        >Respect wildlife</a>. Keep your distance and don’t feed wildlife, including birds!
+      </div>
+    </div>
+
+    <div class="row mb-3 align-content-center">
+      <div class="col-auto me-1">
+        <i class="text-primary fa-classic fa-regular fa-trash-can fa-xl"></i>
+      </div>
+      <div class="col">
+        There are no garbage cans along the trail. Understand your responsibility to <a
+          href="https://www.youtube.com/watch?v=Qm3U9eKha74&ab_channel=CallingMountainsProductions"
+          target="_blank"
+          rel="noopener noreferrer"
+        >#LeaveNoTrace</a> by packing out anything you pack in.
+      </div>
+    </div>
+
+
+    <div class="row mb-3 align-content-center">
+      <div class="col-auto me-1">
+        <i class="text-primary fa-classic fa-regular fa-dog-leashed fa-xl"></i>
+      </div>
+      <div class="col">
+        Pets are permitted in, but please leash and clean up after your dog.
+        </div>
+      </div>
+    </div>
+

src/app/registration/success/facilityConfirmation/mountSeymour/mountSeymour.component.ts

@@ -0,0 +1,39 @@
+import { Component, Input } from '@angular/core';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-mountSeymour',
+  templateUrl: './mountSeymour.component.html',
+  styleUrls: ['./mountSeymour.component.scss']
+})
+export class MountSeymourComponent {
+
+    @Input() regData: any;
+    public isMountSeymour = true;
+    public parkLink = 'https://bcparks.ca/mount-seymour-park/#advisories'
+    public avalancheLink = 'https://avalanche.ca/map/forecasts/9115d426-7872-4b62-bdd8-234a94ae0ab9_fc022cc076b5327b78b2e1d6fbfd8d1d49dec6a1260f070359a9704acaa9fdaa?panel=null'
+
+    constructor(private router: Router) { }
+
+    print(): void {
+        const qrContent = document.getElementById('qr-code');
+        const printContent = document.getElementById('registration');
+        const WindowPrt = window.open('', '', 'left=0,top=0,width=900,height=900,toolbar=0,scrollbars=0,status=0');
+        WindowPrt.document.write('<h4> BC Parks Day Pass Reservation System </h4>');
+        if (qrContent) {
+          WindowPrt.document.write(qrContent.innerHTML);
+        }
+        WindowPrt.document.write(printContent.innerHTML);
+        WindowPrt.document.close();
+
+        WindowPrt.onload = () => {
+          WindowPrt.focus();
+          WindowPrt.print();
+        }
+      }
+
+      navigate(): void {
+        this.router.navigate(['']);
+      }
+
+  }

src/app/registration/success/success.component.html

@@ -2,7 +2,7 @@
   <h1>Success! Your reservation is complete.</h1>
 </div>
 <!-- If Joffre Lake -->
- <div *ngIf="isJoffreLakes || isGaribaldi">
+ <div *ngIf="isJoffreLakes || isGaribaldi || isMountSeymour">
 
   <div class="container-md my-4 my-lg-5">
     <div class="row">
@@ -86,6 +86,7 @@ <h1>Success! Your reservation is complete.</h1>
       <div class="col-mg-12 col-lg-6 right-col">
       <app-joffreLakes *ngIf="isJoffreLakes" [regData]="regData"></app-joffreLakes>
       <app-garibaldiConfirmation *ngIf="isGaribaldi" [regData]="regData"></app-garibaldiConfirmation>
+      <app-mountSeymour *ngIf="isMountSeymour" [regData]="regData"></app-mountSeymour>
 
       <!-- After lists for -->
 
@@ -127,7 +128,7 @@ <h5 class="mb-3">Next steps</h5>
 <!---->
 <!-- Everything else -->
 <div
-  *ngIf="!isJoffreLakes && !isGaribaldi"
+  *ngIf="!isJoffreLakes && !isGaribaldi && !isMountSeymour"
   class="container-md my-4 my-lg-5"
 >
   <div class="row">

src/app/registration/success/success.component.ts

@@ -14,18 +14,26 @@ export class SuccessComponent implements OnInit {
   public parkLink = 'https://bcparks.ca/joffre-lakes-park/'
   public isJoffreLakes = false;
   public isGaribaldi = false;
+  public isMountSeymour
 
   constructor(private router: Router) { }
 
   ngOnInit(): void {
     if (this.regData) {
       this.regData['park'] = this.park || null;
     }
-    if (this.park && this.park.orcs === '0363') {
-      // Change success layout for Joffre lakes
-      this.isJoffreLakes = true;
-    } else if (this.park && this.park.orcs === '0007'){
-      this.isGaribaldi = true;
+    switch (this.park?.orcs) {
+      case '0363':
+        this.isJoffreLakes = true;
+        break;
+      case '0007':
+        this.isGaribaldi = true;
+        break;
+      case '0015':
+        this.isMountSeymour = true;
+        break;
+      default:
+        break;
     }
   }