onload.listRenaming.js

function restoreRow ( oTable, nRow ) {
    var aData = oTable.fnGetData(nRow);
    var jqTds = $('>td', nRow);
    for ( var i=0, iLen=jqTds.length ; i<iLen ; i++ ) {
        oTable.fnUpdate( aData[i], nRow, i, false );
    }
    oTable.fnDraw();
}

function editRow(oTable, nRow){
    var aData = oTable.fnGetData(nRow);
    var jqTds = $('>td', nRow);
    jqTds[0].innerHTML = '<input id="code" type="text" value="' + aData[0] + '">';
    jqTds[1].innerHTML = '<input id="name"  type="text" value="' + aData[1] + '">';
    jqTds[2].innerHTML = '<input id="period" type="text" value="' + aData[2] + '">';
    jqTds[3].innerHTML = '<input id="period" type="text" value="' + aData[3] + '">';
    jqTds[7].innerHTML = '<input type="submit" name="edit" value="Save" class="edit" id="save" />';
    document.getElementById('code').focus();
}

function saveRow(oTable, nRow, oldValue){
    var jqInputs = $('input', nRow);
    var chk_name = (oldValue[0].toLowerCase() == jqInputs[0].value.toLowerCase()) ? false : true;
    var chk_env = (oldValue[1].toLowerCase() == jqInputs[1].value.toLowerCase()) ? false : true;
    var chk_desc = (oldValue[2].toLowerCase() == jqInputs[2].value.toLowerCase()) ? false : true;
    var chk_typename = (oldValue[3].toLowerCase() == jqInputs[3].value.toLowerCase()) ? false : true;
    //Compare old and new values
    if(chk_name || chk_env || chk_desc || chk_typename) {
        $.ajax({
            url: "updateAgency.do",
            data: {
                id: nRow.id,
                new_name: jqInputs[0].value,
                new_env: jqInputs[1].value,
                new_desc: jqInputs[2].value,
                new_typename: jqInputs[2].value,
                chk_code: chk_code,
                chk_name: chk_name
            },
            dataType: "json",
            success: function(data) {
                if(data.updated) {
                    //Update success
                    oTable.fnUpdate(jqInputs[0].value, nRow, 0, false);
                    oTable.fnUpdate(jqInputs[1].value, nRow, 1, false);
                    oTable.fnUpdate(jqInputs[2].value, nRow, 2, false);
                } else {
                    //Update failed
                    restoreRow(oTable, nRow);
                }
                //alert(data.message);
            }
        })
    }
    restoreRow(oTable, nRow);
    oTable.fnUpdate('<input type="submit" name="edit" value="Edit" class="edit" id="edit" />', nRow, 4, false);
    oTable.fnDraw();
}

$(function($){
    $(".button").button();
    $('p').collapsible('toggle');

    var nEditing = null;
    $('#ListTable input.edit').on('click', function() {
        var nRow = $(this).parents('tr')[0];
        var aData = oTable.fnGetData(nRow);
        var oldValue = [ aData[0], aData[1] ];
        if(nEditing !==null && nEditing != nRow) {
            restoreRow(oTable, nEditing);
            editRow(oTable, nRow);
            nEditing = nRow;
        } else if (nEditing == nRow && this.value == "Save") {
            saveRow(oTable, nEditing, oldValue);
            nEditing = null;
        } else {
            editRow(oTable, nRow);
            nEditing = nRow;
        }
    });



    var oTable = $('#ListTable').dataTable({
        "bStateSave": true,
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "bAutoWidth": false,
        "aoColumnDefs": [
        {
            "bSearchable": false,
            "aTargets": [4, 5,6,7,8]
            },
            {
            "bSortable": false,
            "aTargets": [4, 5,6,7,8]
            },
             { "bVisible": false, "aTargets": [9] } // comment to show it
        ]
    });

    //  select enable/disable
       $("#enabledChoice").click( function() {
           console.log('click');
           oTable.fnDraw();
       });

       $.fn.dataTableExt.afnFiltering.push(function( oSettings, aData, iDataIndex ) {
        var chosenName = $("select#enabledChoice").val(); // Grab selected item in the dropdown list
        var nameInColumn = aData[9]; // 9 is the index (begins from 0) of the column I want to sort
        // If nothing or "All" is selected, don't filter
         if ( chosenName == "" || chosenName == "All")
            {
             return true;
            }
         else if ( chosenName == nameInColumn)
           {
            return true;
           }
         return false;
     });

    // delete
       $('#ListTable #delete').on('click', function() {
        var ans = confirm("Do you want to disable the rename rule?");
        if(ans==true){
            var nRow = $(this).parents('tr')[0];
            var env = $(this).parents('tr').data('env');
            var renameRuleName = $(this).parents('tr').data('rrname');
            var renameRuleShortDescription = $(this).parents('tr').data('rrshort');
            var renameRuleLongDescription  = $(this).parents('tr').data('rrlong');
            var renameRuleTypeId = $(this).parents('tr').data('rrtid');
            var renameRuleTypeName = $(this).parents('tr').data('rrtname');
            var renameRuleData = $(this).parents('tr').data('rrdata');

            oTable.fnDeleteRow(nRow);
            $.ajax({
                url: 'deleteRenameRule.do',
                data: "renameID=" + nRow.id + "&env=" + env + "&renameRuleName=" + renameRuleName + "&renameRuleShortDescription=" + renameRuleShortDescription + "&renameRuleLongDescription=" + renameRuleLongDescription +"&renameRuleTypeId=" + renameRuleTypeId  + "&renameRuleTypeName=" + renameRuleTypeName + "&renameRuleData=" + renameRuleData,
                success: function(response) {
                   toastr.success(response.message);
                }
            })
        }
    });
    //delete

    // assign to agency
       $('#ListTable input.assignAgency').on('click', function() {
        var ans = confirm("Do you want to assign this rule to this agency ?");
        if(ans==true){
            var nRow = $(this).parents('tr')[0];
             var agencyID = $('#agencyID').val();
            var disabled = $('#disabled').val();
            $.ajax({
                url: 'assignRenameRuleToAgency.do',
                data: "ruleId=" + nRow.id + "&agencyID=" + agencyID + "&disabled=" +disabled ,
                success: function(response) {
                    if(response.message.charAt(0) === 'E')
                    toastr.error(response.message);

                    else
                   toastr.success(response.message);
                }
            })
        }
    });
    //assign

    // assign to global
       $('#ListTable input.assignGlobal').on('click', function() {
        var ans = confirm("Do you want to assign this rule to global ?");
        if(ans==true){
             var nRow = $(this).parents('tr')[0];
            $.ajax({
                url: 'assignRenameRuleToGlobal.do',
                data: "ruleId=" + nRow.id ,
                success: function(response) {
                    if(response.message.charAt(0) === 'E')
                    toastr.error(response.message);
                    else
                    toastr.success(response.message);
                }
            })
        }
    });
    //assign

    // start modal
       var dialog, form,
            name = $( "#name" ),
                        env = $('#env'),
            allFields = $( [] ).add( name ).add(env),
            tips = $( ".validateTips" );
        function updateTips( t ) {
            tips
                .text( t )
                .addClass( "ui-state-highlight" );
            setTimeout(function() {
                tips.removeClass( "ui-state-highlight", 1500 );
            }, 500 );
        }

                 function checkEmpty(str) {
                 alert(" value of env from select " + str.val());
                 if (str.val() === "")
                 {
                     $('.enva').addClass("ui-state-error");
                      updateTips("You must select an environment");
                      return false;
                 }
                  else{
                     return true;
                 }
                }

        function checkLength( o, n, min, max ) {
                       alert(" valueof name from select " + o.val());
            if ( o.val().length > max || o.val().length < min ) {
                o.addClass( "ui-state-error" );
                updateTips( "Length of " + n + " must be between " +
                    min + " and " + max + "." );
                return false;
            } else {
                return true;
            }
        }

        function addUser() {
            var valid = true;
            allFields.removeClass("ui-state-error");
                        alert("env.val() =   "  +env.val());
                        valid = valid && checkEmpty(env);
            valid = valid && checkLength( name, "rule type name", 3, 16 );
            if ( valid ) {
                alert("valid ......");
                dialog.dialog( "close" );
            }
        }

        dialog = $("#dialog-form").dialog({
            autoOpen: false,
            height: 400,
            width: 620,
            modal: true,
            buttons: {
                "Create Rename Rule Type ": addUser,
                Cancel: function() {
                    dialog.dialog( "close" );
                }
            },
            close: function() {
                form[ 0 ].reset();
                allFields.removeClass("ui-state-error");
            }
        });

        form = dialog.find("form").on("submit", function( event ) {
            event.preventDefault();
            addUser();
        });

        $("#create-user").on( "click", function() {
            dialog.dialog( "open" );
        });


    // end modal

});