Use new icon set everywhere

aleksis/apps/alsijil/menus.py

@@ -5,7 +5,7 @@ MENUS = {
         {
             "name": _("Class register"),
             "url": "#",
-            "icon": "chrome_reader_mode",
+            "svg_icon": "mdi:book-open-outline",
             "root": True,
             "validators": [
                 "menu_generator.validators.is_authenticated",
@@ -15,7 +15,7 @@ MENUS = {
                 {
                     "name": _("Current lesson"),
                     "url": "lesson_period",
-                    "icon": "alarm",
+                    "svg_icon": "mdi:alarm",
                     "validators": [
                         (
                             "aleksis.core.util.predicates.permission_validator",
@@ -26,7 +26,7 @@ MENUS = {
                 {
                     "name": _("Current week"),
                     "url": "week_view",
-                    "icon": "view_week",
+                    "svg_icon": "mdi:view-week-outline",
                     "validators": [
                         (
                             "aleksis.core.util.predicates.permission_validator",
@@ -37,7 +37,7 @@ MENUS = {
                 {
                     "name": _("My groups"),
                     "url": "my_groups",
-                    "icon": "people",
+                    "svg_icon": "mdi:account-multiple-outline",
                     "validators": [
                         (
                             "aleksis.core.util.predicates.permission_validator",
@@ -48,7 +48,7 @@ MENUS = {
                 {
                     "name": _("My overview"),
                     "url": "overview_me",
-                    "icon": "insert_chart",
+                    "svg_icon": "mdi:chart-box-outline",
                     "validators": [
                         (
                             "aleksis.core.util.predicates.permission_validator",
@@ -59,7 +59,7 @@ MENUS = {
                 {
                     "name": _("My students"),
                     "url": "my_students",
-                    "icon": "people",
+                    "svg_icon": "mdi:account-school-outline",
                     "validators": [
                         (
                             "aleksis.core.util.predicates.permission_validator",
@@ -70,7 +70,7 @@ MENUS = {
                 {
                     "name": _("Assign group role"),
                     "url": "assign_group_role_multiple",
-                    "icon": "assignment_ind",
+                    "svg_icon": "mdi:clipboard-account-outline",
                     "validators": [
                         (
                             "aleksis.core.util.predicates.permission_validator",
@@ -81,7 +81,7 @@ MENUS = {
                 {
                     "name": _("All lessons"),
                     "url": "all_register_objects",
-                    "icon": "list",
+                    "svg_icon": "mdi:format-list-text",
                     "validators": [
                         (
                             "aleksis.core.util.predicates.permission_validator",
@@ -103,7 +103,7 @@ MENUS = {
                 {
                     "name": _("Excuse types"),
                     "url": "excuse_types",
-                    "icon": "label",
+                    "svg_icon": "mdi:label-outline",
                     "validators": [
                         (
                             "aleksis.core.util.predicates.permission_validator",
@@ -114,7 +114,7 @@ MENUS = {
                 {
                     "name": _("Extra marks"),
                     "url": "extra_marks",
-                    "icon": "label",
+                    "svg_icon": "mdi:label-variant-outline",
                     "validators": [
                         (
                             "aleksis.core.util.predicates.permission_validator",
@@ -125,7 +125,7 @@ MENUS = {
                 {
                     "name": _("Manage group roles"),
                     "url": "group_roles",
-                    "icon": "assignment_ind",
+                    "svg_icon": "mdi:clipboard-plus-outline",
                     "validators": [
                         (
                             "aleksis.core.util.predicates.permission_validator",

aleksis/apps/alsijil/templates/alsijil/absences/register_confirm.html

@@ -18,11 +18,11 @@
       </div>
       <div class="collection">
         <div class="collection-item">
-          <i class="material-icons left">date_range</i>
+          <i class="material-icons iconify left" data-icon="mdi:calendar-range"></i>
           {{ form_data.date_start }}, {{ form_data.from_period }}. – {{ form_data.date_end }}, {{ form_data.to_period }}.
           {% if form_data.date_start != form_data.date_end %}
             <figure class="alert warning">
-              <i class="material-icons left">warning</i>
+              <i class="material-icons iconify left" data-icon="mdi:alert-outline"></i>
               {% blocktrans %}
                 As the length of this absence is longer than one day,
                 please double check the correctness of your entry.
@@ -31,12 +31,12 @@
           {% endif %}
         </div>
         <div class="collection-item">
-          <i class="material-icons left">list</i>
+          <i class="material-icons iconify left" data-icon="mdi:format-list-bulleted"></i>
           {% blocktrans with count=affected_lessons %} {{ count }} affected lessons {% endblocktrans %}
           {% if affected_lessons == 0 %}
             <div class="alert error">
               <div>
-                <i class="material-icons left">error</i>
+                <i class="material-icons iconify left" data-icon="mdi:alert-octagon-outline"></i>
                 {% blocktrans %}
                   There are no affected lessons. Registering this absence won't have any effect.
                 {% endblocktrans %}
@@ -45,7 +45,7 @@
           {% endif %}
         </div>
         <div class="collection-item">
-          <i class="material-icons left">label</i>
+          <i class="material-icons iconify left" data-icon="mdi:label-outline"></i>
           {% if form_data.absent %}
             <span class="chip red white-text">{% trans "Absent" %}</span>
             {% if form_data.excused and form_data.excuse_type %}
@@ -59,7 +59,7 @@
         </div>
         {% if form_data.remarks %}
           <div class="collection-item">
-            <i class="material-icons left">edit</i>
+            <i class="material-icons iconify left" data-icon="mdi:pencil-outline"></i>
             {{ form_data.remarks }}
           </div>
         {% endif %}
@@ -75,7 +75,7 @@
     <input type="hidden" name="confirmed" value="1">
     {% include "core/partials/save_button.html" %}
     <a class="btn red waves-effect waves-light" href="{% url "register_absence" person.pk %}">
-      <i class="material-icons left">cancel</i>
+      <i class="material-icons iconify left" data-icon="mdi:close"></i>
       {% trans "Cancel" %}
     </a>
   </form>

aleksis/apps/alsijil/templates/alsijil/class_register/groups.html

@@ -31,23 +31,23 @@
         <td>
           <div class="right">
             <a class="btn primary-color waves-effect waves-light" href="{% url "students_list" group.pk %}">
-              <i class="material-icons left">people</i>
+              <i class="material-icons iconify left" data-icon="mdi:account-multiple-outline"></i>
               {% trans "Students list" %}
             </a>
             <a class="btn secondary-color waves-effect waves-light" href="{% url "week_view" "group" group.pk %}">
-              <i class="material-icons left">view_week</i>
+              <i class="material-icons iconify left" data-icon="mdi:view-week-outline"></i>
               {% trans "Week view" %}
             </a>
             {% has_perm "alsijil.view_assigned_grouproles_rule" user group as can_view_assigned_group_roles %}
             {% if can_view_assigned_group_roles %}
               <a class="btn primary waves-effect waves-light" href="{% url 'assigned_group_roles' group.pk %}">
-                <i class="material-icons left">assignment_ind</i>
+                <i class="material-icons iconify left" data-icon="mdi:clipboard-account-outline"></i>
                 {% trans "Roles" %}
               </a>
             {% endif %}
             <a class="btn primary waves-effect waves-light" href="{% url "full_register_group" group.pk %}"
                target="_blank">
-              <i class="material-icons left">print</i>
+              <i class="material-icons iconify left" data-icon="mdi:printer-outline"></i>
               {% trans "Generate printout" %}
             </a>
           </div>
@@ -72,13 +72,13 @@
           </p>
           <p>
             <a class="btn primary-color waves-effect waves-light" href="{% url "week_view" "group" group.pk %}">
-              <i class="material-icons left">people</i>
+              <i class="material-icons iconify left" data-icon="mdi:account-multiple-outline"></i>
               {% trans "Students list" %}
             </a>
           </p>
           <p>
             <a class="btn secondary-color waves-effect waves-light" href="{% url "week_view" "group" group.pk %}">
-              <i class="material-icons left">view_week</i>
+              <i class="material-icons iconify left" data-icon="mdi:view-week-outline"></i>
               {% trans "Week view" %}
             </a>
           </p>
@@ -86,7 +86,7 @@
           {% if can_view_assigned_group_roles %}
             <p>
               <a class="btn primary waves-effect waves-light" href="{% url 'assigned_group_roles' group.pk %}">
-                <i class="material-icons left">assignment_ind</i>
+                <i class="material-icons iconify left" data-icon="mdi:clipboard-account-outline"></i>
                 {% trans "Roles" %}
               </a>
             </p>
@@ -94,7 +94,7 @@
           <p>
             <a class="btn primary waves-effect waves-light" href="{% url "full_register_group" group.pk %}"
                target="_blank">
-              <i class="material-icons left">print</i>
+              <i class="material-icons iconify left" data-icon="mdi:printer-outline"></i>
               {% trans "Generate printout" %}
             </a>
           </p>

aleksis/apps/alsijil/templates/alsijil/class_register/lesson.html

@@ -17,14 +17,14 @@
   <ul class="tabs tabs-transparent tabs-icons tabs-fixed-width">
     <li class="tab">
       <a href="#lesson-documentation">
-        <i class="material-icons">speaker_notes</i>
+        <i class="material-icons iconify" data-icon="mdi:message-bulleted"></i>
         {% trans "Period" %}
       </a>
     </li>
     {% if register_object.label_ != "lesson_period" or not register_object.get_substitution.cancelled or not request.site.preferences.alsijil__block_personal_notes_for_cancelled %}
       <li class="tab">
         <a href="#personal-notes">
-          <i class="material-icons">people</i>
+          <i class="material-icons iconify" data-icon="mdi:account-multiple-outline"></i>
           {% trans "Persons" %}
         </a>
       </li>
@@ -32,7 +32,7 @@
     {% if with_seating_plan %}
       <li class="tab">
         <a href="#seating-plan">
-          <i class="material-icons">event_seat</i>
+          <i class="material-icons iconify" data-icon="mdi:seat-outline"></i>
           {% trans "Seating plan" %}
         </a>
       </li>
@@ -42,7 +42,7 @@
       {% if prev_lesson.get_lesson_documentation and can_view_prev_lesson_documentation %}
         <li class="tab">
           <a href="#previous-lesson">
-            <i class="material-icons">history</i>
+            <i class="material-icons iconify" data-icon="mdi:history"></i>
             {% trans "Previous" %}
           </a>
         </li>
@@ -50,7 +50,7 @@
     {% endif %}
     <li class="tab">
       <a href="#more">
-        <i class="material-icons">more_horiz</i>
+        <i class="material-icons iconify" data-icon="mdi:dots-horizontal"></i>
         {% trans "More" %}
       </a>
     </li>
@@ -69,7 +69,7 @@
         {% if back_to_week_url %}
           <a href="{{ back_to_week_url }}"
              class="btn secondary-color waves-light waves-effect margin-bottom {% if prev_lesson_person or next_lesson_person %}hide-on-extra-large-only{% endif %}">
-            <i class="material-icons left">chevron_left</i> {% trans "Week view" %}
+            <i class="material-icons iconify left" data-icon="mdi:chevron-left"></i> {% trans "Week view" %}
           </a>
         {% endif %}
 
@@ -78,7 +78,7 @@
             {% if back_to_week_url %}
               <a href="{{ back_to_week_url }}"
                  class="btn-flat secondary-color-text waves-light waves-effect left hide-on-med-and-down hide-on-large-only show-on-extra-large">
-                <i class="material-icons left">chevron_left</i> {% trans "Week view" %}
+                <i class="material-icons iconify left" data-icon="mdi:chevron-left"></i> {% trans "Week view" %}
               </a>
             {% endif %}
 
@@ -89,7 +89,7 @@
                href="{% url "lesson_period" prev_lesson_person.week.year prev_lesson_person.week.week prev_lesson_person.id %}"
                 {% endif %}
             >
-              <i class="material-icons left">navigate_before</i>
+              <i class="material-icons iconify left" data-icon="mdi:chevron-left"></i>
               <span class="hide-on-small-only">{% trans "My previous lesson" %}</span>
               <span class="hide-on-med-and-up">{% trans "Previous" %}</span>
             </a>
@@ -100,7 +100,7 @@
                href="{% url "lesson_period" next_lesson_person.week.year next_lesson_person.week.week next_lesson_person.id %}"
                 {% endif %}
             >
-              <i class="material-icons right">navigate_next</i>
+              <i class="material-icons iconify right" data-icon="mdi:chevron-right"></i>
               <span class="hide-on-small-only">{% trans "My next lesson" %}</span>
               <span class="hide-on-med-and-up">{% trans "Next" %}</span>
             </a>
@@ -155,7 +155,7 @@
           <div class="card">
             <div class="card-content center-align">
               <p>
-                <i class="material-icons medium orange-text">warning</i>
+                <i class="material-icons iconify medium orange-text" data-icon="mdi:alert-outline"></i>
               </p>
               <p class="card-title">
                 {% blocktrans %}

aleksis/apps/alsijil/templates/alsijil/class_register/person.html

@@ -15,7 +15,7 @@
   {% if has_students %}
     <a href="{% url "my_students" %}"
        class="btn-flat primary-color-text waves-light waves-effect">
-      <i class="material-icons left">chevron_left</i> {% trans "Back" %}
+      <i class="material-icons iconify left" data-icon="mdi:chevron-left"></i> {% trans "Back" %}
     </a>
   {% endif %}
   <span id="heading">
@@ -26,7 +26,7 @@
   {% has_perm "alsijil.register_absence_rule" user person as can_register_absence %}
   {% if can_register_absence %}
     <a class="btn primary-color waves-effect waves-light right" href="{% url "register_absence" person.pk %}">
-      <i class="material-icons left">rate_review</i>
+      <i class="material-icons iconify left" data-icon="mdi:message-draw"></i>
       {% trans "Register absence" %}
     </a>
   {% endif %}
@@ -70,13 +70,13 @@
         </figure>
         <div class="modal-footer">
           <button type="button" class="btn-flat secondary-color-text waves-effect waves-ripple" id="remove-filters">
-            <i class="material-icons left">clear</i>{% trans "Clear all filters" %}
+            <i class="material-icons iconify left" data-icon="mdi:close"></i>{% trans "Clear all filters" %}
           </button>
           <button type="button" class="modal-close btn-flat red-text waves-effect waves-ripple waves-red">
-            <i class="material-icons left">cancel</i>{% trans "Close" %}
+            <i class="material-icons iconify left" data-icon="mdi:close-circle-outline"></i>{% trans "Close" %}
           </button>
           <button type="submit" class="modal-close btn-flat primary-color-text waves-effect waves-ripple waves-light">
-            <i class="material-icons left">filter_alt</i>{% trans "Filter" %}
+            <i class="material-icons iconify left" data-icon="mdi:filter-outline"></i>{% trans "Filter" %}
           </button>
         </div>
       </form>
@@ -88,7 +88,8 @@
               {% if can_mark_all_as_excused %} medium-high-right {% endif %}"
               data-target="filter-modal"
               type="button">
-            {% trans "Filter results" %} ({{ num_filters }})<i class="material-icons right">filter_alt</i>
+            {% trans "Filter results" %} ({{ num_filters }})
+            <i class="material-icons iconify right" data-icon="mdi:filter-outline"></i>
           </button>
         </div>
         <form action="" method="post" class="">
@@ -100,7 +101,7 @@
               </div>
               <div class="col s12 m3">
                 <button type="submit" class="btn waves-effect waves-light medium-high full-width-s">
-                  Run <i class="material-icons right">send</i>
+                  Run <i class="material-icons iconify right" data-icon="mdi:send-outline"></i>
                 </button>
               </div>
             {% endif %}
@@ -121,7 +122,7 @@
         {% for school_term, stat in stats %}
           <li {% if forloop.first %}class="active"{% endif %}>
             <div class="collapsible-header">
-              <i class="material-icons">date_range</i>{{ school_term }}</div>
+              <i class="material-icons iconify" data-icon="mdi:calendar-range"></i>{{ school_term }}</div>
             <div class="collapsible-body">
               <table>
                 <tr>

aleksis/apps/alsijil/templates/alsijil/class_register/persons.html

@@ -23,11 +23,11 @@
           <div class="hundred-percent">
             <span class="right show-on-active hide-on-small-and-down">
               <a class="btn primary-color waves-effect waves-light" href="{% url "week_view" "group" group.pk %}">
-                <i class="material-icons left">view_week</i>
+                <i class="material-icons iconify left" data-icon="mdi:view-week-outline"></i>
                 {% trans "Week view" %}
               </a>
               <a class="btn waves-effect waves-light" href="{% url "full_register_group" group.pk %}" target="_blank">
-                <i class="material-icons left">print</i>
+                <i class="material-icons iconify left" data-icon="mdi:printer-outline"></i>
                 {% trans "Generate printout" %}
               </a>
             </span>
@@ -39,14 +39,14 @@
             <p class="show-on-active hide-on-med-and-up">
               <a class="btn primary-color waves-effect waves-light hundred-percent"
                  href="{% url "week_view" "group" group.pk %}">
-                <i class="material-icons left">view_week</i>
+                <i class="material-icons iconify left" data-icon="mdi:view-week-outline"></i>
                 {% trans "Week view" %}
               </a>
             </p>
             <p class="show-on-active hide-on-med-and-up">
               <a class="btn waves-effect waves-light hundred-percent" href="{% url "full_register_group" group.pk %}"
                  target="_blank">
-                <i class="material-icons left">print</i>
+                <i class="material-icons iconify left" data-icon="mdi:printer-outline"></i>
                 {% trans "Generate printout" %}
               </a>
             </p>

aleksis/apps/alsijil/templates/alsijil/class_register/students_list.html

@@ -7,16 +7,16 @@
 {% block page_title %}
   <a href="{% url "my_groups" %}"
      class="btn-flat primary-color-text waves-light waves-effect">
-    <i class="material-icons left">chevron_left</i> {% trans "Back" %}
+    <i class="material-icons iconify left" data-icon="mdi:chevron-left"></i> {% trans "Back" %}
   </a>
   {% blocktrans with group=group %}Students list: {{ group }}{% endblocktrans %}
   <span class="right show-on-active hide-on-small-and-down">
     <a class="btn primary-color waves-effect waves-light" href="{% url "week_view" "group" group.pk %}">
-      <i class="material-icons left">view_week</i>
+      <i class="material-icons iconify left" data-icon="mdi:view-week-outline"></i>
       {% trans "Week view" %}
     </a>
     <a class="btn waves-effect waves-light" href="{% url "full_register_group" group.pk %}" target="_blank">
-      <i class="material-icons left">print</i>
+      <i class="material-icons iconify left" data-icon="mdi:printer-outline"></i>
       {% trans "Generate printout" %}
     </a>
   </span>
@@ -31,14 +31,14 @@
   <p class="show-on-active hide-on-med-and-up">
     <a class="btn primary-color waves-effect waves-light hundred-percent"
        href="{% url "week_view" "group" group.pk %}">
-      <i class="material-icons left">view_week</i>
+       <i class="material-icons iconify left" data-icon="mdi:view-week-outline"></i>
       {% trans "Week view" %}
     </a>
   </p>
   <p class="show-on-active hide-on-med-and-up">
     <a class="btn waves-effect waves-light hundred-percent" href="{% url "full_register_group" group.pk %}"
        target="_blank">
-      <i class="material-icons left">print</i>
+      <i class="material-icons iconify left" data-icon="mdi:printer-outline"></i>
       {% trans "Generate printout" %}
     </a>
   </p>

aleksis/apps/alsijil/templates/alsijil/class_register/week_view.html

@@ -17,20 +17,20 @@
       <ul class="tabs tabs-transparent tabs-icons tabs-fixed-width">
         <li class="tab col">
           <a class="active" href="#week-overview">
-            <i class="material-icons">speaker_notes</i>
+            <i class="material-icons iconify" data-icon="mdi:message-bulleted"></i>
             {% trans "Lesson documentations" %}
           </a>
         </li>
         <li class="tab col">
           <a href="#personal-notes">
-            <i class="material-icons">people</i>
+            <i class="material-icons iconify" data-icon="mdi:account-multiple-outline"></i>
             {% trans "Persons" %}
           </a>
         </li>
         {% if group_roles %}
           <li class="tab col">
             <a href="#group-roles">
-              <i class="material-icons">assignment_ind</i>
+              <i class="material-icons iconify" data-icon="mdi:clipboard-account-outline"></i>
               {% trans "Group roles" %}
             </a>
           </li>
@@ -50,16 +50,14 @@
         {% csrf_token %}
         {% form form=select_form %}{% endform %}
         <button type="submit" class="btn waves-effect waves-light primary-color">
-          <i class="material-icons left">check</i>
+          <i class="material-icons iconify left" data-icon="mdi:check"></i>
           {% blocktrans %}Select{% endblocktrans %}
         </button>
       </form>
     </div>
     <div class="col s12 m4 l2 right">
       <button type="button" class="btn waves-effect waves-light hundred-percent" id="toggle-button">
-        <i class="material-icons left">
-          filter_alt
-        </i> {% trans "Toggle filters" %}
+        <i class="material-icons iconify left" data-icon="mdi:filter-outline"></i> {% trans "Toggle filters" %}
       </button>
     </div>
   </div>
@@ -74,11 +72,11 @@
   {% if group %}
     <p class="hide-on-med-and-down">
       <a class="btn primary-color waves-effect waves-light" href="{% url "students_list" group.pk %}">
-        <i class="material-icons left">people</i>
+        <i class="material-icons iconify left" data-icon="mdi:account-multiple-outline"></i>
         {% trans "Students list" %}
       </a>
       <a class="btn waves-effect waves-light" href="{% url "full_register_group" group.pk %}" target="_blank">
-        <i class="material-icons left">print</i>
+        <i class="material-icons iconify left" data-icon="mdi:printer-outline"></i>
         {% trans "Generate printout" %}
       </a>
     </p>
@@ -86,14 +84,14 @@
     <p class="hide-on-med-and-up">
       <a class="btn primary-color waves-effect waves-light hundred-percent"
          href="{% url "students_list" group.pk %}">
-        <i class="material-icons left">people</i>
+        <i class="material-icons iconify left" data-icon="mdi:account-multiple-outline"></i>
         {% trans "Students list" %}
       </a>
     </p>
     <p class="hide-on-med-and-up">
       <a class="btn waves-effect waves-light hundred-percent" href="{% url "full_register_group" group.pk %}"
          target="_blank">
-        <i class="material-icons left">print</i>
+        <i class="material-icons iconify left" data-icon="mdi:printer-outline"></i>
         {% trans "Generate printout" %}
       </a>
     </p>
@@ -212,7 +210,7 @@
                 <li class="">
                   <div class="collapsible-header flow-text">
                     {{ advanced_weekday.name }}, {{ advanced_weekday.date }} <i
-                    class="material-icons collapsible-icon-right">expand_more</i>
+                    class="material-icons iconify collapsible-icon-right" data-icon="mdi:unfold-more-horizontal"></i>
                   </div>
                   <div class="collapsible-body">
                     <div class="collection">
@@ -290,9 +288,8 @@
                 <p class="subtitle">
                   <span>{{ advanced_weekday.date }}</span>
                   <button class="btn-superflat right waves-effect unfold-trigger">
-                    {% trans "Unfold" %} <i class="material-icons">
-                    expand_less
-                  </i>
+                    {% trans "Unfold" %}
+                    <i class="material-icons iconify" data-icon="mdi:unfold-less-horizontal"></i>
                   </button>
                 </p>
                 <div class="horizontal-scroll-container">
@@ -381,7 +378,7 @@
                 {% if can_register_absence %}
                   <a class="btn primary-color waves-effect waves-light right"
                      href="{% url "register_absence" person.person.pk %}">
-                    <i class="material-icons left">rate_review</i>
+                    <i class="material-icons iconify left" data-icon="mdi:message-draw"></i>
                     {% trans "Register absence" %}
                   </a>
                 {% endif %}
@@ -432,7 +429,7 @@
     <div class="card">
       <div class="card-content">
         <span class="card-title">
-          <i class="material-icons red-text left">warning</i>
+          <i class="material-icons iconify red-text left" data-icon="mdi:alert-outline"></i>
           {% blocktrans %}No lessons available{% endblocktrans %}
         </span>
         <p>

aleksis/apps/alsijil/templates/alsijil/excuse_type/list.html

@@ -14,7 +14,7 @@
   {% has_perm "alsijil.add_excusetype_rule" user as add_excusetype %}
   {% if add_excusetype %}
     <a class="btn green waves-effect waves-light" href="{% url 'create_excuse_type' %}">
-      <i class="material-icons left">add</i>
+      <i class="material-icons iconify left"data-icon="mdi:plus"></i>
       {% trans "Create excuse type" %}
     </a>
   {% endif %}

aleksis/apps/alsijil/templates/alsijil/excuse_type/warning.html

 {% load i18n %}
 <figure class="alert warning">
-  <i class="material-icons left">warning</i>
+  <i class="material-icons iconify left" data-icon="mdi:alert-outline"></i>
   {% blocktrans %}
     This function should only be used to define alternatives to the default excuse which also will be counted extra.
     Don't use this to create a default excuse or if you don't divide between different types of excuse.

aleksis/apps/alsijil/templates/alsijil/extra_mark/list.html

@@ -10,7 +10,7 @@
 
 {% block content %}
   <a class="btn green waves-effect waves-light" href="{% url 'create_extra_mark' %}">
-    <i class="material-icons left">add</i>
+    <i class="material-icons iconify left" data-icon="mdi:plus"></i>
     {% trans "Create extra mark" %}
   </a>
 

aleksis/apps/alsijil/templates/alsijil/group_role/assign.html

@@ -30,7 +30,7 @@
     {% form form=form %}{% endform %}
 
     <button type="submit" class="btn green waves-effect waves-light">
-      <i class="material-icons left">assignment_ind</i>
+      <i class="material-icons iconify left" data-icon="mdi:clipboard-account-outline"></i>
       {% trans "Assign" %}
     </button>
   </form>

aleksis/apps/alsijil/templates/alsijil/group_role/assigned_list.html

@@ -24,7 +24,7 @@
     {% has_perm "alsijil.view_my_groups_rule" user as can_view_group_overview %}
     {% if can_view_group_overview %}
       <a class="btn waves-effect waves-light" href="{% url "my_groups" %}">
-        <i class="material-icons left">arrow_back</i>
+        <i class="material-icons iconify left" data-icon="mdi:arrow-left"></i>
         {% trans "Back to my groups" %}
       </a>
     {% endif %}
@@ -32,7 +32,7 @@
     {% has_perm "alsijil.assign_grouprole_for_group_rule" user object as can_assign_group_role %}
     {% if can_assign_group_role %}
       <a class="btn green waves-effect waves-light" href="{% url "assign_group_role" object.pk %}">
-        <i class="material-icons left">assignment_ind</i>
+        <i class="material-icons iconify left" data-icon="mdi:clipboard-account-outline"></i>
         {% trans "Assign a role to a person" %}
       </a>
     {% endif %}
@@ -79,7 +79,7 @@
             <td>
               <a class="btn waves-effect waves-light dropdown-trigger" href="#"
                  data-target="dropdown-{{ assignment.pk }}-d2">
-                <i class="material-icons left">list</i>
+                <i class="material-icons iconify left" data-icon="mdi:format-list-bulleted"></i>
                 {% trans "Actions" %}
               </a>
               {% include "alsijil/group_role/partials/assignment_options.html" with assignment=assignment back_url=back_url suffix="-d2" %}

aleksis/apps/alsijil/templates/alsijil/group_role/list.html

@@ -12,7 +12,7 @@
   {% has_perm "alsijil.add_grouprole_rule" user as add_group_role %}
   {% if add_group_role %}
     <a class="btn green waves-effect waves-light" href="{% url 'create_group_role' %}">
-      <i class="material-icons left">add</i>
+      <i class="material-icons iconify left" data-icon="mdi:plus"></i>
       {% trans "Create group role" %}
     </a>
   {% endif %}

aleksis/apps/alsijil/templates/alsijil/group_role/partials/assigned_roles.html

@@ -8,7 +8,7 @@
           {% if can_assign_group_role %}
             <a class="btn waves-effect waves-light right hide-on-med-and-up"
                href="{% url "assign_group_role" group.pk role.pk %}?next={{ back_url }}">
-              <i class="material-icons center">add</i>
+              <i class="material-icons iconify center" data-icon="mdi:plus"></i>
             </a>
           {% endif %}
 
@@ -21,7 +21,7 @@
           {% if can_assign_group_role %}
             <a class="btn waves-effect waves-light right hide-on-small-only"
                href="{% url "assign_group_role" group.pk role.pk %}?next={{ back_url }}">
-              <i class="material-icons center">add</i>
+              <i class="material-icons iconify center" data-icon="mdi:plus"></i>
             </a>
           {% endif %}
 
@@ -37,7 +37,7 @@
 </div>
 
 <figure class="alert primary">
-  <i class="material-icons left">info</i>
+  <i class="material-icons iconify left" data-icon="information-outline"></i>
   {% blocktrans %}
     You can get some additional actions for each group role assignment if you click on the name of the
     corresponding person.

aleksis/apps/alsijil/templates/alsijil/group_role/partials/assignment_options.html

@@ -10,7 +10,7 @@
   {% if can_edit %}
     <li>
       <a href="{% url "edit_group_role_assignment" assignment.pk %}?next={{ back_url }}">
-        <i class="material-icons left">edit</i> {% trans "Edit" %}
+        <i class="material-icons iconify left" data-icon="mdi:pencil-outline"></i> {% trans "Edit" %}
       </a>
     </li>
   {% endif %}
@@ -18,7 +18,7 @@
   {% if not assignment.date_end and can_stop %}
     <li>
       <a href="#">
-        <i class="material-icons left">stop</i> {% trans "Stop" %}
+        <i class="material-icons iconify left" data-icon="mdi:stop"></i> {% trans "Stop" %}
       </a>
     </li>
   {% endif %}
@@ -26,7 +26,7 @@
   {% if can_delete %}
     <li>
       <a href="{% url "delete_group_role_assignment" assignment.pk %}?next={{ back_url }}" class="red-text">
-        <i class="material-icons left">delete</i> {% trans "Delete" %}
+        <i class="material-icons iconify left" data-icon="mdi:delete-outline"></i> {% trans "Delete" %}
       </a>
     </li>
   {% endif %}

aleksis/apps/alsijil/templates/alsijil/group_role/warning.html

 {% load i18n %}
 <figure class="alert warning">
-  <i class="material-icons left">warning</i>
+  <i class="material-icons iconify left" data-icon="mdi:alert-outline"></i>
   {% blocktrans %}
     This function should only be used to define alternatives to the default excuse which also will be counted extra.
     Don't use this to create a default excuse or if you don't divide between different types of excuse.

aleksis/apps/alsijil/templates/alsijil/partials/lesson/heading.html

@@ -10,14 +10,14 @@
      href="{% url "lesson_period" prev_lesson.week.year prev_lesson.week.week prev_lesson.id %}"
       {% endif %}
   >
-    <i class="material-icons center">navigate_before</i>
+    <i class="material-icons iconify center" data-icon="mdi:chevron-left"></i>
   </a>
   <a class="btn-flat waves-effect waves-light primary-color-text right alsijil-header-nav-button hide-on-med-and-up {% if not next_lesson %}disabled{% endif %}"
       {% if next_lesson %}
      href="{% url "lesson_period" next_lesson.week.year next_lesson.week.week next_lesson.id %}"
       {% endif %}
   >
-    <i class="material-icons center">navigate_next</i>
+    <i class="material-icons iconify center" data-icon="mdi:chevron-right"></i>
   </a>
 
   <span class="alsijil-time-head">

aleksis/apps/alsijil/templates/alsijil/partials/lesson/prev_next.html

@@ -5,7 +5,8 @@
     {% if not blocked_because_holidays and with_save %}
       {% if can_edit_lesson_documentation or can_edit_register_object_personalnote %}
         <button type="submit" class="btn waves-effect waves-light green margin-bottom">
-          <i class="material-icons left">save</i> {% trans "Save" %}
+          <i class="material-icons iconify left" data-icon="mdi:content-save-outline"></i>
+          {% trans "Save" %}
         </button>
       {% endif %}
     {% endif %}
@@ -15,7 +16,7 @@
        href="{% url "lesson_period" prev_lesson.week.year prev_lesson.week.week prev_lesson.id %}"
         {% endif %}
     >
-      <i class="material-icons left">arrow_back</i>
+      <i class="material-icons iconify left" data-icon="mdi:arrow-left"></i>
       {% blocktrans with subject=register_object.get_subject.short_name %}
         Previous {{ subject }} lesson
       {% endblocktrans %}
@@ -26,7 +27,7 @@
        href="{% url "lesson_period" next_lesson.week.year next_lesson.week.week next_lesson.id %}"
         {% endif %}
     >
-      <i class="material-icons right">arrow_forward</i>
+      <i class="material-icons iconify right" data-icon="mdi:arrow-right"></i>
       {% blocktrans with subject=register_object.get_subject.short_name %}
         Next {{ subject }} lesson
       {% endblocktrans %}

aleksis/apps/alsijil/templates/alsijil/partials/lesson/tabs/notes.html

@@ -7,7 +7,7 @@
   {% if can_edit_lesson_documentation or can_edit_register_object_personalnote %}
     <button type="submit"
             class="btn waves-effect waves-light green margin-bottom hundred-percent hide-on-med-and-up">
-      <i class="material-icons left">save</i> {% trans "Save" %}
+      <i class="material-icons iconify left" data-icon="mdi:content-save-outline"></i> {% trans "Save" %}
     </button>
   {% endif %}
 {% endif %}
@@ -105,14 +105,18 @@
                 {% endfor %}
               </p>
             </td>
-            <td><i class="material-icons center">{{ form.absent.value|yesno:"check,clear" }}</i></td>
             <td>
-              <i class="material-icons center">{{ form.late.value|yesno:"check,clear" }}</i>
+              <i class="material-icons iconify center" data-icon="mdi:{{ form.absent.value|yesno:"check,close" }}"></i>
+            </td>
+            <td>
+              <i class="material-icons iconify center" data-icon="mdi:{{ form.late.value|yesno:"check,close" }}"></i>
               <span class="alsijil-tardiness-text">
                 {% if form.late.value %}{{ form.late.value|to_time|time:"i\m" }}{% endif %}
               </span>
             </td>
-            <td><i class="material-icons center">{{ form.excused.value|yesno:"check,clear" }}</i></td>
+            <td>
+              <i class="material-icons iconify center" data-icon="mdi:{{ form.excused.value|yesno:"check,close" }}"></i>
+              </td>
             <td>{% firstof form.instance.excuse_type "–" %}</td>
             <td>
               {% for extra_mark in form.instance.extra_marks.all %}
@@ -133,7 +137,7 @@
   {% if can_edit_lesson_documentation or can_edit_register_object_personalnote %}
     <button type="submit"
             class="btn waves-effect waves-light green margin-bottom hundred-percent hide-on-med-and-up">
-      <i class="material-icons left">save</i> {% trans "Save" %}
+      <i class="material-icons iconify left" data-icon="mdi:content-save-outline"></i> {% trans "Save" %}
     </button>
   {% endif %}
 {% endif %}
\ No newline at end of file