Adapt kpsul to new functions

kfet/templates/kfet/kpsul.html

@@ -182,7 +182,7 @@ $(document).ready(function() {
     // -----
 
     // Lock to avoid multiple requests
-    var lock = 0;
+    window.lock = 0;
 
     // -----
     // Auth
@@ -190,26 +190,18 @@ $(document).ready(function() {
 
     function askComment(callback) {
         var comment = $('#id_comment').val();
-        $.confirm({
+        var commentDialog = new UserDialog({
             title: 'Commentaire requis',
             content: '<input type="text" name="comment_opegroup" value="'+comment+'" autofocus>',
-            backgroundDismiss: true,
-            animation: 'top',
-            closeAnimation: 'bottom',
-            keyboardEnabled: true,
-            confirm: function() {
-                $('#id_comment').val(this.$content.find('input').val());
+
+        });
+
+        function confirm_callback(comment) {
+            $('#id_comment').val(comment);
             callback();
-            },
-            onOpen: function() {
-                var that = this;
-                this.$content.find('input').on('keydown', function(e) {
-                    if (e.keyCode == 13)
-                        that.$confirmButton.click();
-                });
-            },
-            onClose: function() { this._lastFocused = articleSelect; }
-        });
+        }
+
+        commentDialog.open(confirm_callback, '', articleSelect);
     }
 
     function resetComment() {
@@ -239,42 +231,22 @@ $(document).ready(function() {
     var operationGroup = $('#operationgroup_form');
     var operations     = $('#operation_formset');
 
-    function performOperations(password = '') {
-        if (lock == 1)
-            return false;
-        lock = 1;
+    function performOperations() {
         var data = operationGroup.serialize() + '&' + operations.serialize();
-        $.ajax({
-            dataType: "json",
-            url     : "{% url 'kfet.kpsul.perform_operations' %}",
-            method  : "POST",
+        api_with_auth({
+            url: Urls['kfet.kpsul.perform_operations'](),
             data: data,
-            beforeSend: function ($xhr) {
-                $xhr.setRequestHeader("X-CSRFToken", csrftoken);
-                if (password != '')
-                    $xhr.setRequestHeader("KFetPassword", password);
-            },
-        })
-        .done(function(data) {
+            on_success: function(data) {
                 updatePreviousOp();
                 coolReset();
-            lock = 0;
-        })
-        .fail(function($xhr) {
-            var data = $xhr.responseJSON;
-            switch ($xhr.status) {
-                case 403:
-                    requestAuth(data, performOperations, articleSelect);
-                    break;
-                case 400:
-                    if ('need_comment' in data['errors']) {
+            },
+            on_400: function(data) {
+                if ('need_comment' in data['errors'])
                     askComment(performOperations);
-                    } else {
-                        displayErrors(getErrorsHtml(data));
-                    }
-                    break;
-            }
-            lock = 0;
+                else
+                    displayErrors(data);
+            },
+            next_focus: articleSelect,
         });
     }
 
@@ -290,40 +262,18 @@ $(document).ready(function() {
     var cancelButton = $('#cancel_operations');
     var cancelForm   = $('#cancel_form');
 
-    function cancelOperations(opes_array, password = '') {
-        if (lock == 1)
-            return false
-        lock = 1;
+    function cancelOperations(opes_array) {
         var data = { 'operations' : opes_array }
-        $.ajax({
-            dataType: "json",
-            url     : "{% url 'kfet.kpsul.cancel_operations' %}",
-            method  : "POST",
+        api_with_auth({
+            url: Urls['kfet.kpsul.cancel_operations'](),
             data: data,
-            beforeSend: function ($xhr) {
-                $xhr.setRequestHeader("X-CSRFToken", csrftoken);
-                if (password != '')
-                    $xhr.setRequestHeader("KFetPassword", password);
-            },
-
-        })
-        .done(function(data) {
+            on_success: function(data) {
                 coolReset();
-            lock = 0;
-        })
-        .fail(function($xhr) {
-            var data = $xhr.responseJSON;
-            switch ($xhr.status) {
-                case 403:
-                    requestAuth(data, function(password) {
-                        cancelOperations(opes_array, password);
-                    }, account_manager._$input_trigramme);
-                    break;
-                case 400:
-                    displayErrors(getErrorsHtml(data));
-                    break;
-            }
-            lock = 0;
+            },
+            on_400: function(data) {
+                displayErrors(data);
+            },
+            next_focus: kpsul.account_manager,
         });
     }
 
@@ -546,7 +496,7 @@ $(document).ready(function() {
 
     function amountEuroPurchase(article_data, nb) {
         var amount_euro = - article_data[3] * nb ;
-        if (Config.get('addcost_for') && Config.get('addcost_amount') && account_manager.account.trigramme != Config.get('addcost_for'))
+        if (Config.get('addcost_for') && Config.get('addcost_amount') && kpsul.account_manager.account.trigramme != Config.get('addcost_for'))
             amount_euro -= Config.get('addcost_amount') * nb;
         var reduc_divisor = 1;
         if (kpsul.account_manager.account.is_cof)
@@ -691,59 +641,38 @@ $(document).ready(function() {
     // Ask deposit or withdraw
     // -----
 
+
     function askDeposit(is_checkout=1) {
-        var title = is_checkout ? 'Montant de la charge' : "Montant de l'édition";
-        $.confirm({
-            title: title,
+        var depositDialog = new UserDialog({
+            title: is_checkout ? 'Montant de la charge' : "Montant de l'édition",
             content: '<input type="number" lang="en" step="0.01" min="0.01" on autofocus placeholder="€">',
-            backgroundDismiss: true,
-            animation:'top',
-            closeAnimation:'bottom',
-            keyboardEnabled: true,
-            confirm: function() {
-                var amount = this.$content.find('input').val();
+        });
+
+        function callback(amount) {
             if (!$.isNumeric(amount) || amount <= 0)
                 return false;
             addDeposit(amount, is_checkout);
-            },
-            onOpen: function() {
-                var that = this
-                this.$content.find('input').on('keydown', function(e) {
-                    if (e.keyCode == 13) {
-                        e.preventDefault();
-                        that.$confirmButton.click();
+
         }
-                });
-            },
-            onClose: function() { this._lastFocused = (articleSelect.val() ? articleNb : articleSelect) ; }
-        });
+        var next_focus = articleSelect.val() ? articleNb : articleSelect ;
+
+        depositDialog.open(callback, '', next_focus);
     }
 
     function askWithdraw() {
-        $.confirm({
-            title: 'Montant du retrait',
-            content: '<input type="number" lang="en" step="0.01" min="0.01" on autofocus placeholder="€">',
-            backgroundDismiss: true,
-            animation:'top',
-            closeAnimation:'bottom',
-            keyboardEnabled: true,
-            confirm: function() {
-                var amount = this.$content.find('input').val();
+        var withdrawDialog = new UserDialog({
+            'title': 'Montant du retrait',
+            'content': '<input type="number" lang="en" step="0.01" min="0.01" on autofocus placeholder="€">',
+        });
+
+        function callback(amount) {
             if (!$.isNumeric(amount) || amount <= 0)
                 return false;
-                addWithdraw(amount);
-            },
-            onOpen: function() {
-                var that = this
-                this.$content.find('input').on('keydown', function(e) {
-                    if (e.keyCode == 13) {
-                        e.preventDefault();
-                        that.$confirmButton.click();
+            addWithdraw(amount, is_checkout);
+
         }
-                });
-            },
-            onClose: function() { this._lastFocused = articleSelect; }
-        });
+
+        withdrawDialog.open(callback, '', articleSelect);
     }
 
     // Event
@@ -862,65 +791,31 @@ $(document).ready(function() {
             addcost_html
                 .find('.addcost_for').text(Config.get('addcost_for')).end()
                 .find('.addcost_amount').text(Config.get('addcost_amount').toFixed(2)).end();
-            checkout_container.prepend(addcost_html);
+            kpsul.checkout_manager._$container.prepend(addcost_html);
             $('body').css('animation', 'colorchange 3s infinite');
         }
     }
-    function sendAddcost(trigramme, amount, password='') {
-        var data = {
-            trigramme: trigramme,
-            amount: amount,
-        }
-        $.ajax({
-            dataType: "json",
-            url     : "{% url 'kfet.kpsul.update_addcost' %}",
-            method  : "POST",
-            data    : data,
-            beforeSend: function ($xhr) {
-                $xhr.setRequestHeader("X-CSRFToken", csrftoken);
-                if (password != '')
-                    $xhr.setRequestHeader("KFetPassword", password);
-            },
-        })
-        .fail(function($xhr) {
-            var data = $xhr.responseJSON;
-            switch ($xhr.status) {
-                case 403:
-                    requestAuth(data, function(password) {
-                        sendAddcost(trigramme, amount, password);
-                    }, account_manager._$input_trigramme);
-                    break;
-                case 400:
-                    askAddcost(getErrorsHtml(data));
-                    break;
-            }
+
+    var addcostDialog = new UserDialog({
+        'title': 'Majoration',
+        'content': '<input type="text" placeholder="Trigramme" autocomplete="off" name="trigramme" spellcheck="false" style="text-transform:uppercase" autofocus><input type="number" lang="en" step="0.01" min="0.01" placeholder="€" name="amount">',
     });
-    }
 
     function askAddcost(errors = '') {
-        $.confirm({
-            title: 'Majoration',
-            content: errors + '<input type="text" placeholder="Trigramme" autocomplete="off" name="trigramme" spellcheck="false" style="text-transform:uppercase" autofocus><input type="number" lang="en" step="0.01" min="0.01" placeholder="€" name="amount">',
-            backgroundDismiss: true,
-            animation:'top',
-            closeAnimation:'bottom',
-            keyboardEnabled: true,
-            confirm: function() {
-                var trigramme = this.$content.find('input[name=trigramme]').val().toUpperCase();
-                var amount = this.$content.find('input[name=amount]').val();
-                sendAddcost(trigramme, amount);
+        addcostDialog.open(
+            function(data) {
+                api_with_auth({
+                    url: Urls['kfet.kpsul.update_addcost'](),
+                    data: data,
+                    on_400: function(data) {
+                        askAddcost(getErrorsHtml(data));
                     },
-            onOpen: function() {
-                var that = this
-                this.$content.find('input[name=amount]').on('keydown', function(e) {
-                    if (e.keyCode == 13) {
-                        e.preventDefault();
-                        that.$confirmButton.click();
-                    }
+                    next_focus: kpsul.account_manager,
                 });
             },
-            onClose: function() { this._lastFocused = account_manager._$input_trigramme; }
-        });
+            errors,
+            kpsul.account_manager
+       );
     }