Kuxaaak
/
yadc
1
1
Fork 0
Code Releases Activity

Better styles for forms, template indentation

Browse Source
dev
Jan Kužílek 5 years ago
parent cf21dc2917
commit 22e6b0db9e
7 changed files with 178 additions and 146 deletions
Show Stats Download Patch File Download Diff File

21
yadc/static/default.scss
Unescape Escape View File

@ -433,6 +433,27 @@ header {
}
}
}
form {
margin: 0 auto;
width: 300px;
//text-align: center;
padding: 5px;
input {
margin: 5px 0;
//font-size: 1em;
&:not([type=checkbox]):not([type=submit]):not([type=radio]):not([type=file]) {
width: 100%;
}
&[type=file] {
//display: none;
}
}
}
}
footer { // DUE TO OVERFLOW OF THE SIDE PANEL, TRY TO KEEP IT ON THE RIGHT

52
yadc/templates/index.html
Unescape Escape View File

@ -2,32 +2,32 @@
{% from '_includes.html' import render_tags, render_pagination with context %}
{% block content %}
<div class="important_subwrap">
<section class="side_panel">
{{ render_tags() }}
</section>
<section class="post_list">
<div class="posts">
{% for post in posts %}
<figure style="{{ post.flex }}">
<a href="{{ url_for('post.post_show', id=post.id) }}">
<img src="{{ post.url(path=post.image_url, endpoint='thumb') }}" alt="">
</a>
</figure>
{% endfor %}
<!-- <figure style="flex: 307.87 1 307.87px;">
<a href="#">
<img src="/static/ryuzu/916993.png" alt="">
</a>
<div class="thumb-info">
<span>RyuZU²</span>
<span>1920x1080</span>
<span>1.5M</span>
</div>
</figure> -->
<div class="important_subwrap">
<section class="side_panel">
{{ render_tags() }}
</section>
<section class="post_list">
<div class="posts">
{% for post in posts %}
<figure style="{{ post.flex }}">
<a href="{{ url_for('post.post_show', id=post.id) }}">
<img src="{{ post.url(path=post.image_url, endpoint='thumb') }}" alt="">
</a>
</figure>
{% endfor %}
<!-- <figure style="flex: 307.87 1 307.87px;">
<a href="#">
<img src="/static/ryuzu/916993.png" alt="">
</a>
<div class="thumb-info">
<span>RyuZU²</span>
<span>1920x1080</span>
<span>1.5M</span>
</div>
{{ render_pagination('post.posts') }}
</section>
</figure> -->
</div>
{{ render_pagination('post.posts') }}
</section>
</div>
{% endblock content %}

39
yadc/templates/login.html
Unescape Escape View File

@ -2,22 +2,25 @@
{% from "_formhelpers.html" import errors %}
{% block content %}
<h1>Log In</h1>
<form action="" method="post">
{{ form.csrf_token }}
<div>
{{ form.username.label }} {{ form.username(size=32) }}
{{ errors(form.username) }}
</div>
<div>
{{ form.password.label }} {{ form.password(size=32) }}
{{ errors(form.password) }}
</div>
<div>
{{ form.remember_me() }} {{ form.remember_me.label }}
{{ errors(form.remember_me) }}
</div>
<div>{{ form.submit() }}</div>
</form>
<a href="{{ url_for('auth.reset_password') }}">Forgoten password?</a>
<form action="" method="post">
<h2>Log In</h2>
{{ form.csrf_token }}
<div>
{{ form.username(placeholder="Username") }}
{{ errors(form.username) }}
</div>
<div>
{{ form.password(placeholder="Password") }}
{{ errors(form.password) }}
</div>
<div>
{{ form.remember_me() }} {{ form.remember_me.label }}
{{ errors(form.remember_me) }}
</div>
<div>
{{ form.submit() }}
<a href="{{ url_for('auth.reset_password') }}">Forgotten password?</a>
</div>
</form>
{% endblock content %}

102
yadc/templates/post.html
Unescape Escape View File

@ -3,59 +3,59 @@
{% from "_formhelpers.html" import errors %}
{% block content %}
<div class="important_subwrap">
<section class="side_panel">
<article class="post_desc">
<!-- <h4>Description</h4> -->
<!-- <img src="/static/profile.jpg" alt=""> -->
<div class="id">Id: {{ post.id }}</div>
<div class="author">Author: {{ post.author.username }}</div>
{% if post.is_approved %}
<div class="approver">Approved by: {{ post.approver.username }}</div>
{% endif %}
{% if not post.is_approved %}
<div class="status">Status: {{ post.status.name.capitalize() }}</div>
{% endif %}
<div class="time">Posted: 10 hours ago</div>
<div class="source">Source: <a href="{{ post.source }}">{{ post.source }}</a></div>
<div class="size">File size: {{ post.filesize_human }}</div>
<div class="resolution">Image res: {{ post.image_resolution }}</div>
<div class="jpeg"><a href="{{ post.url(path=post.image_url, endpoint='jpeg') }}">Enlarge image</a></div>
{% if post.filetype.name == 'png' %}
<div class="png"><a href="{{ post.url(path=post.image_url) }}">Original PNG file</a></div>
{% endif %}
<div class="important_subwrap">
<section class="side_panel">
<article class="post_desc">
<!-- <h4>Description</h4> -->
<!-- <img src="/static/profile.jpg" alt=""> -->
<div class="id">Id: {{ post.id }}</div>
<div class="author">Author: {{ post.author.username }}</div>
{% if post.is_approved %}
<div class="approver">Approved by: {{ post.approver.username }}</div>
{% endif %}
{% if not post.is_approved %}
<div class="status">Status: {{ post.status.name.capitalize() }}</div>
{% endif %}
<div class="time">Posted: 10 hours ago</div>
<div class="source">Source: <a href="{{ post.source }}">{{ post.source }}</a></div>
<div class="size">File size: {{ post.filesize_human }}</div>
<div class="resolution">Image res: {{ post.image_resolution }}</div>
<div class="jpeg"><a href="{{ post.url(path=post.image_url, endpoint='jpeg') }}">Enlarge image</a></div>
{% if post.filetype.name == 'png' %}
<div class="png"><a href="{{ post.url(path=post.image_url) }}">Original PNG file</a></div>
{% endif %}
</article>
{{ render_tags() }}
{% if post.can_edit %}
{{ render_post_edit() }}
{% endif %}
</section>
<section class="post_single">
<div class="image">
<img src="{{ post.url(path=post.image_url, endpoint='jpeg') }}" alt="">
</div>
</section>
</article>
{{ render_tags() }}
{% if post.can_edit %}
{{ render_post_edit() }}
{% endif %}
</section>
<section class="post_single">
<div class="image">
<img src="{{ post.url(path=post.image_url, endpoint='jpeg') }}" alt="">
</div>
<section class="comments">
<h3>Comments</h3>
{{ render_comments() }}
</section>
</div>
<section class="comments">
<h3>Comments</h3>
{{ render_comments() }}
{% if current_user.is_authenticated %}
<div class="form">
<h3>Reply</h3>
<form action="{{ url_for('post.comment') }}" method="post">
{{ comment_form.csrf_token }}
{{ comment_form.post_id() }}
<div>
{{ comment_form.content(cols=55, rows=6) }}
{{ errors(comment_form.content) }}
</div>
<div>{{ comment_form.submit() }}</div>
</form>
{% if current_user.is_authenticated %}
<div class="form">
<h3>Reply</h3>
<form action="{{ url_for('post.comment') }}" method="post">
{{ comment_form.csrf_token }}
{{ comment_form.post_id() }}
<div>
{{ comment_form.content(cols=55, rows=6) }}
{{ errors(comment_form.content) }}
</div>
{% else %}
<h4>To comment, please log in.</h3>
{% endif %}
</section>
<div>{{ comment_form.submit() }}</div>
</form>
</div>
{% else %}
<h4>To comment, please log in.</h3>
{% endif %}
</section>
{% endblock content %}

45
yadc/templates/register.html
Unescape Escape View File

@ -2,25 +2,28 @@
{% from "_formhelpers.html" import errors %}
{% block content %}
<h1>Log In</h1>
<form action="" method="post">
{{ form.csrf_token }}
<div>
{{ form.username.label }} {{ form.username(size=32) }}
{{ errors(form.username) }}
</div>
<div>
{{ form.email.label }} {{ form.email(size=32) }}
{{ errors(form.email) }}
</div>
<div>
{{ form.password.label }} {{ form.password(size=32) }}
{{ errors(form.password) }}
</div>
<div>
{{ form.password_again.label }} {{ form.password_again(size=32) }}
{{ errors(form.password_again) }}
</div>
<div>{{ form.submit() }}</div>
</form>
<form action="" method="post">
<h2>Sign Up</h2>
{{ form.csrf_token }}
<div>
{{ form.username(placeholder="Username") }}
{{ errors(form.username) }}
</div>
<div>
{{ form.email(placeholder="Email address") }}
{{ errors(form.email) }}
</div>
<div>
{{ form.password(placeholder="Password") }}
{{ errors(form.password) }}
</div>
<div>
{{ form.password_again(placeholder="Repeat password") }}
{{ errors(form.password_again) }}
</div>
<div>
{{ form.submit() }}
<a href="{{ url_for('auth.login') }}">Already registered?</a>
</div>
</form>
{% endblock content %}

23
yadc/templates/reset_password.html
Unescape Escape View File

@ -2,13 +2,18 @@
{% from "_formhelpers.html" import errors %}
{% block content %}
<h1>Log In</h1>
<form action="" method="post">
{{ form.csrf_token }}
<div>
{{ form.email.label }} {{ form.email(size=32) }}
{{ errors(form.email) }}
</div>
<div>{{ form.submit() }}</div>
</form>
<form action="" method="post">
<h2>Reset password</h2>
<p>
Please insert your email address and we will send you a request for password reset.
</p>
{{ form.csrf_token }}
<div>
{{ form.email(placeholder="Your email address") }}
{{ errors(form.email) }}
</div>
<div>
{{ form.submit() }}
</div>
</form>
{% endblock content %}

42
yadc/templates/upload.html
Unescape Escape View File

@ -2,25 +2,25 @@
{% from "_formhelpers.html" import errors %}
{% block content %}
<h1>Upload image</h1>
<form action="" method="post" enctype="multipart/form-data">
{{ form.csrf_token }}
<div>
{{ form.post_img.label }} {{ form.post_img() }}
{{ errors(form.post_img) }}
</div>
<div>
{{ form.sauce.label }} {{ form.sauce() }}
{{ errors(form.sauce) }}
</div>
<div>
{{ form.tags.label }} {{ form.tags() }}
{{ errors(form.tags) }}
</div>
<div>
{{ form.rating.label }} {% for r in form.rating %}{{ r.label }}{{ r() }}{% endfor %}
{{ errors(form.rating) }}
</div>
<div>{{ form.submit() }}</div>
</form>
<form action="" method="post" enctype="multipart/form-data">
<h2>Upload post</h2>
{{ form.csrf_token }}
<div>
{{ form.post_img.label }} {{ form.post_img() }}
{{ errors(form.post_img) }}
</div>
<div>
{{ form.sauce(placeholder="Source URL") }}
{{ errors(form.sauce) }}
</div>
<div>
{{ form.tags(placeholder="Tags") }}
{{ errors(form.tags) }}
</div>
<div>
{{ form.rating.label }} {% for r in form.rating %}{{ r.label }}{{ r() }}{% endfor %}
{{ errors(form.rating) }}
</div>
<div>{{ form.submit() }}</div>
</form>
{% endblock content %}
Write Preview
Loading…
Cancel
Save