Greenstand / Greenstand/treetracker-web-map-client

Impact Panel Foldup

Open
#2 2 comments 0 reactions 0 assignees View on GitHub
can-not-work-on-yet
Dominant language
JavaScript
Stars
67
Forks
189
PR merge metrics
No merged PRs in 30d

Description

### Be awesome and make this super Impact Panel design!

![Impact planel Fold out](https://user-images.githubusercontent.com/25363572/77220609-bcc8d980-6af6-11ea-8602-8a2e7bc6c698.png)

- [ ] The data should be pulled from all trees belonging to a specific 'entity_id'
- [ ] In the case of a master 'entity_id' it should contain all trees linked to that wallet and the sub-wallets of that entity.
- [ ] Color codes should be used: Primary green #86c232, Secondary green #61892F, Orange #FFA500
- [ ] Must be mobile friendly.
- [ ] You will need the graphical arrow asset such as this
![next tree](https://user-images.githubusercontent.com/25363572/77220794-71172f80-6af8-11ea-87e0-3d207c749bb8.png)

- [ ] You will need to figure out how to make this map (Note, it will be worth reading up on how we have done the clustering on the main map as a lot of this work will already have been completed)

![Impact planel Fold out](https://user-images.githubusercontent.com/25363572/77220885-6d37dd00-6af9-11ea-988e-46b3e5cf25d8.png)

Changes from design:

- Name on top of panel should be changed to "Impact Panel"
- Should only say "Impact panel" once. It should not be over the little map portion as well.
- The time function (as shown by the "Last 7 days" need not be added. But it is cool so if you can add it cool.

![64126790-03760280-cd64-11e9-8cd5-6b5baa9e16f5](https://user-images.githubusercontent.com/25363572/77220933-e3d4da80-6af9-11ea-8526-d10d1ba8f103.png)

![Basic Styleguide V1](https://user-images.githubusercontent.com/25363572/77220752-f0f0ca00-6af7-11ea-85a2-b9dba3ac0c85.png)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.