LIL-234. Add simple templates for notification & payments settings

8 years ago · ade463616b
parent 8ef20f5715
commit ade463616b
6 changed files with 163 additions and 7 deletions
--- a/apps/user/templates/user/notification-settings.html
+++ b/apps/user/templates/user/notification-settings.html
@ -0,0 +1,71 @@
+{% extends "templates/lilcity/index.html" %} {% load static %} {% block content %}
+<div class="section section_gray section_menu">
+  <div class="section__center center center_xs">
+    <div class="menu">
+      <a class="menu__link" href="{% url 'user-edit-profile' user.id %}">Профиль</a>
+      <a class="menu__link active" href="{% url 'user-edit-notifications' user.id %}">Уведомления</a>
+      <a class="menu__link" href="{% url 'user-edit-payments' user.id %}">Платежи</a>
+    </div>
+  </div>
+</div>
+<div class="section section_confirm">
+  <div class="section__center center center_xs">
+    <div class="confirm">
+      <div class="confirm__title title">Подтверждение почты</div>
+      <div class="confirm__content">На электронный адрес
+        <strong>sasha@lil.city</strong> отправлено письмо с кодом подтверждения. Введите код, чтобы подтвердить почту.</div>
+      <div class="confirm__form">
+        <div class="confirm__field field field_code">
+          <div class="field__wrap">
+            <input class="field__input" type="text" placeholder="Введите код подтверждения">
+          </div>
+        </div>
+        <button class="confirm__btn btn btn_dark">ПОДТВЕРДИТЬ</button>
+      </div>
+      <div class="confirm__content">
+        Если у вас нет кода или письмо где-то затерялось, вы можете получить новый код подтверждения. Отправить новый код?
+      </div>
+    </div>
+  </div>
+</div>
+<div class="section section_gray">
+  <div class="section__center center center_xs">
+    <div class="form">
+      <div class="form__group">
+        <div class="form__title">Уведомления и рассылка</div>
+        <label class="form__switch switch switch_blue">
+          <input class="switch__input" type="checkbox" checked>
+          <span class="switch__content">Новости школы</span>
+        </label>
+        <label class="form__switch switch switch_blue">
+          <input class="switch__input" type="checkbox" checked>
+          <span class="switch__content">Новые курсы</span>
+        </label>
+        <label class="form__switch switch switch_blue">
+          <input class="switch__input" type="checkbox">
+          <span class="switch__content">Бонусы от партнеров</span>
+        </label>
+        <label class="form__switch switch switch_blue">
+          <input class="switch__input" type="checkbox">
+          <span class="switch__content">Акции</span>
+        </label>
+        <label class="form__switch switch switch_blue">
+          <input class="switch__input" type="checkbox" checked>
+          <span class="switch__content">Партнерские акции</span>
+        </label>
+        <label class="form__switch switch switch_blue">
+          <input class="switch__input" type="checkbox">
+          <span class="switch__content">Новости компании</span>
+        </label>
+        <label class="form__switch switch switch_blue">
+          <input class="switch__input" type="checkbox">
+          <span class="switch__content">Комментарии в которых участвуете</span>
+        </label>
+      </div>
+      <div class="form__foot">
+        <button class="form__btn btn btn_md">СОХРАНИТЬ</button>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock content %}
--- a/apps/user/templates/user/payment-history.html
+++ b/apps/user/templates/user/payment-history.html
@ -0,0 +1,69 @@
+{% extends "templates/lilcity/index.html" %} {% load static %} {% block content %}
+<div class="section section_gray section_menu">
+    <div class="section__center center center_xs">
+      <div class="menu">
+        <a class="menu__link" href="{% url 'user-edit-profile' user.id %}">Профиль</a>
+        <a class="menu__link" href="{% url 'user-edit-notifications' user.id %}">Уведомления</a>
+        <a class="menu__link active" href="{% url 'user-edit-payments' user.id %}">Платежи</a>
+      </div>
+    </div>
+  </div>
+  <div class="section">
+  <div class="section__center center center_xs">
+    <div class="title title_sm">Вывести деньги со счета</div>
+    <div class="form">
+      <div class="form__group">
+        <div class="form__content">На вашем счету 20. 123 рублей</div>
+        <div class="form__field field">
+          <div class="field__label">СУММА</div>
+          <div class="field__wrap">
+            <input class="field__input" type="text" placeholder="12. 000">
+          </div>
+          <div class="field__error">Размер выводимой суммы не должно быть менее 2000 рублей.</div>
+        </div>
+        <div class="form__field field">
+          <div class="field__label">НОМЕР КРЕДИТНОЙ КАРТЫ
+            <span class="field__required">*</span>
+          </div>
+          <div class="field__wrap">
+            <input class="field__input" type="email" placeholder="0000 0000 0000 0000">
+            <div class="field__preview">
+              <img class="field__pic" src="img/paysys.png">
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="form__foot">
+        <button class="form__btn btn btn_md">СОХРАНИТЬ</button>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="section">
+  <div class="section__center center center_xs">
+    <div class="title title_sm">История платежей</div>
+    <div class="transactions">
+      <div class="transactions__wrap">
+        <div class="transactions__row">
+          <div class="transactions__cell">Ноябрь. Школа Lil City</div>
+          <div class="transactions__cell">2000.00</div>
+          <div class="transactions__cell">Получено</div>
+        </div>
+        <div class="transactions__row">
+          <div class="transactions__cell">Общий курс по иллюстрации</div>
+          <div class="transactions__cell">2000.00</div>
+          <div class="transactions__cell">Получено</div>
+        </div>
+        <div class="transactions__row">
+          <div class="transactions__cell">Ноябрь. Школа Lil City</div>
+          <div class="transactions__cell">2000.00</div>
+          <div class="transactions__cell">Получено</div>
+        </div>
+      </div>
+      <div class="transactions__load load">
+        <button class="load__btn btn">еще</button>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock content %}
--- a/apps/user/templates/user/profile-settings.html
+++ b/apps/user/templates/user/profile-settings.html
@ -2,9 +2,9 @@
 <div class="section section_gray section_menu">
  <div class="section__center center center_xs">
    <div class="menu">
-      <a class="menu__link active" href="{% url 'user-edit' user.id %}">Профиль</a>
-      <a class="menu__link" href="#">Уведомления</a>
-      <a class="menu__link" href="#">Платежи</a>
+      <a class="menu__link active" href="{% url 'user-edit-profile' user.id %}">Профиль</a>
+      <a class="menu__link" href="{% url 'user-edit-notifications' user.id %}">Уведомления</a>
+      <a class="menu__link" href="{% url 'user-edit-payments' user.id %}">Платежи</a>
    </div>
  </div>
 </div>
--- a/apps/user/templates/user/profile.html
+++ b/apps/user/templates/user/profile.html
@ -2,7 +2,7 @@
 <div class="section">
  <div class="section__center center">
    <div class="profile">
-      <a class="profile__btn profile__btn_edit btn" href="{% url 'user-edit' user.id %}">Редактировать</a>
+      <a class="profile__btn profile__btn_edit btn" href="{% url 'user-edit-profile' user.id %}">Редактировать</a>
      {% if user.photo %}
      <div class="profile__ava ava">
        <img class="ava__pic" src="{{ user.photo.url }}">
--- a/apps/user/views.py
+++ b/apps/user/views.py
@ -3,7 +3,7 @@ from PIL import Image
 from os.path import splitext
 from django.contrib.auth import login
 from django.shortcuts import render, reverse
-from django.views.generic import DetailView, UpdateView
+from django.views.generic import DetailView, UpdateView, TemplateView
 from django.contrib import messages
 from django.contrib.auth import get_user_model
 from django.contrib.auth.decorators import login_required, permission_required
@ -37,6 +37,20 @@ class UserView(DetailView):
        return context


+class NotificationEditView(TemplateView):
+    template_name = 'user/notification-settings.html'
+
+    def get(self, request, pk=None):
+        return super().get(request)
+
+
+class PaymentHistoryView(TemplateView):
+    template_name = 'user/payment-history.html'
+
+    def get(self, request, pk=None):
+        return super().get(request)
+
+
 class UserEditView(UpdateView):
    model = User
    template_name = 'user/profile-settings.html'
--- a/project/urls.py
+++ b/project/urls.py
@ -24,7 +24,7 @@ from apps.course.views import (
    lessoncomment, CourseEditView,
 )
 from apps.course.models import Course
-from apps.user.views import UserView, UserEditView
+from apps.user.views import UserView, UserEditView, NotificationEditView, PaymentHistoryView

 urlpatterns = [
    path('admin/', admin.site.urls),
@ -40,7 +40,9 @@ urlpatterns = [
    path('lesson/<int:lesson_id>/comment', lessoncomment, name='lessoncomment'),
    path('search/', SearchView.as_view(), name='search'),
    path('user/<int:pk>/', UserView.as_view(), name='user'),
-    path('user/<int:pk>/edit/', UserEditView.as_view(), name='user-edit'),
+    path('user/<int:pk>/edit', UserEditView.as_view(), name='user-edit-profile'),
+    path('user/<int:pk>/notifications', NotificationEditView.as_view(), name='user-edit-notifications'),
+    path('user/<int:pk>/payments', PaymentHistoryView.as_view(), name='user-edit-payments'),
    path('privacy', TemplateView.as_view(template_name="templates/lilcity/privacy_policy.html"), name='privacy'),
    path('terms', TemplateView.as_view(template_name="templates/lilcity/terms.html"), name='terms'),
    path('refund-policy', TemplateView.as_view(template_name="templates/lilcity/refund_policy.html"), name='refund_policy'),