Как сделать счетчик закладок для каждого пользователя
Сделал систему закладок как в статье , всё работает прекрасно, но у меня на сайте в панели меню есть кнопка избранного, где отображается сколько статей добавил в избранное пользователь, как сделать так, что бы он обновлялся так же как общий счетчик в статье
до нажатия на кнопку добавить в избранное
код меню (храниться в 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 хостинг.Вам это нравится? Поделитесь в социальных сетях!
Комментарии
Только авторизованные пользователи могут публиковать комментарии.
Пожалуйста, авторизуйтесь или зарегистрируйтесь
Пожалуйста, авторизуйтесь или зарегистрируйтесь
AD
- Akiv Doros
- 11 ноября 2024 г. 14:58
C++ - Тест 004. Указатели, Массивы и Циклы
- Результат:50баллов,
- Очки рейтинга-4
m
- molni99
- 26 октября 2024 г. 1:37
C++ - Тест 004. Указатели, Массивы и Циклы
- Результат:80баллов,
- Очки рейтинга4
m
- molni99
- 26 октября 2024 г. 1:29
C++ - Тест 004. Указатели, Массивы и Циклы
- Результат:20баллов,
- Очки рейтинга-10
Последние комментарии
Использование переменных объявленных в CMakeLists.txt внутри C++ файлов where can i buy priligy online safely Tom Platz How about things like we read about in the magazines like roid rage and does that really
Django - Урок 055. Как написать функционал auto populate field Freckles because of several brand names retin a, atralin buy generic priligy
QML - Урок 035. Использование перечислений в QML без C++ priligy cvs 24 Together with antibiotics such as amphotericin B 10, griseofulvin 11 and streptomycin 12, chloramphenicol 9 is in the World Health Organisation s List of Essential Medici…
Qt/C++ - Урок 052. Кастомизация Qt Аудио плеера в стиле AIMP It decreases stress, supports hormone balance, and regulates and increases blood flow to the reproductive organs buy priligy online safe Promising data were reported in a PDX model re…
Алгоритм сортировки кучей The role of raloxifene in preventing breast cancer priligy precio
Сейчас обсуждают на форуме
добавить qlineseries в функции PMID 35774217 Free PMC article priligy cvs
Всё ещё разбираюсь с кешем. priligy walgreens levitra dulcolax carbs The third ring was found to be made up of ultra relativistic electrons, which are also present in both the outer and inner rings
IscanderChe31 октября 2024 г. 15:43
Машина тьюринга // Начальное состояние 0 0, ,<,1 // Переход в состояние 1 при пустом символе 0,0,>,0 // Остаемся в состоянии 0, двигаясь вправо при встрече 0 0,1,>…
ИМ
Реализация навигации по разделам Спасибо Евгений!
Игорь Максимов3 октября 2024 г. 4:05
Скорее всего current не находит, смотрите, что в консоле браузера вываливает. Наверняка там есть ошибки.