Files
notifications-admin/app/templates/base.html

183 lines
7.7 KiB
HTML
Raw Permalink Normal View History

2024-04-23 16:23:31 -07:00
{% from "components/banner.html" import banner %}
2024-04-23 14:58:44 -07:00
{% from "components/components/skip-link/macro.njk" import usaSkipLink -%}
{% from "components/sub-navigation.html" import sub_navigation %}
2024-02-29 10:49:30 -08:00
<!DOCTYPE html>
<html lang="{{ htmlLang | default('en') }}" class="{{ htmlClasses }}">
2024-04-23 14:58:44 -07:00
<head>
<title>
2024-12-03 13:05:55 -08:00
{% block pageTitle %}{% block per_page_title %}{% endblock %} Notify.gov{% endblock %}
2024-04-23 14:58:44 -07:00
</title>
{% include "components/head.html" %}
2024-04-23 14:58:44 -07:00
</head>
2024-02-29 10:49:30 -08:00
<body class="usa-template__body {{ bodyClasses }}">
<div id="upload-status-live"
class="usa-sr-only"
aria-live="assertive"
tabindex="-1"
role="status">
</div>
2024-02-29 10:49:30 -08:00
<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" style="display:none;visibility:hidden"></iframe></noscript>
{% endblock %}
{% endblock %}
2024-03-01 10:38:07 -08:00
2024-02-29 10:49:30 -08:00
{% block skipLink %}
{{ usaSkipLink({
"href": '#main-content',
"text": 'Skip to main content'
}) }}
{% endblock %}
2024-04-23 14:58:44 -07:00
2024-02-29 10:49:30 -08:00
{% block header %}
{% include 'components/usa_banner.html' %}
2025-04-21 16:26:07 -07:00
{% if not is_api_down %}
{% if current_user.is_authenticated or current_service or current_user.platform_admin %}
<section class="usa-site-alert usa-site-alert--info" aria-label="Site alert,,,,">
<div class="usa-alert">
<div class="usa-alert__body">
<p class="usa-alert__heading text-bold">Notify.gov Service Ending</p>
<p class="usa-alert__text">
GSA will no longer offer the Notify.gov service after June 8th, 2025. Visit
<a class="usa-link" href="/notify-service-ending">Notify.gov Service Ending</a> for more information.
</p>
</div>
2025-03-13 15:43:21 -07:00
</div>
2025-04-21 16:26:07 -07:00
</section>
{% else %}
<section class="usa-site-alert usa-site-alert--emergency usa-site-alert--no-heading" aria-label="Site alert,,,,">
<div class="usa-alert">
<div class="usa-alert__body">
<p class="usa-alert__heading text-bold">Notify.gov Service Ending</p>
<p class="usa-alert__text">
Notify.gov is no longer accepting new partners.
</p>
</div>
2025-03-13 15:43:21 -07:00
</div>
2025-04-21 16:26:07 -07:00
</section>
{% endif %}
2025-03-13 15:43:21 -07:00
{% endif %}
{% include 'components/header.html' %}
2024-02-29 10:49:30 -08:00
{% endblock %}
{% block main %}
2025-05-13 16:20:30 -04:00
<div class="grid-container minh-mobile">
{% block beforeContent %}
{% block backLink %}{% endblock %}
{% endblock %}
{% block mainClasses %}
2024-04-23 14:58:44 -07:00
{% 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">
2024-09-23 18:58:22 -07:00
<nav class="nav">
<ul class="usa-sidenav">
{% for item in navigation_links %}
<li class="usa-sidenav__item">
2024-10-29 20:19:51 -07:00
<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']) else 'false' }}">
2024-10-29 20:19:51 -07:00
{{ item.name }}
</a>
2024-09-23 18:58:22 -07:00
{% if item.sub_navigation_items %}
2024-10-29 20:19:51 -07:00
<ul class="usa-sidenav__sublist" role="menu">
2024-09-23 18:58:22 -07:00
{% for sub_item in item.sub_navigation_items %}
2024-10-29 20:19:51 -07:00
<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 %}">
2024-11-18 11:49:39 -08:00
{{ sub_item.name }}
</a>
2024-09-23 18:58:22 -07:00
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
2024-09-23 18:58:22 -07:00
</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>
2024-02-29 10:49:30 -08:00
{% 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 %}
2024-03-25 15:26:12 -07:00
{% set commit_hash = ", Latest version: " + config['COMMIT_HASH'] %}
{% set long_link = '<a href="https://tts.gsa.gov/" class="usa-link">Technology Transformation Services</a>' %}
2024-03-25 15:26:12 -07:00
{% 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="usa-button usa-button--unstyled padding-105 text-center" id="logOutTimer"
data-close-modal>
Sign out
</button>
</li>
</ul>
</div>
</div>
</div>
</dialog>
{% endblock %}
{% endif %}
2024-02-29 10:49:30 -08:00
{% 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 %}
2024-02-29 10:49:30 -08:00
</body>
</html>