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

kennethliporada · 2023-09-18T09:31:59Z

Description

Title Freeze Header
hide and show affected data
Population Affected display (color pink)
Use new api from backend to test data
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

kennethliporada · 2023-09-21T05:50:35Z

Description

display affected data population with match the Bgy_Code to the affected_psgc

Screenshot

kennethliporada · 2023-09-27T03:44:27Z

Description

edited a legend for rain forecast
added a "Low" for legend Exposure Population
Added a value VAR 1 for map display Affected Population

Screenshot

kennethliporada · 2023-09-27T05:17:08Z

Description

added a pagination for the table
displaying barangay data from ngrok
20 brgy per page

Screenshot

kennethliporada · 2023-09-28T06:47:35Z

Description

added number of data in pagination

Screenshot

kennethliporada · 2023-10-12T14:10:41Z

Description

added a search not only for barangay but also the muni, prov and etc...
added a notification just in case no data or API problem

Screenshot

kennethliporada · 2023-10-26T06:04:34Z

Description

Font sizes calculate risk and "No data Available" bigger

kennethliporada · 2023-11-10T05:17:01Z

Description

fix pagination for modal 4as summary
added a disclaimer

Screenshots

kennethliporada · 2023-11-22T04:10:38Z

Description

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

Screenshot

kennethliporada · 2023-11-28T02:29:10Z

Description

fix bug button for calculate risk when toggle sidebar

Loom

https://www.loom.com/share/3ace289530224f32862945cf36cb706f?sid=8f02e586-c96d-4ad7-9816-216d56aa51c7

kennethliporada · 2023-11-29T07:51:42Z

Description

added a opacity to the rain forecast and to the population affected

Loom

https://www.loom.com/share/6df109b1f55a4ace8794a35d2bc7e784?sid=bcd703a7-ee6b-4e70-b532-d45f95fe98fb

…#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>

…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>

… 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>

kennethliporada added 7 commits September 14, 2023 09:52

putting comma for 4as data summaryt

9f7ece8

hide/show affected population and hide data summary button

e920c87

close modal and hide affected population as well

584b128

added svg to close and minimize button

e08fc35

adjust font text for modal header

7894e1a

table header display when scrolling down

18567c8

example data for the 4as modal table

7af76e2

kennethliporada added the 4as 4As related label Sep 18, 2023

kennethliporada requested review from dichapabe and bon-carpo September 18, 2023 09:32

kennethliporada self-assigned this Sep 18, 2023

affected population data with psgc

e3a19b4

kennethliporada added 2 commits September 21, 2023 18:51

added legend for rainforcast and exposure

e69324a

remove console log

173b869

kennethliporada changed the title ~~WIP(4as): 4as modal and affected data display~~ Feat(4as): 4as modal and affected data display Sep 26, 2023

kennethliporada added 3 commits September 26, 2023 11:37

edited legend for rain forecast and exposure population

021d1b1

exposure population legend

4975e40

added a value for affected population VAR 1

cf9ed05

displaying data from ngrok and pagination

df385dd

display number data in pagination

22d7270

all search for the data

083ead7

kennethliporada added 3 commits October 18, 2023 15:42

toggle legend for exposure population

206a2af

changing legend Risk to Population

fa79611

added rainforcast with function in checkbox toggle

0f07543

kennethliporada changed the title ~~Feat(4as): 4as modal, affected population dispaly, legend and pagination~~ Feat(4as): 4as modal, affected population display, legend and pagination Oct 24, 2023

kennethliporada added 2 commits October 25, 2023 09:54

Calculate risk font size bigger

950f0cf

no data available in table font bigger

a7c0888

kennethliporada added 3 commits October 26, 2023 14:45

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

c4e058f

no available affected data when there is no affected

97f4c05

fix pagination button and size of the table

2bc520b

kennethliporada added 7 commits November 13, 2023 15:54

inserted beta to the risk assessment sidebar

e761ba8

remove Data summary button and replace it to the map component

f1f4d58

replace 4as data summary button to the map component

c6003f1

remain checked when sidebar is toggle

1c1f578

created a function to stay checked the checkbox population

ef2d6c3

added a boolean shown to population checkbox

bd4e88e

fix bug about the checkbox population

f6f6933

kennethliporada added 2 commits November 27, 2023 12:12

added a function for the calculate risk button

e238d12

fix bug for the checkboxes

22098dc

kennethliporada added 2 commits November 28, 2023 17:03

opacity for the rainforecast

0b20162

added a opacity to the population affected

c195a4b

bon-carpo approved these changes Dec 5, 2023

View reviewed changes

bon-carpo merged commit 9c02383 into feat/4as-base-component Dec 5, 2023

bon-carpo mentioned this pull request Dec 13, 2023

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

Merged

18 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

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

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

kennethliporada commented Sep 18, 2023

kennethliporada commented Sep 21, 2023

kennethliporada commented Sep 27, 2023

kennethliporada commented Sep 27, 2023

kennethliporada commented Sep 28, 2023

kennethliporada commented Oct 12, 2023

kennethliporada commented Oct 26, 2023

kennethliporada commented Nov 10, 2023

kennethliporada commented Nov 22, 2023

kennethliporada commented Nov 28, 2023 •

edited

Loading

kennethliporada commented Nov 29, 2023

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

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

Conversation

kennethliporada commented Sep 18, 2023

Description

kennethliporada commented Sep 21, 2023

Description

Screenshot

kennethliporada commented Sep 27, 2023

Description

Screenshot

kennethliporada commented Sep 27, 2023

Description

Screenshot

kennethliporada commented Sep 28, 2023

Description

Screenshot

kennethliporada commented Oct 12, 2023

Description

Screenshot

kennethliporada commented Oct 26, 2023

Description

kennethliporada commented Nov 10, 2023

Description

Screenshots

kennethliporada commented Nov 22, 2023

Description

Screenshot

kennethliporada commented Nov 28, 2023 • edited Loading

Description

Loom

kennethliporada commented Nov 29, 2023

Description

Loom

kennethliporada commented Nov 28, 2023 •

edited

Loading