WIP

- Coupon Add/Edit/Delete rule AJAX
- add tests casper JS

templates/admin/default/assets/js/coupon.js

@@ -0,0 +1,148 @@
+$(function($){
+
+    // Clean array from deleteValue (undefined) keys
+    Array.prototype.clean = function(deleteValue) {
+        for (var i = 0; i < this.length; i++) {
+            if (this[i] == deleteValue) {
+                this.splice(i, 1);
+                i--;
+            }
+        }
+        return this;
+    };
+
+    // Remove 1 Rule then Save Rules AJAX
+    couponManager.removeRuleAjax = function(id) {
+        // Delete rule in temporary array
+        delete couponManager.rulesToSave[id];
+        couponManager.rulesToSave.clean(undefined);
+
+        // Save
+        couponManager.saveRuleAjax();
+    };
+
+    // Add 1 Rule / or update the temporary Rules array then Save Rules via AJAX
+    couponManager.addRuleAjax = function(id) {
+        console.log('addRuleAjax  '+ id);
+        // If create
+        if(!id) {
+            console.log('pushing');
+            couponManager.rulesToSave.push(couponManager.ruleToSave);
+        } else { // else update
+            console.log('editing ' + id);
+            couponManager.rulesToSave[id] = couponManager.ruleToSave;
+            // reset edit mode to off
+            couponManager.ruleIdToUpdate = false;
+        }
+
+        // Save
+        couponManager.saveRuleAjax();
+    };
+
+    // Set rule inputs to allow editing
+    couponManager.updateRuleAjax = function(id) {
+        couponManager.ruleToUpdate = couponManager.rulesToSave[id];
+        console.log('Set id to edit to ' + id);
+        couponManager.ruleIdToUpdate = id;
+
+        // Deleting this rule, we will reset it
+        delete couponManager.rulesToSave[id];
+
+        // Set the rule selector
+        $("#category-rule option").filter(function() {
+            return $(this).val() == couponManager.ruleToUpdate.serviceId;
+        }).prop('selected', true);
+
+        // Force rule input refresh
+        couponManager.loadRuleInputs(couponManager.ruleToUpdate.serviceId, function() {
+            couponManager.fillInRuleInputs();
+        });
+    };
+
+    // Fill in rule inputs
+    couponManager.fillInRuleInputs = function() {
+        console.log('fillInRuleInputs with');
+        console.log(couponManager.ruleToUpdate);
+        var operatorId = null;
+        var valueId = null;
+        var idName = null;
+
+        for (idName in couponManager.ruleToUpdate.operators) {
+            // Setting idName operator select
+            operatorId = idName + '-operator';
+            $('#' + operatorId).val(couponManager.ruleToUpdate.operators[idName]);
+
+            valueId = idName + '-value';
+            // Setting idName value input
+            $('#' + valueId).val(couponManager.ruleToUpdate.values[idName]);
+        }
+        couponManager.ruleToSave = couponManager.ruleToUpdate;
+
+        var id = couponManager.ruleIdToUpdate;
+        console.log('id to edit = ' + id);
+        if(id) {
+            console.log('setint rulesToSave[' + id + ']');
+            console.log(couponManager.ruleToSave);
+            couponManager.rulesToSave[id] = couponManager.ruleToSave;
+        }
+    };
+
+    // Save rules on click
+    couponManager.onClickSaveRule = function() {
+        $('#constraint-save-btn').on('click', function () {
+            couponManager.addRuleAjax(couponManager.ruleIdToUpdate);
+        });
+    };
+    couponManager.onClickSaveRule();
+
+    // Remove rule on click
+    couponManager.onClickDeleteRule = function() {
+        $('.constraint-delete-btn').on('click', function (e) {
+            e.preventDefault();
+            var $this = $(this);
+            couponManager.removeRuleAjax($this.attr('data-int'));
+        });
+    };
+    couponManager.onClickDeleteRule();
+
+    // Update rule on click
+    couponManager.onClickUpdateRule = function() {
+        $('.constraint-update-btn').on('click', function (e) {
+            e.preventDefault();
+            var $this = $(this);
+            couponManager.updateRuleAjax($this.attr('data-int'));
+
+            // Hide row being updated
+            $this.parent().parent().remove();
+        });
+    };
+    couponManager.onClickUpdateRule();
+
+    // Reload effect inputs when changing effect
+    couponManager.onEffectChange = function() {
+        $('#effect').on('change', function () {
+            var optionSelected = $("option:selected", this);
+            $('#effectToolTip').html(optionSelected.attr("data-description"));
+        });
+    };
+    couponManager.onEffectChange();
+
+    // Reload rule inputs when changing effect
+    couponManager.onRuleChange = function() {
+        $('#category-rule').on('change', function () {
+            couponManager.loadRuleInputs($(this).val(), function(ruleToSave) {});
+        });
+    };
+    couponManager.onRuleChange();
+
+    // Fill in ready to be saved rule array
+    // var onInputsChange = function()
+    // In AJAX response
+
+});
+
+// Rule to save
+
+var couponManager = {};
+couponManager.ruleToSave = {};
+couponManager.ruleIdToUpdate = false;

templates/admin/default/coupon-update.html

@@ -37,24 +37,19 @@
         <script src="{$asset_url}"></script>
     {/javascripts}
 
+    {javascripts file='assets/js/coupon.js'}
+        <script src="{$asset_url}"></script>
+    {/javascripts}
+
     <script>
         $(function($){
             miniBrowser(0, '/test_to_remove/datas_coupon_edit.json');
 
-            Array.prototype.clean = function(deleteValue) {
-                for (var i = 0; i < this.length; i++) {
-                    if (this[i] == deleteValue) {
-                        this.splice(i, 1);
-                        i--;
-                    }
-                }
-                return this;
-            };
-
             // Init Rules
-            var initRules = function() {
+            couponManager.initRules = function() {
                 var rules = [];
                 {foreach from=$rulesObject key=k item=rule}
+                    // Init rule
                     var rule = {};
                     rule['serviceId'] = '{$rule.serviceId nofilter}';
                     rule['operators'] = {};
@@ -64,19 +59,24 @@
                         rule['operators']['{$input nofilter}'] = '{$operator nofilter}';
                         rule['values']['{$input nofilter}'] = '{$rule.validators.setValues[$input] nofilter}';
                     {/foreach}
+
+                    // Add rule
                     rules.push(rule);
                 {/foreach}
 
                 return rules;
-            }
+            };
 
             // Save Rules AJAX
-            var saveRuleAjax = function() {
+            couponManager.saveRuleAjax = function() {
+                $('#constraint-add-operators-values').html('<div class="loading" ></div>');
+                console.log('about to save');
+                console.log(couponManager.rulesToSave);
                 var $url = '{$urlAjaxUpdateRules}';
                 $.ajax({
                     type: "POST",
                     url: $url,
-                    data: {literal}{{/literal}rules:JSON.stringify(rulesToSave){literal}}{/literal},
+                    data: {literal}{{/literal}rules:JSON.stringify(couponManager.rulesToSave){literal}}{/literal},
                     statusCode: {
                         404: function() {
                             $('#constraint-add-operators-values').html(
@@ -87,72 +87,13 @@
                 }).done(function(data) {
                     $('#constraint-list').html(data);
                     $('#constraint-add-operators-values').html('');
+                    couponManager.onClickUpdateRule();
+                    couponManager.onClickDeleteRule();
                 });
-            }
-
-            // Remove 1 Rule then Save Rules AJAX
-            var removeRuleAjax = function(id) {
-                // Delete rule in temporary array
-                delete rulesToSave[id];
-                rulesToSave.clean(undefined);
-
-                // Save
-                saveRuleAjax();
-            }
-
-            // Add 1 Rule / or update the temporary Rules array then Save Rules via AJAX
-            var addRuleAjax = function(id) {
-                // If update
-                if(typeof id === 'number' && id % 1 == 0) {
-                    rulesToSave[id] = ruleToSave;
-                } else { // If create
-                    rulesToSave.push(ruleToSave);
-                }
-
-                // Save
-                saveRuleAjax();
-            }
-
-            // Set rule inputs to allow editing
-            var updateRuleAjax = function(id) {
-                ruleToSave = rulesToSave[id];
-                var ruleToUpdate = ruleToSave;
-
-                // Deleting this rule, we will reset it
-                delete rulesToSave[id];
-
-                // Set the rule seletor
-                $("#category-rule option").filter(function() {
-                    return $(this).val() == ruleToSave.serviceId;
-                }).prop('selected', true);
-
-                // Force rule input refresh
-                loadRuleInputs(ruleToSave.serviceId, ruleToUpdate, function(ruleToUpdate) {
-                    fillInRuleInputs(ruleToUpdate);
-                });
-            }
-
-            // Fill in rule inputs
-            var fillInRuleInputs = function(ruleToUpdate) {
-                var valueId = null;
-                var operatorId = null;
-
-                for (idName in ruleToUpdate.operators) {
-                    // Setting idName operator input
-                    operatorId = idName + '-operator';
-                    $('#' + operatorId).val(ruleToUpdate.operators[idName]);
-                    // Setting idName value input
-                    valueId = idName + '-value';
-                    $('#' + valueId).val(ruleToUpdate.values[idName]);
-                }
-            }
-
-
-
-
+            };
 
             // Reload rule inputs
-            var loadRuleInputs = function(ruleId, ruleToSave, callBack) {
+            couponManager.loadRuleInputs = function(ruleId, callBack) {
                 $('#constraint-add-operators-values').html('<div class="loading" ></div>');
                 var url = "{$urlAjaxGetRuleInput}";
                 url = url.replace('ruleId', ruleId)
@@ -167,71 +108,13 @@
                     }
                 }).done(function(data) {
                     $('#constraint-add-operators-values').html(data);
-                    return callBack(ruleToSave);
+
+                    return callBack();
                 });
-            }
-
-
-            // Save rules on click
-            var onClickSaveRule = function() {
-                $('#constraint-save-btn').on('click', function (e) {
-                    addRuleAjax();
-                });
-            }
-            onClickSaveRule();
-
-            // Remove rule on click
-            var onClickDeleteRule = function() {
-                $('.constraint-delete-btn').on('click', function (e) {
-                    e.preventDefault();
-                    var $this = $(this);
-                    removeRuleAjax($this.attr('data-int'));
-                });
-            }
-            onClickDeleteRule();
-
-            // Update rule on click
-            var onClickUpdateRule = function() {
-                $('.constraint-update-btn').on('click', function (e) {
-                    e.preventDefault();
-                    var $this = $(this);
-                    updateRuleAjax($this.attr('data-int'));
-
-                    // Hide row being updated
-                    $this.parent().parent().remove();
-                });
-            }
-            onClickUpdateRule();
-
-            // Reload effect inputs when changing effect
-            var onEffectChange = function() {
-                $('#effect').on('change', function (e) {
-                    var optionSelected = $("option:selected", this);
-                    $('#effectToolTip').html(optionSelected.attr("data-description"));
-                });
-            }
-            onEffectChange();
-
-            // Reload rule inputs when changing effect
-            var onRuleChange = function() {
-                $('#category-rule').on('change', function (e) {
-                    loadRuleInputs($(this).val(), null, function(ruleToSave) {literal}{}{/literal});
-                });
-            }
-            onRuleChange();
-
-            // Fill in ready to be saved rule array
-            // var onInputsChange = function()
-            // In AJAX response
-
-
+            };
 
             // Rules which will be saved
-            var rulesToSave = initRules();
+            couponManager.rulesToSave = couponManager.initRules();
         });
-
-        // Rule to save
-        var ruleToSave = {literal}{}{/literal};
-
     </script>
 {/block}

templates/admin/default/coupon/rule-input-ajax.html

@@ -72,29 +72,31 @@
 <script>
 
     // Init Rules to set
-    ruleToSave['serviceId'] = '{$ruleId}';
-    ruleToSave['operators'] = {literal}{}{/literal};
-    ruleToSave['values'] = {literal}{}{/literal};
+    couponManager.ruleToSave['serviceId'] = '{$ruleId}';
+    couponManager.ruleToSave['operators'] = {literal}{}{/literal};
+    couponManager.ruleToSave['values'] = {literal}{}{/literal};
 {foreach from=$inputs.inputs key=name item=input}
-    ruleToSave['operators']['{$name nofilter}'] = '{foreach from=$inputs.inputs[$name].availableOperators key=keyOperator item=valueOperator name=operators}{if $smarty.foreach.operators.first}{$keyOperator nofilter}{/if}{/foreach}';
-    ruleToSave['values']['{$name nofilter}'] = '{if count($inputs.inputs[$name].availableValues) != 0}{foreach from=$inputs.inputs[$name].availableValues key=keyValue item=valueValue name=values}{if $smarty.foreach.values.first}{$keyValue nofilter}{/if}{/foreach}{else}to set{/if}';
+    couponManager.ruleToSave['operators']['{$name nofilter}'] = '{foreach from=$inputs.inputs[$name].availableOperators key=keyOperator item=valueOperator name=operators}{if $smarty.foreach.operators.first}{$keyOperator nofilter}{/if}{/foreach}';
+    couponManager.ruleToSave['values']['{$name nofilter}'] = '{if count($inputs.inputs[$name].availableValues) != 0}{foreach from=$inputs.inputs[$name].availableValues key=keyValue item=valueValue name=values}{if $smarty.foreach.values.first}{$keyValue nofilter}{/if}{/foreach}{else}to set{/if}';
 {/foreach}
 
 
     // Fill in ready to be saved rule array
-    var onInputsChange = function() {literal}{{/literal}
+    couponManager.onInputsChange = function() {literal}{{/literal}
 {foreach from=$inputs.inputs key=name item=input}
         // Operator selector
         $('#{$name}-operator').change(function (e) {
+            console.log('changin operator');
             var $this = $(this);
-            ruleToSave['operators']['{$name nofilter}'] = $this.val();
+            couponManager.ruleToSave['operators']['{$name nofilter}'] = $this.val();
         });
         // Value input
         $('#{$name}-value').change(function (e) {
+            console.log('changin value');
             var $this = $(this);
-            ruleToSave['values']['{$name nofilter}'] = $this.val();
+            couponManager.ruleToSave['values']['{$name nofilter}'] = $this.val();
         });
 {/foreach}
     {literal}}{/literal}
-    onInputsChange();
+    couponManager.onInputsChange();
 </script>