From 5679e2f6091333e64653bf5af8b378a709a56534 Mon Sep 17 00:00:00 2001
From: bon-carpo <jccarpo@up.edu.ph>
Date: Mon, 29 Jan 2024 13:17:22 +0800
Subject: [PATCH] fix expanded feature for exposure assessment

---
 .../map-playground/map-playground.component.ts        |  2 +-
 .../risk-assessment-group.component.html              |  2 +-
 .../risk-assessment-group.component.ts                |  1 +
 .../risk-assessment-modal.component.html              | 11 ++++++-----
 .../noah-playground/store/noah-playground.store.ts    |  2 +-
 5 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/app/features/noah-playground/components/map-playground/map-playground.component.ts b/src/app/features/noah-playground/components/map-playground/map-playground.component.ts
index 35f0ade1..ffe0729c 100644
--- a/src/app/features/noah-playground/components/map-playground/map-playground.component.ts
+++ b/src/app/features/noah-playground/components/map-playground/map-playground.component.ts
@@ -240,7 +240,7 @@ export class MapPlaygroundComponent implements OnInit, OnDestroy {
       .subscribe((center) => {
         this.map.flyTo({
           center,
-          zoom: 13,
+          zoom: 16,
           essential: true,
         });
 
diff --git a/src/app/features/noah-playground/components/risk-assessment-group/risk-assessment-group.component.html b/src/app/features/noah-playground/components/risk-assessment-group/risk-assessment-group.component.html
index 66e0025d..3105c846 100644
--- a/src/app/features/noah-playground/components/risk-assessment-group/risk-assessment-group.component.html
+++ b/src/app/features/noah-playground/components/risk-assessment-group/risk-assessment-group.component.html
@@ -1,5 +1,5 @@
 <div class="p-5 w-full bg-sidebar shadow-md hover:shodow-lg rounded-lg mt-6">
-  <div class="flex cursor-pointer select-none" (click)="toggleExpanded($event)">
+  <div class="flex cursor-pointer select-none">
     <label class="inline-flex items-center checkbox">
       <input
         type="checkbox"
diff --git a/src/app/features/noah-playground/components/risk-assessment-group/risk-assessment-group.component.ts b/src/app/features/noah-playground/components/risk-assessment-group/risk-assessment-group.component.ts
index e6fdeb62..4f91065e 100644
--- a/src/app/features/noah-playground/components/risk-assessment-group/risk-assessment-group.component.ts
+++ b/src/app/features/noah-playground/components/risk-assessment-group/risk-assessment-group.component.ts
@@ -92,6 +92,7 @@ export class RiskAssessmentGroupComponent implements OnInit {
     event.stopImmediatePropagation();
     this.checkedShown = (event.target as HTMLInputElement).checked;
     this.pgService.toggleRiskAssessmentGroupProperty('shown');
+    this.pgService.toggleRiskAssessmentGroupProperty('expanded');
     this.updateButtonEnabled();
 
     if (!this.checkedShown) {
diff --git a/src/app/features/noah-playground/components/risk-assessment-modal/risk-assessment-modal.component.html b/src/app/features/noah-playground/components/risk-assessment-modal/risk-assessment-modal.component.html
index 7b9f2d5b..0ebc1d6e 100644
--- a/src/app/features/noah-playground/components/risk-assessment-modal/risk-assessment-modal.component.html
+++ b/src/app/features/noah-playground/components/risk-assessment-modal/risk-assessment-modal.component.html
@@ -207,7 +207,7 @@
                 <div
                   role="button"
                   (click)="onHeaderColumnClick(col.key)"
-                  class="flex items-center"
+                  class="flex leading-none items-center"
                 >
                   {{ col.header }}
                   <svg
@@ -409,13 +409,14 @@
           </button>
         </div>
       </div>
-      <div class="bg-red-100 p-2 leading-none rounded-lg">
+      <div class="bg-red-100 p-2 rounded-lg">
         <p
           class="
             lg:text-base
             text-sm
             italic
             my-2
+            leading-none
             whitespace-pre-line
             text-ellipsis
           "
@@ -428,11 +429,11 @@
           <span
             role="button"
             *ngIf="btnReadMore"
-            class="display xl:hidden text-blue-500"
+            class="display text-blue-500"
             (click)="mobileDisclaimerSeemore()"
             >Read more...</span
           >
-          <span class="hidden xl:inline">
+          <!-- <span class="hidden xl:inline">
             The UP NOAH Center holds no responsibility or liability for any
             inconsistencies, inaccuracies, or data omissions related to
             predicted or depicted weather forecasts, whether reported, ongoing,
@@ -444,7 +445,7 @@
             improvement or error notifications are welcome. Please follow the
             official sites of the government and use this site only for
             supplementary information.
-          </span>
+          </span> -->
           <span *ngIf="mobileDisclaimer">
             The UP NOAH Center holds no responsibility or liability for any
             inconsistencies, inaccuracies, or data omissions related to
diff --git a/src/app/features/noah-playground/store/noah-playground.store.ts b/src/app/features/noah-playground/store/noah-playground.store.ts
index 18901a78..b3dc51fa 100644
--- a/src/app/features/noah-playground/store/noah-playground.store.ts
+++ b/src/app/features/noah-playground/store/noah-playground.store.ts
@@ -352,7 +352,7 @@ const createInitialValue = (): NoahPlaygroundState => ({
       'storm-surge-advisory-4': {
         opacity: 85,
         color: 'noah-red',
-        shown: false,
+        shown: true,
       },
     },
   },