Import USWDS

Experimental changes

src/registrar/templates/admin/base_site.html

@@ -18,11 +18,12 @@
   <link rel="apple-touch-icon" size="180x180" 
   href="{% static 'img/registrar/favicons/favicon-180.png' %}"
   >
+  <script src="{% static 'js/uswds-init.min.js' %}" defer></script>
+  <script src="{% static 'js/uswds.min.js' %}" defer></script>
   <script type="application/javascript" src="{% static 'js/get-gov-admin.js' %}" defer></script>
 {% endblock %}
 
 {% block title %}{% if subtitle %}{{ subtitle }} | {% endif %}{{ title }} | {{ site_title|default:_('Django site admin') }}{% endblock %}
-
 {% block extrastyle %}{{ block.super }}
 <link rel="stylesheet" type="text/css" href="{% static "css/styles.css" %}" />
 {% endblock %}

src/registrar/templates/django/admin/domain_change_form.html

@@ -6,6 +6,19 @@
         <input id="manageDomainSubmitButton" type="submit" value="Manage domain" name="_edit_domain">
         <input type="submit" value="Get registry status" name="_get_status">
         <input type="submit" value="Extend expiration date" name="_extend_expiration_date">
+        <a
+        href="#toggle-extend-expiration-alert"
+        aria-controls="toggle-extend-expiration-alert"
+        data-open-modal
+        >Disable DNSSEC</a>
+        <div
+        class="usa-modal"
+        id="toggle-extend-expiration-alert"
+        aria-labelledby="Are you sure you want to continue?"
+        aria-describedby="Your DNSSEC records will be deleted from the registry."
+        >
+            {% include 'includes/modal.html' with modal_heading="Are you sure you want to disable DNSSEC?" modal_button=modal_button|safe %}
+        </div>
         <div class="spacer"></div>
         {% if original.state == original.State.READY %}
         <input type="submit" value="Place hold" name="_place_client_hold" class="custom-link-button">