notifications-admin/app/templates/views/cookies.html

{% extends "withoutnav_template.html" %}
{% from "components/banner.html" import banner %}

{% block per_page_title %}
  Cookies
{% endblock %}

{% block cookie_message %}{% endblock %}

{% block maincolumn_content %}

<div class="grid-row">
  <div class="grid-col-8">
    <div class="cookie-settings__confirmation banner banner-with-tick" data-cookie-confirmation="true" role="group" tabindex="-1">
      <h2 class="banner-title">Your cookie settings were saved</h2>
      <a class="govuk_link cookie-settings__prev-page" href="#" data-module="track-click" data-track-category="cookieSettings" data-track-action="Back to previous page">
        Go back to the page you were looking at
      </a>
    </div>
    <h1 class="font-body-2xl margin-bottom-3">Cookies</h1>
    <p class="summary">
        Cookies are small files saved on your phone, tablet, or computer when you visit a website.
    </p>
    <p>We use cookies to make Notify.gov work and collect information about how you use our service.</p>

    <h2 class="font-body-lg" id="essential-cookies">Essential cookies</h2>
    <p>
      Essential cookies keep your information secure while you use Notify. We do not need to ask permission to use them.
    </p>
    <table>
        <caption class="usa-sr-only">Essential cookies</caption>
        <thead>
            <tr>
                <th>Name</th>
                <th>Purpose</th>
                <th>Expires</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                  notify_admin_session
                </td>
                <td width="50%">
                  Used to keep you signed in
                </td>
                <td>
                  20 hours
                </td>
            </tr>
            <tr>
                <td>
                  cookie_policy
                </td>
                <td width="50%">
                  Saves your cookie consent settings
                </td>
                <td>
                  1 year
                </td>
            </tr>
        </tbody>
    </table>

    <h2 class="font-body-lg" id="analytics-cookies">Analytics cookies (optional)</h2>
    <p>
      With your permission, we use Google Analytics to collect data about how you use Notify. This information helps us to improve our service.
    </p>
    <p>
      Google is not allowed to use or share our analytics data with anyone.
    </p>
    <p>
      Google Analytics stores anonymized information about:
    </p>
    <ul class="usa-list usa-list--bullet">
      <li>how you got to Notify.gov</li>
      <li>the pages you visit on Notify and how long you spend on them</li>
      <li>any errors you see while using Notify</li>
    </ul>
    <table>
        <caption class="usa-sr-only">Google Analytics cookies</caption>
        <thead>
            <tr>
                <th>Name</th>
                <th>Purpose</th>
                <th>Expires</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                  _ga
                </td>
                <td width="50%">
                  Checks if you’ve visited Notify before. This helps us count how many people visit our site.
                </td>
                <td>
                  2 years
                </td>
            </tr>
            <tr>
                <td>
                  _gid
                </td>
                <td width="50%">
                  Checks if you’ve visited Notify before. This helps us count how many people visit our site.
                </td>
                <td>
                  24 hours
                </td>
            </tr>
        </tbody>
    </table>
    <div class="cookie-settings__no-js">
      <h2 class="govuk-heading-s">Do you want to accept analytics cookies?</h2>
      <p>We use Javascript to set our analytics cookies. Unfortunately Javascript is not running on your browser, so you cannot change your settings. You can try:</p>
      <ul class="usa-list usa-list--bullet">
        <li>reloading the page</li>
        <li>turning on Javascript in your browser</li>
      </ul>
    </div>
    <div class="cookie-settings__form-wrapper">
      <form data-module="cookie-settings">
        <div class="usa-form-group">
          <fieldset class="usa-fieldset" aria-describedby="changed-name-hint">
            <legend class="usa-fieldset__legend usa-fieldset__legend--s">
              Do you want to accept analytics cookies?
            </legend>
            <div class="usa-radios usa-radios--inline">
              <div class="usa-radio">
                <input class="usa-radio__input" id="cookies-analytics-yes" name="cookies-analytics" type="radio" value="on">
                <label class="usa-radio__label" for="cookies-analytics-yes">
                  Yes
                </label>
              </div>
              <div class="usa-radio">
                <input class="usa-radio__input" id="cookies-analytics-no" name="cookies-analytics" type="radio" value="off">
                <label class="usa-radio__label" for="cookies-analytics-no">
                  No
                </label>
              </div>
            </div>
          </fieldset>
        </div>
        <button class="govuk-button" type="submit">Save cookie settings</button>
      </form>
    </div>
  </div>
</div>

{% endblock %}