Subversion Repositories SmartDukaan

$().ready(function() {
        $("form#update-retailer-details-form input").each(function(){
                $(this).attr('autocomplete', 'off');
        });
});
$().ready(function() {
        $('#update-retailer-details-form').validate({
                        submitHandler: function (form, event) {
                                event.preventDefault();
                                if(validateRetailerDetails()){
                                        alert("Please fix errors");
                                        return false;
                                }
                                var json = retailerDetailsJson();
                                console.log("retailerJson = " + json);
                                if(confirm("Are you sure you want to update Retailer Details!") == true){
                                        var response = doPutAjaxRequestWithJson("retailerDetails",json);
                                        $('#retailer-details-container').html(response);
                             return false; // required to block normal submit since you used ajax
                                }
               }
        });
  
});

$().ready(function(){
        $('#existing-shops').click(function(e){
                //console.log(e.target + " clicked");
                var shopDetailsSize = $("#shopDetailsSize").attr("size");
                for(var i = 0; i < shopDetailsSize; i++){
                        if($(e.target).is('#sameAsRetailerAddress'+i)){
                                console.log("sameAsRetailerAddress"+ i +" Clicked!");
                                if (e.target.checked) {
                                        $(e.target).val('true');
                                        processSameAsRetailerAddressEvent(i);
                                }else{
                                        $(e.target).val('false');
                                }
                        }
                }
        });
})

$().ready(function(){
        $('#new-shops').click(function(e){
                //console.log(e.target + " clicked");
                var shopDetailsSize = $("#shopDetailsSize").attr("size");
                for(var i = 0; i < shopDetailsSize; i++){
                        if($(e.target).is('#sameAsRetailerAddress'+i)){
                                console.log("sameAsRetailerAddress"+ i +" Clicked!");
                                if (e.target.checked) {
                                        $(e.target).val('true');
                                        //processSameAsRetailerAddressEvent(i);
                                        $('new-shops-address').html();
                                }else{
                                        $(e.target).val('false');
                                        var shopAddressUi = getNewShopAddressUiElements(i);
                                        $('new-shops-address').html(shopAddressUi);
                                }
                        }
                }
        });
})

function getNewShopAddressUiElements(counter){
        var shopAddressUi = '<div class="row">'+
                                                        '<div class="col-lg-4 form-group">'+
                                                                '<p class="bold-details">NAME</p>'+
                                                        '</div>'+
                                                        '<div class="col-lg-6 form-group">'+
                                                                '<input placeholder="Name" id="shopAddressName'+counter+'" name="shopAddressName'+counter+'" type="text" value="" class="form-control input-sm">'+
                                                        '</div>'+
                                                '</div>'+
                                                '<div class="row">'+
                                                        '<div class="col-lg-4 form-group">'+
                                                                '<p class="bold-details">LINE1</p>'+
                                                        '</div>'+
                                                        '<div class="col-lg-6 form-group">'+
                                                                '<input placeholder="Line1" id="shopAddressLine1'+counter+'" name="shopAddressLine1'+counter+'" type="text" value="" class="form-control input-sm">'+
                                                        '</div>'+
                                                '</div>'+
                                                '<div class="row">'+
                                                        '<div class="col-lg-4 form-group">'+
                                                                '<p class="bold-details">LINE2</p>'+
                                                        '</div>'+
                                                        '<div class="col-lg-6 form-group">'+
                                                                '<input placeholder="Line2" id="shopAddressLine2'+counter+'" name="shopAddressLine2'+counter+'" type="text" value="" class="form-control input-sm">'+
                                                        '</div>'+
                                                '</div>'+
                                                        
                                                '<div class="row">'+
                                                        '<div class="col-lg-4 form-group">'+
                                                                '<p class="bold-details">CITY</p>'+
                                                        '</div>'+
                                                        '<div class="col-lg-6 form-group">'+
                                                                '<input placeholder="City" id="shopAddressCity'+counter+'" name="shopAddressCity'+counter+'" type="text" value="" class="form-control input-sm">'+
                                                        '</div>'+
                                                '</div>'+
                                                        
                                                '<div class="row">'+
                                                        '<div class="col-lg-4 form-group">'+
                                                                '<p class="bold-details">PIN CODE</p>'+
                                                        '</div>'+
                                                        '<div class="col-lg-6 form-group">'+
                                                                '<input placeholder="Pin Code" id="shopAddressPinCode'+counter+'" name="shopAddressPinCode'+counter+'" type="text" value="" class="form-control input-sm">'+
                                                        '</div>'+
                                                '</div>'+
                                                        
                                                '<div class="row">'+
                                                        '<div class="col-lg-4 form-group">'+
                                                                '<p class="bold-details">STATE</p>'+
                                                        '</div>'+
                                                        '<div class="col-lg-6 form-group">'+
                                                                '<input placeholder="State" id="shopAddressState'+counter+'" name="shopAddressState'+counter+'" type="text" value="" class="form-control input-sm">'+
                                                        '</div>'+
                                                '</div>';
        return shopAddressUi;
}

function processSameAsRetailerAddressEvent(counter){
        $('#shopAddressName'+counter).val($('#retailerAddressName').val());
        $('#shopAddressLine1'+counter).val($('#retailerAddressLine1').val());
        $('#shopAddressLine2'+counter).val($('#retailerAddressLine2').val());
        $('#shopAddressCity'+counter).val($('#retailerAddressCity').val());
        $('#shopAddressPinCode'+counter).val($('#retailerAddressPinCode').val());
        $('#shopAddressState'+counter).val($('#retailerAddressState').val());
}