Merge pull request #43 from industrydive/TECH-7721-UX-Changes

TECH-7721 UX updates to source change form

media/css/admin/change-link.css

@@ -0,0 +1,10 @@
+.object-tools a:link.change-link, .object-tools a:visited.change-link {
+  align-items: center;
+    background: #417690;
+    display: flex;
+  }
+
+.object-tools .change-link img {
+    margin-right: 3px;
+    padding-bottom: 2px;
+}

sources/admin.py

@@ -337,6 +337,10 @@ class PersonAdmin(admin.ModelAdmin, CreatedByMixin):
     view_on_site = False  # THIS DOES NOT WORK CURRENTLY
     inlines = (InteractionInline, InteractionNewInline,)
 
+    class Media:
+        css = {
+            'all': ('css/admin/change-link.css',)
+        }
 
     def email_address_semiprivate_display(self, obj):
         display_text = 'Please contact <strong>{}</strong> for this information'.format(obj.created_by)

templates/admin/change_form.html

@@ -1,5 +1,6 @@
 {% extends 'admin/change_form.html' %}
 {% load static %}
+{% load admin_urls %}
 
 {% block extrahead %}
 

templates/admin/sources/person/change_form.html

@@ -0,0 +1,38 @@
+{% extends 'admin/change_form.html' %}
+{% load static %}
+
+{% block content_title %}
+  {% if request.GET.edit %}
+    <h1>Edit {{ opts.verbose_name }}</h1>
+  {% else %}
+    <h1>View {{ opts.verbose_name }}</h1>
+  {% endif %}
+{% endblock %}
+
+{% block object-tools-items %}
+  {{ block.super }}
+  {% if not '?edit=true' in request.get_full_path %}
+    <li>
+      <a href="{% url 'admin:sources_person_change' object_id %}?edit=true" class="change-link"/>
+        <img src="{% static 'img/admin/sources/icon-pencil.svg' %}"  width="11px" height="11px" >
+        <span>Edit</span>
+      </a>
+    </li>
+  {% elif '?edit=true' in request.get_full_path %}
+    <li>
+      <a href="{% url 'admin:sources_person_change' object_id %}" class="change-link">
+        <span>View</span>
+      </a>
+    </li>
+  {% endif %}
+{% endblock %}
+
+{% comment %}
+  Keeping this empty removes the submit buttons
+  at the top of the page
+{% endcomment %}
+{% block submit_buttons_top %}
+  {% block submit-row %}
+
+  {% endblock %}
+{% endblock %}