Domain management sidebar

src/registrar/config/urls.py

@@ -62,6 +62,7 @@ urlpatterns = [
         name="todo",
     ),
     path("domain/<int:pk>", views.DomainView.as_view(), name="domain"),
+    path("domain/<int:pk>/users", views.DomainUsersView.as_view(), name="domain-users"),
 ]
 
 

src/registrar/templates/domain_base.html

@@ -0,0 +1,24 @@
+{% extends "dashboard_base.html" %}
+
+{% block title %}Domain {{ domain.name }}{% endblock %}
+
+{% block content %}
+<div class="grid-container">
+  <div class="grid-row grid-gap">
+    <div class="grid-col-3">
+      {% include 'domain_sidebar.html' %}
+    </div>
+
+    <div class="grid-col-9">
+      <main id="main-content" class="grid-container">
+
+	  <h1>Domain {{ domain.name }}</h1>
+
+	  {% block domain_content %}
+	  {% endblock %}  {# domain_content #}
+
+	  </main>
+    </div>
+  </div>
+</div>
+{% endblock %}  {# content #}

src/registrar/templates/domain_detail.html

@@ -1,21 +1,5 @@
-{% extends "dashboard_base.html" %}
+{% extends "domain_base.html" %}
-
-
-{% block title %}Domain {{ domain.name }}{% endblock %}
-
-{% block content %}
-<main id="main-content" class="grid-container">
-<div class="tablet:grid-offset-1 desktop:grid-offset-2">
-  <h1>{{ domain.name }}</h1>
 
+{% block domain_content %}
  <p>Active: {% if domain.is_active %}Yes{% else %}No{% endif %}</p>
-
+{% endblock %}  {# domain_content #}
-  <h2>Users</h2>
-  <ul>
-  {% for user in domain.users.all %}
-  <li>{{ user }} &lt;{{ user.email }}&gt;</li>
-  {% endfor %}
-  </ul>
-</div>
-</main>
-{% endblock %}  {# content #}

src/registrar/templates/domain_sidebar.html

@@ -0,0 +1,61 @@
+{% load static url_helpers %}
+
+<div class="margin-bottom-4 tablet:margin-bottom-0">
+  <nav aria-label="Domain sections">
+    <ul class="usa-sidenav">
+      <li class="usa-sidenav__item">
+        {% url 'domain' pk=domain.id as url %} 
+        <a href="{{ url }}" 
+          {% if request.path == url %}class="usa-current"{% endif %}
+        >
+          Domain Overview
+        </a>
+      </li>
+
+      <li class="usa-sidenav__item">
+        {% url 'todo' as url %}
+        <a href="{{ url }}"
+          {% if request.path == url %}class="usa-current"{% endif %}
+        >
+            DNS name servers
+        </a>
+      </li>
+
+      <li class="usa-sidenav__item">
+        {% url 'todo' as url %}
+        <a href="{{ url }}"
+          {% if request.path == url %}class="usa-current"{% endif %}
+        >
+            Authorizing official
+        </a>
+      </li>
+
+      <li class="usa-sidenav__item">
+        {% url 'todo' as url %}
+        <a href="{{ url }}"
+          {% if request.path == url %}class="usa-current"{% endif %}
+        >
+            Your contact information
+        </a>
+      </li>
+
+      <li class="usa-sidenav__item">
+        {% url 'todo' as url %}
+        <a href="{{ url }}"
+          {% if request.path == url %}class="usa-current"{% endif %}
+        >
+            Security email
+        </a>
+      </li>
+
+      <li class="usa-sidenav__item">
+        {% url 'domain-users' pk=domain.id as url %}
+        <a href="{{ url }}"
+          {% if request.path == url %}class="usa-current"{% endif %}
+        >
+            User management
+        </a>
+      </li>
+    </ul>
+  </nav>
+</div>

src/registrar/templates/domain_users.html

@@ -0,0 +1,10 @@
+{% extends "domain_base.html" %}
+
+{% block domain_content %}
+<h2>Users</h2>
+  <ul>
+  {% for user in domain.users.all %}
+	<li>{{ user }} &lt;{{ user.email }}&gt;</li>
+  {% endfor %}
+  </ul>
+{% endblock %}  {# domain_content #}

src/registrar/views/domain.py

@@ -11,3 +11,9 @@ class DomainView(DomainPermission, DetailView):
     model = Domain
     template_name = "domain_detail.html"
     context_object_name = "domain"
+
+
+class DomainUsersView(DomainPermission, DetailView):
+    model = Domain
+    template_name = "domain_users.html"
+    context_object_name = "domain"