mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-17 04:59:37 -04:00
a85f7fa2c1
We had 7 classes in _grids.scss named `.column-...` which were being used to give a certain column width. These worked by using `@include grid column()`, which is now deprecated. `.column-whole` and `.column-three-quarters` can be removed and replaced with `govuk-grid-column-full` and `govuk-grid-column-three-quarters` respectively. The other column classes don't have a direct replacment in GOV.UK Frontend. To get round this, we overwrite the `$govuk-grid-width` SASS map in `extensions.scss` to add in extra widths, then use this with the `govuk-grid-column` mixin to create new classes in for our custom widths in `_grids.scss`
67 lines
2.1 KiB
HTML
67 lines
2.1 KiB
HTML
{% extends "withoutnav_template.html" %}
|
|
{% from "components/live-search.html" import live_search %}
|
|
{% from "components/button/macro.njk" import govukButton %}
|
|
|
|
{% block per_page_title %}
|
|
All organisations
|
|
{% endblock %}
|
|
|
|
{% block beforeContent %}{% endblock %}
|
|
|
|
{% block maincolumn_content %}
|
|
|
|
<div class="navigation-service">
|
|
<div class="navigation-service-name govuk-!-font-weight-bold">
|
|
|
|
</div>
|
|
<a href="{{ url_for('main.choose_account') }}" class="govuk-link govuk-link--no-visited-state navigation-service-switch">Switch service</a>
|
|
</div>
|
|
|
|
<div class="govuk-grid-row top-gutter-2-3">
|
|
<div class="govuk-grid-column-one-quarter">
|
|
<h1>
|
|
All organisations
|
|
</h1>
|
|
</div>
|
|
<div class="govuk-grid-column-three-quarters">
|
|
|
|
{{ live_search(target_selector='.browse-list-item', show=True, form=search_form, label='Search by name') }}
|
|
|
|
<nav class="browse-list">
|
|
<ul>
|
|
{% for org in organisations %}
|
|
<li class="browse-list-item">
|
|
<a href="{{ url_for('main.organisation_dashboard', org_id=org.id) }}" class="govuk-link govuk-link--no-visited-state">{{ org.name }}</a>
|
|
<p class="browse-list-hint">
|
|
{{ org.count_of_live_services }}
|
|
live service{% if org.count_of_live_services != 1 %}s{% endif %}
|
|
</p>
|
|
{% if not org.active %}
|
|
<span class="table-field-status-default heading-medium">- archived</span>
|
|
{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</nav>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="js-stick-at-bottom-when-scrolling">
|
|
<div class="govuk-grid-row">
|
|
<div class="govuk-grid-column-one-quarter">
|
|
|
|
</div>
|
|
<div class="govuk-grid-column-three-quarters">
|
|
{{ govukButton({
|
|
"element": "a",
|
|
"text": "New organisation",
|
|
"href": url_for('main.add_organisation'),
|
|
"classes": "govuk-button--secondary"
|
|
}) }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock %}
|