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 не находит, смотрите, что в консоле браузера вываливает. Наверняка там есть ошибки.

    Комментарии

    Только авторизованные пользователи могут публиковать комментарии.
    Пожалуйста, авторизуйтесь или зарегистрируйтесь
    AD

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

    • Результат:50баллов,
    • Очки рейтинга-4
    m
    • molni99
    • 26 октября 2024 г. 1:37

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

    • Результат:80баллов,
    • Очки рейтинга4
    m
    • molni99
    • 26 октября 2024 г. 1:29

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

    • Результат:20баллов,
    • Очки рейтинга-10
    Последние комментарии
    i
    innorwall13 ноября 2024 г. 20:09
    Использование переменных объявленных в 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
    i
    innorwall11 ноября 2024 г. 22:12
    Django - Урок 055. Как написать функционал auto populate field Freckles because of several brand names retin a, atralin buy generic priligy
    i
    innorwall11 ноября 2024 г. 18:23
    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…
    i
    innorwall11 ноября 2024 г. 15:50
    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…
    i
    innorwall11 ноября 2024 г. 14:19
    Алгоритм сортировки кучей The role of raloxifene in preventing breast cancer priligy precio
    Сейчас обсуждают на форуме
    i
    innorwall13 ноября 2024 г. 18:52
    добавить qlineseries в функции PMID 35774217 Free PMC article priligy cvs
    i
    innorwall11 ноября 2024 г. 10:55
    Всё ещё разбираюсь с кешем. 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
    9
    9Anonim25 октября 2024 г. 9:10
    Машина тьюринга // Начальное состояние 0 0, ,<,1 // Переход в состояние 1 при пустом символе 0,0,>,0 // Остаемся в состоянии 0, двигаясь вправо при встрече 0 0,1,>…
    ИМ
    Игорь Максимов3 октября 2024 г. 4:05
    Реализация навигации по разделам Спасибо Евгений!

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