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

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('Название')
text = TextAreaField('Расскажите, что нового?')
photo = FileField('Прикрепите фото', validators=[FileAllowed(['jpg', 'png'])])
public = BooleanField('Опубликовать?')
pos_emot = TextAreaField('Какие позитивные эмоции вы испытываете?')
nig_emot = TextAreaField('Какие негативные эмоции вы испытываете?')
link = TextAreaField('Вы можете оставить тут ссылки через пробел')
public = BooleanField('Опубликовать?')
submit = SubmitField('Сохранить')

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

View File

@ -48,4 +48,28 @@ margin-left: 85%;
}
#edit_btn {
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 {
margin-left: auto;
margin-right: auto;
width: 80%;
height: 50%
margin-right: auto;
width: 80%;
height: 50%
}
.title {
text-align: center;
@ -24,4 +24,10 @@ textarea {
border:10;
box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
height:150px;
}
}
.but {
margin: 40px;
}
.box {
margin-left: 20px;
}

View File

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

View File

@ -38,15 +38,6 @@
</div>
{% endfor %}
</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>
{{ form.pos_emot.label }}<br>
{{ form.pos_emot(class="form-control") }}<br>
@ -74,6 +65,14 @@
</div>
{% endfor %}
</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>
{% if message != '' %}
<div class="alert alert-danger" role="alert">{{ message }}</div>

View File

@ -4,94 +4,96 @@
{% block content %}
<div class="divlog">
<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.csrf_token }}
<p>
{{ form.email.label }}<br>
{{ form.email(class="form-control") }}<br>
{% for error in form.email.errors %}
<div class="alert alert-danger" role="alert">
{{ error }}
<div class="col-md-6">
<label class="form-label">{{ form.name.label }}</label>
{{ form.name(class="form-control", type="text") }}
{% for error in form.name.errors %}
<div class="alert alert-danger" role="alert">
{{ error }}
</div>
{% endfor %}
</div>
{% endfor %}
</p>
<p>
{{ form.name.label }}<br>
{{ form.name(class="form-control") }}<br>
{% for error in form.name.errors %}
<div class="alert alert-danger" role="alert">
{{ error }}
<div class="col-md-6">
<label class="form-label">{{ form.surname.label }}</label>
{{ form.surname(class="form-control", type="text") }}
{% for error in form.surname.errors %}
<div class="alert alert-danger" role="alert">
{{ error }}
</div>
{% endfor %}
</div>
{% endfor %}
</p>
<p>
{{ form.surname.label }}<br>
{{ form.surname(class="form-control") }}<br>
{% for error in form.surname.errors %}
<div class="alert alert-danger" role="alert">
{{ error }}
<div class="col-md-4">
<label class="form-label">{{ form.email.label }}</label>
{{ form.email(class="form-control", type="email") }}
{% for error in form.email.errors %}
<div class="alert alert-danger" role="alert">
{{ error }}
</div>
{% endfor %}
</div>
{% endfor %}
</p>
<p>
{{ form.login.label }}<br>
{{ form.login(class="form-control") }}<br>
<div class="col-md-4">
<label class="form-label">{{ form.password.label }}</label>
{{ form.password(class="form-control", type="password") }}
{% for error in form.password.errors %}
<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 %}
<div class="alert alert-danger" role="alert">
{{ error }}
<div class="alert alert-danger" role="alert">
{{ error }}
</div>
{% endfor %}
</div>
{% endfor %}
</p>
<p>
{{ form.age.label }}<br>
{{ form.age(class="form-control") }}<br>
<div class="col-md-6">
<label class="form-label">{{ form.age.label }}</label>
{{ form.age(class="form-control", type="number") }}
{% for error in form.age.errors %}
<div class="alert alert-danger" role="alert">
{{ error }}
<div class="alert alert-danger" role="alert">
{{ error }}
</div>
{% endfor %}
</div>
{% endfor %}
</p>
<p>
{{ form.about.label }}<br>
{{ form.about(class="form-control") }}<br>
<div class="col-12">
<label class="form-label">{{ form.about.label }}</label>
{{ form.about(class="form-control", type="textarea") }}
{% for error in form.about.errors %}
<div class="alert alert-danger" role="alert">
{{ error }}
<div class="alert alert-danger" role="alert">
{{ error }}
</div>
{% endfor %}
</div>
{% endfor %}
</p>
<div>
{{ form.photo.label }}<br>
{{ form.photo(class="form-control") }}<br>
<div class="col-md-6">
<label class="form-label">{{ form.photo.label }}</label>
{{ form.photo(class="form-control", type="file") }}
{% for error in form.photo.errors %}
<div class="alert alert-danger" role="alert">
{{ error }}
</div>
{% endfor %}
<div class="alert alert-danger" role="alert">
{{ error }}
</div>
{% endfor %}
</div>
<p>
{{ form.password.label }}<br>
{{ form.password(class="form-control") }}<br>
{% for error in form.password.errors %}
<div class="alert alert-danger" role="alert">
{{ error }}
<div class="but">
<p>{{ form.submit(type="submit", class="btn btn-primary") }}</p>
{% if message != '' %}
<div class="alert alert-danger" role="alert">{{ message }}</div>
{% endif %}
</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>
</div>
{% endblock %}