add basic template components and form fields

remotes/origin/HEAD
Max Yakovenko 8 years ago
parent f19bdb0f01
commit ca5803c412
  1. 11
      templates/bootstrap/forms/authentication.html
  2. 7
      templates/bootstrap/forms/contact_us.html
  3. 4
      templates/bootstrap/forms/product_search.html
  4. 37
      templates/bootstrap/forms/registration.html
  5. 37
      templates/components/footer.html
  6. 76
      templates/components/header.html
  7. 18
      templates/components/navbar.html

@ -0,0 +1,11 @@
{% load crispy_forms_filters %}
{% spaceless %}
<div class="row">
{{ field }}
{% if field.has_errors %}
<div class="row">{{ field.errors|safe }}</div>
{% endif %}
</div>
{% endspaceless %}

@ -0,0 +1,7 @@
{% load crispy_forms_tags %}
{% if input.tag == "input" %}
{{ input }}
{% else %}
{{ field }}
{% endif %}

@ -0,0 +1,4 @@
{% load static %}
{% load crispy_forms_field %}
{% if input.name == "search" %}<button class="left-menu__search-btn"><img src="{% static "img/search.svg"%}" alt="Поиск"></button>{% else %}{{ field }}{% endif %}

@ -0,0 +1,37 @@
{% load accounts_ext_filters %}
{% load crispy_forms_filters %}
{% spaceless %}
<div class="row">
<div class="col-sm-6 col-12">
{% if "captcha" in field.id_for_label %}
{{ field.field.widget.image_and_audio|safe }}
{% elif "agreement" in field.id_for_label %}
<div class="reg__if">
Согласен с <a href="#" data-toggle="modal" data-target="#agreement">условиями</a>
обработки персональных
данных, оплаты, доставки,
и возврата товаров
</div>
{% else %}
{{ field.label }}{% if field.field.required %}<span class="require">*</span>{% endif %}
{% endif %}
</div>
<div class="col-sm-6 col-12">
<div class="row">
{% if "captcha" in field.id_for_label %}
{{ field.field.widget.hidden_field|safe }}
{{ field.field.widget.text_field|safe }}
{% else %}
{{ field }}
{% endif %}
{% if field.field.help_text %}
<label for="{{ field.html_name|safe }}">{{ field.field.help_text|safe }}</label>
{% endif %}
</div>
{% if field.has_errors %}
<div class="row">{{ field.errors|safe }}</div>
{% endif %}
</div>
</div>
{% endspaceless %}

@ -0,0 +1,37 @@
{% load static %}
<footer class="footer">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 col-md-12">
<div class="footer__about">
&copy; Компания «Русские Программы» 2015–2018
</div>
</div>
<div class="col-md col-md-2 col-5">
<ul class="footer__menu">
<li><a href="catalog.html">Каталог</a></li>
<li><a href="news.html">Новости</a></li>
<li><a href="cashback.html">Акции</a></li>
<li><a href="about.html">О компании</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-6 col-7">
<div class="footer__contact">
<div class="footer__address">г. Москва ул. Пушкина, д. 32</div>
<div class="footer__phone"><a href="tel:84954369821">8 (495) 436-98-21</a>, <a
href="tel:84953724873">8 (495) 372-48-73</a></div>
<div class="footer__email"><a href="mailto:info@companyname.ru">info@companyname.ru</a></div>
</div>
</div>
<div class="col-lg col-md-4">
<div class="footer__title">Способы оплаты</div>
<div class="footer__pay">
<a href="#" class="footer__pay-item"><img src="{% static 'img/pay/visa.svg' %}" alt="Visa"></a>
<a href="#" class="footer__pay-item"><img src="{% static 'img/pay/mastercard.svg' %}" alt="Mastercard"></a>
<a href="#" class="footer__pay-item"><img src="{% static 'img/pay/maestro.svg' %}" alt="Maestro"></a>
</div>
</div>
</div>
</div>
</footer>

@ -0,0 +1,76 @@
{% load static %}
<header class="header">
<div class="container">
<div class="row">
<div class="col-lg-7 d-flex col col-md-2 justify-content-between header__nav align-self-center">
<div class="header__logo align-self-center">
<a href="/">
<img src="{% static "img/header/logo.png" %}" alt="Русские программы">
</a>
</div>
<div class="header__menu align-self-center">
<ul class="d-flex justify-content-around">
<li class="active">
<a href="catalog.html">Каталог</a>
</li>
<li>
<a href="news.html">Новости</a>
</li>
<li>
<a href="{% url 'django.contrib.flatpages.views.flatpage' url='sales/' %}">Акции</a>
</li>
<li>
<a href="{% url 'django.contrib.flatpages.views.flatpage' url='about-us/' %}">О компании</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2 col align-self-center">
<div class="row">
<div class="header__contact">
<a href="#">8 (495) 799-65-54</a>
</div>
</div>
<div class="row">
<div class="header__time">
Пн - пт, 9:00 - 19:00
</div>
</div>
</div>
<div class="col-lg-3 col align-self-center controls">
<div class="row">
<div class="header__control justify-content-lg-between d-flex">
{% if not request.user.is_authenticated %}
<a href="{% url "accounts_ext:login" %}" class="header__link_fill">Вход</a>
<a href="{% url "accounts_ext:register" %}" class="header__link_inv">Регистрация</a>
{% else %}
<div class="header__lk">
<a href="#" title="{{ request.user.username }}" class="header__link">Личный кабинет</a>
</div>
{% endif %}
<a href="basket.html" class="header__cart">
<img src="{% static "img/header/cart-icon.svg" %}"
alt="Перейти в корзину">
{% if request.user.is_authenticated %}
<span class="cart__count">5</span>
{% endif %}
</a>
<div class="mob-menu align-self-center ">
<button id="menu_active">
<img src="{% static "img/menu/menu-mob.svg" %}">
</button>
</div>
</div>
</div>
{% if request.user.is_authenticated %}
<div class="row">
<div class="header__lk">
<a href="{% url 'accounts_ext:logout' next=request.get_full_path %}" class="header__link">Выход</a>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</header>

@ -0,0 +1,18 @@
{% load static %}
<div class="mobail-menu hide">
<div class="container">
<ul class="mobail-menu__list">
<li><a href="/">Каталог</a></li>
<li><a href="/landing">Новости</a></li>
<li><a href="/landing/cashback">Акции</a></li>
<li><a href="/landing/about">О компании</a></li>
{% if request.user.is_authenticated %}
<li class="show-small"><a href="/accounts/profile/">Личный кабинет</a></li>
{% else %}
<a href="{% url "accounts_ext:login" %}" class="header__link_fill">Вход</a>
<a href="{% url "accounts_ext:register" %}" class="header__link_inv">Регистрация</a>
{% endif %}
</ul>
</div>
</div>
Loading…
Cancel
Save