mirror of
https://github.com/ae-utbm/sith.git
synced 2025-07-04 17:15:17 +00:00
add padding on all edited page
This commit is contained in:
parent
4c921549c2
commit
f13abf5c44
@ -1,3 +1,7 @@
|
|||||||
|
.main {
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
@ -131,6 +135,7 @@
|
|||||||
|
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
width: calc(50% - 5px);
|
width: calc(50% - 5px);
|
||||||
|
height: 108px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 300px) {
|
@media (max-width: 300px) {
|
||||||
@ -170,6 +175,7 @@
|
|||||||
|
|
||||||
@media (max-width: 500px) {
|
@media (max-width: 500px) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover > .text {
|
&:hover > .text {
|
||||||
|
@ -1,8 +1,11 @@
|
|||||||
.main {
|
.main {
|
||||||
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
margin-top: 0 !important;
|
||||||
|
padding: 10px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
gap: 2px;
|
gap: 2px;
|
||||||
|
|
||||||
&-general {
|
&-general {
|
||||||
>p {
|
> p {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row-reverse;
|
flex-direction: row-reverse;
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
@ -39,3 +39,11 @@
|
|||||||
max-width: 100px;
|
max-width: 100px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.justify {
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
@ -1,5 +1,6 @@
|
|||||||
main {
|
main {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
@ -9,9 +10,7 @@ main {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
|
|
||||||
|
> div {
|
||||||
>div {
|
|
||||||
padding: 10px;
|
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-color: rgba(0, 0, 0, .05);
|
background-color: rgba(0, 0, 0, .05);
|
||||||
width: 210px;
|
width: 210px;
|
||||||
|
@ -9,6 +9,7 @@
|
|||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
<div class="main">
|
||||||
{% if can_edit(profile, user) %}
|
{% if can_edit(profile, user) %}
|
||||||
<button id="download_all_pictures", onclick=download_pictures()>{% trans %}Download all my pictures{% endtrans %}</button>
|
<button id="download_all_pictures", onclick=download_pictures()>{% trans %}Download all my pictures{% endtrans %}</button>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@ -41,6 +42,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block script %}
|
{% block script %}
|
||||||
|
@ -9,58 +9,61 @@
|
|||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<h2>{% trans %}Preferences{% endtrans %}</h2>
|
<div class="main">
|
||||||
<h3>{% trans %}General{% endtrans %}</h3>
|
<h2>{% trans %}Preferences{% endtrans %}</h2>
|
||||||
<form class="form form-general" action="" method="post" enctype="multipart/form-data">
|
<h3>{% trans %}General{% endtrans %}</h3>
|
||||||
{% csrf_token %}
|
<form class="form form-general" action="" method="post" enctype="multipart/form-data">
|
||||||
{{ form.as_p() }}
|
{% csrf_token %}
|
||||||
<input class="form-submit-btn" type="submit" value="{% trans %}Save{% endtrans %}" />
|
{{ form.as_p() }}
|
||||||
</form>
|
<input class="form-submit-btn" type="submit" value="{% trans %}Save{% endtrans %}" />
|
||||||
|
</form>
|
||||||
|
|
||||||
<h3>{% trans %}Trombi{% endtrans %}</h3>
|
<h3>{% trans %}Trombi{% endtrans %}</h3>
|
||||||
|
|
||||||
{% if trombi_form %}
|
{% if trombi_form %}
|
||||||
<form class="form form-trombi" action="{{ url('trombi:user_tools') }}" method="post" enctype="multipart/form-data">
|
<form class="form form-trombi" action="{{ url('trombi:user_tools') }}" method="post" enctype="multipart/form-data">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
{{ trombi_form.as_p() }}
|
{{ trombi_form.as_p() }}
|
||||||
<input class="form-submit-btn" type="submit" value="{% trans %}Save{% endtrans %}" />
|
<input class="form-submit-btn" type="submit" value="{% trans %}Save{% endtrans %}" />
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
<p>{% trans trombi=user.trombi_user.trombi %}You already choose to be in that Trombi: {{ trombi }}.{% endtrans %}
|
<p>{% trans trombi=user.trombi_user.trombi %}You already choose to be in that Trombi: {{ trombi }}.{% endtrans %}
|
||||||
<br />
|
<br />
|
||||||
<a href="{{ url('trombi:user_tools') }}">{% trans %}Go to my Trombi tools{% endtrans %}</a>
|
<a href="{{ url('trombi:user_tools') }}">{% trans %}Go to my Trombi tools{% endtrans %}</a>
|
||||||
</p>
|
</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
|
||||||
{% if profile.customer %}
|
{% if profile.customer %}
|
||||||
<h3>{% trans %}Student cards{% endtrans %}</h3>
|
<h3>{% trans %}Student cards{% endtrans %}</h3>
|
||||||
|
|
||||||
{% if profile.customer.student_cards.exists() %}
|
{% if profile.customer.student_cards.exists() %}
|
||||||
<ul>
|
<ul>
|
||||||
{% for card in profile.customer.student_cards.all() %}
|
{% for card in profile.customer.student_cards.all() %}
|
||||||
<li>
|
<li>
|
||||||
{{ card.uid }}
|
{{ card.uid }}
|
||||||
-
|
-
|
||||||
<a href="{{ url('counter:delete_student_card', customer_id=profile.customer.pk, card_id=card.id) }}">
|
<a href="{{ url('counter:delete_student_card', customer_id=profile.customer.pk, card_id=card.id) }}">
|
||||||
{% trans %}Delete{% endtrans %}
|
{% trans %}Delete{% endtrans %}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
{% else %}
|
{% else %}
|
||||||
<em>{% trans %}No student card registered.{% endtrans %}</em>
|
<em>{% trans %}No student card registered.{% endtrans %}</em>
|
||||||
<p align="justify">{% trans %}You can add a card by asking at a counter or add it yourself here. If you want to manually
|
<p class="justify">
|
||||||
add a student card yourself, you'll need a NFC reader. We store the UID of the card which is 14 characters long.{%
|
{% trans %}You can add a card by asking at a counter or add it yourself here. If you want to manually
|
||||||
endtrans %}</p>
|
add a student card yourself, you'll need a NFC reader. We store the UID of the card which is 14 characters long.{% endtrans %}
|
||||||
{% endif %}
|
</p>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
<form class="form form-cards" action="{{ url('counter:add_student_card', customer_id=profile.customer.pk) }}"
|
<form class="form form-cards" action="{{ url('counter:add_student_card', customer_id=profile.customer.pk) }}"
|
||||||
method="post">
|
method="post">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
{{ student_card_form.as_p() }}
|
{{ student_card_form.as_p() }}
|
||||||
<input class="form-submit-btn" type="submit" value="{% trans %}Save{% endtrans %}" />
|
<input class="form-submit-btn" type="submit" value="{% trans %}Save{% endtrans %}" />
|
||||||
</form>
|
</form>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
@ -35,74 +35,76 @@
|
|||||||
{% endmacro %}
|
{% endmacro %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<h3>{% trans %}SAS{% endtrans %}</h3>
|
<div class="main">
|
||||||
|
<h3>{% trans %}SAS{% endtrans %}</h3>
|
||||||
|
|
||||||
{% if not user.is_authenticated %}
|
{% if not user.is_authenticated %}
|
||||||
<p>{% trans %}You must be logged in to see the SAS.{% endtrans %}</p>
|
<p>{% trans %}You must be logged in to see the SAS.{% endtrans %}</p>
|
||||||
{% else %}
|
|
||||||
<br>
|
|
||||||
<h4>{% trans %}Latest albums{% endtrans %}</h4>
|
|
||||||
|
|
||||||
<div class="albums">
|
|
||||||
{% for a in latest %}
|
|
||||||
{{ display_album(a) }}
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
{% if edit_mode %}
|
|
||||||
<form action="" method="post" enctype="multipart/form-data">
|
|
||||||
{% csrf_token %}
|
|
||||||
|
|
||||||
<div class="navbar">
|
|
||||||
<h4>{% trans %}All categories{% endtrans %}</h4>
|
|
||||||
|
|
||||||
{# <div class="toolbar">
|
|
||||||
<input name="delete" type="submit" value="{% trans %}Delete{% endtrans %}">
|
|
||||||
</div> #}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if clipboard %}
|
|
||||||
<div class="clipboard">
|
|
||||||
{% trans %}Clipboard: {% endtrans %}
|
|
||||||
<ul>
|
|
||||||
{% for f in clipboard %}
|
|
||||||
<li>{{ f.get_full_path() }}</li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
<input name="clear" type="submit" value="{% trans %}Clear clipboard{% endtrans %}">
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% else %}
|
{% else %}
|
||||||
<h4>{% trans %}All categories{% endtrans %}</h4>
|
<br>
|
||||||
{% endif %}
|
<h4>{% trans %}Latest albums{% endtrans %}</h4>
|
||||||
|
|
||||||
<div class="albums">
|
<div class="albums">
|
||||||
{% for a in categories %}
|
{% for a in latest %}
|
||||||
{{ display_album(a, true) }}
|
{{ display_album(a) }}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if edit_mode %}
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<form class="add-files" action="" method="post" enctype="multipart/form-data">
|
{% if edit_mode %}
|
||||||
{% csrf_token %}
|
<form action="" method="post" enctype="multipart/form-data">
|
||||||
|
{% csrf_token %}
|
||||||
|
|
||||||
<div class="inputs">
|
<div class="navbar">
|
||||||
<div>
|
<h4>{% trans %}All categories{% endtrans %}</h4>
|
||||||
<label for="{{ form.album_name.name }}">{{ form.album_name.label }}</label>
|
|
||||||
{{ form.album_name }}
|
{# <div class="toolbar">
|
||||||
|
<input name="delete" type="submit" value="{% trans %}Delete{% endtrans %}">
|
||||||
|
</div> #}
|
||||||
</div>
|
</div>
|
||||||
<input type="submit" value="{% trans %}Create{% endtrans %}" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{{ form.non_field_errors() }}
|
{% if clipboard %}
|
||||||
{{ form.album_name.errors }}
|
<div class="clipboard">
|
||||||
</form>
|
{% trans %}Clipboard: {% endtrans %}
|
||||||
|
<ul>
|
||||||
|
{% for f in clipboard %}
|
||||||
|
<li>{{ f.get_full_path() }}</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
<input name="clear" type="submit" value="{% trans %}Clear clipboard{% endtrans %}">
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% else %}
|
||||||
|
<h4>{% trans %}All categories{% endtrans %}</h4>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<div class="albums">
|
||||||
|
{% for a in categories %}
|
||||||
|
{{ display_album(a, true) }}
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% if edit_mode %}
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<form class="add-files" action="" method="post" enctype="multipart/form-data">
|
||||||
|
{% csrf_token %}
|
||||||
|
|
||||||
|
<div class="inputs">
|
||||||
|
<div>
|
||||||
|
<label for="{{ form.album_name.name }}">{{ form.album_name.label }}</label>
|
||||||
|
{{ form.album_name }}
|
||||||
|
</div>
|
||||||
|
<input type="submit" value="{% trans %}Create{% endtrans %}" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{{ form.non_field_errors() }}
|
||||||
|
{{ form.album_name.errors }}
|
||||||
|
</form>
|
||||||
|
{% endif %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endif %}
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user