Add breadcrumb

cisagov · Nov 7, 2024 · e1006ed · e1006ed
1 parent e0a7352
commit e1006ed
Showing 1 changed file with 20 additions and 30 deletions.
diff --git a/src/registrar/templates/domain_request_form.html b/src/registrar/templates/domain_request_form.html
@@ -13,44 +13,34 @@
         <input type="hidden" class="display-none" id="wizard-domain-request-id" value="{{domain_request_id}}"/>
         {% if steps.current == steps.first %}
           {% if portfolio %}
-            <a href="{% url 'domain-requests' %}" class="breadcrumb__back">
-              <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24">
-                <use xlink:href="{%static 'img/sprite.svg'%}#arrow_back"></use>
-              </svg><span class="margin-left-05">Back to domain requests</span>
-            </a>
+            {% url 'domain-requests' as url_2 %}
           {% else %}
-            <a href="{% url 'home' %}" class="breadcrumb__back">
-              <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24">
-                <use xlink:href="{%static 'img/sprite.svg'%}#arrow_back"></use>
-              </svg><span class="margin-left-05">Back to home</span>
-            </a>
+            {% url 'home' as url_2 %}
           {% endif %}
+          <nav class="usa-breadcrumb padding-top-0" aria-label="Domain request breadcrumb">
+            <ol class="usa-breadcrumb__list">
+              <li class="usa-breadcrumb__list-item">
+                <a href="{{ url_2 }}" class="usa-breadcrumb__link">
+                  <span>
+                    {% if portfolio%}Domain requests{%else%}Manage your domains{% endif%}
+                  </span>
+                </a>
+              </li>
+              <li class="usa-breadcrumb__list-item usa-current" aria-current="page">
+                {% if requested_domain__name %}
+                <span>{{ requested_domain__name }}</span>
+                {% else %}
+                <span>New domain request</span>
+                {% endif %}
+              </li>
+            </ol>
+          </nav>
         {% elif steps.prev %}
         <a href="{% namespaced_url 'domain-request' steps.prev id=domain_request_id  %}" class="breadcrumb__back">
           <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24" height="24">
             <use xlink:href="{%static 'img/sprite.svg'%}#arrow_back"></use>
           </svg><span class="margin-left-05">Previous step</span>
         </a>
-        {% comment %}
-        TODO: uncomment in #2596
-        {% else %}
-          {% if portfolio %}
-            {% url 'domain-requests' as url_2 %}
-            <nav class="usa-breadcrumb padding-top-0" aria-label="Domain request breadcrumb">
-              <ol class="usa-breadcrumb__list">
-                <li class="usa-breadcrumb__list-item">
-                  <a href="{{ url_2 }}" class="usa-breadcrumb__link"><span>Domain requests</span></a>
-                </li>
-                <li class="usa-breadcrumb__list-item usa-current" aria-current="page">
-                  {% if requested_domain__name %}
-                  <span>{{ requested_domain__name }}</span>
-                  {% else %}
-                  <span>Start a new domain request</span>
-                  {% endif %}
-                </li>
-              </ol>
-            </nav>
-          {% endif %} {% endcomment %}
         {% endif %}
 
 {% block form_messages %}