From 69533a2f80cdaa7a908d81788702aeb08ed2fea5 Mon Sep 17 00:00:00 2001
From: Neil Martinsen-Burrell <neil.martinsen-burrell@gsa.gov>
Date: Fri, 27 Jan 2023 11:51:30 -0600
Subject: [PATCH] Sortable table and dashboard_view styling

---
 .../_theme/_uswds-theme-custom-styles.scss    |  2 +-
 src/registrar/templates/base.html             |  4 ++-
 src/registrar/templates/home.html             | 31 +++++++++++++++----
 src/registrar/views/index.py                  |  2 ++
 4 files changed, 31 insertions(+), 8 deletions(-)

diff --git a/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss b/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss
index 7dd1a456f..1ea01a119 100644
--- a/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss
+++ b/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss
@@ -130,7 +130,7 @@ section.dashboard {
   }
 }
 
-#wrapper {
+#wrapper.dashboard {
   background-color: color('primary-lightest');
 }
 
diff --git a/src/registrar/templates/base.html b/src/registrar/templates/base.html
index 1a87457e0..8bbd6206f 100644
--- a/src/registrar/templates/base.html
+++ b/src/registrar/templates/base.html
@@ -128,11 +128,13 @@
       <div class="usa-navbar">
         {% block logo %}
         <div class="usa-logo" id="extended-logo">
+           <a href="{% url 'home' %}">
            <img
                 src="{% static 'img/dottedgov-round.svg' %}"
                 alt="Home"
                 width="48px"
               />
+           </a>
         </div>
         {% endblock %}
         <button type="button" class="usa-menu-btn">Menu</button>
@@ -162,7 +164,7 @@
     </div>
   </header>
   {% endblock banner %}
-  <div id="wrapper">
+  <div id="wrapper" {% if dashboard_view %}class="dashboard"{% endif %}>
     {% block messages %}
     {% if messages %}
     <ul class="messages">
diff --git a/src/registrar/templates/home.html b/src/registrar/templates/home.html
index 0c8aa849d..103e9f192 100644
--- a/src/registrar/templates/home.html
+++ b/src/registrar/templates/home.html
@@ -1,5 +1,7 @@
 {% extends 'base.html' %}
 
+{% load static %}
+
 {% block title %} Hello {% endblock %}
 
 {% block content %}
@@ -30,19 +32,36 @@
   <caption class="sr-only">Your domain applications</caption>
   <thead>
     <tr>
-    <th>Name</th>
-    <th>Status</th>
+    <th data-sortable scope="col" role="columnheader">Domain name</th>
+	<th data-sortable scope="col" role="columnheader">Date created</th>
+    <th data-sortable scope="col" role="columnheader">Status</th>
+    <th></th>
     </tr>
   </thead>
   <tbody>
     {% for application in domain_applications %}
     <tr>
-      <th>
-      <a href="{% url 'edit-application' application.pk %}">
+      <th th scope="row" role="rowheader">
         {{ application.requested_domain.name|default:"New domain request" }}
-      </a>
       </th>
-      <td>{{ application.status }}</td>
+      <td data-sort-value="{{ application.created_at|date:"U" }}">{{ application.created_at|date }}</td>
+      <td>{{ application.status|title }}</td>
+      <td>
+        <a href="{% url 'edit-application' application.pk %}">
+		{% if application.status == "started" %}
+          <svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
+          <use xlink:href="{%static 'img/sprite.svg'%}#edit"></use>
+          </svg>
+		  Edit
+
+		{% else %}
+          <svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
+          <use xlink:href="{%static 'img/sprite.svg'%}#settings"></use>
+          </svg>
+		  Manage
+		{% endif %}
+      </a>
+	  </td>
     </tr>
     {% endfor %}
   </tbody>
diff --git a/src/registrar/views/index.py b/src/registrar/views/index.py
index 6d50b3948..1e3dd366b 100644
--- a/src/registrar/views/index.py
+++ b/src/registrar/views/index.py
@@ -7,6 +7,8 @@ def index(request):
     """This page is available to anyone without logging in."""
     context = {}
     if request.user.is_authenticated:
+        # the logged-in index view IS the dashboard
+        context["dashboard_view"] = True
         applications = DomainApplication.objects.filter(creator=request.user)
         context["domain_applications"] = applications
     return render(request, "home.html", context)