Feature/cor 959 topical page redesign

README.md

@@ -6,7 +6,7 @@ give a broad perspective on the subject.
 
 ## Contact
 
-If you want to contact the dashboard team, feel free to open an issue for 
+If you want to contact the dashboard team, feel free to open an issue for
 technical questions, bug reports or security findings. If you have a generic question or remark about the
 corona policy of the Dutch government, please consult the [frequently asked questions](https://coronadashboard.rijksoverheid.nl/veelgestelde-vragen) or [contact page](https://coronadashboard.rijksoverheid.nl/contact) on the dashboard.
 
@@ -31,7 +31,7 @@ multiple packages.
 - `common`: Commonly shared code that multiple packages are using, like types
   and utils.
 - `e2e`: End-to-end tests using Cypress
-- `icons`: A React icon component library, used by the CMS and by app
+- `icons`: A React icon component library, used by the CMS and by app. [README](/packages/icons/README.md)
 
 ## Getting started (quickly)
 

packages/app/schema/topical/__index.json

@@ -0,0 +1,33 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "type": "object",
+  "title": "topical",
+  "additionalProperties": false,
+  "required": ["version", "title", "dynamicDescription", "themes", "measures"],
+  "properties": {
+    "version": {
+      "type": "string"
+    },
+    "title": {
+      "$ref": "multilanguage_string.json"
+    },
+    "dynamicDescription": {
+      "type": "array",
+      "minItems": 1,
+      "items": {
+        "$ref": "dynamic_description.json"
+      }
+    },
+    "themes": {
+      "type": "array",
+      "minItems": 1,
+      "maxItems": 2,
+      "items": {
+        "$ref": "theme.json"
+      }
+    },
+    "measures": {
+      "$ref": "measures.json"
+    }
+  }
+}

packages/app/schema/topical/dynamic_description.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "topical_dynamic_description",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["index", "content"],
+  "properties": {
+    "index": {
+      "type": "number"
+    },
+    "content": {
+      "$ref": "multilanguage_string.json"
+    }
+  }
+}

packages/app/schema/topical/icon.json

@@ -0,0 +1,135 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "topical_icon",
+  "type": "string",
+  "enum": [
+    "AfstandSporten",
+    "AlcoholVerkoop",
+    "Arrow",
+    "Arts",
+    "Avondklok",
+    "BarChart",
+    "BasisregelsAfstand",
+    "BasisregelsDrukte",
+    "BasisregelsElleboog",
+    "BasisregelsGeenBezoek",
+    "BasisregelsHandenwassen",
+    "BasisregelsMondkapje",
+    "BasisregelsTesten",
+    "Bevolking",
+    "Bezoek",
+    "Bibliotheek",
+    "BinnenMetZitplaats",
+    "BinnenZonderZitplaats",
+    "Binnensporten",
+    "Binnensportlocaties",
+    "Boosterprik",
+    "Calendar",
+    "Check",
+    "Checked",
+    "ChevronDown",
+    "ChevronRight",
+    "Clock",
+    "Close",
+    "CloseThick",
+    "ContactBeroepen",
+    "Coronavirus",
+    "Cross",
+    "Database",
+    "DoorstroomEvenementen",
+    "Dot",
+    "Down",
+    "Download",
+    "EenPersoonDoorgestreept",
+    "Elderly",
+    "Expand",
+    "Experimenteel",
+    "External",
+    "Eye",
+    "FrisseLucht",
+    "GedeeltelijkOpenRugzak",
+    "GeenEntertainment",
+    "GeenMaxAantalBezoekers",
+    "GeenWedstrijden",
+    "Gehandicaptenzorg",
+    "GeorganiseerdeKunstEnCultuurbeoefening",
+    "GgdTesten",
+    "Groepen",
+    "HealthCare",
+    "HomeAndVisits",
+    "HorecaEnEvenementenBestellen",
+    "HorecaEnEvenementenEtendrinken",
+    "HorecaEnEvenementenEvenementen",
+    "HorecaEvenementen",
+    "Hospitality",
+    "Information",
+    "IntensiveCareOpnames",
+    "Klachten",
+    "Klok210001",
+    "KunstCultuur",
+    "KunstcultuurMusea",
+    "Line",
+    "Locaties",
+    "Location",
+    "Lopend",
+    "Maatregelen",
+    "MaxAantalBezoekers",
+    "MaxVisitors",
+    "MedischeScreening",
+    "MeerInformatie",
+    "MeerdaagseEvenementen",
+    "Menu",
+    "Mondkapje",
+    "Nederland",
+    "Notification",
+    "OnderwijsEnKinderopvangNoodopvang",
+    "OnderwijsEnKinderopvangOpAfstand",
+    "OntmoetingenBezoek",
+    "OpenbaarVervoer",
+    "Openingstijden",
+    "Other",
+    "Overige",
+    "Phone",
+    "Recreatie",
+    "Reizen",
+    "ReproductieGraf",
+    "Reproductiegetal",
+    "Rioolvirus",
+    "SearchIcon",
+    "SearchIconBold",
+    "SportBuiten",
+    "SportMetZweetband",
+    "SportWedstrijden",
+    "Stap1HorecaMax",
+    "Stap1HorecaPertafel",
+    "Stap1HorecaVerplaatsen",
+    "Stap1OnderwijsBibliotheek",
+    "Stap1OnderwijsOpen",
+    "Stap1Theorie",
+    "Stap1Thuisbezoek",
+    "Stap1Uitvaarten",
+    "Stap1WinkelsAlleen",
+    "Stap1WinkelsMarkten",
+    "Stap1WinkelsOpen",
+    "Stopwatch",
+    "Taxi",
+    "Testbewijs",
+    "Toegangsbewijzen",
+    "Travel",
+    "Unchecked",
+    "Up",
+    "Vaccinaties",
+    "Varianten",
+    "Verpleeghuis",
+    "VervoerEnReizenBuitenland",
+    "VervoerEnReizenOv",
+    "Vliegen",
+    "Warn",
+    "Warning",
+    "WinkelenEnBoodschappenAlcohol",
+    "WinkelenEnBoodschappenOpen",
+    "Work",
+    "Ziekenhuis",
+    "Ziektegolf"
+  ]
+}

packages/app/schema/topical/link.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "topical_theme_link",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["index", "label", "href"],
+  "properties": {
+    "index": {
+      "type": "number"
+    },
+    "label": {
+      "$ref": "multilanguage_string.json"
+    },
+    "href": {
+      "$ref": "multilanguage_string.json"
+    }
+  }
+}

packages/app/schema/topical/measure_tile.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "topical_measures_tile",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["index", "title", "icon"],
+  "properties": {
+    "index": {
+      "type": "number"
+    },
+    "title": {
+      "$ref": "multilanguage_string.json"
+    },
+    "icon": {
+      "$ref": "icon.json"
+    }
+  }
+}

packages/app/schema/topical/measures.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "type": "object",
+  "title": "topical_measures",
+  "additionalProperties": false,
+  "required": ["title", "dynamicSubtitle", "icon", "measureTiles"],
+  "properties": {
+    "title": {
+      "$ref": "multilanguage_string.json"
+    },
+    "dynamicSubtitle": {
+      "$ref": "multilanguage_string.json"
+    },
+    "icon": {
+      "$ref": "icon.json"
+    },
+    "measureTiles": {
+      "type": "array",
+      "minItems": 1,
+      "items": {
+        "$ref": "measure_tile.json"
+      }
+    }
+  }
+}

packages/app/schema/topical/multilanguage_string.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "type": "object",
+  "title": "multilanguage_string",
+  "additionalProperties": false,
+  "required": ["NL", "EN"],
+  "properties": {
+    "NL": {
+      "type": "string"
+    },
+    "EN": {
+      "type": "string"
+    }
+  }
+}

packages/app/schema/topical/theme.json

@@ -0,0 +1,63 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "topical_theme",
+  "type": "object",
+  "additionalProperties": false,
+  "required": [
+    "index",
+    "title",
+    "dynamicSubtitle",
+    "icon",
+    "themeTiles",
+    "moreLinks"
+  ],
+  "properties": {
+    "index": {
+      "type": "number"
+    },
+    "title": {
+      "$ref": "multilanguage_string.json"
+    },
+    "dynamicSubtitle": {
+      "$ref": "multilanguage_string.json"
+    },
+    "icon": {
+      "$ref": "icon.json"
+    },
+    "themeTiles": {
+      "type": "array",
+      "minItems": 1,
+      "maxItems": 3,
+      "items": {
+        "$ref": "theme_tile.json"
+      }
+    },
+    "moreLinks": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["label", "links"],
+      "properties": {
+        "label": {
+          "type": "object",
+          "additionalProperties": false,
+          "required": ["DESKTOP", "MOBILE"],
+          "properties": {
+            "DESKTOP": {
+              "$ref": "multilanguage_string.json"
+            },
+            "MOBILE": {
+              "$ref": "multilanguage_string.json"
+            }
+          }
+        },
+        "links": {
+          "type": "array",
+          "minItems": 1,
+          "items": {
+            "$ref": "link.json"
+          }
+        }
+      }
+    }
+  }
+}