Multiple Filters

-

 $(document).ready(function () {

    ManageRadioButtons();

    numerizeRows();

    $('[data-toggle="tooltip"]').tooltip();

});


jQuery.expr[':'].icontains = function (a, i, m) {

    return jQuery(a).text().toUpperCase()

        .indexOf(m[3].toUpperCase()) >= 0;

};


$("#searchInputResponsibility").keyup(function () {

    if (checkMultiple() == true) {

        filterMultiple();

        return true;

}


    var data = this.value.split(" ");

    var currentRow = $("#fbody").find("tr").not('.H').not('.thead');

   


    if (this.value == "") {

        currentRow.show();

        return;

    }

    //hide all the rows

    currentRow.hide();

 

    currentRow.filter(function (i, v) {

    var $t = $(this).find("td:eq(0)");

    for (var d = 0; d < data.length; ++d) {

        if ($t.is(":icontains('" + data[d] + "')")) {

            return true;

        }

    }

    return false;

})

    .show();

}).focus(function () {

        this.value = "";

        $(this).css({

            "color": "black"

        });

        $(this).unbind('focus');

    });


function numerizeRows() {

   var eachRow = $("#fbody").find("tr").not('.H').not('.thead');

    

    var start = 1;

 


    eachRow.each(function () {

    

        $(this).children('td:eq(1)').html(start);


        start = start + 1;

        

    });


};

$("#searchInputTask").keyup(function () {

    if (checkMultiple() == true) {

        filterMultiple();

        return true;

    }


    var data = this.value.split(" ");

    


    var currentRow = $("#fbody").find("tr").not('.H').not('.thead');


    if (this.value == "") {

        currentRow.show();

        return;

    }

    //hide all the rows

    currentRow.hide();


    currentRow.filter(function (i, v) {

       var $t = $(this).find("td:eq(2)");

        for (var d = 0; d < data.length; ++d) {

            if ($t.is(":icontains('" + data[d] + "')")) {

                return true;

            }

        }

        return false;

    })

        //show the rows that match.

        .show();

}).focus(function () {

    this.value = "";

    $(this).css({

        "color": "black"

    });

    $(this).unbind('focus');

});




$("#searchInputNotes").keyup(function () {

    if (checkMultiple() == true) {

        filterMultiple();

        return true;

       // return;

    }


    var data = this.value.split(" ");

    var currentRow = $("#fbody").find("tr").not('.H').not('.thead');

    if (this.value == "") {

        currentRow.show();

        return;

    }

    //hide all the rows

    currentRow.hide();


   currentRow.filter(function (i, v) {

        

        var $t = $(this).find("td:eq(3)");

        for (var d = 0; d < data.length; ++d) {

            if ($t.is(":icontains('" + data[d] + "')")) {

                return true;

            }

        }

        return false;

    })

        //show the rows that match.

        .show();

}).focus(function () {

    this.value = "";

    $(this).css({

        "color": "black"

    });

    $(this).unbind('focus');

});

function checkMultiple() {

    var dataP = $("#searchInputResponsibility").val().split(" ");

    var dataR = $("#searchInputTask").val().split(" ");

    var dataI = $("#searchInputNotes").val();

    if (dataI != "" && dataR != "") return true;

    if (dataI != "" && dataP != "") return true;

    if (dataP != "" && dataR != "") return true;

    return false;

};

function filterMultiple () {


    var dataI = $("#searchInputNotes").val().split(" ");

    var dataR = $("#searchInputTask").val().split(" ");

    var dataP = $("#searchInputResponsibility").val().split(" ");

    var allRows = $("#fbody").find("tr").not('.H').not('.thead');

    if (dataI == "" && dataR == "" && dataP == "") {

        allRows.show();

        return;

    }

    //hide all the rows

    allRows.hide();


     allRows.filter(function (i, v) {

            var $v = $(this).find("td:eq(0)");

            var $u = $(this).find("td:eq(1)");

            var $t = $(this).find("td:eq(2)");

            if (dataI != "" && dataR != "" && dataP != "") {

            for (var p = 0; p < 2; ++p) {

                if ($v.is(":icontains('" + dataP[p] + "')") && ($u.is(":icontains('" + dataR[p] + "')")) && $t.is(":icontains('" + dataI[p] + "')") ) {

                     return true;

                }

                

            }

            }

            if (dataI != "" && dataR != "" && dataP == "") {

                for (var p = 0; p < 2; ++p) {

                    if (($u.is(":icontains('" + dataR[p] + "')")) && $t.is(":icontains('" + dataI[p] + "')")) {

                        return true;

                    }


                }

            }

            if (dataI == "" && dataR != "" && dataP != "") {

                for (var p = 0; p < 2; ++p) {

                    if (($u.is(":icontains('" + dataR[p] + "')")) && $v.is(":icontains('" + dataP[p] + "')")) {

                        return true;

                    }


                }

            }

            if (dataI != "" && dataR == "" && dataP != "") {

                for (var p = 0; p < 2; ++p) {

                    if (($t.is(":icontains('" + dataI[p] + "')")) && $v.is(":icontains('" + dataP[p] + "')")) {

                        return true;

                    }


                }

            }

            if (dataI != "" && dataR != "" && dataP == "") {

                for (var p = 0; p < 2; ++p) {

                    if (($u.is(":icontains('" + dataR[p] + "')")) && $t.is(":icontains('" + dataI[p] + "')")) {

                        return true;

                    }


                }

            }

            

          return false;

        })

            .show();

    

};


$("input[type='radio']").change(function () {

  

    ManageRadioButtons();


});


function ManageRadioButtons() {


    $("#searchInputResponsibility").val('');;

    $("#searchInputTask").val('');;

    $("#searchInputNotes").val('');;

    var selection = $('input[name=env]:checked').val();

    var currentRow = $("#fbody").find("tr").not('.H');

    currentRow.hide();

    if (selection == "QA") {

        var QARows = $("#fbody").find("tr.Q");

        QARows.show();

    } else {

        var PRows = $("#fbody").find("tr.P");

        PRows.show();

    }

};


Comments

Post a Comment

Popular posts from this blog

Grouping with Data Entities

-
I am really loving the data entity in my new projects but have come across a couple of issues already. Tonight I learned about using a field that is not a part of your database and not in the entity but is a consolidation field from a group.  Once I found some good samples it worked incredibly well and I had a little summary grid on the page in just a couple of minutes.  So here is what I did  using (myEntityName context = new myEntityName())     { //First I declared a couple of variables because I was looking at data between specific dates          DateTime startdate = DateTime.Parse("2014-02-01");             DateTime enddate = DateTime.Parse("2014-02-01");          var dbRecords = (from c in context.myTableName                           where (c.MemberStartDate >= startdate && c.MemberStart...
Read more

Localizer in Controller

-
Localizer in Controller Using using Microsoft.Extensions. Localization; Includes private readonly IStringLocalizer< AppAccessController>  _localizer; Resource file must be in a Controller Folder in Resources Method example public Dictionary<string,string> GetRoleList(string appName, bool includeX) { //Code here return allItems.ToDictionary<string, string, string>(i => i, i =>  _localizer[i] ); }
Read more

Sticky Footer made simple

-
CSS Footers are simple but people tend to overthink them.  Here is how it works You have two pieces A container that all your other stuff is in A footer that you want to always stay at the bottom of the page In Blazor I put this container on my content pages and not my host page because I didn't want my left hand nav to be involved <div class="container"> All my content </div> <footer> Centered footer content </footer> And the CSS .container {     width:100%;     padding: 0 15px; } footer {     font-size: 12px; (you could also use a vw value here)     padding-top:20px;     background-color: #xxx;     color: #fff;     margin: auto;     height: 60px;     width: 100%;     position: sticky; //absolute;     bottom: 0;     text-align: center; }
Read more