Llloooggg/Dyxless
1
0
Fork 0
mirror of https://github.com/Llloooggg/Dyxless.git synced 2026-03-06 02:36:24 +03:00
Code Issues Packages Projects Releases Wiki Activity

Окна логина и регистрации отцентрированы

Browse Source
This commit is contained in:
Denis Podshivalov
2021-07-16 13:42:17 +03:00
parent f89a948c37
commit b15720db38
6 changed files with 72 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
dyxless/__init__.py
View File

@@ -30,6 +30,10 @@ mail.init_app(app)
login_manager = LoginManager() login_manager = LoginManager()
login_manager.login_view = "auth.login" login_manager.login_view = "auth.login"
login_manager.login_message = (
"Вам необходимой войти, чтобы увидеть эту страницу"
)
login_manager.login_message_category = "is-warning"
login_manager.init_app(app) login_manager.init_app(app)
from .models import User from .models import User

2
dyxless/auth.py
View File

@@ -76,7 +76,7 @@ def signup():
login_url = url_for("auth.login") login_url = url_for("auth.login")
flash( flash(
Markup( Markup(
f"Указанная почта уже используется. <a href='{login_url}'>Перейти к странице входа</a>" f"Указанная почта уже используется.<br><a href='{login_url}'>Перейти к странице входа</a>"
), ),
"is-danger", "is-danger",
) )

12
dyxless/templates/base.html
View File

@@ -33,14 +33,18 @@
<div id="navbarMain" class="navbar-menu"> <div id="navbarMain" class="navbar-menu">
<div class="navbar-end"> <div class="navbar-end">
{% if not current_user.is_authenticated %} {% if not current_user.is_authenticated %}
{% if url_for(request.endpoint) != url_for('auth.login') %}
<a href="{{ url_for('auth.login') }}" class="navbar-item"> <a href="{{ url_for('auth.login') }}" class="navbar-item">
Войти Войти
</a> </a>
{% endif %}
{% if url_for(request.endpoint) != url_for('auth.signup') %}
<span class="navbar-item"> <span class="navbar-item">
<a href="{{ url_for('auth.signup') }}" class="button is-success is-outlined"> <a href="{{ url_for('auth.signup') }}" class="button is-success is-outlined">
<strong>Зарегистрироваться</strong> <strong>Зарегистрироваться</strong>
</a> </a>
</span> </span>
{% endif %}
{% else %} {% else %}
<div class="navbar-item has-dropdown is-hoverable"> <div class="navbar-item has-dropdown is-hoverable">
<a href="{{ url_for('main.profile') }}" class="navbar-link"> <a href="{{ url_for('main.profile') }}" class="navbar-link">
@@ -66,9 +70,11 @@
{% with messages = get_flashed_messages(with_categories=true) %} {% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %} {% if messages %}
{% for category, text in messages%} {% for category, text in messages%}
<div class="notification {{ category }}"> <div class='column is-3 is-offset-9'>
<button class="delete"></button> <div class="notification is-light {{ category }}">
{{ text }} <button class="delete"></button>
{{ text }}
</div>
</div> </div>
{% endfor %} {% endfor %}
{% endif %} {% endif %}

70
dyxless/templates/login.html
View File

@@ -2,39 +2,43 @@
{% block content %} {% block content %}
<div class="column is-4 is-offset-4 is-centered"> <section class="hero is-medium">
<form class="box" action="/login" method="POST"> <div class="hero-body">
<h3 class="title">Вход</h3> <div class="column is-4 is-offset-4">
<div class="field"> <form class="box" method="POST" action="/login" >
<label class="label">Email</label> <h3 class="title">Вход</h3>
<p class="control has-icons-left"> <div class="field">
<input class="input" type="email" name="email" placeholder="yourmail@example.com" required> <label class="label">Email</label>
<span class="icon is-small is-left"> <p class="control has-icons-left">
<i class="fas fa-envelope"></i> <input class="input" type="email" name="email" placeholder="yourmail@example.com" required>
</span> <span class="icon is-small is-left">
</p> <i class="fas fa-envelope"></i>
</span>
</p>
</div>
<div class="field">
<label class="label">Пароль</label>
<p class="control has-icons-left">
<input class="input" type="password" name="password" placeholder="********" required>
<span class="icon is-small is-left">
<i class="fas fa-lock"></i>
</span>
</p>
</div>
<div class="field">
<label class="checkbox">
<input type="checkbox">
Запомнить меня
</label>
</div>
<div class="field">
<p class="control">
<button class="button is-success is-outlined is-fullwidth" type="submit">Войти</button>
</p>
</div>
</form>
</div> </div>
<div class="field"> </div>
<label class="label">Пароль</label> </section>
<p class="control has-icons-left">
<input class="input" type="password" name="password" placeholder="********" required>
<span class="icon is-small is-left">
<i class="fas fa-lock"></i>
</span>
</p>
</div>
<div class="field">
<label class="checkbox">
<input type="checkbox">
Запомнить меня
</label>
</div>
<div class="field">
<p class="control">
<button class="button is-success is-outlined is-fullwidth" type="submit">Войти</button>
</p>
</div>
</form>
</div>
{% endblock %} {% endblock %}

24
dyxless/templates/profile.html
View File

@@ -1,16 +1,16 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div class="container has-text-centered">
<section class="hero is-medium"> <section class="hero is-medium">
<div class="hero-body"> <div class="hero-body">
<p class="title"> <p class="title">
Профиль Профиль
</p> </p>
<p class="subtitle"> <p class="subtitle">
Добро пожаловать, {{ current_user.username }}! Добро пожаловать, {{ current_user.username }}!
</p> </p>
</div> </div>
</section> </section>
</div>
{% endblock %} {% endblock %}

18
dyxless/templates/signup.html
View File

@@ -2,15 +2,15 @@
{% block content %} {% block content %}
<div class="column is-4 is-offset-4"> <section class="hero is-medium">
<h3 class="title">Регистрация</h3> <div class="hero-body">
<div class="container"> <div class="column is-4 is-offset-4">
<section class="hero is-medium"> <form class="box" method="POST" action="/signup">
<form class="box" method="POST" action="/signup"> <h3 class="title">Регистрация</h3>
<div class="field"> <div class="field">
<label class="label">Email</label> <label class="label">Email</label>
<p class="control has-icons-left"> <p class="control has-icons-left">
<input class="input" type="email" name="email" placeholder="yourmail@example.com" required> <input class="input" type="email" name="email" placeholder="you@mail.com" required>
<span class="icon is-small is-left"> <span class="icon is-small is-left">
<i class="fas fa-envelope"></i> <i class="fas fa-envelope"></i>
</span> </span>
@@ -19,7 +19,7 @@
<div class="field"> <div class="field">
<label class="label">Никнейм</label> <label class="label">Никнейм</label>
<p class="control has-icons-left"> <p class="control has-icons-left">
<input class="input" type="username" name="username" placeholder="YourUsername" required> <input class="input" type="username" name="username" placeholder="Username" required>
<span class="icon is-small is-left"> <span class="icon is-small is-left">
<i class="fas fa-user"></i> <i class="fas fa-user"></i>
</span> </span>
@@ -36,8 +36,8 @@
</div> </div>
<button class="button is-success is-outlined is-fullwidth">Зарегистрироваться</button> <button class="button is-success is-outlined is-fullwidth">Зарегистрироваться</button>
</form> </form>
</section> </div>
</div> </div>
</div> </section>
{% endblock %} {% endblock %}