1
restaurant-search/client/application.js

95 lines
3.0 KiB
JavaScript

'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);
});
});