More CSS improvements and wip on profile page

- uses dividers between divs which I'm not sure I like
- etc

2 files changed, 16 insertions, 5 deletions

diff --git a/core/templates/core/base.html b/core/templates/core/base.html
index e69eaeb..4c31294 100644
--- a/core/templates/core/base.html
+++ b/core/templates/core/base.html
@@ -29,7 +29,7 @@
             </div>
             <div class="flex items-center space-x-4">
                 {% if request.user.is_authenticated %}
-                    <span class="text-white">{{ user }}</span>
+                <a href="{% url 'profile' %}"><span class="text-white">{{ user }}</span></a>
                     <a href="{% url 'logout' %}" class="text-white hover:text-blue-200">Log Out</a>
                 {% else %}
                     <a href="{% url 'login' %}" class="text-white hover:text-blue-200">Log In</a>
diff --git a/core/templates/core/profile.html b/core/templates/core/profile.html
index 66184f6..7f512e4 100644
--- a/core/templates/core/profile.html
+++ b/core/templates/core/profile.html
@@ -5,16 +5,16 @@
 {% block content %}
 
 <div class="container my-4 bg-white">
-    <div class="py-3 rounded border border-2">
+    <div class="py-3 rounded border border-2 divide-y-2 divide-gray-300 divide-solid">
        <div class="p-4">
            <h1 class="font-bold text-lg">{{ user.first_name }} {{ user.last_name }} <span class="text-zinc-400 text-md font-normal"> &#9900; {{ user.designation }} {{ user.team.name }} </span></h1>
+           <a href="mailto:{{ user.email }}" class="text-blue-500 hover:underline">{{ user.email }}</a>
        </div>
        <div>
-           <p class="pl-4 pb-2">{{ user.dapsy }}</p>
+           <p class="pl-4 pb-2 my-4 text-purple">Is DAP-Sy: {{ user.dapsy }}</p>
        </div>
-       <hr>
        <div class="py-2 px-4">
-           <p>Lead inspector for :</p>
+           <p class="font-semibold">Lead inspector for:</p>
                 <ul class="list-disc px-2 mt-4">
                     {% for org in user.lead_for.all%}
                     <li class="ml-4">
@@ -23,6 +23,17 @@
                     {% endfor %}
                 </ul>
        </div>
+       <div class="py-2 px-4">
+           <p class="font-semibold">Recent and upcoming engagements:</p>
+                <ul class="list-disc px-2 mt-4">
+                    {% for eng in user.get_all_engagements.all|dictsortreversed:"proposed_start_date" %}
+                    <li class="ml-4">
+                        {{ eng.proposed_start_date|date:'d M y' }} - <a href="{% url 'engagements:engagement_detail' eng.id %}" class="text-blue-600 hover:underline">{{ eng.alt_str }}</a>
+                    </li>
+                    {% endfor %}
+                </ul>
+       </div>
+
     </div>
 </div>