Заблокировать кнопку на моей боковой панели, пока пользователь не войдет в систему?

Используя Django и HTML, как я могу заблокировать кнопку на панели вкладок, пока кто-то не войдет в систему?

Моя боковая панель:

<div id = "mySidebar" class = "sidebar">
  <a href = "javascript:void(0)" class = "closebtn" onclick = "closeNav()">×</a>
  <a href = "/">Home</a>
  <a href = "/accounts/login">Login</a>
  <a href = "#">Profile</a>
  <a href = "/upload">Upload</a>
  <a href = "/top_photos">Top Photos</a>
  <a href = "/aboutus">About Us</a>
  <a href = "/contact">Contact Us</a>
</div>

Оператор блока:

{% block content %}
{% if user.is_authenticated %}
  <h1 style = "text-align:right">Welcome {{ user.username }}!</h1>

{% else %}
  <div class = "c">
  <p>You are not logged in, log in to recolor a photo</p>
  <a href = "/upload">
{% endif %}
{% endblock %}

Где кнопка в вашем html-коде? Вы использовали тег <a> везде, где нет <button>. Чтобы отключить кнопку, вы можете сделать <button disabled>Click Here</button>. Использование атрибута disabled делает кнопку неактивной и делает ее серой, если речь идет о визуальных изменениях. В случае <a> вам необходимо полностью удалить атрибут href, если пользователь не вошел в систему. Но обратите внимание, что это не очень хороший выбор с точки зрения взаимодействия с пользователем, поскольку это может создать впечатление, что ссылка не работает, а не отключена.

Paandittya 21.02.2019 04:02
Почему в Python есть оператор "pass"?
Почему в Python есть оператор "pass"?
Оператор pass в Python - это простая концепция, которую могут быстро освоить даже новички без опыта программирования.
Некоторые методы, о которых вы не знали, что они существуют в Python
Некоторые методы, о которых вы не знали, что они существуют в Python
Python - самый известный и самый простой в изучении язык в наши дни. Имея широкий спектр применения в области машинного обучения, Data Science,...
Основы Python Часть I
Основы Python Часть I
Вы когда-нибудь задумывались, почему в программах на Python вы видите приведенный ниже код?
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
Алиса и Боб имеют неориентированный граф из n узлов и трех типов ребер:
Оптимизация кода с помощью тернарного оператора Python
Оптимизация кода с помощью тернарного оператора Python
И последнее, что мы хотели бы показать вам, прежде чем двигаться дальше, это
Советы по эффективной веб-разработке с помощью Python
Советы по эффективной веб-разработке с помощью Python
Как веб-разработчик, Python может стать мощным инструментом для создания эффективных и масштабируемых веб-приложений.
1
1
36
2

Ответы 2

Попробуйте использовать request.user.is_authenticated вместо user.is_authenticated. Я предполагаю, что вы не передаете объект User в свой шаблон в views.py, но вы почти наверняка передаете request, который будет содержать информацию о пользователе, если вы используете систему входа Django.

Попробуй это:

{% block content %}
{% if request.user.is_authenticated %}
  <h1 style = "text-align:right">Welcome {{ user.username }}!</h1>

{% else %}
  <div class = "c">
  <p>You are not logged in, log in to recolor a photo</p>
  <a href = "/upload">
{% endif %}
{% endblock %}

Другие вопросы по теме