193 lines
8.0 KiB
HTML
193 lines
8.0 KiB
HTML
{% extends "base.html" %}
|
||
|
||
{% block page_title %}{{ event }} {{ accounting_year }}{% endblock %}
|
||
|
||
{% block content %}
|
||
|
||
<div id="page" class=" sidebar_right">
|
||
<div class="container">
|
||
<div id="frame2">
|
||
<div id="content">
|
||
<div class="row">
|
||
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
||
<h1>{{ event }} <small>({{ transaction_list.count }} transactions)</small></h1>
|
||
</div>
|
||
{% if event.informations %}
|
||
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
||
<h4>informations</h4>
|
||
{{ event.to_markdown | safe }}
|
||
<br />
|
||
</div>
|
||
{% endif %}
|
||
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
||
<input type="checkbox" name="show_simulated" id="show_simulated" checked="checked" class="noprint"> Montrer les opérations simulées ?
|
||
<table class="table table-bordered table-condensed sort sortable-onload-5-6r rowstyle-alt colstyle-alt" id="comptaTable">
|
||
<thead>
|
||
<th class="centered sortable">Date</th>
|
||
<th class="sortable">Description</th>
|
||
<th class="sortable">Contre-partie</th>
|
||
<th class="sortable">N° de compte</th>
|
||
<th class="centered" colspan="2">Montant</th>
|
||
</thead>
|
||
{% for transaction in transaction_list %}
|
||
<tr {% if transaction.is_done == False or transaction.is_simulated == True %}class="alert alert-warning simulated"{% endif %}>
|
||
<td class="push-right">{{ transaction.registrationDate | date:"j b" }}</td>
|
||
<td><a href="{% url 'transaction_details' transaction.id %}">{{ transaction }}</a></td>
|
||
<td>{{ transaction.counterpart }}</td>
|
||
<td>{{ transaction.account_number }}</td>
|
||
{% if transaction.transaction_type.transaction_type == 0 %}
|
||
<td></td>
|
||
<td class="push-right alert alert-danger">-{{ transaction.totalAmount }}</td>
|
||
{% else %}
|
||
<td class="push-right alert alert-success">{{ transaction.totalAmount }}</td>
|
||
<td></td>
|
||
{% endif %}
|
||
</tr>
|
||
{% endfor %}
|
||
<tfoot>
|
||
<tr class="simulated">
|
||
<td colspan="4" class="push-right"><b>Totaux simulés</b></td>
|
||
<td class="push-right alert alert-success"><b>{{ sum_recette|floatformat:2 }}</b></td>
|
||
<td class="push-right alert alert-danger"><b>-{{ sum_depense|floatformat:2 }}</b></td>
|
||
</tr>
|
||
<tr class="simulated">
|
||
<td colspan="4" class="push-right"><b>Total simulé</b></td>
|
||
<td class="centered alert alert-{% if total_simulated_Amount >= 0 %}success{% else %}danger{% endif %}" colspan="2"><b>{{ total_simulated_Amount|floatformat:2 }}</b></td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="4" class="push-right"><b>Totaux non-simulés</b></td>
|
||
<td class="push-right alert alert-success"><b>{{ nonsimulated_sum_recette|floatformat:2 }}</b></td>
|
||
<td class="push-right alert alert-danger"><b>-{{ nonsimulated_sum_depense|floatformat:2 }}</b></td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="4" class="push-right"><b>Total</b></td>
|
||
<td class="centered alert alert-{% if total_Amount >= 0 %}success{% else %}danger{% endif %}" colspan="2"><b>{{ total_Amount|floatformat:2 }}</b></td>
|
||
</tr>
|
||
</tfoot>
|
||
</table>
|
||
<br>
|
||
<p align="center" class="noprint"><a href="{% url 'event_listing' %}">Listing</a></p>
|
||
<hr>
|
||
<div id="plot_graph" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
|
||
<br>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script type="text/javascript">
|
||
$(document).ready(function() {
|
||
$('#comptaTable').tablesorter({
|
||
dateFormat: "uk",
|
||
headers: {
|
||
0: { dateFormat: "ddmmyyyy" },
|
||
4: { sorter: false },
|
||
},
|
||
|
||
sortList: [[0,0]]
|
||
});
|
||
|
||
$('#show_simulated').change(function(event) {
|
||
var checkbox = event.target;
|
||
if (checkbox.checked) {
|
||
//Checkbox has been checked
|
||
$('.simulated').show();
|
||
} else {
|
||
//Checkbox has been unchecked
|
||
$('.simulated').hide();
|
||
}
|
||
});
|
||
|
||
$('#plot_graph').highcharts({
|
||
chart: {
|
||
type: 'spline'
|
||
},
|
||
|
||
title: {
|
||
text: '{{ event }} : évolution du solde'
|
||
},
|
||
|
||
xAxis: {
|
||
type: 'datetime',
|
||
title: {
|
||
text: 'Date'
|
||
},
|
||
},
|
||
|
||
yAxis: {
|
||
title: {
|
||
text: 'Somme'
|
||
},
|
||
plotLines: [{
|
||
color: '#FF0000',
|
||
width: 3,
|
||
value: 0
|
||
}]
|
||
},
|
||
|
||
legend: {
|
||
enabled: false
|
||
},
|
||
|
||
credits: {
|
||
enabled: false
|
||
},
|
||
|
||
plotOptions: {
|
||
spline: {
|
||
marker: {
|
||
enabled: true
|
||
}
|
||
},
|
||
area: {
|
||
fillColor: {
|
||
linearGradient: {
|
||
x1: 0,
|
||
y1: 0,
|
||
x2: 0,
|
||
y2: 1
|
||
},
|
||
stops: [
|
||
[0, Highcharts.getOptions().colors[0]],
|
||
[1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
|
||
]
|
||
},
|
||
marker: {
|
||
radius: 2
|
||
},
|
||
lineWidth: 1,
|
||
states: {
|
||
hover: {
|
||
lineWidth: 1
|
||
}
|
||
},
|
||
threshold: 0
|
||
}
|
||
},
|
||
|
||
series: [{
|
||
{% if not date_sum_simulated %}
|
||
type: 'area',
|
||
{% endif %}
|
||
name: 'Total',
|
||
data: ([
|
||
{% for key, value in date_sum.items %}[Date.UTC({{ key.year }}, {{ key.month }}, {{ key.day }}), {{ value }}],{% endfor %}
|
||
])
|
||
{% if date_sum_simulated %}
|
||
}, {
|
||
// type: 'area',
|
||
name: 'Total Simulé',
|
||
data: ([
|
||
{% for key, value in date_sum_simulated.items %}
|
||
[Date.UTC({{ key.year }}, {{ key.month }}, {{ key.day }}), {{ value }}],
|
||
{% endfor %}
|
||
])
|
||
{% endif %}
|
||
}]
|
||
});
|
||
});
|
||
</script>
|
||
|
||
{% endblock %} |