Subversion Repositories SmartDukaan

$(function(){
        var dropdownContent = {
                reasonToReturn: ['Wrong product delivered', 'Product received in damaged condition'],
                
                deliveryProblem:[
                      'Packet received in damaged condition',
                      'Seal tampered', 
                      'Delivery not received', 
                      'Delivery person asking for Extra shipping/Octroi Charges'
                ]
        };
        
        var utils = {
                        lastQueryType: -1,
                        
                        removeSubjectInput: function()  {
                                $('#lblSubject').siblings('input, select').each(function(){
                                        $(this).remove();
                                });
                        },
                        
                        addSubjectDropdown: function(listOptions)       {
                                html = '<select name="subject">\n';
                                
                                for(index in listOptions)       {
                                        html += '<option value="' + listOptions[index] + '">' + listOptions[index] + '</option>\n';
                                }
                                html += '</select>';
                                $('#lblSubject').after(html);
                        },
                        
                        addSubjectTextbox: function()   {
                                $('#lblSubject').after('<input type="text" name="subject" />');
                        },
                        
                        disableAllComponents: function(){
                                $('div.contact-form-component').hide().find("input, select, textarea").attr("disable", "disable");
                        },

            enableComponents: function(className){
                                $('div.' + className).show().find("input, select, textarea").removeAttr('disable');
            },
                        
            setLabelSubject:function(label)     {
                $('#lblSubject').text(label);
            },
            
                        resetProductSelector: function()        {
                                $('#product').html('<option value="-1">Select Product</option>').attr('disabled', 'true');
                        },
                        resetForm: function()   {
                                $('#communication_category').val("-1");
                                this.resetProductSelector();
                                this.disableAllComponents();
                                $('label.error').remove();
                                $('#submit, #resetFormButton').attr('disabled', 'disabled');
                        },
                        activateResetButton: function() {
                                $('#resetFormButton').removeAttr('disabled');
                        },
                        addOrderIdSelector: function(selectorType, errMsg)      {
                                var methodToCall = 'all_orders';
                                
                                if (selectorType == 'returnable')       {
                                        methodToCall = 'to_return';
                                }
                                else if (selectorType == 'cancellable') {
                                        methodToCall = 'to_cancel';
                                }
                                
                                jQuery.ajax({
                                        type: "GET",
                                        url: "/contact-us/" + methodToCall,
                                        success: function(data) {
                                                if($.trim(data) == "<option value='-1'>No Orders Found</option>")       {
                                                        alert(errMsg);
                                                        utils.resetForm();
                                                }
                                                else    {
                                                        html = '<select name="order_id" id="order_id">\n';
                                                        html += data + '\n';
                                                        html += '</select>';
                                                        $("#orderComponent").append(html);
                                                }
                                        }
                                });
                        },
                        removeOrderIdSelector: function()       {
                                $('#order_id').remove();
                        }
        };
        
        $('#resetFormButton').click(function() {
                utils.resetForm();
        });
        
        $('#communication_category').change(function(){
                utils.disableAllComponents();
                $('label.error').remove();
                $('#frmContactUs input[name="submit"]').removeAttr('disabled');
                utils.resetProductSelector();
                utils.activateResetButton();
                utils.removeSubjectInput();
                utils.removeOrderIdSelector();
                
                switch(parseInt($(this).val())) {

                        case 1:
                                utils.enableComponents('return-product');
                                utils.addOrderIdSelector('returnable', 'You do not have any completed orders to return');
                                utils.addSubjectDropdown(dropdownContent.reasonToReturn);
                                utils.setLabelSubject('Reason');

                                utils.lastQueryType = 1;
                                break;

                        case 2:
                                utils.enableComponents('cancel-order');
                                utils.addOrderIdSelector('cancellable', 'You do not have any completed orders to cancel');
                                utils.addSubjectTextbox();
                                utils.setLabelSubject('Reason');

                                utils.lastQueryType = 2;
                                break;

                        case 3:
                                utils.enableComponents('delivery-problem');
                                utils.addOrderIdSelector('all', 'You do not have any orders');
                                utils.addSubjectDropdown(dropdownContent.deliveryProblem);
                                utils.setLabelSubject('Problem Type');

                                utils.lastQueryType = 3;
                                break;

                        case 4:
                                utils.enableComponents('payment-status');
                                utils.addOrderIdSelector('all', 'You do not have any orders');

                                utils.lastQueryType = 4;
                                break;

                        case 5:
                                utils.enableComponents('order-status');
                                utils.addOrderIdSelector('all', 'You do not have any orders');

                                utils.lastQueryType = 5;
                                break;

                        case 6:
                                utils.enableComponents('product-request');
                                utils.addSubjectTextbox();
                                utils.setLabelSubject('Product Name');

                                utils.lastQueryType = 6;
                                break;

                        case 7:
                                utils.enableComponents('other');
                                utils.addSubjectTextbox();
                                utils.setLabelSubject('Subject');

                                utils.lastQueryType = 7;
                                break;

                        default:
                                utils.resetForm();
                                break;
                }
        });
        
        $('#order_id').live('change', function(){
                var orderId = parseInt($(this).val());

                if(isNaN(orderId))      {
                        alert("Order Id must be an integer");
                } else  {
                        jQuery.ajax({
                                type: "GET",
                                url: "/contact-us/" + orderId + "",
                                success: function(data) {
                                        if (! $('#productComponent').is(':hidden'))     {
                                                $("#product").removeAttr('disabled').html(data);
                                        }
                                }
                        });
                }
        });
        
        $('form[name="frmContactUs"]').validate({
                rules: {
                        email: {
                                required: true,
                                email: true
                        },
                        order_id: {
                                required: true,
                                digits: true
/*                              required: {
                                        depends: function()     {
                                                return $('#orderComponent:visible');
                                        }
                                },
                                digits: {
                                        depends: function()     {
                                                return $('#orderComponent:visible');
                                        }
                                }*/
                        },
                        subject: {
                                required: true
                        }
                },
                messages: {
                        order_id: {
                                digits: "Order ID must be a valid number"
                        }
                }
        });
});