CSS определений в django шаблонах учетных записей allauth - PullRequest
Новая
       6

CSS определений в django шаблонах учетных записей allauth

0 голосов
/ 14 апреля 2020

Я пробую django -allauth и наткнулся на блок при настройке шаблонов учетной записи allauth. В настоящее время я работаю с шаблоном электронных писем. html, но не могу найти определения для классов css, используемых в шаблонах по умолчанию.

CSS классифицируется как ctrlHolder или primary_email . Пожалуйста, помогите мне выяснить, где они определены. Я могу использовать bootstrap css, но надеюсь сохранить значения по умолчанию, если они достаточно хороши.

учетные записи / электронные письма. html

{% extends "account/base.html" %}

{% load i18n %}

{% block head_title %}{% trans "E-mail Addresses" %}{% endblock %}

{% block content %}
    <h1>{% trans "E-mail Addresses" %}</h1>
    {% if user.emailaddress_set.all %}
        <p>{% trans 'The following e-mail addresses are associated with your account:' %}</p>

        <form action="{% url 'account_email' %}" method="post">
            {% csrf_token %}
            <div class="form-group">

                {% for emailaddress in user.emailaddress_set.all %}
                    <div class="ctrlHolder">
                        <label for="email_radio_{{ forloop.counter }}"
                               class="{% if emailaddress.primary %}primary_email{% endif %}">

                            <input id="email_radio_{{ forloop.counter }}" type="radio" name="email"
                                   {% if emailaddress.primary or user.emailaddress_set.count == 1 %}checked="checked"{% endif %}
                                   value="{{ emailaddress.email }}"/>

                            {{ emailaddress.email }}
                            {% if emailaddress.verified %}
                                <span class="verified">{% trans "Verified" %}</span>
                            {% else %}
                                <span class="unverified">{% trans "Unverified" %}</span>
                            {% endif %}
                            {% if emailaddress.primary %}<span class="primary">{% trans "Primary" %}</span>{% endif %}
                        </label>
                    </div>
                {% endfor %}

                <div class="buttonHolder">
                    <button class="secondaryAction" type="submit"
                            name="action_primary">{% trans 'Make Primary' %}</button>
                    <button class="secondaryAction" type="submit"
                            name="action_send">{% trans 'Re-send Verification' %}</button>
                    <button class="primaryAction" type="submit" name="action_remove">{% trans 'Remove' %}</button>
                </div>

            </div>
        </form>

    {% else %}
        <p>
            <strong>{% trans 'Warning:' %}</strong> {% trans "You currently do not have any e-mail address set up. You should really add an e-mail address so you can receive notifications, reset your password, etc." %}
        </p>

    {% endif %}


    <h2>{% trans "Add E-mail Address" %}</h2>

    <form method="post" action="{% url 'account_email' %}" class="add_email">
        {% csrf_token %}
        {{ form.as_p }}
        <button name="action_add" type="submit">{% trans "Add E-mail" %}</button>
    </form>

{% endblock %}


{% block extra_body %}
    <script type="text/javascript">
        (function () {
            var message = "{% trans 'Do you really want to remove the selected e-mail address?' %}";
            var actions = document.getElementsByName('action_remove');
            if (actions.length) {
                actions[0].addEventListener("click", function (e) {
                    if (!confirm(message)) {
                        e.preventDefault();
                    }
                });
            }
        })();
    </script>
{% endblock %}

Здесь у меня есть пользовательская базовая страница, вызываемая через базу учетных записей. html

{% extends "shared/base.html" %}

1 Ответ

1 голос
/ 15 апреля 2020

Класс не определен в Аллахе. Это там, чтобы вы могли определить это в вашем CSS. Я предполагаю, что это ctrlHolder и buttonHolder, потому что они являются именами классов-заполнителей для операторов ввода и кнопки html.

...