Чтобы установить пользовательские теги, выполните следующие действия:
Наиболее распространенное место для указания пользовательских тегов и фильтров - это приложение Django. Если они относятся к существующему приложению, имеет смысл объединить их там; в противном случае они могут быть добавлены в новое приложение. Когда приложение Django добавляется в INSTALLED_APPS, любые теги, которые оно определяет в обычном месте, описанном ниже, автоматически становятся доступными для загрузки в шаблонах.
Приложение должно содержать каталог templatetags
на том же уровне, что и models.py, views.py, etc.
Если его еще нет, создайте его - не забудьте файл __init__.py
, чтобы убедиться, что каталог обрабатывается как Python пакет.
Создать файл set_var.py
.
custom_set_tag.py:
from django import template
register = template.Library()
class SetVarNode(template.Node):
def __init__(self, var_name, var_value):
self.var_name = var_name
self.var_value = var_value
def render(self, context):
try:
value = template.Variable(self.var_value).resolve(context)
except template.VariableDoesNotExist:
value = ""
context[self.var_name] = value
return u""
def set_var(parser, token):
"""
{% set <var_name> = <var_value> %}
"""
parts = token.split_contents()
if len(parts) < 4:
raise template.TemplateSyntaxError("'set' tag must be of the form: {% set <var_name> = <var_value> %}")
return SetVarNode(parts[1], parts[3])
register.tag('set', set_var)
Код:
{% load set_var %}
{% set is_liked = 'liked' %}
<form action="{% url 'like_post' %}" method="post">
{% csrf_token %}
{% if is_liked == 'liked' %} // this line is modified.
<button type="submit" name="post_id" value="{{ post.id }}" class= "btn btn-danger">Dislike</button>
{% set is_liked = 'dislike' %}
{% elif is_liked == 'dislike' %}
<button type="submit" name="post_id" value="{{ post.id }}" class= "btn btn-info">Like</button>
{% set is_liked = 'liked' %}
{% endif %}
</form>
{% endwith %}
Другой способ:
Только для переключения между "нравится" и "не нравится",
Добавьте это в html:
<!-- Use an element to toggle between a like/dislike icon -->
<i onclick="myFunction(this)" class="fa fa-thumbs-up"></i>
Добавьте это в скрипт:
function myFunction(x) {
x.classList.toggle("fa-thumbs-down");
}