Закрытие начальной загрузки при загрузке страницы - PullRequest
Новая
       27

Закрытие начальной загрузки при загрузке страницы

0 голосов
/ 17 мая 2018

У меня есть представление, в котором я отправляю некоторые сообщения, например: 

messages.warning(request, 'Nothing found")

В моем settings.py я отредактировал теги сообщений как: 

MESSAGE_TAGS = {
    messages.DEBUG: 'alert-info',
    messages.INFO: 'alert-info',
    messages.SUCCESS: 'alert-success',
    messages.WARNING: 'alert-warning',
    messages.ERROR: 'alert-danger'
}

в моем шаблоне, я отображаю их так: 

{% for message in messages %}
    <div class="alert {{ message.tags }} alert-dismissible fade in">
        <button type="button" class="close" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
        {% if message.tags == 'info' %}
            <p>{{ message }}<br>
                You have <strong>{{users}}</strong> user{{users|pluralize}}<br>
         ,around <strong>{{non_users}}</strong> non user{{non_users|pluralize}}</p>
        {% else %}
            <p>{{ message }}</p>
        {% endif %}
    </div>
{% endfor %}

Когда шаблон загружается, сообщения появляются очень быстро и исчезают.

Если я попробую это: <p>{{message}}</p> вместо этого сообщение останется там, поэтому я предполагаю, что я делаю что-то не так с начальной загрузкой.

Это (вроде) работает также: <div class="{{message.tags}}">

Может ли кто-нибудь пролить свет?

Редактировать:

Я только что заметил, что это происходит именно тогда, когда я использую messages.error(), остальные из них работают должным образом, кажется, не может найти, что не так.

1 Ответ

0 голосов
/ 17 мая 2018

попробуйте, класс alert-{{tag}}, который будет отображать alert-info, пробелов нет 

{% for message in messages %}
    <div class="alert alert-{{message.tags}} page-alert">
        <button type="button" class="close" data-dismiss='alert'>
             <span aria-hidden="true"> × </span>
             <span class="sr-only">Close</span>
        </button>
        <p>{{message}}</p> 
    </div>
{% endfor %}
...