kpsul/kfet/static/kfet/js/kfet.js

$(document).ready(function() {
    if (typeof Cookies !== 'undefined') {
        // Retrieving csrf token
        csrftoken = Cookies.get('csrftoken');
        // Appending csrf token to ajax post requests
        function csrfSafeMethod(method) {
            // these HTTP methods do not require CSRF protection
            return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
        }
        $.ajaxSetup({
            beforeSend: function(xhr, settings) {
                if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
                    xhr.setRequestHeader("X-CSRFToken", csrftoken);
                }
            }
        });
    }
});

/*
 * Generic Websocket class and k-psul ws instanciation
 */

class KfetWebsocket {

    static get defaults() {
        return {"relative_url": "", "default_msg": {}, "handlers": []};
    }

    constructor(data) {
        $.extend(this, this.constructor.defaults, data);
    }
    
    get url() {
        var websocket_protocol = window.location.protocol == 'https:' ? 'wss' : 'ws';
        var location_host = window.location.host;
        var location_url = window.location.pathname.startsWith('/gestion/') ? location_host + '/gestion' : location_host;

        return websocket_protocol+"://" + location_url + this.relative_url ;
    }

    add_handler(handler) {
        if (!this.socket)
            this.listen();

        this.handlers.push(handler);
    }

    listen() {
        var that = this;
        this.socket = new ReconnectingWebSocket(this.url);

        this.socket.onmessage = function(e) {
            var data = $.extend({}, that.default_msg, JSON.parse(e.data));
            for (let handler of that.handlers) {
                handler(data);
            }
        }
    }
}

var OperationWebSocket = new KfetWebsocket({
    'relative_url': '/ws/k-fet/k-psul/',
    'default_msg': {'opegroups':[],'opes':[],'checkouts':[],'articles':[]},
});

function dateUTCToParis(date) {
    return moment.tz(date, 'UTC').tz('Europe/Paris');
}

function amountDisplay(amount, is_cof=false, tri='') {
    if (tri == 'LIQ')
        return (- amount).toFixed(2) +'€';
    return amountToUKF(amount, is_cof);
}

function amountToUKF(amount, is_cof=false, account=false) {
    var rounding = account ? Math.floor : Math.round ;
    var coef_cof = is_cof ? 1 + settings['subvention_cof'] / 100 : 1;
    return rounding(amount * coef_cof * 10);
}

function isValidTrigramme(trigramme) {
    var pattern = /^[^a-z]{3}$/;
    return trigramme.match(pattern);
}

function getErrorsHtml(data) {
    var content = '';
    if (!data)
        return "L'utilisateur n'est pas dans l'équipe";
    if ('operation_group' in data['errors']) {
        content += 'Général';
        content += '<ul>';
        if (data['errors']['operation_group'].indexOf('on_acc') != -1)
            content += '<li>Pas de compte sélectionné</li>';
        if (data['errors']['operation_group'].indexOf('checkout') != -1)
            content += '<li>Pas de caisse sélectionnée</li>';
        content += '</ul>';
    }
    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']) {
        if (window.location.pathname.startsWith('/gestion/')) {
            var url_base = '/gestion/k-fet/accounts/';
        } else {
            var url_base = '/k-fet/accounts/';
        }
        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" style="width:100%">Autorisation de négatif requise pour '+data['errors']['negative'][i]+'</a>';
        }
    }
    if ('addcost' in data['errors']) {
        content += '<ul>';
        if (data['errors']['addcost'].indexOf('__all__') != -1)
            content += '<li>Compte invalide</li>';
        if (data['errors']['addcost'].indexOf('amount') != -1)
            content += '<li>Montant invalide</li>';
        content += '</ul>';
    }
    if ('account' in data['errors']) {
        content += 'Général';
        content += '<ul>';
        content += '<li>Opération invalide sur le compte '+data['errors']['account']+'</li>';
        content += '</ul>';
    }
    return content;
}

function requestAuth(data, callback, focus_next = null) {
    var content = getErrorsHtml(data);
    content += '<div class="capslock"><span class="glyphicon glyphicon-lock"></span><input type="password" name="password" autofocus><div>',
    $.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;
            var capslock = -1 ; // 1 -> caps on ; 0 -> caps off ; -1 or 2 -> unknown
            this.$content.find('input').on('keypress', function(e) {
                if (e.keyCode == 13)
                    that.$confirmButton.click();

                var s = String.fromCharCode(e.which);
                if ((s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey)|| //caps on, shift off
                    (s.toUpperCase() !== s && s.toLowerCase() === s && e.shiftKey)) { //caps on, shift on
                        capslock = 1 ;
                } else if ((s.toLowerCase() === s && s.toUpperCase() !== s && !e.shiftKey)|| //caps off, shift off
                           (s.toLowerCase() !== s && s.toUpperCase() === s && e.shiftKey)) { //caps off, shift on
                        capslock = 0 ;
                }
                if (capslock == 1)
                    $('.capslock .glyphicon').show() ;
                else if (capslock == 0)
                    $('.capslock .glyphicon').hide() ;
            });
            // Capslock key is not detected by keypress
            this.$content.find('input').on('keydown', function(e) {
                if (e.which == 20) {
                    capslock = 1-capslock ;
                }
                if (capslock == 1)
                    $('.capslock .glyphicon').show() ;
                else if (capslock == 0)
                    $('.capslock .glyphicon').hide() ;
            });
        },
        onClose: function() {
            if (focus_next)
                this._lastFocused = focus_next;
        }

    });
}