Added list-group-item-action to backoffice and economy

src/backoffice/templates/autoschedule_index.html

@@ -8,39 +8,39 @@ <h3 class="card-title">Manage AutoScheduler</h3>
     <div class="card-body">
       <p class="lead">Select your desired action below</p>
       <div class="list-group">
-        <a href="{% url 'backoffice:autoschedule_validate' camp_slug=camp.slug %}" class="list-group-item">
+        <a href="{% url 'backoffice:autoschedule_validate' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
           <h4 class="list-group-item-heading">
             <i class="fas fa-fire-extinguisher fa-fw"></i> Validate Schedule
           </h4>
           <p class="list-group-item-text">
             Validate published or draft schedule. Useful to check if the published schedule is still valid after making changes to the underlying data. Can also check the draft schedule.
           </p>
         </a>
-        <a href="{% url 'backoffice:autoschedule_diff' camp_slug=camp.slug %}" class="list-group-item">
+        <a href="{% url 'backoffice:autoschedule_diff' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
           <h4 class="list-group-item-heading">
             <i class="fas fa-random fa-fw"></i> Show Schedule Diff
           </h4>
           <p class="list-group-item-text">
             Show the differences between the published schedule and the similar draft schedule. Use this to predict what schedule changes would happen if the draft schedule was applied now. <i>This view takes a while to load.</i>
           </p>
         </a>
-        <a href="{% url 'backoffice:autoschedule_apply' camp_slug=camp.slug %}" class="list-group-item">
+        <a href="{% url 'backoffice:autoschedule_apply' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
           <h4 class="list-group-item-heading">
             <i class="fas fa-check fa-fw"></i> Apply Schedule
           </h4>
           <p class="list-group-item-text">
             Apply the draft schedule by unscheduling any currently autoscheduled Events and scheduling new Events in EventSlots to match the Slot/Event combinations in the draft schedule. It is prudent to check the validity and diff for the draft schedule before applying!
           </p>
         </a>
-        <a href="{% url 'backoffice:autoschedule_debug_event_slot_unavailability' camp_slug=camp.slug %}" class="list-group-item">
+        <a href="{% url 'backoffice:autoschedule_debug_event_slot_unavailability' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
           <h4 class="list-group-item-heading">
             <i class="fas fa-chess-board fa-fw"></i> Debug Event/Slot Unavailability
           </h4>
           <p class="list-group-item-text">
             This debug view shows a matrix/table with all AutoScheduler Events on the Y axis and all AutoScheduler Slots on the X axis, and red/green table cells to indicate whether an event can be scheduled in that Slot. <i>This view takes a while to load.</i>
           </p>
         </a>
-        <a href="{% url 'backoffice:autoschedule_debug_event_conflicts' camp_slug=camp.slug %}" class="list-group-item">
+        <a href="{% url 'backoffice:autoschedule_debug_event_conflicts' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
           <h4 class="list-group-item-heading">
             <i class="fas fa-chess-board fa-fw"></i> Debug Event Conflicts
           </h4>

src/backoffice/templates/backoffice_proxy.html

@@ -7,7 +7,7 @@
     <div class="card-body">
       <ul class="list-group">
         {% for slug, urltuple in urls.items %}
-          <a class="list-group-item" href="{% url 'backoffice:proxy' camp_slug=camp.slug proxy_slug=slug %}"><span class="h4">{{ urltuple.0 }}</span><span class="pull-right">{{ urltuple.1 }}</span></a>
+          <a class="list-group-item list-group-item-action" href="{% url 'backoffice:proxy' camp_slug=camp.slug proxy_slug=slug %}"><span class="h4">{{ urltuple.0 }}</span><span class="pull-right">{{ urltuple.1 }}</span></a>
         {% endfor %}
       </ul>
     </div>

src/backoffice/templates/camp_select.html

@@ -17,7 +17,7 @@ <h2>BornHack Backoffice Camp Picker</h2>
     <p>
       <div class="list-group">
         {% for camp in camp_list %}
-          <a href="{% url 'backoffice:camp_index' camp_slug=camp.slug %}" class="list-group-item">
+          <a href="{% url 'backoffice:camp_index' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
             <h4 class="list-group-item-heading">{{ camp.title }}</h4>
             <p class="list-group-item-text">Manage {{ camp.title }}</p>
           </a>

src/backoffice/templates/coinify_dashboard.html

@@ -26,19 +26,19 @@
       {% endif %}
 
       <div class="list-group">
-        <a class="list-group-item" href="{% url 'backoffice:coinifyinvoice_list' camp_slug=camp.slug %}">
+        <a class="list-group-item list-group-item-action" href="{% url 'backoffice:coinifyinvoice_list' camp_slug=camp.slug %}">
           <h4 class="list-group-item-heading">Coinify Invoices</h4>
           <p class="list-group-item-text">Use this view to see {{ invoices }} Coinify invoices.</p>
         </a>
-        <a class="list-group-item" href="{% url 'backoffice:coinifypayout_list' camp_slug=camp.slug %}">
+        <a class="list-group-item list-group-item-action" href="{% url 'backoffice:coinifypayout_list' camp_slug=camp.slug %}">
           <h4 class="list-group-item-heading">Coinify Payouts</h4>
           <p class="list-group-item-text">Use this view to see {{ payouts }} Coinify payouts.</p>
         </a>
-        <a class="list-group-item" href="{% url 'backoffice:coinifybalance_list' camp_slug=camp.slug %}">
+        <a class="list-group-item list-group-item-action" href="{% url 'backoffice:coinifybalance_list' camp_slug=camp.slug %}">
           <h4 class="list-group-item-heading">Coinify Balances</h4>
           <p class="list-group-item-text">Use this view to see {{ balances }} Coinify balances.</p>
         </a>
-        <a class="list-group-item" href="{% url 'backoffice:coinify_csv_import' camp_slug=camp.slug %}">
+        <a class="list-group-item list-group-item-action" href="{% url 'backoffice:coinify_csv_import' camp_slug=camp.slug %}">
           <h4 class="list-group-item-heading">Import CSV Files</h4>
           <p class="list-group-item-text">Use this view to import CSV files with new invoices, payouts or balances.</p>
         </a>

src/backoffice/templates/event_location_list.html

@@ -38,7 +38,7 @@
                   {% if location.conflicts.exists %}
                     <ul class="list-group">
                       {% for conflict in location.conflicts.all %}
-                        <a href="{% url 'backoffice:event_location_detail' camp_slug=camp.slug slug=conflict.slug %}"class="list-group-item"><i class="fas fa-{{ conflict.icon }}"></i> {{ conflict.name }}</a>
+                        <a href="{% url 'backoffice:event_location_detail' camp_slug=camp.slug slug=conflict.slug %}"class="list-group-item list-group-item-action"><i class="fas fa-{{ conflict.icon }}"></i> {{ conflict.name }}</a>
                       {% endfor %}
                   {% else %}
                     N/A

src/backoffice/templates/event_session_create_location_select.html

@@ -10,7 +10,7 @@ <h3 class="card-title">Create New EventSession - Select Event Location</h3>
       <p class="lead">Select Event Location for the new EventSession</p>
       <div class="list-group">
         {% for location in event_location_list %}
-          <a href="{%url 'backoffice:event_session_create' camp_slug=camp.slug event_type_slug=event_type.slug event_location_slug=location.slug %}" class="list-group-item">
+          <a href="{%url 'backoffice:event_session_create' camp_slug=camp.slug event_type_slug=event_type.slug event_location_slug=location.slug %}" class="list-group-item list-group-item-action">
             <h4 class="list-group-item-heading">
               <i class="fas fa-{{ location.icon }} fa-2x fa-pull-left fa-fw"></i>
               {{ location.name }}<span class="pull-right"><i class="fas fa-plus fa-2x fa-pull-right"></i></span>

src/backoffice/templates/event_session_create_type_select.html

@@ -10,7 +10,7 @@ <h3 class="card-title">Create New EventSession - Select Event Type</h3>
       <p class="lead">Select Event Type for the new EventSession</p>
       <div class="list-group">
         {% for event_type in event_type_list %}
-          <a href="{%url 'backoffice:event_session_create_location_select' camp_slug=camp.slug event_type_slug=event_type.slug %}" class="list-group-item">
+          <a href="{%url 'backoffice:event_session_create_location_select' camp_slug=camp.slug event_type_slug=event_type.slug %}" class="list-group-item list-group-item-action">
             <h4 class="list-group-item-heading">
               <i class="fas fa-{{ event_type.icon }} fa-2x fa-pull-left fa-fw" style="color: {{ event_type.color }};"></i>
               {{ event_type.name }}<span class="pull-right"><i class="fas fa-plus fa-2x fa-pull-right" style="color: {{ event_type.color }};"></i></span>

src/backoffice/templates/event_session_detail.html

@@ -60,7 +60,7 @@ <h3 class="card-title">EventSession Details</h3>
                         {% if slot.event.speakers.exists %}
                           <ul class="list-group">
                             {% for speaker in slot.event.speakers.all %}
-                              <a href="{% url 'backoffice:speaker_detail' camp_slug=camp.slug slug=speaker.slug %}" class="list-group-item"><i class="fas fa-user"></i> {{ speaker.name }}</a>
+                              <a href="{% url 'backoffice:speaker_detail' camp_slug=camp.slug slug=speaker.slug %}" class="list-group-item list-group-item-action"><i class="fas fa-user"></i> {{ speaker.name }}</a>
                             {% endfor %}
                           </ul>
                         {% else %}

src/backoffice/templates/event_slot_list.html

@@ -48,7 +48,7 @@
                     {% if slot.event.speakers.exists %}
                       <ul class="list-group">
                         {% for speaker in slot.event.speakers.all %}
-                          <a href="{% url 'backoffice:speaker_detail' camp_slug=camp.slug slug=speaker.slug %}" class="list-group-item"><i class="fas fa-user"></i> {{ speaker.name }}</li></a>
+                          <a href="{% url 'backoffice:speaker_detail' camp_slug=camp.slug slug=speaker.slug %}" class="list-group-item list-group-item-action"><i class="fas fa-user"></i> {{ speaker.name }}</li></a>
                         {% endfor %}
                     {% else %}
                       N/A

src/backoffice/templates/event_type_detail.html

@@ -65,7 +65,7 @@ <h3 class="card-title">Details for EventType: {{ event_type.name }}</h3>
                         <td>
                           <ul class="list-group">
                             {% for speaker in event.speakers.all %}
-                              <a href="{% url 'backoffice:speaker_detail' camp_slug=camp.slug slug=speaker.slug %}" class="list-group-item"><i class="fas fa-user"></i> {{ speaker.name }}</a>
+                              <a href="{% url 'backoffice:speaker_detail' camp_slug=camp.slug slug=speaker.slug %}" class="list-group-item list-group-item-action"><i class="fas fa-user"></i> {{ speaker.name }}</a>
                             {% empty %}
                               N/A
                             {% endfor %}
@@ -74,7 +74,7 @@ <h3 class="card-title">Details for EventType: {{ event_type.name }}</h3>
                         <td>
                           <ul class="list-group">
                             {% for slot in event.event_slots.all %}
-                              <a href="{% url 'backoffice:event_slot_detail' camp_slug=camp.slug pk=slot.pk %}" class="list-group-item">From {{ slot.when.lower }} to {{ slot.when.upper }} at {{ slot.event_location.name }}</a>{% endfor %}</td>
+                              <a href="{% url 'backoffice:event_slot_detail' camp_slug=camp.slug pk=slot.pk %}" class="list-group-item list-group-item-action">From {{ slot.when.lower }} to {{ slot.when.upper }} at {{ slot.event_location.name }}</a>{% endfor %}</td>
                         </tr>
                     {% endfor %}
                   </tbody>

src/backoffice/templates/includes/event_proposal_list_table_backoffice.html

@@ -28,7 +28,7 @@
           {% if proposal.speakers.exists %}
             <ul class="list-group">
               {% for speaker in proposal.speakers.all %}
-                <a href="{% url 'backoffice:speaker_proposal_detail' camp_slug=camp.slug pk=speaker.pk %}" class="list-group-item"><i class="fas fa-user{% if speaker.proposal_status == "approved" %} text-success{% elif speaker.proposal_status == "rejected" %} text-danger{% endif %}" data-bs-toggle="tooltip" data-bs-title="Proposal {{ speaker.proposal_status }}"></i> {{ speaker.name }}</a>
+                <a href="{% url 'backoffice:speaker_proposal_detail' camp_slug=camp.slug pk=speaker.pk %}" class="list-group-item list-group-item-action"><i class="fas fa-user{% if speaker.proposal_status == "approved" %} text-success{% elif speaker.proposal_status == "rejected" %} text-danger{% endif %}" data-bs-toggle="tooltip" data-bs-title="Proposal {{ speaker.proposal_status }}"></i> {{ speaker.name }}</a>
               {% endfor %}
           {% else %}
             N/A

src/backoffice/templates/includes/index_content.html

@@ -1,50 +1,50 @@
 {% if perms.camps.content_team_member %}
   <h3>Content Team</h3>
-  <a href="{% url 'backoffice:approve_event_feedback' camp_slug=camp.slug %}" class="list-group-item">
+  <a href="{% url 'backoffice:approve_event_feedback' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
     <h4 class="list-group-item-heading">Approve Feedback</h4>
     <p class="list-group-item-text">Use these views to approve or reject EventFeedback</p>
   </a>
-  <a href="{% url 'backoffice:pending_proposals' camp_slug=camp.slug %}" class="list-group-item">
+  <a href="{% url 'backoffice:pending_proposals' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
     <h4 class="list-group-item-heading">Approve/Reject Pending Proposals</h4>
     <p class="list-group-item-text">Use these views to approve/reject pending SpeakerProposals and EventProposals</p>
   </a>
-  <a href="{% url 'backoffice:autoschedule_manage' camp_slug=camp.slug %}" class="list-group-item">
+  <a href="{% url 'backoffice:autoschedule_manage' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
     <h4 class="list-group-item-heading">AutoScheduler</h4>
     <p class="list-group-item-text">Use these views to manage the AutoScheduler</p>
   </a>
-  <a href="{% url 'backoffice:event_list' camp_slug=camp.slug %}" class="list-group-item">
+  <a href="{% url 'backoffice:event_list' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
     <h4 class="list-group-item-heading">Events</h4>
     <p class="list-group-item-text">Use these views to manage Events</p>
   </a>
-  <a href="{% url 'backoffice:event_location_list' camp_slug=camp.slug %}" class="list-group-item">
+  <a href="{% url 'backoffice:event_location_list' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
     <h4 class="list-group-item-heading">EventLocations</h4>
     <p class="list-group-item-text">Use these views to manage EventLocations</p>
   </a>
-  <a href="{% url 'backoffice:event_proposal_list' camp_slug=camp.slug %}" class="list-group-item">
+  <a href="{% url 'backoffice:event_proposal_list' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
     <h4 class="list-group-item-heading">EventProposals</h4>
     <p class="list-group-item-text">Use these views to see all EventProposals</p>
   </a>
-  <a href="{% url 'backoffice:event_session_list' camp_slug=camp.slug %}" class="list-group-item">
+  <a href="{% url 'backoffice:event_session_list' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
     <h4 class="list-group-item-heading">EventSessions</h4>
     <p class="list-group-item-text">Use these views to manage <i>EventSession</i> objects. Each <i>EventSession</i> is parent to one or more related <i>EventSlot</i> objects, which is what <i>Events</i> are scheduled in.</p>
   </a>
-  <a href="{% url 'backoffice:event_slot_list' camp_slug=camp.slug %}" class="list-group-item">
+  <a href="{% url 'backoffice:event_slot_list' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
     <h4 class="list-group-item-heading">EventSlots</h4>
     <p class="list-group-item-text">Use these views to see <i>EventSlot</i> objects. <i>Events</i> are scheduled in <i>EventSlots</i>. An <i>EventSlot</i> belong to an <i>EventSession</i>, which is what defines the <i>EventType</i> and <i>EventLocation</i> of the <i>EventSlot</i>.</p>
   </a>
-  <a href="{% url 'backoffice:event_type_list' camp_slug=camp.slug %}" class="list-group-item">
+  <a href="{% url 'backoffice:event_type_list' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
     <h4 class="list-group-item-heading">EventTypes</h4>
     <p class="list-group-item-text">Use these views to manage EventTypes</p>
   </a>
-  <a href="{% url 'backoffice:speaker_list' camp_slug=camp.slug %}" class="list-group-item">
+  <a href="{% url 'backoffice:speaker_list' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
     <h4 class="list-group-item-heading">Speakers</h4>
     <p class="list-group-item-text">Use these views to manage Speakers</p>
   </a>
-  <a href="{% url 'backoffice:speaker_proposal_list' camp_slug=camp.slug %}" class="list-group-item">
+  <a href="{% url 'backoffice:speaker_proposal_list' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
     <h4 class="list-group-item-heading">SpeakerProposals</h4>
     <p class="list-group-item-text">Use these views to see all SpeakerProposals</p>
   </a>
-  <a href="{% url 'backoffice:add_eventrecording' camp_slug=camp.slug %}" class="list-group-item">
+  <a href="{% url 'backoffice:add_eventrecording' camp_slug=camp.slug %}" class="list-group-item list-group-item-action">
     <h4 class="list-group-item-heading">Add Recordings</h4>
     <p class="list-group-item-text">Use this view to add recordings to events</p>
   </a>