finance: improve confirm overview, polish admin pages
parent
b8daed826d
commit
5c8ebbbbf6
@ -0,0 +1,72 @@
|
||||
{% extends "admin/base_site.html" %}
|
||||
{% load i18n admin_urls static %}
|
||||
|
||||
{% block extrahead %}
|
||||
{{ block.super }}
|
||||
{{ media }}
|
||||
<script src="{% static 'admin/js/cancel.js' %}" async></script>
|
||||
<script type="text/javascript" src="{% static "admin/js/vendor/jquery/jquery.js" %}"></script>
|
||||
<script type="text/javascript" src="{% static "admin/js/jquery.init.js" %}"></script>
|
||||
{% endblock %}
|
||||
|
||||
{% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} admin-view
|
||||
{% endblock %}
|
||||
|
||||
{% block breadcrumbs %}
|
||||
<div class="breadcrumbs">
|
||||
<a href="{% url 'admin:index' %}">{% translate 'Home' %}</a>
|
||||
› <a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a>
|
||||
› <a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>
|
||||
› <a href="{% url opts|admin_urlname:'change' statement.pk|admin_urlquote %}">{{ statement|truncatewords:"18" }}</a>
|
||||
› {% translate 'Paiment' %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<h2>{% translate "Paying statement" %}</h2>
|
||||
|
||||
<p>
|
||||
{% blocktrans %}The statement is valid. Please execute the following transactions and then proceed by
|
||||
finalizing the confirmation.
|
||||
{% endblocktrans %}
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<table>
|
||||
<th>
|
||||
<td>{% trans "IBAN" %}</td>
|
||||
<td>{% trans "Amount" %}</td>
|
||||
<td>{% trans "Reference" %}</td>
|
||||
<td>{% trans "Ledger" %}</td>
|
||||
</th>
|
||||
{% for transaction in statement.transaction_set.all %}
|
||||
<tr>
|
||||
<td>
|
||||
{{ transaction.member }}
|
||||
</td>
|
||||
<td>
|
||||
{{ transaction.member.iban }}
|
||||
</td>
|
||||
<td>
|
||||
{{ transaction.amount }}€
|
||||
</td>
|
||||
<td>
|
||||
{{ transaction.reference }}
|
||||
</td>
|
||||
<td>
|
||||
{{ transaction.ledger }}
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</table>
|
||||
</p>
|
||||
|
||||
<form action="" method="post">
|
||||
{% csrf_token %}
|
||||
<p>
|
||||
<input type="checkbox" required>
|
||||
{% blocktrans %}I did execute the listed transactions.{% endblocktrans %}
|
||||
</p>
|
||||
<input class="default confirm" type="submit" name="transaction_execution_confirm" value="{% translate 'Confirm' %}">
|
||||
</form>
|
||||
{% endblock %}
|
||||
@ -0,0 +1,193 @@
|
||||
@import "globals";
|
||||
|
||||
.admin-view {
|
||||
#content > ul, #content > h1 + p + ul {
|
||||
background: $content-background-color;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 0 0 $content-border2-color;
|
||||
|
||||
&, ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
list-style: disc;
|
||||
line-height: 1.8;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
> li {
|
||||
padding: 8px;
|
||||
border-bottom: 1px solid $content-border-color;
|
||||
font-size: 13px;
|
||||
list-style: none;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#content form {
|
||||
margin-top: 20px;
|
||||
|
||||
input[type="submit"].danger {
|
||||
background-color: $danger-button-background-color;
|
||||
color: $danger-button-text-color;
|
||||
font-size: 12px;
|
||||
font-weight: lighter;
|
||||
padding: 0 20px;
|
||||
text-transform: uppercase;
|
||||
vertical-align: middle;
|
||||
margin-bottom: 5px;
|
||||
|
||||
@include for-mobile {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: $button-hover-background-color;
|
||||
color: $button-hover-text-color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: $button-active-background-color;
|
||||
color: $button-active-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="submit"].confirm {
|
||||
background-color: $primary-button-background-color;
|
||||
color: $primary-button-text-color;
|
||||
font-size: 12px;
|
||||
font-weight: lighter;
|
||||
padding: 0 20px;
|
||||
text-transform: uppercase;
|
||||
vertical-align: middle;
|
||||
margin-bottom: 5px;
|
||||
|
||||
@include for-mobile {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: $button-hover-background-color;
|
||||
color: $button-hover-text-color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: $button-active-background-color;
|
||||
color: $button-active-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="submit"].other {
|
||||
background-color: $button-background-color;
|
||||
color: $button-text-color;
|
||||
font-size: 12px;
|
||||
padding: 0 20px;
|
||||
text-transform: uppercase;
|
||||
vertical-align: middle;
|
||||
margin-bottom: 5px;
|
||||
|
||||
@include for-mobile {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: $button-hover-background-color;
|
||||
color: $button-hover-text-color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: $button-active-background-color;
|
||||
color: $button-active-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.button {
|
||||
vertical-align: middle;
|
||||
margin-left: 10px;
|
||||
margin-bottom: 5px;
|
||||
box-sizing: border-box;
|
||||
|
||||
@include for-mobile {
|
||||
margin-left: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
@import "globals";
|
||||
|
||||
.admin-view {
|
||||
#content > ul, #content > h1 + p + ul {
|
||||
background: $content-background-color;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 0 0 $content-border2-color;
|
||||
|
||||
&, ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
list-style: disc;
|
||||
line-height: 1.8;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
> li {
|
||||
padding: 8px;
|
||||
border-bottom: 1px solid $content-border-color;
|
||||
font-size: 13px;
|
||||
list-style: none;
|
||||
|
||||
&:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type="submit"] {
|
||||
background-color: $danger-button-background-color;
|
||||
color: $danger-button-text-color;
|
||||
font-size: 12px;
|
||||
font-weight: lighter;
|
||||
padding: 0 20px;
|
||||
text-transform: uppercase;
|
||||
vertical-align: middle;
|
||||
margin-bottom: 5px;
|
||||
|
||||
@include for-mobile {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
background-color: $button-hover-background-color;
|
||||
color: $button-hover-text-color;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: $button-active-background-color;
|
||||
color: $button-active-text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
*/
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,13 @@
|
||||
{% extends "admin/change_form_object_tools.html" %}
|
||||
{% load i18n admin_urls %}
|
||||
|
||||
{% block object-tools-items %}
|
||||
|
||||
<li>
|
||||
{% url opts|admin_urlname:'submit' original.pk|admin_urlquote as invite_url %}
|
||||
<a class="historylink" href="{% add_preserved_filters invite_url %}">{% trans 'Unconfirm' %}</a>
|
||||
</li>
|
||||
|
||||
{{block.super}}
|
||||
|
||||
{% endblock %}
|
||||
Loading…
Reference in New Issue