Add notifications on work page, rebase already exists with notifications.js

main/templates/pages/adm_ruleset.html

@@ -6,18 +6,16 @@
 
 {% block heading %}Управление{% endblock %}
 
-{% block extra_css %}
-<link rel="stylesheet" href="{% static 'main/css/work.css' %}"/>
-
-{% endblock %}
-
 {% block extra_scripts %}
 <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
 <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>
 <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
-{% endblock%}
 
+<script src="{% static 'modules/notifications/dist/notifications.js' %}"></script>
+<script src="{% static 'main/js/control.js'%}" type="text/babel"></script>
+<script src="{% static 'main/js/notifications.js' %}"></script>
+{% endblock%}
 {% block content %}
 <div class="container-md">
 
@@ -25,6 +23,10 @@
         <p class="row page-description" id="licences_remaining">Свободных Мест:</p>
     </div>
 
+  {% for message in messages %}
+  <script>create_notification('{{message}}','','{{message.tags}}',5000)</script>
+  {% endfor %}
+
   {% block form %}
   <form method="post">
     {% csrf_token %}
@@ -100,9 +102,6 @@
   </form>
   {% endblock %}
 
-  {% include 'base/success_messages.html' %}
 </div>
 
-<script src="{% static 'main/js/control.js'%}" type="text/babel"></script>
-
 {% endblock %}

main/templates/pages/work.html

@@ -7,7 +7,12 @@
 {% block heading %}Управление правами{% endblock %}
 
 {% block extra_css %}
-<link rel="stylesheet" href="{% static 'main/css/work.css' %}">
+<link rel="stylesheet" href="{% static 'main/css/work.css' %}" xmlns="http://www.w3.org/1999/html">
+<link rel="stylesheet" href="{% static 'modules/notifications/dist/notifications.css' %}">
+{% endblock %}
+{% block extra_scripts %}
+<script src="{% static 'modules/notifications/dist/notifications.js' %}"></script>
+<script src="{% static 'main/js/notifications.js' %}"></script>
 {% endblock %}
 
 {% block content %}
@@ -66,8 +71,10 @@
                 <button type="submit" class="default-button">Взять тикеты в работу</button>
             </form>
         </div>
+      {% for message in messages %}
+  <script>create_notification('{{message}}','','{{message.tags}}',5000)</script>
+  {% endfor %}
     </div>
-  {% include 'base/success_messages.html' %}
 </div>
 {% endblock %}