restaurant-search/client/application.js

'use strict';

function outputResults(results, maxResults) {
    $('#results').empty();
    $('#count').text(results.length);

    results = results.splice(0, maxResults);

    var template = Handlebars.compile($('#template').html());
    $('#results').append(template({'results': results}));
}

function onAdjust(name, value) {
    var wa = window.adjuster;
    var wg = window.grapher;

    wa.searchParams[name] = value;
    console.log(wa.searchParams);

    var params = {
        searchParams: wa.searchParams,
        searchRange:  wa.searchRange,
        minScore:     wa.minScore,
        hintSteps:    wa.hintSteps,
        maxResults:   wa.maxResults
    };

    $.getJSON('/node/search', params, function(results) {
        var hintData = { };
        for (var feature in results.columns) {
            hintData[feature] = results.columns[feature].hints;
        }

        wg.setColumnHints(hintData);
        outputResults(results.items, params.maxResults);
    });
}

function onSearch() {
    var params = {
        keyword:          $('#keyword').val(),
        searchRange:      { min: -1.0, max: 1.0 },
        minScore:         parseInt($('#minScore').val()),
        hintSteps:        parseInt($('#hintSteps').val()),
        maxResults:       parseInt($('#maxResults').val()),
        useLocalScale:    true,
        useRelativeScale: true
    };

    $.getJSON('/node/search', params, function(results) {
        window.adjuster = {
            searchParams: results.params,
            searchRange:  params.searchRange,
            minScore:     params.minScore,
            hintSteps:    params.hintSteps,
            maxResults:   params.maxResults
        };

        window.grapher = new Grapher('grapher', new goog.math.Range(-1.0, 1.0), params.useLocalScale, params.useRelativeScale);
        window.grapher.setColumns(results.columns);
        window.grapher.setValueChangedListener(onAdjust);

        outputResults(results.items, params.maxResults);

        $('#query').text(params.keyword);
        $('#useLocalScale').prop('checked', useLocalScale);
        $('#useRelativeScale').prop('checked', useRelativeScale);
        $('#useLocalScale').click(function() {
            var useLocalScale = $('#useLocalScale').is(':checked');
            window.grapher.setUseLocalScale(useLocalScale);
        });
        $('#useRelativeScale').click(function() {
            var useRelativeScale = $('#useRelativeScale').is(':checked');
            window.grapher.setUseRelativeScale(useRelativeScale);
        });
        $('#input').fadeOut(function() {
            $('#output').fadeIn();
        });
    });
}

$(document).ready(function() {
    $.getJSON('/node/keywords', function(keywords) {
        for (var i = 0; i < keywords.length; ++i) {
            $('#keyword').append($('<option></option>', {
                'value': keywords[i],
                'text':  keywords[i]
            }));
        }

        $('#search').prop('disabled', false);
        $('#search').click(onSearch);
    });
});