feature/aahq-29-events-registration-flow

Author: aahnik

src/haps/admin.py

@@ -23,6 +23,7 @@ class EventAdmin(admin.ModelAdmin):
         "end_time",
         "accept_reg",
         "show_on_home",
+        "content",
     ]
 
 

src/haps/migrations/0003_eventregistration_datetime.py

@@ -0,0 +1,17 @@
+# Generated by Django 4.2.1 on 2023-12-30 14:50
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("haps", "0002_alter_event_slug"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="eventregistration",
+            name="datetime",
+            field=models.DateTimeField(auto_now_add=True, null=True),
+        ),
+    ]

src/haps/migrations/0004_event_content.py

@@ -0,0 +1,20 @@
+# Generated by Django 4.2.1 on 2024-01-01 13:52
+
+import ckeditor_uploader.fields
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("haps", "0003_eventregistration_datetime"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="event",
+            name="content",
+            field=ckeditor_uploader.fields.RichTextUploadingField(
+                blank=True, null=True
+            ),
+        ),
+    ]

src/haps/models.py

@@ -3,6 +3,7 @@
 from django.utils.html import format_html
 from utils.images import upload_image_to
 from utils.slugs import generate_unique_slug
+from ckeditor_uploader.fields import RichTextUploadingField
 
 User = get_user_model()
 
@@ -17,9 +18,10 @@ class Event(models.Model):
     end_time = models.DateField(null=True, blank=True)
     accept_reg = models.BooleanField(verbose_name="Accepting registrations ?")
     show_on_home = models.BooleanField(verbose_name="Show on Home Page ?")
+    content = RichTextUploadingField(null=True, blank=True)
 
     def __str__(self):
-        return self.name + str(self.start_time)
+        return self.name + "  (" + str(self.start_time) + ")"
 
     def save(self, *args, **kwargs):
         if self.slug == "":
@@ -30,12 +32,16 @@ def get_absolute_url(self):
         return f"/events/{self.slug}"
 
     def event_page(self):
-        return format_html(f'<a href="{self.get_absolute_url()}" target="_blank">View Page</a>')
+        return format_html(
+            f'<a href="{self.get_absolute_url()}" target="_blank">View Page</a>'
+        )
 
 
 class EventRegistration(models.Model):
     event = models.ForeignKey(Event, on_delete=models.CASCADE)
     user = models.ForeignKey(User, on_delete=models.CASCADE)
+    datetime = models.DateTimeField(auto_now_add=True, null=True, blank=True)
+    # regno = models.CharField(unique=True)
 
     def __str__(self) -> str:
         return self.user.__str__() + "%" + self.event.__str__()

src/haps/templates/haps/item.html

@@ -0,0 +1,78 @@
+{% extends "commons.html" %}
+{% block title %} {{hap.name}} {% endblock title %}
+{%block content %}
+<link rel="stylesheet"
+    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
+
+<section class="bg-white dark:bg-gray-900">
+    <div class="max-w-3xl flex px-4 py-8 mx-auto justify-around flex-wrap">
+        <div>
+            <img class="my-4 h-auto md:max-w-2xl sm:max-w-xl rounded-lg shadow-xl dark:shadow-gray-800"
+                src="{{hap.cover_image.url}}" alt="image description">
+        </div>
+
+        <div class="my-4 place-self-center text-center">
+            <h1
+                class="my-2 max-w-2xl mb-4 text-4xl font-extrabold tracking-tight leading-none md:text-5xl xl:text-6xl dark:text-white">
+                {{hap.name}}
+            </h1>
+
+
+            <p class="mt-4 max-w-2xl mb-2 font-light text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400">
+                {{hap.description}}
+            </p>
+
+
+            <div class="md:text-lg lg:text-xl mb-8 text-gray-500  dark:text-gray-400 align-middle">
+
+                <div class="align-middle">
+                    <span class="material-symbols-outlined">
+                        event
+                    </span>
+                    <span> {{hap.start_time}}</span>
+                </div>
+
+                <div class="align-middle">
+                    <span class="material-symbols-outlined">
+                        location_on
+                    </span>
+                    <span class="">
+                        {{hap.venue}}
+                    </span>
+                </div>
+            </div>
+
+            <a href="{{hap.slug}}/register"
+                class="inline-flex items-center justify-center px-5 py-3 mr-3 text-base font-medium text-center text-white rounded-lg bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:focus:ring-primary-900">
+                Register Now
+                <svg class="w-5 h-5 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20"
+                    xmlns="http://www.w3.org/2000/svg">
+                    <path fill-rule="evenodd"
+                        d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
+                        clip-rule="evenodd">
+                    </path>
+                </svg>
+            </a>
+            <a href="#"
+                class="inline-flex items-center justify-center px-5 py-3 text-base font-medium text-center text-gray-900 border border-gray-300 rounded-lg hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800">
+                Contact us
+            </a>
+        </div>
+
+
+
+
+
+    </div>
+
+    <div class="px-4 py-8 w-full flex justify-center">
+        <div class="format format-lg w-full">
+            {{hap.content | safe}}
+        </div>
+    </div>
+
+
+
+</section>
+
+{% endblock %}

src/haps/templates/haps/register_success.html

@@ -0,0 +1,104 @@
+{% extends "commons.html" %}
+
+{% block title %} {{ event.name }} {% endblock title %}
+
+
+{% block content %}
+
+<div class="bg-gray-100 h-screen">
+    <div class="bg-white p-6  md:mx-auto">
+        <svg viewBox="0 0 24 24" class="text-green-600 w-16 h-16 mx-auto my-6">
+            <path fill="currentColor"
+                d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z">
+            </path>
+        </svg>
+        <div class="text-center">
+            <h3 class="md:text-2xl text-base text-gray-900 font-semibold text-center">Registration Done!</h3>
+            <p class="text-gray-600 my-2">Thank you for completing your registration for event</p>
+            <p> Looking forward to see you in the event! </p>
+
+        </div>
+
+
+        <div class="flex justify-center my-4">
+            <div class="max-w-2xl  text-center">
+                <table class="w-full text-lg text-left rtl:text-right text-gray-500 dark:text-gray-400">
+
+                    <tbody>
+                        <tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
+                            <th scope="row"
+                                class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
+                                Event
+                            </th>
+                            <td class="px-6 py-4">
+                                {{event.name}}
+                            </td>
+
+                        </tr>
+                        <tr class="bg-white border-b dark:bg-gray-800 dark:border-gray-700">
+                            <th scope="row"
+                                class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
+                                Name
+                            </th>
+                            <td class="px-6 py-4">
+                                {{user.first_name}} {{user.last_name}}
+                            </td>
+
+                        </tr>
+                        <tr class="bg-white border-b dark:bg-gray-800">
+                            <th scope="row"
+                                class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
+                                Email
+                            </th>
+                            <td class="px-6 py-4">
+                                {{user.email}}
+                            </td>
+
+                        </tr>
+
+                        <tr class="bg-white border-b dark:bg-gray-800">
+                            <th scope="row"
+                                class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
+                                Date
+                            </th>
+                            <td class="px-6 py-4">
+                                {{event.start_time}}
+                            </td>
+
+                        </tr>
+
+                        <tr class="bg-white border-b dark:bg-gray-800">
+                            <th scope="row"
+                                class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap dark:text-white">
+                                Venue
+                            </th>
+                            <td class="px-6 py-4">
+                                {{event.venue}}
+                            </td>
+
+                        </tr>
+                        {# show registration date time #}
+                    </tbody>
+                </table>
+            </div>
+
+
+
+        </div>
+
+        <div class="my-4 flex justify-center">
+            <a href="{{hap.slug}}">
+                <button type="button"
+                    class="my-4 text-white bg-primary-700 hover:bg-primary-600 focus:ring-4 focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-primary-600 dark:hover:bg-primary-700 focus:outline-none dark:focus:ring-primary-800">
+                    Print PDF
+                </button>
+            </a>
+
+        </div>
+
+
+
+    </div>
+</div>
+
+{% endblock content %}

src/haps/urls.py

@@ -7,4 +7,5 @@
 urlpatterns = [
     path("", views.haps_list, name="events"),
     path("<slug>", views.haps_item, name="event_item"),
+    path("<slug>/register", views.register_for_event, name="event_register"),
 ]

src/haps/views.py

@@ -1,8 +1,10 @@
 from django.shortcuts import render
 from django.http import HttpRequest, Http404
-from .models import Event
+from .models import Event, EventRegistration
+from django.contrib.auth.decorators import login_required
 import logging
 
+
 log = logging.getLogger(__name__)
 
 
@@ -14,6 +16,17 @@ def haps_list(request: HttpRequest):
 
 def haps_item(request: HttpRequest, slug: str):
     event = Event.objects.get(slug=slug)
-    context = {"event": event}
+    context = {"hap": event}
 
     return render(request, "haps/item.html", context=context)
+
+
+@login_required(login_url="/users/login")
+def register_for_event(request: HttpRequest, slug: str):
+    event = Event.objects.get(slug=slug)
+    registration = EventRegistration.objects.get_or_create(
+        event=event, user=request.user
+    )
+
+    context = {"event": event, "user": request.user, "reg": registration}
+    return render(request, "haps/register_success.html", context=context)

src/users/forms.py

@@ -48,7 +48,7 @@ class UserRegistrationForm(forms.Form):
     address = forms.CharField(max_length=1024)
     profession = forms.CharField(max_length=256)
     whatsapp_number = forms.CharField(max_length=15)
-    email = forms.CharField(max_length=128)
+    email = forms.EmailField(max_length=128)
 
     def clean_password2(self):
         # Check that the two password entries match