mirror of
https://github.com/GSA/notifications-admin.git
synced 2025-12-09 14:45:00 -05:00
157 lines
6.8 KiB
HTML
157 lines
6.8 KiB
HTML
{% from "components/banner.html" import banner %}
|
||
{% from "components/components/skip-link/macro.njk" import usaSkipLink -%}
|
||
{% from "components/sub-navigation.html" import sub_navigation %}
|
||
|
||
<!DOCTYPE html>
|
||
<html lang="{{ htmlLang | default('en') }}" class="{{ htmlClasses }}">
|
||
<head>
|
||
<title>
|
||
{% block pageTitle %}{% block per_page_title %}{% endblock %} – Notify.gov{% endblock %}
|
||
</title>
|
||
{% include "components/head.html" %}
|
||
</head>
|
||
<body class="usa-template__body {{ bodyClasses }}">
|
||
<div id="upload-status-live"
|
||
class="usa-sr-only"
|
||
aria-live="assertive"
|
||
tabindex="-1"
|
||
role="status">
|
||
</div>
|
||
<script nonce="{{ csp_nonce() }}">document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');</script>
|
||
{% block bodyStart %}
|
||
{% block extra_javascripts_before_body %}
|
||
<noscript><iframe sandbox src="https://www.googletagmanager.com/ns.html?id=GTM-WX5NGWF"
|
||
height="0" width="0" class="display-none visibility-hidden"></iframe></noscript>
|
||
{% endblock %}
|
||
{% endblock %}
|
||
|
||
{% block skipLink %}
|
||
{{ usaSkipLink({
|
||
"href": '#main-content',
|
||
"text": 'Skip to main content'
|
||
}) }}
|
||
{% endblock %}
|
||
|
||
|
||
{% block header %}
|
||
{% include 'components/usa_banner.html' %}
|
||
{% include 'components/header.html' %}
|
||
{% endblock %}
|
||
|
||
{% block main %}
|
||
<div class="grid-container minh-mobile">
|
||
{% block beforeContent %}
|
||
{% block backLink %}{% endblock %}
|
||
{% endblock %}
|
||
{% block mainClasses %}
|
||
{% set mainClasses = "margin-top-5 padding-bottom-5" %}
|
||
<main class="{{ mainClasses }}" id="main-content" role="main">
|
||
{% endblock %}
|
||
{% block content %}
|
||
{% block flash_messages %}
|
||
{% include 'components/flash_messages.html' %}
|
||
{% endblock %}
|
||
{% block maincolumn_content %}
|
||
<div class="grid-row">
|
||
{% if navigation_links %}
|
||
<div class="tablet:grid-col-2 margin-bottom-4">
|
||
<nav class="nav">
|
||
<ul class="usa-sidenav">
|
||
{% for item in navigation_links %}
|
||
<li class="usa-sidenav__item{% if request.endpoint.startswith(item['link']) or (item.sub_navigation_items and item.sub_navigation_items | selectattr('link', 'equalto', request.endpoint) | list | length > 0) %} open{% endif %}">
|
||
<a href="{{ url_for(item.link) }}"
|
||
class="parent-link {% if request.endpoint.startswith(item['link']) or item.sub_navigation_items | selectattr('link', 'equalto', request.endpoint) | list | length > 0 %} usa-current {% endif %}"
|
||
aria-haspopup="true"
|
||
aria-expanded="{{ 'true' if request.endpoint.startswith(item['link']) or (item.sub_navigation_items and item.sub_navigation_items | selectattr('link', 'equalto', request.endpoint) | list | length > 0) else 'false' }}">
|
||
{{ item.name }}
|
||
</a>
|
||
{% if item.sub_navigation_items %}
|
||
<ul class="usa-sidenav__sublist" role="menu">
|
||
{% for sub_item in item.sub_navigation_items %}
|
||
<li role="menuitem">
|
||
<a href="{{ url_for(sub_item.link.split('#')[0]) }}#{{ sub_item.link.split('#')[1] }}"
|
||
class="{% if request.endpoint == sub_item['link'] %}usa-current bold{% endif %}">
|
||
{{ sub_item.name }}
|
||
</a>
|
||
</li>
|
||
{% endfor %}
|
||
</ul>
|
||
{% endif %}
|
||
</li>
|
||
{% endfor %}
|
||
</ul>
|
||
|
||
|
||
</nav>
|
||
</div>
|
||
<div class="tablet:grid-col-10 tablet:padding-left-4 usa-prose site-prose">
|
||
{% else %}
|
||
<div class="tablet:grid-col-10">
|
||
{% endif %}
|
||
{% block content_column_content %}{% endblock %}
|
||
</div>
|
||
</div>
|
||
{% endblock %}
|
||
{% endblock %}
|
||
</main>
|
||
</div>
|
||
{% endblock %}
|
||
|
||
{% block footer %}
|
||
|
||
{% if current_service and current_service.research_mode %}
|
||
{% set meta_suffix = 'Built by the <a href="https://tts.gsa.gov/" class="usa-link">Technology Transformation Services</a><span id="research-mode" class="research-mode">research mode</span>' %}
|
||
{% else %}
|
||
{% set commit_hash = ", Latest version: " + config['COMMIT_HASH'] %}
|
||
{% set long_link = '<a href="https://tts.gsa.gov/" class="usa-link">Technology Transformation Services</a>' %}
|
||
{% set meta_suffix = "Built by the " + long_link + commit_hash %}
|
||
{% endif %}
|
||
|
||
{% include "components/footer.html" %}
|
||
|
||
{% if current_user.is_authenticated %}
|
||
{% block sessionUserWarning %}
|
||
<dialog class="usa-modal" id="sessionTimer" aria-labelledby="sessionTimerHeading" aria-describedby="timeLeft">
|
||
<div class="usa-modal__content">
|
||
<div class="usa-modal__main">
|
||
<h2 class="usa-modal__heading font-body-lg" id="sessionTimerHeading">
|
||
Your session will end soon.
|
||
<span class="usa-sr-only">Please choose to extend your session or sign out. Your session will expire in 5 minutes or less.</span>
|
||
</h2>
|
||
<div class="usa-prose">
|
||
<p>You have been inactive for too long.
|
||
Your session will expire in <span id="timeLeft" role="timer"></span>.
|
||
</p>
|
||
</div>
|
||
<div class="usa-modal__footer">
|
||
<ul class="usa-button-group">
|
||
<li class="usa-button-group__item">
|
||
<button type="button" class="usa-button" id="extendSessionTimer" data-close-modal>
|
||
Extend Session
|
||
</button>
|
||
</li>
|
||
<li class="usa-button-group__item">
|
||
<button type="button" class="text-center usa-button usa-button--unstyled padding-105" id="logOutTimer"
|
||
data-close-modal>
|
||
Sign out
|
||
</button>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</dialog>
|
||
{% endblock %}
|
||
{% endif %}
|
||
|
||
{% endblock %}
|
||
|
||
{% block bodyEnd %}
|
||
{% block extra_javascripts %}
|
||
{% endblock %}
|
||
<script type="text/javascript" src="{{ asset_url('javascripts/all.js') }}"></script>
|
||
<script src="{{ asset_url('js/uswds.min.js') }}"></script>
|
||
{% endblock %}
|
||
</body>
|
||
</html>
|