[Offering] Update UI (#2890)

* feat(#2883): Display tasks/events using account benefits in account benefit details page

* feat(#2887): Update wording for account benefits

Author: pbanaszkiewicz

src/offering/templates/offering/account_benefit_details.html

@@ -73,4 +73,56 @@
   </tr>
 </table>
 
+{% if object.benefit.unit_type == "seat" %}
+<h3>Usage: tasks</h3>
+<table class="table table-striped">
+  <tr>
+    <th>Event</th>
+    <th>Person</th>
+    <th>Role</th>
+    <th class="additional-links"></th>
+  </tr>
+  {% for task in tasks %}
+  <tr>
+    <td><a href="{{ task.event.get_absolute_url }}">{{ task.event }}</a></td>
+    <td><a href="{{ task.person.get_absolute_url }}">{{ task.person }}</a></td>
+    <td>{{ task.role }}</td>
+    <td>
+      <a href="{% url 'task_details' task.id %}" title="View {{ task }}"><i class="fas fa-info-circle"></i></a>
+      &nbsp;
+      {% if perms.workshops.change_task %}
+      <a href="{% url 'task_edit' task.id %}" title="Edit {{ task }}"><i class="fas fa-edit"></i></a>
+      {% endif %}
+    </td>
+  </tr>
+  {% endfor %}
+</table>
+{% endif %}
+
+{% if object.benefit.unit_type == "event" %}
+<h3>Usage: events</h3>
+<table class="table table-striped">
+  <tr>
+    <th>Slug</th>
+    <th>Host</th>
+    <th>Dates</th>
+    <th class="additional-links"></th>
+  </tr>
+  {% for event in events %}
+  <tr>
+    <td><a href="{{ event.get_absolute_url }}">{{ event.slug }}</a></td>
+    <td><a href="{% url 'organization_details' event.host.domain_quoted %}">{{ event.host }}</a></td>
+    <td>{{ event.start }} &ndash; {{ event.end }}</td>
+    <td>
+      <a href="{% url 'event_details' event.slug %}" title="View {{ event.slug }}"><i class="fas fa-info-circle"></i></a>
+      &nbsp;
+      {% if perms.workshops.change_event %}
+      <a href="{% url 'event_edit' event.slug %}" title="Edit {{ event.slug }}"><i class="fas fa-edit"></i></a>
+      {% endif %}
+    </td>
+  </tr>
+  {% endfor %}
+</table>
+{% endif %}
+
 {% endblock %}

src/offering/templates/offering/account_benefit_list.html

@@ -8,7 +8,7 @@
         <th>Account</th>
         <th>Partnership</th>
         <th>Benefit</th>
-        <th>Allocation</th>
+        <th>Used / allocated</th>
         <th>Discount</th>
         <th>Curriculum</th>
         <th>Dates</th>

src/offering/templates/offering/includes/account_benefits.html

@@ -5,7 +5,7 @@
     <th>Partnership</th>
     {% endif %}
     <th>Dates</th>
-    <th>Allocation</th>
+    <th>Used / allocated</th>
     <th>Discount</th>
     <th>Curriculum</th>
     <th>Active</th>

src/offering/views.py

@@ -31,7 +31,7 @@
 )
 from src.workshops.filters import EventCategoryFilter
 from src.workshops.forms import EventCategoryForm
-from src.workshops.models import EventCategory, Person
+from src.workshops.models import Event, EventCategory, Person, Task
 from src.workshops.utils.access import OnlyForAdminsMixin
 from src.workshops.utils.urls import safe_next_or_default_url
 
@@ -274,6 +274,8 @@ class AccountBenefitDetails(OnlyForAdminsMixin, FlaggedViewMixin, AMYDetailView[
     def get_context_data(self, **kwargs: Any) -> dict[str, Any]:
         context = super().get_context_data(**kwargs)
         context["title"] = str(self.object)
+        context["tasks"] = Task.objects.filter(allocated_benefit=self.object).select_related("event", "person", "role")
+        context["events"] = Event.objects.filter(allocated_benefit=self.object).select_related("host")
         return context