From 4bcda39aeae66b838c79e953e98c54055c3ecb70 Mon Sep 17 00:00:00 2001 From: Samarth Agarwal Date: Wed, 6 Mar 2019 23:07:12 -0500 Subject: Added functionality so that whenever a point is clicked it opens up a Details sidebar which shows information about that point. --- web/views/map.pug | 2 -- 1 file changed, 2 deletions(-) (limited to 'web/views/map.pug') diff --git a/web/views/map.pug b/web/views/map.pug index 725c8a8..744fe31 100644 --- a/web/views/map.pug +++ b/web/views/map.pug @@ -1,7 +1,5 @@ extends layout.pug block content - #sidebar - h1 This is a sidebar #map script(type='text/javascript'). -- cgit v1.2.3 From 2b7c39ed65c6652c24f1f5140214bae7f3438960 Mon Sep 17 00:00:00 2001 From: Samarth Agarwal Date: Thu, 7 Mar 2019 13:54:28 -0500 Subject: Added comments and made DOM easier to work with. --- web/views/map.pug | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'web/views/map.pug') diff --git a/web/views/map.pug b/web/views/map.pug index 744fe31..46e7848 100644 --- a/web/views/map.pug +++ b/web/views/map.pug @@ -1,5 +1,17 @@ extends layout.pug block content + #sidebar + h1 Details + #point + strong Age range: + br.point-break + strong Clothing description: + br.point-break + strong Injury status: + br.point-break + strong Reason for help: + button#close-btn Close + #map script(type='text/javascript'). -- cgit v1.2.3 From 6693b77761373a269c6d797ecb6a8eedec946e9a Mon Sep 17 00:00:00 2001 From: Samarth Agarwal Date: Fri, 8 Mar 2019 13:56:38 -0500 Subject: Modified Details sidebar so that the close button always stays at the bottom of the box and doesn't overlap any text. --- web/views/map.pug | 22 ++++++++++++---------- 1 file changed, 12 insertions(+), 10 deletions(-) (limited to 'web/views/map.pug') diff --git a/web/views/map.pug b/web/views/map.pug index 46e7848..f5837b6 100644 --- a/web/views/map.pug +++ b/web/views/map.pug @@ -1,16 +1,18 @@ extends layout.pug block content #sidebar - h1 Details - #point - strong Age range: - br.point-break - strong Clothing description: - br.point-break - strong Injury status: - br.point-break - strong Reason for help: - button#close-btn Close + h1#details-header Details + #point-container + #point + strong Age range: + br.point-break + strong Clothing description: + br.point-break + strong Injury status: + br.point-break + strong Reason for help: + #close-btn-container + button#close-btn Close #map -- cgit v1.2.3