karma/assets/static/filters.js

var Filters = (function() {


    selectors = {
        filter: '#filter',
        icon: '#filter-icon'
    }


    addBadge = function(text) {
        $.each($('span.tag'), function(i, tag) {
            if ($(tag).text() == text) {
                var chksum = sha1(text);
                $(tag).prepend('<span class="badge tag-badge" id="tag-counter-' + chksum + '" data-badge-id="' + chksum + '"></span>');
            }
        });
    }


    update = function() {
        Filters.Updating();

        // update location so it's easy to share it
        QueryString.Set('q', Filters.GetFilters().join(','));

        // reload alerts
        Unsee.Reload();
    }


    init = function() {
        var initial_filter;

        if ($(selectors.filter).data('default-used') == 'false' || $(selectors.filter).data('default-used') == false) {
            // user passed ?q=filter string
            initial_filter = $(selectors.filter).val();
        } else {
            // no ?q=filter string, check if we have default filter cookie
            initial_filter = Cookies.get('defaultFilter.v2');
            if (initial_filter == undefined) {
                // no cookie, use global default
                initial_filter = $(selectors.filter).data('default-filter');
            }
        }

        var initial_filter_arr = initial_filter.split(',');
        $(selectors.filter).val('');
        $('.filterbar :input').tagsinput({
            typeaheadjs: {
                minLength: 1,
                hint: true,
                limit: 12,
                name: 'autocomplete',
                source: Autocomplete.Autocomplete()
            }
        });
        $.each(initial_filter_arr, function(i, filter) {
            $(selectors.filter).tagsinput('add', filter);
            addBadge(filter);
        });

        $(selectors.filter).on('itemAdded itemRemoved', function(event) {
            Filters.SetFilters();
            // add counter badge to new tag
            if (event.type == 'itemAdded') {
                addBadge(event.item);
            }
        });

        $(selectors.filter).tagsinput('focus');

        // stop when user is typing in the filter bar
        $('.bootstrap-tagsinput').typing({
            start: function(event, elem) {
                if (event.keyCode != 8 && event.keyCode != 13) Unsee.Pause();
            },
            stop: function(event, elem) {
                if (event.keyCode != 8 && event.keyCode != 13) Unsee.WaitForNextReload();
            },
            delay: 1000
        });

        // fix body padding if needed, input might endup using more than 1 line
        $('.bootstrap-tagsinput').bind("DOMSubtreeModified", function() {
            $('body').css('padding-top', $('.navbar').height());
        });
        $('input.tt-input').on("change keypress", function() {
            $('body').css('padding-top', $('.navbar').height());
        });

        $('.filterbar').on('resize', function(){
          // hack for fixing padding since input can grow and change height
          $('body').css('padding-top', $('.navbar').height());
        });

    }


    getFilters = function() {
        return $(selectors.filter).tagsinput('items');
    }


    reloadBadges = function(filterData) {
        $.each(filterData, function(i, filter) {
            $.each($('span.tag-badge'), function(j, tag) {
                if (sha1(filter.text) == $(tag).data('badge-id')) {
                    $(tag).html(filter.hits.toString());
                    if (filter.isValid == true) {
                        $(tag).parent().addClass('label-info').removeClass('label-danger');
                    } else {
                        $(tag).parent().addClass('label-danger').removeClass('label-info');
                    }
                }
            });
        });
    }


    addFilter = function(text) {
        $(selectors.filter).tagsinput('add', text);
    }


    setUpdating = function() {
      // visual hint that alerts are reloaded due to filter change
      $(selectors.icon).removeClass('fa-search fa-pause').addClass('fa-circle-o-notch fa-spin');
    }


    updateDone = function() {
        $(selectors.icon).removeClass('fa-circle-o-notch fa-spin fa-pause').addClass('fa-search');
    }


    setPause = function() {
      $(selectors.icon).removeClass('fa-circle-o-notch fa-spin fa-search').addClass('fa-pause');
    }


    return {
        Init: init,
        AddFilter: addFilter,
        SetFilters: update,
        GetFilters: getFilters,
        ReloadBadges: reloadBadges,
        UpdateCompleted: updateDone,
        Updating: setUpdating,
        Pause: setPause
    }


}());