Search

core.js

CPAR.ajaxSearch = CPAR.ajaxSearch || (CPAR.ajaxSearch = {

    $searchResults: $('#search-results'),
    $searchButton: $('#search-button'),
    $searchInput: $('#searchText'),
    $searchCountry: $('#countryCollection'),
    loadingDiv: '.loading',

    parseResults: function(data) {
        var dataString = '';

        if ( !data || typeof(data[0]) === 'undefined' || data[0].pageList.length === 0 || data[0].pageSize === 0) {
            dataString = '<strong class="no-results">No results found.</strong>';
            this.insertResults(dataString);
            return false;
        }

        dataString += '<hr /><ul class="search_res">';

        for ( var i=0; i < data[0].pageList.length; i++) {
            var resultsContent = data[0].pageList[i];
            dataString += '<li><a href="' + resultsContent.link + '">' + resultsContent.title + '</a><p>' + resultsContent.description + '</p></li>';
        }

        dataString += '</ul>';

        return this.insertResults(dataString);
    },

    insertResults: function(data) {
        this.$searchResults.find(this.loadingDiv).remove();
        this.$searchResults.find('.no-results').remove();
        return this.$searchResults.append(data);
    },

    searchSubmit: function() {
        if ( this.$searchInput.val() === '' ) {
            this.$searchInput.val('Enter a search term.');
            return;
        }

        if ( this.$searchResults.find('ul').children().length >= 1 ) {
            this.$searchResults.empty();
        }

        if ( !this.$searchResults.find(this.loadingDiv).length ) {
            this.$searchResults.append('<h6 class="loading">Loading...</h6>');
            return this.grabJSON(this.$searchInput.val(), this.$searchCountry.val());
        }
    },

    grabJSON: function(searchString, searchLocal) {
        var _this = this;
        return $.getJSON('http://vml.dev.colgate.com/app/Search/services/api/search/annualreport/search?method=com.colgate.search.rest.annualreport.Search&json=true&searchText=' + searchString + '&countryCollection=' + searchLocal + '&callback=?', function(data) {
            _this.parseResults(data.rest.results.pagedListHolders);
        });
    },

    getUrlVars: function() {
        var vars = {};
        var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m, key, value) {
            vars[key] = value;
        });
        return vars;
    },

    searchFromURLString: function(searchString) {
        var _this = this;
        if ( !searchString ) {
            return this.$searchInput.val('Enter a search term.');
        }

        return setTimeout(function() {
            _this.$searchInput.val(searchString);
            _this.searchSubmit();
        }, 500);
    },

    init: function() {
        var _this = this;
        if ( this.getUrlVars()['searchInput'] ) {
            var inputVal = this.getUrlVars()['searchInput'];
            return this.searchFromURLString(inputVal);
        }

        $('#restform').submit(function(e) {
            e.preventDefault();
            return _this.searchSubmit();
        });

        this.$searchInput.focus(function() {
            $(this).select();
        }).mouseup(function(e) {
            e.preventDefault();
        });
    }
});