diff --git a/biscuit/core/settings.py b/biscuit/core/settings.py
index 1d88877f2d8ae53a2cdf57d6a4979f1abb082be7..65ab18f801923660f2c34c2facdd3ec7dc067aef 100644
--- a/biscuit/core/settings.py
+++ b/biscuit/core/settings.py
@@ -57,7 +57,6 @@ INSTALLED_APPS = [
"dbsettings",
"django_cron",
"bootstrap4",
- "fa",
"django_any_js",
"django_yarnpkg",
"django_tables2",
@@ -233,13 +232,11 @@ STATIC_ROOT = _settings.get("static.root", os.path.join(BASE_DIR, "static"))
MEDIA_ROOT = _settings.get("media.root", os.path.join(BASE_DIR, "media"))
NODE_MODULES_ROOT = _settings.get("node_modules.root", os.path.join(BASE_DIR, "node_modules"))
-YARN_INSTALLED_APPS = ["bootstrap", "font-awesome", "jquery", "popper.js", "datatables", "select2"]
+YARN_INSTALLED_APPS = ["bootstrap", "@mdi/font", "jquery", "popper.js", "datatables", "select2"]
JS_URL = _settings.get("js_assets.url", STATIC_URL)
JS_ROOT = _settings.get("js_assets.root", NODE_MODULES_ROOT + "/node_modules")
-FONT_AWESOME = {"url": JS_URL + "/font-awesome/css/font-awesome.min.css"}
-
BOOTSTRAP4 = {
"css_url": JS_URL + "/bootstrap/dist//css/bootstrap.min.css",
"javascript_url": JS_URL + "/bootstrap/dist/js/bootstrap.min.js",
@@ -260,6 +257,7 @@ ANY_JS = {
"css_url": JS_URL + "/datatables/media/css/dataTables.bootstrap4.min.css",
"js_url": JS_URL + "/datatables/media/js/dataTables.bootstrap4.min.js",
},
+ "material-design-icons": {"css_url": JS_URL + "@mdi/font/css/materialdesignicons.css"},
}
SASS_PROCESSOR_AUTO_INCLUDE = False
diff --git a/biscuit/core/templates/core/base.html b/biscuit/core/templates/core/base.html
index 9b440b9ab6ac3ab7a41682f7819861a75ba74348..c87fe544e7a25d15dada319a14cffaca5b817936 100644
--- a/biscuit/core/templates/core/base.html
+++ b/biscuit/core/templates/core/base.html
@@ -2,11 +2,11 @@
{% extends "bootstrap4/bootstrap4.html" %}
-{% load bootstrap4 i18n menu_generator static font_awesome any_js sass_tags %}
+{% load bootstrap4 i18n menu_generator static any_js sass_tags %}
{% block bootstrap4_extra_head %}
- {% fa_css %}
{% include_css "DataTables-Bootstrap4" %}
+ {% include_css "material-design-icons"%}
{% include 'core/icons.html' %}
<link rel="stylesheet" href="{% sass_src 'bootstrap_modified.scss' %}" />
<link rel="stylesheet" href="{% static 'css/style.css' %}" />
@@ -24,10 +24,10 @@
<header>
<nav class="navbar navbar-dark bg-dark navbar-expand-md fixed-top">
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar-main">
- {% fa 'fa-align-justify' %}
+ <span class="mdi mdi-menu"></span>
</button>
<a class="navbar-brand" href="{% url "index" %}">
- {% fa 'fa-briefcase' %} BiscuIT SIS
+ <span class="mdi mdi-briefcase"></span> BiscuIT SIS
</a>
<div class="collapse navbar-collapse" id="navbar-main">
diff --git a/biscuit/core/templates/core/crud_events_ul.html b/biscuit/core/templates/core/crud_events_ul.html
index dbe27d8fc25d94e2e1899600be8e3d06dbfd4ae8..8eef4639e7fc56f3ac8a563f2dd7488f8c922479 100644
--- a/biscuit/core/templates/core/crud_events_ul.html
+++ b/biscuit/core/templates/core/crud_events_ul.html
@@ -1,5 +1,3 @@
-{% load font_awesome %}
-
<ul class="{{ class_ul }}">
{% for event in obj.crud_events %}
<li class="{{ class_li }}">
@@ -9,15 +7,15 @@
</div>
<span class="badge badge-light text-dark">
{% if event.event_type == event.CREATE %}
- {% fa 'plus' %}
+ <span class="mdi mdi-plus"></span>
{% elif event.event_type == event.UPDATE %}
- {% fa 'pencil' %}
+ <span class="mdi mdi-pencil"></span>
{% elif event.event_type == event.DELETE %}
- {% fa 'trash' %}
+ <span class="mdi mdi-delete"></span>
{% elif event.event_type == event.M2M_CHANGE %}
- {% fa 'pencil' %}
+ <span class="mdi mdi-pencil"></span>
{% elif event.event_type == event.M2M_CHANGE_REV %}
- {% fa 'pencil' %}
+ <span class="mdi mdi-pencil"></span>
{% endif %}
</span>
</li>
diff --git a/biscuit/core/templates/core/footer-menu.html b/biscuit/core/templates/core/footer-menu.html
index 7f03b85514fab560ee776f9edc02fa2222bec2b1..6866c019fc2c410993d7df279a434a57567389ea 100644
--- a/biscuit/core/templates/core/footer-menu.html
+++ b/biscuit/core/templates/core/footer-menu.html
@@ -1,6 +1,6 @@
{# -*- engine:django -*- #}
-{% load menu_generator font_awesome i18n %}
+{% load menu_generator i18n %}
{% get_menu "FOOTER_MENU_CORE" as footer_menu %}
{% regroup footer_menu by submenu|length_is:"0" as footer_menus %}
@@ -12,7 +12,7 @@
<h5>{{ item.name }}</h5>
<ul class="list-unstyled quick-links">
{% for menu in item.submenu %}
- <li><a class="font-weight-bold text-dark" href="{{ menu.url }}">{% fa 'fa-angle-double-right' %} {{ menu.name }}</a></li>
+ <li><a class="font-weight-bold text-dark" href="{{ menu.url }}"><span class="mdi mdi-chevron-double-right"></span> {{ menu.name }}</a></li>
{% endfor %}
</ul>
</div>
@@ -26,7 +26,7 @@
<h5>{% blocktrans %}Assorted{% endblocktrans %}</h5>
<ul class="list-unstyled quick-links">
{% for item in menu.list %}
- <li><a class="font-weight-bold text-dark" href="{{ item.url }}">{% fa 'fa-angle-double-right' %} {{ item.name }}</a></li>
+ <li><a class="font-weight-bold text-dark" href="{{ item.url }}"><span class="mdi mdi-chevron-double-right"></span> {{ item.name }}</a></li>
{% endfor %}
</ul>
</div>
diff --git a/biscuit/core/templates/core/group_full.html b/biscuit/core/templates/core/group_full.html
index cb3b8e83fd232312ccef2033ef23f057f15136ed..0b925b1451f14d7b3f002b19d204cb56a80226a3 100644
--- a/biscuit/core/templates/core/group_full.html
+++ b/biscuit/core/templates/core/group_full.html
@@ -2,7 +2,7 @@
{% extends "core/base.html" %}
-{% load bootstrap4 font_awesome i18n static %}
+{% load bootstrap4 i18n static %}
{% load render_table from django_tables2 %}
{% block bootstrap4_title %}{% blocktrans %}Group{% endblocktrans %} - {{ block.super }}{% endblock %}
@@ -19,7 +19,7 @@
<h3>{% blocktrans %}Details{% endblocktrans %}</h3>
<table class="table table-responsive-xl table-border table-striped">
<tr>
- <td>{% fa 'users' %}</td>
+ <td><span class="mdi mdi-account-group"></span></td>
<td>{{ group.name }}</td>
<td>{{ group.short_name }}</td>
</tr>
diff --git a/biscuit/core/templates/core/groups.html b/biscuit/core/templates/core/groups.html
index 72b7ead8d5b3286756ca65e6bb5009d80037f846..6534a8e384dbf48b4820eac1590ebdbcf923b06c 100644
--- a/biscuit/core/templates/core/groups.html
+++ b/biscuit/core/templates/core/groups.html
@@ -2,7 +2,7 @@
{% extends "core/base.html" %}
-{% load bootstrap4 font_awesome i18n %}
+{% load bootstrap4 i18n %}
{% load render_table from django_tables2 %}
{% block bootstrap4_title %}{% blocktrans %}Groups{% endblocktrans %} - {{ block.super }}{% endblock %}
@@ -12,7 +12,7 @@
{% block content %}
<div class="btn-group" role="group" aria-lable="Group actions">
<a href="{% url 'create_group' %}" class="btn btn-dark">
- {% fa 'plus' %}
+ <span class="mdi mdi-plus"></span>
</a>
</div>
diff --git a/biscuit/core/templates/core/person_full.html b/biscuit/core/templates/core/person_full.html
index 684a72f40351f4551d154a32db8b5b5ec3656a21..6c05430346303d2bdeabb03c3f5ae08879dec323 100644
--- a/biscuit/core/templates/core/person_full.html
+++ b/biscuit/core/templates/core/person_full.html
@@ -2,7 +2,7 @@
{% extends "core/base.html" %}
-{% load bootstrap4 font_awesome i18n static cropping %}
+{% load bootstrap4 i18n static cropping %}
{% load render_table from django_tables2 %}
{% block bootstrap4_title %}{% blocktrans %}Person{% endblocktrans %} - {{ block.super }}{% endblock %}
@@ -26,36 +26,36 @@
<img class="person-img" src="{% static 'img/fallback.png' %}" alt="{{ person.first_name }} {{ person.last_name }}" />
{% endif %}
</td>
- <td>{% fa 'user' %}</td>
+ <td><span class="mdi mdi-account"></span></td>
<td>{{ person.first_name }}</td>
<td>{{ person.additional_name }}</td>
<td>{{ person.last_name }}</td>
</tr>
<tr>
- <td>{% fa 'venus-mars' %}</td>
+ <td><span class="mdi mdi-gender-male-female"></td>
<td colspan="3">{{ person.get_sex_display }}</td>
</tr>
<tr>
- <td>{% fa 'fa-home' %}</td>
+ <td><span class="mdi mdi-home"></span></td>
<td colspan="2">{{ person.street }} {{ person.housenumber }}</td>
<td colspan="2">{{ person.postal_code }} {{ person.place }}</td>
</tr>
<tr>
- <td>{% fa 'phone-square' %}</td>
+ <td><span class="mdi mdi-phone"></span></td>
<td>{{ person.phone_number }}</td>
<td>{{ person.mobile_number }}</td>
</tr>
<tr>
- <td>{% fa 'envelope' %}</td>
+ <td><span class="mdi mdi-email"></span></td>
<td colspan="3">{{ person.email }}</td>
</tr>
<tr>
- <td>{% fa 'gift' %}</td>
+ <td><span class="mdi mdi-cake"></span></td>
<td colspan="3">{{ person.date_of_birth|date }}</td>
</tr>
{% comment %}
<tr>
- <td>{% fa 'graduation-cap' %}</td>
+ <td><span class="mdi mdi-school"></span></td>
<td>Class</td>
<td>Teacher</td>
</tr>
diff --git a/biscuit/core/templates/core/system_status.html b/biscuit/core/templates/core/system_status.html
index 881a244811787bd157ea45add6a93fce8319e1cd..7b8006dd28717c04e82c206756e7027f20b45111 100644
--- a/biscuit/core/templates/core/system_status.html
+++ b/biscuit/core/templates/core/system_status.html
@@ -1,6 +1,6 @@
{# -*- engine:django -*- #}
{% extends "core/base.html" %}
-{% load i18n font_awesome %}
+{% load i18n %}
{% block bootstrap4_title %}{% blocktrans %}System status{% endblocktrans %} - {{ block.super }}{% endblock %}
@@ -13,18 +13,18 @@
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item d-flex justify-content-between align-items-center">
- {% if maintenance_mode %}
+ {% if maintenance_mode %}
<div>
<p>{% blocktrans %}Maintenance mode enabled{% endblocktrans %}</p>
<p class="small">{% blocktrans%}Only admin and visitors from internal IPs can access the site.{% endblocktrans %}</p>
</div>
- <span class="badge badge-danger"><a href="{% url 'maintenance_mode_off' %}">{% fa 'power-off' %}</a></span>
+ <span class="badge badge-danger mdi mdi-power"><a href="{% url 'maintenance_mode_off' %}"></a></span>
{% else %}
<div>
<p>{% blocktrans %}Maintenance mode disabled{% endblocktrans %}</p>
<p class="small">{% blocktrans%}Everyone can access the site.{% endblocktrans %}</p>
</div>
- <span class="badge badge-success"><a href="{% url 'maintenance_mode_on' %}">{% fa 'power-off' %}</a></span>
+ <span class="badge badge-success mdi mdi-power"><a href="{% url 'maintenance_mode_on' %}"></a></span>
{% endif %}
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
@@ -33,13 +33,13 @@
<p>{% blocktrans %}Debug mode enabled{% endblocktrans %}</p>
<p class="small">{% blocktrans%}The web server throws back debug information on errors. Do not use in production!{% endblocktrans %}</p>
</div>
- <span class="badge badge-danger">{% fa 'power-off' %}</span>
+ <span class="badge badge-danger mdi mdi-power"> </span>
{% else %}
<div>
<p>{% blocktrans %}Debug mode disabled{% endblocktrans %}</p>
<p class="small">{% blocktrans%}Debug mode is disabled. Default error pages are displayed on errors.{% endblocktrans %}</p>
</div>
- <span class="badge badge-success">{% fa 'power-off' %}</span>
+ <span class="badge badge-success mdi mdi-power"> </span>
{% endif %}
</li>
</ul>
@@ -56,9 +56,9 @@
<p>{{ backup.end_time }}</p>
</div>
{% if backup.is_success %}
- <span class="badge badge-success">{% fa 'check' %}</span>
+ <span class="badge badge-success mdi mdi-check"> </span>
{% else %}
- <span class="badge badge-danger">{% fa 'times' %}</span>
+ <span class="badge badge-danger mdi mdi-error"> </span>
{% endif %}
</li>
{% endfor %}
diff --git a/biscuit/core/templates/core/turnable.html b/biscuit/core/templates/core/turnable.html
index 61e4b3764b6fb439cdcf0221cc6974461a168ce5..237f7576f8a250bbe9ba1de42becbc093ffe6b96 100644
--- a/biscuit/core/templates/core/turnable.html
+++ b/biscuit/core/templates/core/turnable.html
@@ -2,7 +2,6 @@
{% extends "core/base.html" %}
-{% load font_awesome %}
{% block content %}
@@ -12,10 +11,10 @@
</div>
<div class="btn-group" role="group" aria-label="URL actions">
<a href="{{ url_prev }}" class="btn btn-dark">
- {% fa 'arrow-left' %}
+ <span class="mdi mdi-chevron-left"></span>
</a>
<a href="{{ url_next }}" class="btn btn-dark">
- {% fa 'arrow-right' %}
+ <span class="mdi mdi-chevron-right"></span>
</a>
</div>
</div>
diff --git a/poetry.lock b/poetry.lock
index 490b1250a670aab2d4a919b5b52a783d3d0cec22..69ee2118cf9609af3546cc7397f395b3a0d82b0a 100644
--- a/poetry.lock
+++ b/poetry.lock
@@ -309,17 +309,6 @@ optional = false
python-versions = "*"
version = "1.1.1"
-[[package]]
-category = "main"
-description = "Font Awesome for Django"
-name = "django-fa"
-optional = false
-python-versions = "*"
-version = "1.0.0"
-
-[package.dependencies]
-Django = ">1.4"
-
[[package]]
category = "main"
description = "A set of high-level abstractions for Django forms"
@@ -1660,7 +1649,7 @@ testing = ["pathlib2", "contextlib2", "unittest2"]
ldap = ["django-auth-ldap"]
[metadata]
-content-hash = "906253d2c4e2aab165d0a84a3504cf6d2e250859bfe43e2e0aef56f7c67fafa4"
+content-hash = "f453c39e0de04d47e1c53ec8ac5e064a9ad9c2965f9f83c476524d2f867542ab"
python-versions = "^3.7"
[metadata.files]
@@ -1800,9 +1789,6 @@ django-easy-audit = [
{file = "django-easy-audit-1.1.1.tar.gz", hash = "sha256:4b40a30599fe721eb0a9946f5023254fa0904d531c9f4adb23ee52601efaf89b"},
{file = "django_easy_audit-1.1.1-py2.py3-none-any.whl", hash = "sha256:1c5d5e6d6a33f50f696ed53cdaf51de0a4ae2f110ef8c41b33bc139b737729a6"},
]
-django-fa = [
- {file = "django-fa-1.0.0.tar.gz", hash = "sha256:e3ebf97b90e374b5ccb5b8a70e4a932c8787f2ee995c09a97a63bf9a1366c3ff"},
-]
django-formtools = [
{file = "django-formtools-2.2.tar.gz", hash = "sha256:c5272c03c1cd51b2375abf7397a199a3148a9fbbf2f100e186467a84025d13b2"},
{file = "django_formtools-2.2-py2.py3-none-any.whl", hash = "sha256:304fa777b8ef9e0693ce7833f885cb89ba46b0e46fc23b01176900a93f46742f"},
diff --git a/pyproject.toml b/pyproject.toml
index 1d9c06315b37e839c919dcb36fa1e70c7b954e07..46c4283fb4c21f007dcca4485eed0798db681049 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -23,7 +23,6 @@ python = "^3.7"
Django = "^2.2"
django-any-js = "^1.0"
django-bootstrap4 = "^1.0"
-django-fa = "^1.0"
django-debug-toolbar = "^2.0"
django-easy-audit = "^1.1"
django-middleware-global-request = "^0.1.2"