Как сделать счетчик закладок для каждого пользователя
Сделал систему закладок как в статье , всё работает прекрасно, но у меня на сайте в панели меню есть кнопка избранного, где отображается сколько статей добавил в избранное пользователь, как сделать так, что бы он обновлялся так же как общий счетчик в статье
до нажатия на кнопку добавить в избранное
код меню (храниться в base шаблоне и подключается {% extends "main/base.html" %})
<nav> <a href="/" style="color: inherit; text-decoration: none;"> <picture> <source type="image/svg+xml" + srcset="{% static 'icons/article-white-18dp.svg' %}"> <img src="{% static 'icons/article-white-18dp.svg' %}" width="16" height="16"> </picture> <span class="body-2" style="color: inherit;">Статьи</span> <span class="counter">{{ article_count.count }}</span> </a> <a href="{% url 'post_favourite_list' %}" style="color: inherit; text-decoration: none;"> <picture> <source type="image/svg+xml" + srcset="{% static 'icons/favorite-white-18dp.svg' %}"> <img src="{% static 'icons/favorite-white-18dp.svg' %}" width="16" height="16"> </picture> <span class="body-2">Избранное</span> <span class="counter" data-count="bookmark">{{ request.user.bookmarkarticle_set.all.count }}</span> </a> </nav>
жс код аякса
function to_bookmarks() { var current = $(this); var type = current.data('type'); var pk = current.data('id'); var action = current.data('action'); $.ajax({ url : "/api/" + type + "/" + pk + "/" + action + "/", type : 'POST', data : { 'obj' : pk }, success : function (json) { current.find("[data-count='" + action + "']").text(json.count); } }); return false; } // Подключение обработчика $(function() { $('[data-action="bookmark"]').click(to_bookmarks); });
код кнопки "добавить в избранное" в статье
<a data-id="{{ post.id }}" data-type="article" data-action="bookmark" title="Избранное"> <button type="button" class="btn btn-danger" style="margin-top: 20px "> {% if post.bookmarkarticle_set.all|user_in:user %} <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart-fill" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z"></path> </svg> {% else %} <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart-fill" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z"></path> </svg> {% endif %} <span data-count="bookmark">{{ post.get_bookmark_count }}</span> </button> </a>
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.Вам это нравится? Поделитесь в социальных сетях!
Комментарии
Только авторизованные пользователи могут публиковать комментарии.
Пожалуйста, авторизуйтесь или зарегистрируйтесь
Пожалуйста, авторизуйтесь или зарегистрируйтесь
l
- laei
- 23 апреля 2024 г. 19:19
C++ - Тест 004. Указатели, Массивы и Циклы
- Результат:10баллов,
- Очки рейтинга-10
Последние комментарии
Qt Linux - Урок 001. Автозапуск Qt приложения под Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
АК
Qt WinAPI - Урок 007. Работаем с ICMP Ping в Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
Анатолий Кононенко5 февраля 2024 г. 12:50
EVA25 декабря 2023 г. 21:30
Boost - статическая линковка в CMake проекте под Windows Сделал всё по-как у вас, но выдаёт ошибку [build] LINK : fatal error LNK1104: не удается открыть файл "libboost_locale-vc142-mt-gd-x64-1_74.lib" Хоть убей, не могу понять в чём дел…
Qt/C++ - Урок 056. Подключение библиотеки Boost в Qt для компиляторов MinGW и MSVC Для решения твой проблемы добавь в файл .pro строчку "LIBS += -lws2_32" она решит проблему , лично мне помогло.
Сейчас обсуждают на форуме
DA
Unlock Your Aesthetic Potential: Explore MSC in Facial Aesthetics and Cosmetology in India Embark on a transformative journey with an msc in facial aesthetics and cosmetology in india . Delve into the intricate world of beauty and rejuvenation, guided by expert faculty and …
Dr Gangil Academics20 апреля 2024 г. 17:45
Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Евгений, добрый день! Такой вопрос. Верно ли следующее утверждение: Любое Android-приложение, написанное на Java/Kotlin чисто теоретически (пусть и с большими трудностями) можно написать и на C+…
Павел Дорофеев14 апреля 2024 г. 12:35
Вернуть старое поведение QComboBox, не менять индекс при resetModel Добрый день! У нас много проектов в которых используется QComboBox, в версии 5.5.1, когда модель испускает сигнал resetModel, currentIndex не менялся. В версии 5.15 при resetModel происходит try…
Скорее всего current не находит, смотрите, что в консоле браузера вываливает. Наверняка там есть ошибки.