195 lines
8.4 KiB
HTML
195 lines
8.4 KiB
HTML
{% extends "base.html" %}
|
||
|
||
{% block page_title %}Comptabilité {{ accounting_year }} - {{t_type}}{% 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-8 col-lg-8">
|
||
<h1>Année {{ accounting_year }} <small>({% if t_type != 'Tous' %}{{t_type}} uniquement - {% endif %}{{ nb_transaction }} transactions)</small></h1>
|
||
</div>
|
||
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
|
||
<p align="right" class="noprint">
|
||
<a href="{% url 'export' accounting_year 'sxs' %}">1 tableau</a> | <a href="{% url 'export' accounting_year 'ooo' %}">2 tableaux</a> | <a href="{% url 'export_simple' accounting_year %}">Export SPF</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
{% if transaction_list %}
|
||
<div class="row">
|
||
<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">
|
||
<thead>
|
||
<tr>
|
||
<th rowspan="2" class="centered">ID</th>
|
||
<th rowspan="2" class="centered">Date</th>
|
||
<th rowspan="2">Description</th>
|
||
<th rowspan="2" class="centered">Tiers</th>
|
||
<th colspan="2" class="centered">Montant</th>
|
||
<th rowspan="2" class="centered">Cumul</th>
|
||
</tr>
|
||
<tr>
|
||
<th class="centered">Recettes</th>
|
||
<th class="centered">Dépenses</th>
|
||
</tr>
|
||
</thead>
|
||
{% for transaction in transaction_list %}
|
||
<tr {% if transaction.0.is_done == False %}class="alert alert-danger"{% elif transaction.0.is_simulated == True %}class="alert alert-warning simulated"{% endif %}>
|
||
<td class="centered">{{ transaction.0.id }}</td>
|
||
<td class="push-right">{{ transaction.0.registrationDate | date:"j-n" }}</td>
|
||
<td><a href="{% url 'transaction_details' transaction.0.id %}">{{ transaction.0.description }}</a></td>
|
||
<td class="push-right">{{ transaction.0.counterpart }}</td>
|
||
{% if transaction.0.transaction_type.transaction_type == 0 %}
|
||
<td> </td>
|
||
<td class="push-right alert alert-danger">-{{ transaction.0.totalAmount }}</td>
|
||
{% else %}
|
||
<td class="push-right alert alert-success">{{ transaction.0.totalAmount }}</td>
|
||
<td> </td>
|
||
{% endif %}
|
||
<td class="push-right">{{ transaction.1 }}</td>
|
||
</tr>
|
||
{% endfor %}
|
||
<tfoot>
|
||
<tr>
|
||
<td colspan="3" class="push-right"><b>Totaux</b></td>
|
||
<td class="push-right alert alert-success"><b>{{ totalrecette }}</b></td>
|
||
<td class="push-right alert alert-danger"><b>-{{ totaldepense }}</b></td>
|
||
<td colspan="2" class="centered alert alert-{% if total >= 0 %}success{% else %}danger{% endif %}">
|
||
<b>{{ total }}</b>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3" class="push-right"><b>Totaux simulés</b></td>
|
||
<td class="push-right alert alert-success"><b>{{ totalrecette_simulated }}</b></td>
|
||
<td class="push-right alert alert-danger"><b>-{{ totaldepense_simulated }}</b></td>
|
||
<td colspan="2" class="centered alert alert-{% if total >= 0 %}success{% else %}danger{% endif %}">
|
||
<b>{{ total_simulated }}</b>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3"></td>
|
||
<td colspan="2" class="centered alert alert-{% if total >= 0 %}success{% else %}danger{% endif %}">
|
||
<b>{{ total }}</b>
|
||
</td>
|
||
<td></td>
|
||
</tr>
|
||
</tfoot>
|
||
</table>
|
||
<hr>
|
||
<div id="plot_graph" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
|
||
<br>
|
||
</div>
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{% if transaction_list %}
|
||
<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: {
|
||
zoomType: 'x'
|
||
},
|
||
|
||
title: {
|
||
text: 'Année {{ accounting_year }} : évolution financière'
|
||
},
|
||
|
||
// subtitle: {
|
||
// text: document.ontouchstart === undefined ?
|
||
// 'Sélectionner une partie du graphique pour zoomer' : 'Sélectionner une partie du graphique pour zoomer'
|
||
// },
|
||
|
||
xAxis: {
|
||
type: 'datetime'
|
||
},
|
||
|
||
yAxis: {
|
||
title: {
|
||
text: 'Total'
|
||
},
|
||
plotLines: [{
|
||
color: '#FF0000',
|
||
width: 3,
|
||
value: 0
|
||
}]
|
||
},
|
||
|
||
legend: {
|
||
enabled: false
|
||
},
|
||
|
||
credits: {
|
||
enabled: false
|
||
},
|
||
|
||
plotOptions: {
|
||
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: [{
|
||
type: 'area',
|
||
name: 'Total',
|
||
data: ([
|
||
{% for key, value in date_sum.items %}
|
||
[Date.UTC({{ key.year }}, {{ key.month }}, {{ key.day }}), {{ value }}],
|
||
{% endfor %}
|
||
])
|
||
}]
|
||
});
|
||
});
|
||
</script>
|
||
{% endif %}
|
||
|
||
{% endblock %} |