Apply materialize on daily lessons overview and substitution edit view

For that use new syntax for turnable.html

aleksis/apps/chronos/tables.py

@@ -24,7 +24,7 @@ def _css_class_from_lesson_state(
 
 class LessonsTable(tables.Table):
     class Meta:
-        attrs = {"class": "table table-striped table-bordered table-hover table-responsive-xl"}
+        attrs = {"class": "highlight"}
         row_attrs = {"class": _css_class_from_lesson_state}
 
     period__period = tables.Column(accessor="period__period")
@@ -39,7 +39,7 @@ class LessonsTable(tables.Table):
 
 class SubstitutionsTable(tables.Table):
     class Meta:
-        attrs = {"class": "table table-striped table-bordered table-hover table-responsive-xl"}
+        attrs = {"class": "highlight"}
 
     lesson_period = tables.Column(verbose_name=_("Lesson"))
     lesson__groups = tables.Column(

aleksis/apps/chronos/templates/chronos/edit_substitution.html

 {# -*- engine:django -*- #}
 
 {% extends "core/base.html" %}
-{% load bootstrap4 i18n %}
-
-{% block bootstrap4_extra_head %}
-  {{ block.super }}
-  {{ edit_substitution_form.media.css }}
-{% endblock %}
-
-{% block bootstrap4_extra_script %}
-  {{ block.super }}
-  {{ edit_substitution_form.media.js }}
-{% endblock %}
-
-
-{% block bootstrap4_title %}{% blocktrans %}Edit substitution{% endblocktrans %} - {{ block.super }}{% endblock %}
+{% load material_form i18n %}
 
 {% block page_title %}{% blocktrans %}Edit substitution{% endblocktrans %}{% endblock %}
 
 {% block content %}
-  <div class="d-flex justify-content-between">
-    <div class="btn-group" role="group" aria-label="Day actions">
-      {% if substitution %}
-        {# FIXME Respect year as well #}
-        <a href="{% url 'delete_substitution' substitution.lesson_period.id substitution.week %}" class="btn btn-danger">
-          <span class="mdi mdi-delete"></span>
-        </a>
-      {% endif %}
-    </div>
-  </div>
-
   <form method="post">
     {% csrf_token %}
-    {% bootstrap_form edit_substitution_form %}
-    <button type="submit" class="btn btn-dark">
-      <span class="mdi mdi-content-save"></span>
-    </button>
+
+    {% form form=edit_substitution_form %}{% endform %}
+
+    {% include "core/save_button.html" %}
+    {% if substitution %}
+      {# FIXME Respect year as well #}
+      <a href="{% url 'delete_substitution' substitution.lesson_period.id substitution.week %}"
+         class="btn red waves-effect waves-light">
+        <i class="material-icons left">delete</i> {% trans "Delete" %}
+      </a>
+    {% endif %}
   </form>
 {% endblock %}

aleksis/apps/chronos/templates/chronos/lessons_day.html

 {# -*- engine:django -*- #}
 
-{% extends "core/turnable.html" %}
+{% extends "core/base.html" %}
 {% load i18n %}
+
+
 {% load render_table from django_tables2 %}
 
+{% block page_title %}{% blocktrans %}Lessons {{ day }}{% endblocktrans %}{% endblock %}
 
-{% block current_content %}
+{% block content %}
+  {% include "core/turnable.html" %}
   {% render_table lessons_table %}
 {% endblock %}