/pedagogy/uv/create use quick notif

core/static/core/js/script.js

@@ -38,7 +38,14 @@ $( function() {
     $("#quick_notif li").click(function () {
         $(this).hide();
     })
-} );
+});
+
+function createQuickNotif(msg) {
+    const el = document.createElement('li')
+    el.textContent = msg
+    el.addEventListener('click', () => el.parentNode.removeChild(el))
+    document.getElementById('quick_notif').appendChild(el)
+}
 
 function display_notif() {
     $('#header_notif').toggle().parent().toggleClass("white");
@@ -52,4 +59,4 @@ function display_notif() {
 // https://docs.djangoproject.com/en/2.0/ref/csrf/#acquiring-the-token-if-csrf-use-sessions-is-true
 function getCSRFToken() {
     return $("[name=csrfmiddlewaretoken]").val();
-}
+}

pedagogy/templates/pedagogy/uv_create.jinja

@@ -58,7 +58,7 @@
                 url: url,
                 success: function(data, _, xhr) {
                     if (xhr.status != 200) {
-                        alert("{% trans %}Unknown UV code{% endtrans %}")
+                        createQuickNotif("{% trans %}Unknown UV code{% endtrans %}")
                         return
                     }
                     for (let key in data) {
@@ -73,10 +73,10 @@
                         }
                     }
 
-                    alert('{% trans %}Successful autocomplete{% endtrans %}')
+                    createQuickNotif('{% trans %}Successful autocomplete{% endtrans %}')
                 },
                 error: function(_, _, statusMessage) {
-                    alert('{% trans %}An error occured: {% endtrans %}' + statusMessage)
+                    createQuickNotif('{% trans %}An error occured: {% endtrans %}' + statusMessage)
                 },
             })
         })