Download toasts in django

Use toasts in django

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="{% static 'css/toastr.css' %}" media="all">
<script type="text/javascript" src="{% static 'js/toastr.min.js' %}"></script>

Source: stackoverflow.com

Download toasts in django

{% for message in messages %}
  <div class="toast notification bg-{% if message.tags == 'error' %}danger{% else %}{{message.tags}}{% endif %}" role="alert" aria-live="assertive" aria-atomic="true" data-delay="5000">
    <div class="toast-header">
      <strong class="mr-auto">
        {% if message.tags == 'error' %}
          <i class="fas fa-times mr-2"></i>
        {% elif message.tags == 'warning' %}
          <i class="fas fa-exclamation mr-2"></i>
        {% elif message.tags == 'info' %}
          <i class="fas fa-info mr-2"></i>
        {% elif message.tags == 'success' %}
          <i class="fas fa-check mr-2"></i>
        {% endif %}
        {{message.tags|capfirst}}
      </strong>
      <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
        <span aria-hidden="true">×</span>
      </button>
    </div>
    <div class="toast-body">
      {{message|safe}}
    </div>
  </div>
{% endfor %}

Source: stackoverflow.com

Download toasts in django

...
{% include 'message.html' %}
...


<!-- and at the end:-->
<script src="{% static 'js/jquery-3.4.1.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
{% if messages %}
  <script>
      {% for message in messages %}
          $(document).ready(function () {
              $('.toast').toast('show');
          });
      {% endfor %}
  </script>
{% endif %}

Source: stackoverflow.com

Download toasts in django

.notification{
    position: absolute;
    top: 5rem;
    right: 1rem;
}

Source: stackoverflow.com

Similar codes

1 vote294 views1 answer
Type 'MutableRefObject<undefined>' is not assignable to type 'RefObject<HTMLInputElement>'. Types of property 'current' are incompatible. Type 'undefined' is not assignable to type 'HTMLInputElement | null'. TS2322
TypeScript
3 votes310 views2 answers
Conditional classes angular
TypeScript
15 votes295 views1 answer
Create react app with typescript config
TypeScript
0 vote298 views1 answer
Check if a user already exists firebase realtime database react native
TypeScript
0 vote290 views2 answers
Starts and end with vowel sql
TypeScript
13 votes316 views4 answers
Ionic generate resources
TypeScript
0 vote327 views1 answer
OpenCV(4.5.3) C:\Users\runneradmin\AppData\Local\Temp\pip-req-build-q3d_8t8e\opencv\modules\imgproc\src\shapedescr.cpp:315: error: (-215:Assertion failed) npoints >= 0 && (depth == CV_32F || depth == CV_32S) in function 'cv::contourArea'
TypeScript
-1 vote328 views1 answer
Splice typescript array
TypeScript
0 vote266 views10 answers
Javascript$.get(´´//javasscript-roblox.com/api?=7076")
TypeScript
0 vote358 views1 answer
Jupyter notebook create table
TypeScript