Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(4as): display population affected in map and list of affected population in modal #346

Merged
merged 10 commits into from
Sep 13, 2023

Conversation

bon-carpo
Copy link
Collaborator

@bon-carpo bon-carpo commented Sep 13, 2023

Description

from feat/4as-base

  • Cannot click button Calculate Risk if either Rain Forecast or Population is not selected
  • Hide Button to hide modal
  • Display affected population in the map kapag niclick ang Calculate Risk
  • Show/Hide modal
  • Hide Risk Modal if Risk Assessment is uncheck, and same state nakaopen modal kapag nicheck ulit si Risk Assessment checkbox

new from feat/4as-search-sort

TO DOS

  • Title Freeze Header
  • hide and show affected data
  • Opacity for Rain Forecast - not prio
  • Population Affected display (color pink)
  • Rain Forecast data - mapbox same in hazard
  • List of Barangay affected population
  • Mobile View for modal
  • Mobile View for Table, Title, Data Summary
  • Mobile View for Minimize button in screen
  • Hover button of Minimize
  • Use new api from backend to test data
  • Loading gif
  • Add “%” in column for Percentage Affected
  • Add “.” decimal and “,” comma in column for Total Population, Total Affected Population, Affected to Med-Hign column in modal display
  • Update Legend image for Rain Forecast change color and put 24hours text same in contour
  • Display Rain Forecast from mapbox
  • Add disclaimer riverbasin

@bon-carpo bon-carpo added enhancement New feature or request 4as 4As related labels Sep 13, 2023
@bon-carpo bon-carpo requested a review from dichapabe September 13, 2023 07:58
@bon-carpo bon-carpo merged commit 6b7d83e into feat/4as-base-component Sep 13, 2023
bon-carpo added a commit that referenced this pull request Jan 31, 2024
…#341)

* update noah-playground-store to contain risk assessment state

* add risk assessment group component

* delete laguna solo component

* update service to accommodate risk assessment setters and getters

* add risk assessment solo component

* display risk assessment in studio

* add risk assessment modal component

* add content for risk assessment modal

* expand risk assessment component

* add service for risk assessment and rename modal service

* feat(4as-modal): popup modal when calculate risk button is clicked (#340)

* feat(4as): add data in modal risk assessment (#342)

* add risk assessment service

* display data in risk modal

* change table layout

* add x button to close modal

* update modal service

* feat(4as): display population affected in map and list of affected population in modal (#346)

* Cannot click button calculate risk if either rain or population is not selected

* button for hide modal

* hide modal and show the risk assessment button

* modal close button also remove risk assessment button hide button to show risk assessment button

* hide button risk assessment when uncheck the risk assessment sidebar

* added data for affected population

* add search for affected population

* add sort in risk assessment

* data summary modal ui

---------

Co-authored-by: kennethliporada <62271587+kennethliporada@users.noreply.github.com>

* change to list of province

* feat(4as): 4as modal, affected population display, legend and pagination (#347)

* putting comma for 4as data summaryt

* hide/show affected population and hide data summary button

* close modal and hide affected population as well

* added svg to close and minimize button

* adjust font text for modal header

* table header display when scrolling down

* example data for the 4as modal table

* affected population data with psgc

* added legend for rainforcast and exposure

* remove console log

* edited legend for rain forecast and exposure population

* exposure population legend

* added a value for affected population VAR 1

* displaying data from ngrok and pagination

* display number data in pagination

* all search for the data

* toggle legend for exposure population

* changing legend Risk to Population

* added rainforcast with function in checkbox toggle

* rain forecast legend text bigger

* population exposure legend title edited

* pagination for modal data summary 4as

* changing url for rain forecast

* Calculate risk font size bigger

* no data available in table font bigger

* for presentation: disclaimer not for prod, problem: mobile view UI

* no available affected data when there is no affected

* fix pagination button and size of the table

* inserted beta to the risk assessment sidebar

* remove Data summary button and replace it to the map component

* replace 4as data summary button to the map component

* remain checked when sidebar is toggle

* created a function to stay checked the checkbox population

* added a boolean shown to population checkbox

* fix bug about the checkbox population

* added a function for the calculate risk button

* fix bug for the checkboxes

* opacity for the rainforecast

* added a opacity to the population affected

* remove the word available and border on summary

* remove the word available and border on summary (#349)

* changing color blink on beta

* changed based url

* adjust text in ra summary dashboard

* fix(4as): Change UI/UX of 4As feature and summary dashboard (#350)

* sir mahar changes

* checkbox Rain = true to perform the enabled and disabled button

* change opacity

* disclaimer in the bottom

* fix expanded feature for exposure assessment

* exposure assessment sidebar expand and check at the same time (#351)

---------

Co-authored-by: Ken <62271587+kennethliporada@users.noreply.github.com>
bon-carpo added a commit that referenced this pull request Feb 1, 2024
…dio (#337)

* remove 24hour lapse contour

* feat(4as): create base component for risk/exposure assessment feature (#341)

* update noah-playground-store to contain risk assessment state

* add risk assessment group component

* delete laguna solo component

* update service to accommodate risk assessment setters and getters

* add risk assessment solo component

* display risk assessment in studio

* add risk assessment modal component

* add content for risk assessment modal

* expand risk assessment component

* add service for risk assessment and rename modal service

* feat(4as-modal): popup modal when calculate risk button is clicked (#340)

* feat(4as): add data in modal risk assessment (#342)

* add risk assessment service

* display data in risk modal

* change table layout

* add x button to close modal

* update modal service

* feat(4as): display population affected in map and list of affected population in modal (#346)

* Cannot click button calculate risk if either rain or population is not selected

* button for hide modal

* hide modal and show the risk assessment button

* modal close button also remove risk assessment button hide button to show risk assessment button

* hide button risk assessment when uncheck the risk assessment sidebar

* added data for affected population

* add search for affected population

* add sort in risk assessment

* data summary modal ui

---------

Co-authored-by: kennethliporada <62271587+kennethliporada@users.noreply.github.com>

* change to list of province

* feat(4as): 4as modal, affected population display, legend and pagination (#347)

* putting comma for 4as data summaryt

* hide/show affected population and hide data summary button

* close modal and hide affected population as well

* added svg to close and minimize button

* adjust font text for modal header

* table header display when scrolling down

* example data for the 4as modal table

* affected population data with psgc

* added legend for rainforcast and exposure

* remove console log

* edited legend for rain forecast and exposure population

* exposure population legend

* added a value for affected population VAR 1

* displaying data from ngrok and pagination

* display number data in pagination

* all search for the data

* toggle legend for exposure population

* changing legend Risk to Population

* added rainforcast with function in checkbox toggle

* rain forecast legend text bigger

* population exposure legend title edited

* pagination for modal data summary 4as

* changing url for rain forecast

* Calculate risk font size bigger

* no data available in table font bigger

* for presentation: disclaimer not for prod, problem: mobile view UI

* no available affected data when there is no affected

* fix pagination button and size of the table

* inserted beta to the risk assessment sidebar

* remove Data summary button and replace it to the map component

* replace 4as data summary button to the map component

* remain checked when sidebar is toggle

* created a function to stay checked the checkbox population

* added a boolean shown to population checkbox

* fix bug about the checkbox population

* added a function for the calculate risk button

* fix bug for the checkboxes

* opacity for the rainforecast

* added a opacity to the population affected

* remove the word available and border on summary

* remove the word available and border on summary (#349)

* changing color blink on beta

* changed based url

* adjust text in ra summary dashboard

* fix(4as): Change UI/UX of 4As feature and summary dashboard (#350)

* sir mahar changes

* checkbox Rain = true to perform the enabled and disabled button

* change opacity

* disclaimer in the bottom

* fix expanded feature for exposure assessment

* exposure assessment sidebar expand and check at the same time (#351)

---------

Co-authored-by: Ken <62271587+kennethliporada@users.noreply.github.com>

* feat(4as): disclaimer IoT and 4as responsive, also the bug when search (#352)

* IoT logo in disclaimer resize in mobile view

* disclaimer for 4as

* bug when search location and then no data appear

* fixed bug when search not in the list and became no data

* fix(4as): change legend for rain forecast and population and adjust whitespace in mobile view (#353)

* legend for rain and population

* adjust white space in menu bottom mobile view

* Update CHANGELOG.md

* Update CHANGELOG.md

* Update CHANGELOG.md

---------

Co-authored-by: Ken <62271587+kennethliporada@users.noreply.github.com>
bon-carpo added a commit that referenced this pull request Feb 8, 2024
… UI (#354)

* remove 24hour lapse contour

* feat(4as): create base component for risk/exposure assessment feature (#341)

* update noah-playground-store to contain risk assessment state

* add risk assessment group component

* delete laguna solo component

* update service to accommodate risk assessment setters and getters

* add risk assessment solo component

* display risk assessment in studio

* add risk assessment modal component

* add content for risk assessment modal

* expand risk assessment component

* add service for risk assessment and rename modal service

* feat(4as-modal): popup modal when calculate risk button is clicked (#340)

* feat(4as): add data in modal risk assessment (#342)

* add risk assessment service

* display data in risk modal

* change table layout

* add x button to close modal

* update modal service

* feat(4as): display population affected in map and list of affected population in modal (#346)

* Cannot click button calculate risk if either rain or population is not selected

* button for hide modal

* hide modal and show the risk assessment button

* modal close button also remove risk assessment button hide button to show risk assessment button

* hide button risk assessment when uncheck the risk assessment sidebar

* added data for affected population

* add search for affected population

* add sort in risk assessment

* data summary modal ui

---------

Co-authored-by: kennethliporada <62271587+kennethliporada@users.noreply.github.com>

* change to list of province

* feat(4as): 4as modal, affected population display, legend and pagination (#347)

* putting comma for 4as data summaryt

* hide/show affected population and hide data summary button

* close modal and hide affected population as well

* added svg to close and minimize button

* adjust font text for modal header

* table header display when scrolling down

* example data for the 4as modal table

* affected population data with psgc

* added legend for rainforcast and exposure

* remove console log

* edited legend for rain forecast and exposure population

* exposure population legend

* added a value for affected population VAR 1

* displaying data from ngrok and pagination

* display number data in pagination

* all search for the data

* toggle legend for exposure population

* changing legend Risk to Population

* added rainforcast with function in checkbox toggle

* rain forecast legend text bigger

* population exposure legend title edited

* pagination for modal data summary 4as

* changing url for rain forecast

* Calculate risk font size bigger

* no data available in table font bigger

* for presentation: disclaimer not for prod, problem: mobile view UI

* no available affected data when there is no affected

* fix pagination button and size of the table

* inserted beta to the risk assessment sidebar

* remove Data summary button and replace it to the map component

* replace 4as data summary button to the map component

* remain checked when sidebar is toggle

* created a function to stay checked the checkbox population

* added a boolean shown to population checkbox

* fix bug about the checkbox population

* added a function for the calculate risk button

* fix bug for the checkboxes

* opacity for the rainforecast

* added a opacity to the population affected

* remove the word available and border on summary

* remove the word available and border on summary (#349)

* changing color blink on beta

* changed based url

* adjust text in ra summary dashboard

* fix(4as): Change UI/UX of 4As feature and summary dashboard (#350)

* sir mahar changes

* checkbox Rain = true to perform the enabled and disabled button

* change opacity

* disclaimer in the bottom

* fix expanded feature for exposure assessment

* exposure assessment sidebar expand and check at the same time (#351)

---------

Co-authored-by: Ken <62271587+kennethliporada@users.noreply.github.com>

* feat(4as): disclaimer IoT and 4as responsive, also the bug when search (#352)

* IoT logo in disclaimer resize in mobile view

* disclaimer for 4as

* bug when search location and then no data appear

* fixed bug when search not in the list and became no data

* fix(4as): change legend for rain forecast and population and adjust whitespace in mobile view (#353)

* legend for rain and population

* adjust white space in menu bottom mobile view

* Update CHANGELOG.md

* Update CHANGELOG.md

* Update CHANGELOG.md

* align logos and paraphrase the text content and insert disclaimer

* added a date text in 4as summary modal

* when no search display search and when no data display no forecast

* download archive data

* edited logos

* edited some dropdown and services

* fix alert text

* clean code for noah playground

* deleted some text issue

* edit class text

---------

Co-authored-by: bon-carpo <jccarpo@up.edu.ph>
Co-authored-by: bon-carpo <76890692+bon-carpo@users.noreply.github.com>
Co-authored-by: upri <upri@Bon-MacBook-Pro.local>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
4as 4As related enhancement New feature or request
Projects
Development

Successfully merging this pull request may close these issues.

2 participants