[CAPE] New layout for council page (#521)

* [CAPE] New layout for council page
* [CAPE] Added survey to bottom of the council page
* Move council cards into seperate templates
- Big refactor to move all council cards into a unified format
* Repurpose navbar to be a long view
* Add council name to sidebar
* Add different colours to cards
* Create info-box template helper
* Add text-based summary
* Improve descriptions of council areas
* Powers card includes more text about multiple layers
* Is more explicit about combined authorities.
* Fix filter data import
* Separate council and whole area pledges in search
* Created readable list of filters selected
- Clearer when linked in from URL what is happening
* Add explainer text for declarations
- Add links to councils that have made promises
* Add emissions search to search page
* Add infobox to emissions data
* Shift geography search to use ComparisonLabels
- Shifts from using scoring plans
- Which are out of date and don't include new councils.
* Add IMD profile to council search
* Add cite this page card
* Tidy up polling intergration
* Add navbar custom event
* Custom tracking event to see which sidebar items
are popular
* Tidy up infobox on council-documents
* Fix summary card typos
* Fix emissions card typos
* Stanardise names for cards across menu and files
* Fix typos in related-councils section
* Move menu config out of views.py
* Sort imports in models and views
* Switch to vscode extention based linting approach
* fix postcode util function
* Tidy up scorecard summary
* Tidy up format of polling
- Make it more basic, can be made pretty later.
* Reduce duplication in scorecard
* Update altair, vega versions
Fixes mobile display bug when width=container
* Format navbar scroller
- This should rarely be relevant, but if someone shrinks it on a desktop
it looks more deliberate.
* Improve mobile navbar
- mobile navbar will scroll to correct item when page moves
- clicks on mobile slightly offset to dodge new bigger navbar
* Conditional polling card
Polling not displayed if data missing

---------

Co-authored-by: Alex Parsons <alex.parsons@mysociety.org>

Author: lucascumsille

.devcontainer/devcontainer.json

@@ -16,7 +16,9 @@
 		"ms-azuretools.vscode-docker",
 		"github.vscode-pull-request-github",
 		"mhutchie.git-graph",
-		"valentjn.vscode-ltex"
+		"valentjn.vscode-ltex",
+		"charliermarsh.ruff",
+		"ms-python.black-formatter"
 	]}
 	}
 }

.devcontainer/no-cached-docker-image/devcontainer.json

@@ -17,7 +17,9 @@
 		"ms-azuretools.vscode-docker",
 		"github.vscode-pull-request-github",
 		"mhutchie.git-graph",
-		"valentjn.vscode-ltex"
+		"valentjn.vscode-ltex",
+		"charliermarsh.ruff",
+		"ms-python.black-formatter"
 	]}
 	}
 }

.devcontainer/no-initial-populate/devcontainer.json

@@ -16,7 +16,9 @@
 		"ms-azuretools.vscode-docker",
 		"github.vscode-pull-request-github",
 		"mhutchie.git-graph",
-		"valentjn.vscode-ltex"
+		"valentjn.vscode-ltex",
+		"charliermarsh.ruff",
+		"ms-python.black-formatter"
 	]}
 	}
 }

.vscode/settings.json

@@ -1,13 +1,12 @@
 {
-    "python.linting.pylintEnabled": true,
     "python.defaultInterpreterPath": "/usr/local/bin/python",
 
     "editor.formatOnSave": false,
     "[python]": {
-        "editor.formatOnSave": true
+        "editor.formatOnSave": true,
+        "editor.defaultFormatter": "ms-python.black-formatter"
     },
 
-    "python.formatting.provider": "black",
     "files.exclude": {
         "**/.git": true,
         "**/.svn": true,
@@ -19,16 +18,11 @@
     },
     "files.associations": {
         "**/*.html": "html",
-        "**/templates/**/*.html": "django-html",
+        "**/templates/**/*.html": "jinja-html",
         "**/templates/**/*.md": "jinja-md",
         "**/templates/**/*": "django-txt",
         "**/requirements{/**,*}.{txt,in}": "pip-requirements"
     },
-    "python.linting.pylintArgs": [
-        "--max-line-length=88",
-        "--disable=C0103,E1101,W5101,E1123,E501,E203",
-        "--load-plugins=pylint_django"
-    ],
     "ltex.enabled": ["markdown", "jinja-md"],
     "ltex.language": "en-GB",
     "[markdown]": {
@@ -37,5 +31,4 @@
             "strings": "on",
             "other": "on"
         }
-    }
-}
+    }}

caps/helpers/__init__.py

@@ -0,0 +1,115 @@
+from typing import NamedTuple
+
+
+class MenuItem(NamedTuple):
+    """
+    Helper object to track valid council cards
+    """
+
+    slug: str
+    title: str
+    color: str = "green"
+    desc: str = ""
+    list_in_summary: bool = True
+
+
+# new additions here also need to be made to content-navbar.scss
+
+council_menu = [
+    MenuItem(
+        slug="summary",
+        title="Summary",
+        color="blue",
+        desc="Overview of CAPE and the information available.",
+        list_in_summary=False,
+    ),
+    MenuItem(
+        slug="new-council",
+        title="What did this council replace?",
+        color="red",
+        desc="Details of councils this authority replaced.",
+        list_in_summary=False,
+    ),
+    MenuItem(
+        slug="old-council",
+        title="What replaced this council?",
+        color="red",
+        desc="Details of councils that replaced this authority.",
+        list_in_summary=False,
+    ),
+    MenuItem(
+        slug="powers",
+        title="Powers & responsibilities",
+        color="green",
+        desc="What the council is responsible for and how it relates to climate change.",
+    ),
+    MenuItem(
+        slug="declarations",
+        title="Declarations & pledges",
+        color="cyan",
+        desc="Declarations & pledges the council has made around climate change.",
+    ),
+    MenuItem(
+        slug="climate-documents",
+        title="Climate documents",
+        desc="Documents, Reports and Plans this council has released related to its climate change plans.",
+    ),
+    MenuItem(
+        slug="scorecard",
+        title="Council Climate Scorecard",
+        color="green",
+        desc="How this council's plans scored on CEUK's 2021 Scorecards.",
+    ),
+    MenuItem(
+        slug="emissions",
+        title="Emissions data",
+        color="blue",
+        desc="The emissions profile and history for this council.",
+    ),
+    MenuItem(
+        slug="emissions-reduction-projects",
+        title="Emissions reduction projects",
+        color="blue",
+        desc="Projects this council has undertaken to reduce emissions.",
+    ),
+    MenuItem(
+        slug="local-polling",
+        title="Local polling",
+        color="cyan",
+        desc="MRP Polling of climate change attitudes for this council area.",
+    ),
+    MenuItem(
+        slug="related-councils",
+        title="Related councils",
+        color="blue",
+        desc="Lists of councils with similar characteristics to this council.",
+    ),
+    MenuItem(
+        slug="other-resources",
+        title="Other resources",
+        color="cyan",
+        desc="Links to other resources and information about this council.",
+        list_in_summary=False,
+    ),
+    MenuItem(
+        slug="download-data",
+        title="Download our data",
+        color="red",
+        desc="How to download the information we hold on UK councils",
+        list_in_summary=False,
+    ),
+    MenuItem(
+        slug="cite",
+        title="Cite this page",
+        color="blue",
+        desc="How to cite or credit infomation on this site",
+        list_in_summary=False,
+    ),
+    MenuItem(
+        slug="improve",
+        title="Help us improve",
+        color="green",
+        desc="Give us feedback on if you found this site useful.",
+        list_in_summary=False,
+    ),
+]

caps/helpers/council_navigation.py

@@ -24,11 +24,10 @@
 
 
 def get_data():
-    token = settings.PERSONAL_ACCESS_TOKEN
-    headers = {"Authorization": "token " + token}
-    r = requests.get(FILTER_DATA_URL, headers=headers)
-    with open(FILTER_CSV, "wb") as outfile:
-        outfile.write(r.content)
+    """
+    Download filter_data_url
+    """
+    pd.read_csv(FILTER_DATA_URL).to_csv(FILTER_CSV, index=False)
 
 
 def import_filters():