#A03. As Admin, I would like to update existing Hackathon events. (#106)

Author: hebs87

hackathon/forms.py

@@ -44,6 +44,7 @@ class HackathonForm(forms.ModelForm):
         input_formats=['%d/%m/%Y %H:%M'],
         required=True,
         widget=forms.DateTimeInput(
+            format='%d/%m/%Y %H:%M',
             attrs={
                 'placeholder': 'DD/MM/YYYY HH:MM',
                 'autocomplete': 'off'
@@ -55,6 +56,7 @@ class HackathonForm(forms.ModelForm):
         input_formats=['%d/%m/%Y %H:%M'],
         required=True,
         widget=forms.DateTimeInput(
+            format='%d/%m/%Y %H:%M',
             attrs={
                 'placeholder': 'DD/MM/YYYY HH:MM',
                 'autocomplete': 'off'

hackathon/templates/hackathon/create-event.html

@@ -14,7 +14,11 @@
   <section class="h-100">
     <div class="row mb-3">
       <div class="col-12">
-        <h1>Create Hackathon</h1>
+        {% if hackathon_id %}
+          <h1>Edit Hackathon</h1>
+        {% else %}
+          <h1>Create Hackathon</h1>
+        {% endif %}
       </div>
     </div>
 

hackathon/templates/hackathon/includes/hackathon_card.html

@@ -8,16 +8,26 @@ <h6 class="card-subtitle mb-2 text-muted">{{ hackathon.start_date }} - {{ hackat
     {% endif %}
     <a href="#" class="btn btn-ci mr-3">Read More</a>
 
-    <!-- Delete button, only visible for admin users -->
+    <!-- Edit and Delete buttons, only visible for admin users -->
     {% if user.is_authenticated and user.is_superuser %}
+      <!-- Warn user if hackathon is ongoing or ended before loading edit form - trigger edit modal -->
+      {% if hackathon.start_date|date:"jS F Y H:i" <= today|date:"jS F Y H:i" %}
+        <button class="btn btn-ci mr-3" type="button" data-toggle="modal" data-target="#edit-modal-{{ hackathon.id }}">
+          Edit
+        </button>
+      {% else %}
+        <a href="{% url 'hackathon:update_hackathon' hackathon.id %}" class="btn btn-ci mr-3">
+          Edit
+        </a>
+      {% endif %}
       <button class="btn btn-ci" type="button" data-toggle="modal" data-target="#delete-modal-{{ hackathon.id }}">
         Delete Event
       </button>
     {% endif %}
   </div>
 </article>
 
-<!-- Modal - pass in hackathon id to modal id to enable rendering details and deleting correct hackathon event -->
+<!-- Delete modal - pass in hackathon id to modal id to enable rendering details and deleting correct hackathon event -->
 <div class="modal fade" id="delete-modal-{{ hackathon.id }}" tabindex="-1" aria-labelledby="delete-modal"
      aria-hidden="true">
   <div class="modal-dialog">
@@ -43,3 +53,31 @@ <h4 class="modal-title">Delete Hackathon</h4>
     </div>
   </div>
 </div>
+
+<!-- Edit modal - pass in hackathon id to modal id to enable rendering details and editing correct hackathon event -->
+<div class="modal fade" id="edit-modal-{{ hackathon.id }}" tabindex="-1" aria-labelledby="edit-modal"
+     aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title">Delete Hackathon</h4>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <!-- Warn user if hackathon has started and is in progress - dates need to be formatted to work correctly -->
+        {% if hackathon.start_date|date:"jS F Y H:i" <= today|date:"jS F Y H:i" and hackathon.end_date|date:"jS F Y H:i" >= today|date:"jS F Y H:i" %}
+          {{ hackathon.display_name }} is currently ongoing, do you really want to update it?
+        {% else %}
+          <!-- Warn user if hackathon has ended - dates need to be formatted to work correctly -->
+          {{ hackathon.display_name }} has ended, do you really want to update it?
+        {% endif %}
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-ci mr-3" data-dismiss="modal">No</button>
+        <a href="{% url 'hackathon:update_hackathon' hackathon.id %}" type="button" class="btn btn-ci">Yes</a>
+      </div>
+    </div>
+  </div>
+</div>

hackathon/urls.py

@@ -1,9 +1,12 @@
 from django.urls import path
 
-from .views import HackathonListView, create_hackathon, delete_hackathon
+from .views import (
+    HackathonListView, create_hackathon, update_hackathon, delete_hackathon
+)
 
 urlpatterns = [
     path('', HackathonListView.as_view(), name='hackathon-list'),
     path("create_hackathon", create_hackathon, name='create_hackathon'),
+    path("<int:hackathon_id>/update_hackathon", update_hackathon, name="update_hackathon"),
     path("<int:hackathon_id>/delete_hackathon", delete_hackathon, name="delete_hackathon"),
 ]

hackathon/views.py

@@ -67,7 +67,49 @@ def create_hackathon(request):
             messages.success(request, 'Thanks for submitting a new Hackathon event!')
         return redirect("hackathon:hackathon-list")
 
-    pass
+
+@login_required
+def update_hackathon(request, hackathon_id):
+    """ Allow users to edit hackathon event """
+
+    # Redirect user if they are not admin
+    if not request.user.is_superuser:
+        return redirect("hackathon:hackathon-list")
+
+    hackathon = get_object_or_404(Hackathon, pk=hackathon_id)
+    if request.method == 'GET':
+        form = HackathonForm(instance=hackathon)
+
+        context = {
+            "form": form,
+            "hackathon_id": hackathon_id,
+        }
+
+        return render(request, "hackathon/create-event.html", context)
+
+    else:
+        form = HackathonForm(request.POST, instance=hackathon)
+        # Convert start and end date strings to datetime and validate
+        start_date = datetime.strptime(request.POST.get('start_date'), '%d/%m/%Y %H:%M')
+        end_date = datetime.strptime(request.POST.get('end_date'), '%d/%m/%Y %H:%M')
+        now = datetime.now()
+
+        # Ensure start_date is a day in the future for hackathons that haven't started yet
+        if hackathon.start_date.date() > now.date() >= start_date.date():
+            messages.error(request, 'The start date must be a date in the future.')
+            return redirect("hackathon:update_hackathon", hackathon_id)
+
+        # Ensure end_date is after start_date
+        if end_date <= start_date:
+            messages.error(request, 'The end date must be at least one day after the start date.')
+            return redirect("hackathon:update_hackathon", hackathon_id)
+
+        # Submit form and save record
+        if form.is_valid():
+            form.instance.updated = now
+            form.save()
+            messages.success(request, f'Thanks, {hackathon.display_name} has been successfully updated!')
+        return redirect("hackathon:hackathon-list")
 
 
 @login_required