Review sessions app (compserv#219)

https://hkn-mu.atlassian.net/browse/COMPSERV-32

hknweb/migrations/0011_reviewsession.py

@@ -0,0 +1,30 @@
+# Generated by Django 2.2.8 on 2020-04-13 22:50
+
+from django.conf import settings
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+ dependencies = [
+ migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+ ('hknweb', '0010_announcement'),
+ ]
+
+ operations = [
+ migrations.CreateModel(
+ name='ReviewSession',
+ fields=[
+ ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+ ('name', models.CharField(max_length=255)),
+ ('slug', models.CharField(max_length=255)),
+ ('start_time', models.DateTimeField()),
+ ('end_time', models.DateTimeField()),
+ ('location', models.CharField(max_length=255)),
+ ('description', models.TextField()),
+ ('created_at', models.DateTimeField(auto_now_add=True)),
+ ('created_by', models.ForeignKey(default=None, on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
+ ],
+ ),
+ ]

hknweb/migrations/0012_delete_reviewsession.py

@@ -0,0 +1,16 @@
+# Generated by Django 2.2.8 on 2020-04-13 23:29
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+ dependencies = [
+ ('hknweb', '0011_reviewsession'),
+ ]
+
+ operations = [
+ migrations.DeleteModel(
+ name='ReviewSession',
+ ),
+ ]

hknweb/reviewsessions/admin.py

@@ -0,0 +1,14 @@
+from django.contrib import admin
+from .models import ReviewSession
+
+@admin.register(ReviewSession)
+class ReviewSessionAdmin(admin.ModelAdmin):
+
+ fields = ['name', 'slug', 'start_time', 'end_time', 'location', 'description', 'created_by', 'created_at']
+ # NOTE: created_by should be read only, but I don't know how to set it to default to current user
+ readonly_fields = ['created_at']
+ list_display = ('name', 'start_time', 'location', 'created_by', 'created_at')
+ list_filter = ['start_time', 'created_at', 'location', 'created_by']
+ search_fields = ['name', 'created_by__username', 'created_by__first_name', 'created_by__last_name']
+ ordering = ['-created_at']
+ autocomplete_fields = ['created_by']

hknweb/reviewsessions/apps.py

@@ -0,0 +1,4 @@
+from django.apps import AppConfig
+
+class ReviewSessionsConfig(AppConfig):
+ name = 'reviewsessions'

hknweb/reviewsessions/forms.py

@@ -0,0 +1,37 @@
+from django import forms
+from .models import ReviewSession
+
+
+class ReviewSessionForm(forms.ModelForm):
+ start_time = forms.DateTimeField(input_formats=('%m/%d/%Y %I:%M %p',))
+ end_time = forms.DateTimeField(input_formats=('%m/%d/%Y %I:%M %p',))
+
+ class Meta:
+ model = ReviewSession
+ fields = ('name', 'slug', 'location', 'description', 'start_time', 'end_time')
+
+ help_texts = {
+ 'start_time': 'mm/dd/yyyy hh:mm, 24-hour time',
+ 'end_time': 'mm/dd/yyyy hh:mm, 24-hour time',
+ 'slug': 'e.g. <semester>-<name>',
+ }
+
+ widgets = {
+ 'slug': forms.TextInput(attrs={'placeholder': 'e.g. <semester>-<name>'}),
+ }
+
+ labels = {
+ 'slug': 'URL-friendly name',
+ }
+
+class ReviewSessionUpdateForm(forms.ModelForm):
+ start_time = forms.DateTimeField(input_formats=('%m/%d/%Y %I:%M %p',))
+ end_time = forms.DateTimeField(input_formats=('%m/%d/%Y %I:%M %p',))
+
+ class Meta:
+ model = ReviewSession
+ fields = ['name', 'slug', 'start_time', 'end_time', 'location', 'description']
+
+ labels = {
+ 'slug': 'URL-friendly name',
+ }

hknweb/reviewsessions/migrations/0001_initial.py

@@ -0,0 +1,31 @@
+# Generated by Django 2.2.12 on 2020-04-15 04:57
+
+from django.conf import settings
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+ initial = True
+
+ dependencies = [
+ migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+ ]
+
+ operations = [
+ migrations.CreateModel(
+ name='ReviewSession',
+ fields=[
+ ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+ ('name', models.CharField(max_length=255)),
+ ('slug', models.CharField(max_length=255)),
+ ('start_time', models.DateTimeField()),
+ ('end_time', models.DateTimeField()),
+ ('location', models.CharField(max_length=255)),
+ ('description', models.TextField()),
+ ('created_at', models.DateTimeField(auto_now_add=True)),
+ ('created_by', models.ForeignKey(default=None, on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
+ ],
+ ),
+ ]

hknweb/reviewsessions/models.py

@@ -0,0 +1,22 @@
+from django.db import models
+from django.contrib.auth.models import User
+
+class ReviewSession(models.Model):
+ name = models.CharField(max_length=255)
+ slug = models.CharField(max_length=255)
+ start_time = models.DateTimeField()
+ end_time = models.DateTimeField()
+ location = models.CharField(max_length=255)
+ description = models.TextField()
+
+ created_by = models.ForeignKey(User, on_delete=models.CASCADE, default=None)
+ created_at = models.DateTimeField(auto_now_add=True)
+
+ def get_absolute_url(self):
+ return '/reviewsessions/{}'.format(self.id)
+
+ def __repr__(self):
+ return "Event(name={}, location={})".format(self.name, self.location)
+
+ def __str__(self):
+ return self.name

hknweb/reviewsessions/static/reviewsessions/style.css

@@ -0,0 +1,58 @@
+/* #event-detail-title {
+ margin-bottom: 0.2em;
+ padding-left: 1em;
+} */
+
+#left-details {
+ padding-left: 2em;
+ width: 45%;
+ float: left;
+}
+
+#right-details {
+ text-align: center;
+ padding-right: 2em;
+ width: 45%;
+ float: right;
+}
+
+.table-icon {
+ width: 1.5em;
+ vertical-align: middle;
+}
+
+.message {
+ color: rgba(166, 60, 68, 1);
+}
+
+#add-review-session-title {
+ margin: 0;
+ margin-bottom: 1em;
+ font-weight: normal;
+ text-align: center;
+}
+
+#form {
+ position: relative;
+}
+
+.row {
+ margin-bottom: 1em;
+}
+
+@media screen and (min-width: 700px) {
+ .left-side {
+ display: inline-block;
+ width: 50%;
+ text-align: right;
+ }
+ #submit {
+ width: 100%;
+ text-align: center;
+ }
+}
+
+#button {
+ width: 100%;
+ text-align: center;
+}

hknweb/reviewsessions/templates/reviewsessions/index.html

@@ -0,0 +1,97 @@
+{% extends "base.html" %}
+{% load static %}
+
+{% block title %}Review Sessions{% endblock %}
+
+{% block header %}
+<!-- Scripts which make the calendar work:-->
+<link rel="stylesheet" href="{% static "reviewsessions/style.css" %}">
+<link rel="stylesheet" href="https://unpkg.com/@fullcalendar/core@4.4.0/main.css" />
+<link rel="stylesheet" href="https://unpkg.com/@fullcalendar/daygrid@4.4.0/main.css" />
+<link rel="stylesheet" href="https://unpkg.com/@fullcalendar/timegrid@4.4.0/main.css" />
+<link rel="stylesheet" href="{% static "css/tachyons.css" %}" />
+
+<script src="https://unpkg.com/@fullcalendar/core@4.4.0/main.js"></script>
+<script src="https://unpkg.com/@fullcalendar/daygrid@4.4.0/main.js"></script>
+<script src="https://unpkg.com/@fullcalendar/timegrid@4.4.0/main.js"></script>
+
+<script type="text/javascript">
+ document.addEventListener('DOMContentLoaded', function() {
+ var calendarEl = document.getElementById('calendar');
+ var calendar = new FullCalendar.Calendar(calendarEl, {
+ // General options
+ plugins: [ 'dayGrid', 'timeGrid' ],
+ defaultView: 'dayGridMonth',
+ defaultDate: "{% now 'c' %}",
+ header: {
+ left: 'prev,next today',
+ center: 'title',
+ right: 'dayGridMonth,timeGridWeek,timeGridDay'
+ },
+ navLinks: true,
+ eventLimit: true,
+ aspectRatio: 1.75,
+ views: {
+ dayGrid: {
+ fixedWeekCount: false,
+ },
+ timeGrid: {
+ minTime: "8:00:00",
+ maxTime: "24:00:00",
+ nowIndicator: true,
+ }
+ },
+ // Review sessions
+ events: [{% for reviewsession in reviewsessions %}
+ {
+ title: "{{ reviewsession.name|safe }}",
+ start: '{{ reviewsession.start_time|date:"c" }}',
+ end: '{{ reviewsession.end_time|date:"c" }}',
+ url: '{{ reviewsession.id }}',
+ },
+ {% endfor %}]
+ });
+
+ calendar.render();
+ });
+</script>
+<style>
+ .fc-center h2 {
+ font-family: 'Source Sans Pro', sans-serif;
+ font-size: 30px;
+ font-weight: 400;
+ }
+</style>
+
+{% endblock %}
+
+{% block heading %}
+Upcoming Review Sessions
+{% endblock %}
+
+{% block content %}
+<div class="center measure-verywide">
+ {% if messages %}
+ {% for message in messages %}
+ <h3 {% if messages.tags %} class="{{ message.tags }}" {% endif %} style="color: #0000A0;">{{ message }}</h3>
+ {% endfor %}
+ {% endif %}
+
+ <!-- Event type legend -->
+ <!-- <ul class="list w-100 flex flex-wrap justify-end">
+ {% for event_type in event_types %}
+ <li class="dib pa2 ml1 br2 white" style="background-color: {{event_type.color}};">{{event_type.type}}</li>
+ {% endfor %}
+ </ul> -->
+
+ <!-- FullCalendar -->
+ <section class="pb3" id='calendar'></section>
+
+ {% if perms.reviewsessions.add_reviewsession %}
+ <form action="new" method="GET" id="button">
+ <button type='submit'>Add a review session</button>
+ </form>
+ {% endif %}
+ <br>
+</div>
+{% endblock %}