L
Livis1 апреля 2021 г. 19:41

Как сделать счетчик закладок для каждого пользователя

bookmark, django

Сделал систему закладок как в статье , всё работает прекрасно, но у меня на сайте в панели меню есть кнопка избранного, где отображается сколько статей добавил в избранное пользователь, как сделать так, что бы он обновлялся так же как общий счетчик в статье

до нажатия на кнопку добавить в избранное

после

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

код меню (храниться в 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
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Вам это нравится? Поделитесь в социальных сетях!

1
Evgenii Legotckoi
  • 2 июля 2021 г. 6:25

Скорее всего current не находит, смотрите, что в консоле браузера вываливает. Наверняка там есть ошибки.

    Комментарии

    Только авторизованные пользователи могут публиковать комментарии.
    Пожалуйста, авторизуйтесь или зарегистрируйтесь
    г
    • ги
    • 24 апреля 2024 г. 1:51

    C++ - Тест 005. Структуры и Классы

    • Результат:41баллов,
    • Очки рейтинга-8
    l
    • laei
    • 23 апреля 2024 г. 19:19

    C++ - Тест 004. Указатели, Массивы и Циклы

    • Результат:10баллов,
    • Очки рейтинга-10
    l
    • laei
    • 23 апреля 2024 г. 19:17

    C++ - Тест 003. Условия и циклы

    • Результат:50баллов,
    • Очки рейтинга-4
    Последние комментарии
    k
    kmssr9 февраля 2024 г. 5:43
    Qt Linux - Урок 001. Автозапуск Qt приложения под Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
    АК
    Анатолий Кононенко5 февраля 2024 г. 12:50
    Qt WinAPI - Урок 007. Работаем с ICMP Ping в Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
    EVA
    EVA25 декабря 2023 г. 21:30
    Boost - статическая линковка в CMake проекте под Windows Ошибка LNK1104 часто возникает, когда компоновщик не может найти или открыть файл библиотеки. В вашем случае, это файл libboost_locale-vc142-mt-gd-x64-1_74.lib из библиотеки Boost для C+…
    J
    JonnyJo25 декабря 2023 г. 19:38
    Boost - статическая линковка в CMake проекте под Windows Сделал всё по-как у вас, но выдаёт ошибку [build] LINK : fatal error LNK1104: не удается открыть файл "libboost_locale-vc142-mt-gd-x64-1_74.lib" Хоть убей, не могу понять в чём дел…
    G
    Gvozdik19 декабря 2023 г. 8:01
    Qt/C++ - Урок 056. Подключение библиотеки Boost в Qt для компиляторов MinGW и MSVC Для решения твой проблемы добавь в файл .pro строчку "LIBS += -lws2_32" она решит проблему , лично мне помогло.
    Сейчас обсуждают на форуме
    G
    Gar22 апреля 2024 г. 15:46
    Clipboard Как скопировать окно целиком в clipb?
    DA
    Dr Gangil Academics20 апреля 2024 г. 17:45
    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 …
    a
    a_vlasov14 апреля 2024 г. 16:41
    Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Евгений, добрый день! Такой вопрос. Верно ли следующее утверждение: Любое Android-приложение, написанное на Java/Kotlin чисто теоретически (пусть и с большими трудностями) можно написать и на C+…
    Павел Дорофеев
    Павел Дорофеев14 апреля 2024 г. 12:35
    QTableWidget с 2 заголовками Вот тут есть кастомный QTableView с многорядностью проект поддерживается, обращайтесь
    f
    fastrex4 апреля 2024 г. 14:47
    Вернуть старое поведение QComboBox, не менять индекс при resetModel Добрый день! У нас много проектов в которых используется QComboBox, в версии 5.5.1, когда модель испускает сигнал resetModel, currentIndex не менялся. В версии 5.15 при resetModel происходит try…

    Следите за нами в социальных сетях