OpenUpSA / wazimap-ng-ui

User interface for Wazimap next generation. See also https://github.com/OpenUpSA/wazimap-ng
https://geo.vulekamali.gov.za/
Apache License 2.0
5 stars 16 forks source link

Profile categories should have configurable colours #193

Open adieyal opened 3 years ago

adieyal commented 3 years ago

See https://trello.com/c/M8BPWI3b/613-the-profile-administrator-should-have-the-ability-to-choose-the-colour-of-a-profile-category

The API will send through an optional colour for a profile category - this should be displayed on the frontend

0.12

https://trello.com/c/H0U4Gwd1/614-profile-categories-should-have-configurable-colours

milafrerichs commented 3 years ago

API: https://production.wazimap-ng.openup.org.za/api/v1/all_details/profile/8/geography/ZA/?format=json the response currently looks like this:

themes: [
  {
    "name": "Health",
    "id": 43,
    "icon": "local_hospital",
    "subthemes": [
      {
        "label": "Pharmacies",
        "id": 300,
        "count": 1500,
        "metadata": {
          "source": "",
          "description": "",
          "licence": 1
        }
      },
      {
        "label": "Public health facilities",
        "id": 375,
        "count": 4650,
        "metadata": {
          "source": "Info4Africa",
          "description": "Quaerat ....",
          "licence": null
        }
      }
    ]
  },

Let's assume it will look like this in the future and start the work:

themes: [
  {
    "name": "Health",
    "id": 43,
    "icon": "local_hospital",
    "color": "#ff0000",
    "subthemes": [
      {
        "label": "Pharmacies",
        "id": 300,
        "count": 1500,
        "color": "#ff0000",
        "metadata": {
          "source": "",
          "description": "",
          "licence": 1
        }
      },
      {
        "label": "Public health facilities",
        "id": 375,
        "count": 4650,
        "color": "#ff0000",
        "metadata": {
          "source": "Info4Africa",
          "description": "Quaerat ....",
          "licence": null
        }
      }
    ]
  },