263 lines
9 KiB
HTML
263 lines
9 KiB
HTML
{% extends 'kfet/base.html' %}
|
|
{% load staticfiles %}
|
|
{% load l10n %}
|
|
|
|
{% block extra_head %}
|
|
<link rel="stylesheet" type="text/css" href="{% static 'kfet/css/jquery-ui.min.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'kfet/css/bootstrap-datetimepicker.min.css' %}">
|
|
<link rel="stylesheet" type="text/css" href="{% static 'kfet/css/multiple-select.css' %}">
|
|
<script type="text/javascript" src="{% static 'kfet/js/js.cookie.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'kfet/js/jquery-ui.min.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'kfet/js/jquery-confirm.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'kfet/js/moment.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'kfet/js/moment-fr.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'kfet/js/moment-timezone-with-data-2010-2020.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'kfet/js/bootstrap-datetimepicker.min.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'kfet/js/multiple-select.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'kfet/js/kfet.js' %}"></script>
|
|
<script type="text/javascript" src="{% static 'kfet/js/history.js' %}"></script>
|
|
{% endblock %}
|
|
|
|
{% block title %}Historique{% endblock %}
|
|
{% block content-header-title %}Historique{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<div class="row">
|
|
<div class="col-sm-4 col-md-3 col-content-left">
|
|
<div class="content-left">
|
|
<div class="content-left-top">
|
|
<div class="line line-big" id="nb_opes"></div>
|
|
<div class="line line-bigsub">opérations</div>
|
|
<div class="block">
|
|
<h2>Filtres</h2>
|
|
<div class="line" style="position:relative"><b>De</b> <input type="text" id="from_date" class="form-control"></div>
|
|
<div class="line" style="position:relative"><b>à</b> <input type="text" id="to_date" class="form-control"></div>
|
|
<div class="line"><b>Caisses</b> {{ filter_form.checkouts }}</div>
|
|
<div class="line"><b>Comptes</b> {{ filter_form.accounts }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-8 col-md-9 col-content-right">
|
|
{% include 'kfet/base_messages.html' %}
|
|
<div class="content-right">
|
|
<div class="content-right-block">
|
|
<h2>Général</h2>
|
|
<div>
|
|
</div>
|
|
</div>
|
|
<div class="content-right-block">
|
|
<h2>Opérations</h2>
|
|
<div>
|
|
<table id="history" class="table">
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
settings = { 'subvention_cof': parseFloat({{ settings.subvention_cof|unlocalize }})}
|
|
|
|
khistory = new KHistory();
|
|
|
|
var $from_date = $('#from_date');
|
|
var $to_date = $('#to_date');
|
|
var $checkouts = $('#id_checkouts');
|
|
var $accounts = $('#id_accounts');
|
|
|
|
function getSelectedMultiple($el) {
|
|
var selected = [];
|
|
$el.find(':selected').each(function() {
|
|
selected.push($(this).val())
|
|
});
|
|
return selected;
|
|
}
|
|
|
|
function getHistory() {
|
|
var data = {};
|
|
if ($from_date.val())
|
|
data['from'] = moment($from_date.val()).format('YYYY-MM-DD HH:mm:ss');
|
|
if ($to_date.val())
|
|
data['to'] = moment($to_date.val()).format('YYYY-MM-DD HH:mm:ss');
|
|
var checkouts = getSelectedMultiple($checkouts);
|
|
if ($checkouts)
|
|
data['checkouts'] = checkouts;
|
|
var accounts = getSelectedMultiple($accounts);
|
|
data['accounts'] = accounts;
|
|
|
|
$.ajax({
|
|
dataType: "json",
|
|
url : "{% url 'kfet.history.json' %}",
|
|
method : "POST",
|
|
data : data,
|
|
})
|
|
.done(function(data) {
|
|
for (var i=0; i<data['opegroups'].length; i++) {
|
|
khistory.addOpeGroup(data['opegroups'][i]);
|
|
}
|
|
var nb_opes = khistory.$container.find('.ope:not(.canceled)').length;
|
|
$('#nb_opes').text(nb_opes);
|
|
});
|
|
}
|
|
|
|
$('#from_date').datetimepicker({
|
|
timeZone : 'Europe/Paris',
|
|
format : 'YYYY-MM-DD HH:mm',
|
|
stepping : 5,
|
|
locale : 'fr',
|
|
defaultDate: moment().subtract(24, 'hours'),
|
|
showTodayButton: true,
|
|
});
|
|
$('#to_date').datetimepicker({
|
|
timeZone : 'Europe/Paris',
|
|
format : 'YYYY-MM-DD HH:mm',
|
|
stepping : 5,
|
|
defaultDate: moment(),
|
|
locale : 'fr',
|
|
showTodayButton: true,
|
|
});
|
|
$("#from_date").on("dp.change", function (e) {
|
|
$('#to_date').data("DateTimePicker").minDate(e.date);
|
|
});
|
|
$("#to_date").on("dp.change", function (e) {
|
|
$('#from_date').data("DateTimePicker").maxDate(e.date);
|
|
});
|
|
|
|
$("select").multipleSelect({
|
|
width: '100%',
|
|
filter: true,
|
|
});
|
|
|
|
$("input").on('dp.change change', function() {
|
|
khistory.reset();
|
|
getHistory();
|
|
});
|
|
|
|
khistory.$container.selectable({
|
|
filter: 'div.opegroup, div.ope',
|
|
selected: function(e, ui) {
|
|
$(ui.selected).each(function() {
|
|
if ($(this).hasClass('opegroup')) {
|
|
var opegroup = $(this).data('opegroup');
|
|
$(this).siblings('.ope').filter(function() {
|
|
return $(this).data('opegroup') == opegroup
|
|
}).addClass('ui-selected');
|
|
}
|
|
});
|
|
},
|
|
});
|
|
|
|
$(document).on('keydown', function (e) {
|
|
if (e.keyCode == 46) {
|
|
// DEL (Suppr)
|
|
var opes_to_cancel = [];
|
|
khistory.$container.find('.ope.ui-selected').each(function () {
|
|
opes_to_cancel.push($(this).data('ope'));
|
|
});
|
|
if (opes_to_cancel.length > 0)
|
|
confirmCancel(opes_to_cancel);
|
|
}
|
|
});
|
|
|
|
function confirmCancel(opes_to_cancel) {
|
|
var nb = opes_to_cancel.length;
|
|
var content = nb+" opérations vont être annulées";
|
|
$.confirm({
|
|
title: 'Confirmation',
|
|
content: content,
|
|
backgroundDismiss: true,
|
|
animation: 'top',
|
|
closeAnimation: 'bottom',
|
|
keyboardEnabled: true,
|
|
confirm: function() {
|
|
cancelOperations(opes_to_cancel);
|
|
}
|
|
});
|
|
}
|
|
|
|
function requestAuth(data, callback) {
|
|
var content = getErrorsHtml(data);
|
|
content += '<input type="password" name="password" autofocus>',
|
|
$.confirm({
|
|
title: 'Authentification requise',
|
|
content: content,
|
|
backgroundDismiss: true,
|
|
animation:'top',
|
|
closeAnimation:'bottom',
|
|
keyboardEnabled: true,
|
|
confirm: function() {
|
|
var password = this.$content.find('input').val();
|
|
callback(password);
|
|
},
|
|
onOpen: function() {
|
|
var that = this;
|
|
this.$content.find('input').on('keypress', function(e) {
|
|
if (e.keyCode == 13)
|
|
that.$confirmButton.click();
|
|
});
|
|
},
|
|
});
|
|
}
|
|
|
|
function getErrorsHtml(data) {
|
|
var content = '';
|
|
if ('missing_perms' in data['errors']) {
|
|
content += 'Permissions manquantes';
|
|
content += '<ul>';
|
|
for (var i=0; i<data['errors']['missing_perms'].length; i++)
|
|
content += '<li>'+data['errors']['missing_perms'][i]+'</li>';
|
|
content += '</ul>';
|
|
}
|
|
if ('negative' in data['errors']) {
|
|
var url_base = "{% url 'kfet.account.update' LIQ}";
|
|
url_base = base_url(0, url_base.length-8);
|
|
for (var i=0; i<data['errors']['negative'].length; i++) {
|
|
content += '<a class="btn btn-primary" href="'+url_base+data['errors']['negative'][i]+'/edit" target="_blank">Autorisation de négatif requise pour '+data['errors']['negative'][i]+'</a>';
|
|
}
|
|
}
|
|
return content;
|
|
}
|
|
|
|
function cancelOperations(opes_array, password = '') {
|
|
var data = { 'operations' : opes_array }
|
|
$.ajax({
|
|
dataType: "json",
|
|
url : "{% url 'kfet.kpsul.cancel_operations' %}",
|
|
method : "POST",
|
|
data : data,
|
|
beforeSend: function ($xhr) {
|
|
$xhr.setRequestHeader("X-CSRFToken", csrftoken);
|
|
if (password != '')
|
|
$xhr.setRequestHeader("KFetPassword", password);
|
|
},
|
|
|
|
})
|
|
.done(function(data) {
|
|
khistory.$container.find('.ui-selected').removeClass('ui-selected');
|
|
})
|
|
.fail(function($xhr) {
|
|
var data = $xhr.responseJSON;
|
|
switch ($xhr.status) {
|
|
case 403:
|
|
requestAuth(data, function(password) {
|
|
cancelOperations(opes_array, password);
|
|
});
|
|
break;
|
|
case 400:
|
|
displayErrors(getErrorsHtml(data));
|
|
break;
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
|
|
getHistory();
|
|
});
|
|
</script>
|
|
|
|
{% endblock %}
|