Change icon set in javascript files

aleksis/core/static/js/main.js

@@ -188,6 +188,6 @@ $(document).ready(function () {
 const channel = new BroadcastChannel("cache-or-not");
 channel.addEventListener("message", event => {
     if ((event.data) && !($("#cache-alert").length)) {
-        $("main").prepend('<div id="cache-alert" class="alert warning"><p><i class="material-icons left">warning</i>' + gettext("This page may contain outdated information since there is no internet connection.") + '</p> </div>')
+        $("main").prepend('<div id="cache-alert" class="alert warning"><p><i class="material-icons iconify left" data-icon="mdi:alert-outline"></i>' + gettext("This page may contain outdated information since there is no internet connection.") + '</p> </div>')
     }
 });

aleksis/core/static/js/progress.js

@@ -9,11 +9,11 @@ const STYLE_CLASSES = {
 };
 
 const ICONS = {
-    10: 'info',
-    20: 'info',
-    25: 'check_circle',
-    30: 'warning',
-    40: 'error',
+    10: 'mdi:information',
+    20: 'mdi:information',
+    25: 'mdi:check-circle',
+    30: 'mdi:alert-outline',
+    40: 'mdi:alert-octagon-outline',
 };
 
 function setProgress(progress) {
@@ -21,7 +21,7 @@ function setProgress(progress) {
 }
 
 function renderMessageBox(level, text) {
-    return '<div class="alert ' + STYLE_CLASSES[level] + '"><p><i class="material-icons left">' + ICONS[level] + '</i>' + text + '</p></div>';
+    return '<div class="alert ' + STYLE_CLASSES[level] + '"><p><i class="material-icons iconify left" data-icon="' + ICONS[level] + '"></i>' + text + '</p></div>';
 }
 
 function customProgress(progressBarElement, progressBarMessageElement, progress) {
@@ -44,7 +44,7 @@ function customProgress(progressBarElement, progressBarMessageElement, progress)
 function customSuccess(progressBarElement, progressBarMessageElement) {
     setProgress(100);
     $("#result-alert").addClass("success");
-    $("#result-icon").text("check_circle");
+    $("#result-icon").attr("data-icon", "mdi:check-circle-outline");
     $("#result-text").text(OPTIONS.success);
     $("#result-box").show();
     $("#result-button").show();
@@ -57,7 +57,7 @@ function customSuccess(progressBarElement, progressBarMessageElement) {
 function customError(progressBarElement, progressBarMessageElement) {
     setProgress(100);
     $("#result-alert").addClass("error");
-    $("#result-icon").text("error");
+    $("#result-icon").attr("data-icon", "mdi:alert-octagon-outline");
     $("#result-text").text(OPTIONS.error);
     $("#result-box").show();
 }