более красивые формы :з

This commit is contained in:
Dinosaur 2022-04-10 10:57:11 +05:00
parent 2040c3fde6
commit 1afec18021
10 changed files with 146 additions and 107 deletions

Binary file not shown.

BIN
fonts/Rostov.ttf Normal file

Binary file not shown.

View File

@ -8,8 +8,8 @@ class AddPost(FlaskForm):
name = StringField('Название') name = StringField('Название')
text = TextAreaField('Расскажите, что нового?') text = TextAreaField('Расскажите, что нового?')
photo = FileField('Прикрепите фото', validators=[FileAllowed(['jpg', 'png'])]) photo = FileField('Прикрепите фото', validators=[FileAllowed(['jpg', 'png'])])
public = BooleanField('Опубликовать?')
pos_emot = TextAreaField('Какие позитивные эмоции вы испытываете?') pos_emot = TextAreaField('Какие позитивные эмоции вы испытываете?')
nig_emot = TextAreaField('Какие негативные эмоции вы испытываете?') nig_emot = TextAreaField('Какие негативные эмоции вы испытываете?')
link = TextAreaField('Вы можете оставить тут ссылки через пробел') link = TextAreaField('Вы можете оставить тут ссылки через пробел')
public = BooleanField('Опубликовать?')
submit = SubmitField('Сохранить') submit = SubmitField('Сохранить')

View File

@ -227,6 +227,7 @@ def logout():
@app.route('/login', methods=['GET', 'POST']) @app.route('/login', methods=['GET', 'POST'])
def login(): def login():
form = LoginForm() form = LoginForm()
print(form.validate_on_submit())
if form.validate_on_submit(): if form.validate_on_submit():
db_sess = db_session.create_session() db_sess = db_session.create_session()
user = db_sess.query(User).filter(User.email == form.email.data).first() user = db_sess.query(User).filter(User.email == form.email.data).first()

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

View File

@ -49,3 +49,27 @@ margin-left: 85%;
#edit_btn { #edit_btn {
background-color: #c5f1ff; background-color: #c5f1ff;
} }
input[type=text], input[type=email], input[type=password], input[type=file], input[type=number]{
padding:10px;
border:5;
box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
border-radius:10px;
}
textarea {
width:100%;
resize: vertical;
padding:10px;
border-radius:10px;
border:5;
box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
height:150px;
}
.post_form {
margin-left: auto;
margin-right: auto;
width: 80%;
height: 50%
}
.box {
margin-left: 20px;
}

View File

@ -1,8 +1,8 @@
.divlog { .divlog {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 80%; width: 80%;
height: 50% height: 50%
} }
.title { .title {
text-align: center; text-align: center;
@ -25,3 +25,9 @@ textarea {
box-shadow:0 0 15px 4px rgba(0,0,0,0.06); box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
height:150px; height:150px;
} }
.but {
margin: 40px;
}
.box {
margin-left: 20px;
}

View File

@ -4,28 +4,35 @@
{% block content %} {% block content %}
<div class="divlog"> <div class="divlog">
<h1>Авторизация</h1> <h1>Авторизация</h1>
<form action="" method="post"> <form class="row g-2" action="" method="post">
{{ form.hidden_tag() }} {{ form.hidden_tag() }}
<p> <div class="col-md-4">
{{ form.email.label }}<br> <label class="form-label">{{ form.email.label }}</label>
{{ form.email(class="form-control", type="email") }}<br> {{ form.email(class="form-control", type="email") }}
{% for error in form.email.errors %} {% for error in form.email.errors %}
<div class="alert alert-danger" role="alert"> <div class="alert alert-danger" role="alert">
{{ error }} {{ error }}
</div>
{% endfor %}
</div> </div>
{% endfor %} <div class="col-md-4">
</p> <label class="form-label">{{ form.password.label }}</label>
<p> {{ form.password(class="form-control", type="password") }}
{{ form.password.label }}<br> {% for error in form.password.errors %}
{{ form.password(class="form-control", type="password") }}<br> <div class="alert alert-danger" role="alert">
{% for error in form.password.errors %} {{ error }}
<div class="alert alert-danger" role="alert"> </div>
{{ error }} {% endfor %}
</div> </div>
{% endfor %} <div class="col-md-6">
</p> <div class="box">{{ form.remember_me(class="form-check-input")}} {{ form.remember_me.label }}<br></div>
<p>{{ form.remember_me }} {{ form.remember_me.label }}</p> {% for error in form.remember_me.errors %}
<div class="input-group mb-3" id="buttons"> <div class="alert alert-danger" role="alert">
{{ error }}
</div>
{% endfor %}
</div>
<div class="col-sm-10" id="buttons">
<ul>{{ form.submit(type="submit", class="btn btn-primary") }}</ul> <ul>{{ form.submit(type="submit", class="btn btn-primary") }}</ul>
<ul><a class="btn btn-primary" style="background-color:#38aaff" type="submit" href="/recovery"><strong>Забыли <ul><a class="btn btn-primary" style="background-color:#38aaff" type="submit" href="/recovery"><strong>Забыли
пароль</strong></a></ul> пароль</strong></a></ul>

View File

@ -38,15 +38,6 @@
</div> </div>
{% endfor %} {% endfor %}
</p> </p>
<p>
{{ form.public.label }}<br>
{{ form.public(class="form-control") }}<br>
{% for error in form.public.errors %}
<div class="alert alert-danger" role="alert">
{{ error }}
</div>
{% endfor %}
</p>
<p> <p>
{{ form.pos_emot.label }}<br> {{ form.pos_emot.label }}<br>
{{ form.pos_emot(class="form-control") }}<br> {{ form.pos_emot(class="form-control") }}<br>
@ -74,6 +65,14 @@
</div> </div>
{% endfor %} {% endfor %}
</p> </p>
<p>
<div class="box">{{ form.public(class="form-check-input")}} {{ form.public.label }}<br></div>
{% for error in form.public.errors %}
<div class="alert alert-danger" role="alert">
{{ error }}
</div>
{% endfor %}
</p>
<p>{{ form.submit(type="submit", class="btn btn-primary") }}</p> <p>{{ form.submit(type="submit", class="btn btn-primary") }}</p>
{% if message != '' %} {% if message != '' %}
<div class="alert alert-danger" role="alert">{{ message }}</div> <div class="alert alert-danger" role="alert">{{ message }}</div>

View File

@ -4,94 +4,96 @@
{% block content %} {% block content %}
<div class="divlog"> <div class="divlog">
<h1 class="title">Регистрация</h1> <h1 class="title">Регистрация</h1>
<form action="" method="POST" enctype="multipart/form-data"> <form class="row g-3" action="" method="POST" enctype="multipart/form-data">
{{ form.hidden_tag() }} {{ form.hidden_tag() }}
{{ form.csrf_token }} {{ form.csrf_token }}
<p> <div class="col-md-6">
{{ form.email.label }}<br> <label class="form-label">{{ form.name.label }}</label>
{{ form.email(class="form-control") }}<br> {{ form.name(class="form-control", type="text") }}
{% for error in form.email.errors %} {% for error in form.name.errors %}
<div class="alert alert-danger" role="alert"> <div class="alert alert-danger" role="alert">
{{ error }} {{ error }}
</div>
{% endfor %}
</div> </div>
{% endfor %} <div class="col-md-6">
</p> <label class="form-label">{{ form.surname.label }}</label>
<p> {{ form.surname(class="form-control", type="text") }}
{{ form.name.label }}<br> {% for error in form.surname.errors %}
{{ form.name(class="form-control") }}<br> <div class="alert alert-danger" role="alert">
{% for error in form.name.errors %} {{ error }}
<div class="alert alert-danger" role="alert"> </div>
{{ error }} {% endfor %}
</div> </div>
{% endfor %} <div class="col-md-4">
</p> <label class="form-label">{{ form.email.label }}</label>
<p> {{ form.email(class="form-control", type="email") }}
{{ form.surname.label }}<br> {% for error in form.email.errors %}
{{ form.surname(class="form-control") }}<br> <div class="alert alert-danger" role="alert">
{% for error in form.surname.errors %} {{ error }}
<div class="alert alert-danger" role="alert"> </div>
{{ error }} {% endfor %}
</div> </div>
{% endfor %} <div class="col-md-4">
</p> <label class="form-label">{{ form.password.label }}</label>
<p> {{ form.password(class="form-control", type="password") }}
{{ form.login.label }}<br> {% for error in form.password.errors %}
{{ form.login(class="form-control") }}<br> <div class="alert alert-danger" role="alert">
{{ error }}
</div>
{% endfor %}
</div>
<div class="col-md-4">
<label class="form-label">{{ form.password2.label }}</label>
{{ form.password2(class="form-control", type="password") }}
{% for error in form.password2.errors %}
<div class="alert alert-danger" role="alert">
{{ error }}
</div>
{% endfor %}
</div>
<div class="col-md-6">
<label class="form-label">{{ form.login.label }}</label>
{{ form.login(class="form-control", type="text") }}
{% for error in form.login.errors %} {% for error in form.login.errors %}
<div class="alert alert-danger" role="alert"> <div class="alert alert-danger" role="alert">
{{ error }} {{ error }}
</div>
{% endfor %}
</div> </div>
{% endfor %} <div class="col-md-6">
</p> <label class="form-label">{{ form.age.label }}</label>
<p> {{ form.age(class="form-control", type="number") }}
{{ form.age.label }}<br>
{{ form.age(class="form-control") }}<br>
{% for error in form.age.errors %} {% for error in form.age.errors %}
<div class="alert alert-danger" role="alert"> <div class="alert alert-danger" role="alert">
{{ error }} {{ error }}
</div>
{% endfor %}
</div> </div>
{% endfor %} <div class="col-12">
</p> <label class="form-label">{{ form.about.label }}</label>
<p> {{ form.about(class="form-control", type="textarea") }}
{{ form.about.label }}<br>
{{ form.about(class="form-control") }}<br>
{% for error in form.about.errors %} {% for error in form.about.errors %}
<div class="alert alert-danger" role="alert"> <div class="alert alert-danger" role="alert">
{{ error }} {{ error }}
</div>
{% endfor %}
</div> </div>
{% endfor %} <div class="col-md-6">
</p> <label class="form-label">{{ form.photo.label }}</label>
<div> {{ form.photo(class="form-control", type="file") }}
{{ form.photo.label }}<br>
{{ form.photo(class="form-control") }}<br>
{% for error in form.photo.errors %} {% for error in form.photo.errors %}
<div class="alert alert-danger" role="alert"> <div class="alert alert-danger" role="alert">
{{ error }} {{ error }}
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
<p> <div class="but">
{{ form.password.label }}<br> <p>{{ form.submit(type="submit", class="btn btn-primary") }}</p>
{{ form.password(class="form-control") }}<br> {% if message != '' %}
{% for error in form.password.errors %} <div class="alert alert-danger" role="alert">{{ message }}</div>
<div class="alert alert-danger" role="alert"> {% endif %}
{{ error }}
</div> </div>
{% endfor %}
</p>
<p>
{{ form.password2.label }}<br>
{{ form.password2(class="form-control") }}<br>
{% for error in form.password2.errors %}
<div class="alert alert-danger" role="alert">
{{ error }}
</div>
{% endfor %}
</p>
<p>{{ form.submit(type="submit", class="btn btn-primary") }}</p>
{% if message != '' %}
<div class="alert alert-danger" role="alert">{{ message }}</div>
{% endif %}
</form> </form>
</div> </div>
{% endblock %} {% endblock %}