alex/restaurant-search
1
Fork 0
Code Releases Activity

Usability improvements

Browse Source
This commit is contained in:
Alex Yatskov 2014-11-10 19:14:45 +09:00
parent ef15b331fb
commit 10aaeba534
2 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
client/scripts/application.js
View File

@ -33,7 +33,7 @@
_ctx.query.features[name] = value;
$.getJSON('/search', _ctx.query, function(results) {
saveSnapshot(results);
outputSnapshot(results);
outputSnapshot(results, true);
setCustomized(true);
});
}
@ -160,14 +160,14 @@
$.getJSON('/search', _ctx.query, function(results) {
saveSnapshot(results);
outputSnapshot(results);
outputSnapshot(results, false);
setCustomized(false);
});
}
function onSelectSnapshot() {
var index = $('#historyIndex').slider('getValue');
outputSnapshot(_ctx.log[index]);
outputSnapshot(_ctx.log[index], false);
setCustomized(true);
}
@ -195,12 +195,15 @@
}
}
function outputSnapshot(results) {
function outputSnapshot(results, omitValues) {
var columns = {};
for (var name in results.columns) {
_ctx.query.features[name] = results.columns[name].value;
var column = results.columns[name];
columns[name] = omitValues ? _.omit(column, 'value') : column;
_ctx.query.features[name] = column.value;
}
_ctx.grapher.setColumns(results.columns);
_ctx.grapher.setColumns(columns);
outputMatches(results.items, results.count);
}

17
client/scripts/grapher.js
View File

@ -89,7 +89,7 @@
var _panelSize = 20;
var _tickSize = 5;
var _width = 125;
var _easeTime = 200;
var _easeTime = 400;
var _animation = null;
var _canvas = params.canvas;
@ -221,6 +221,8 @@
if (_onValueChanged) {
_onValueChanged(_name, _data.value);
}
animateIndicator(_valueAnimated, _data.value);
}
function animateIndicator(valueOld, valueNew) {
@ -239,9 +241,8 @@
updateIndicator(value);
},
_easeTime,
mina.linear,
mina.easeinout,
function() {
updateDensity();
_animation = null;
}
);
@ -283,10 +284,16 @@
}
this.update = function(data, scale) {
_data = data;
_scale = scale;
animateIndicator(_valueAnimated, _data.value);
if (_.has(data, 'value')) {
_data.value = data.value;
animateIndicator(_valueAnimated, _data.value);
}
if (_.has(data, 'hints')) {
_data.hints = data.hints;
updateDensity();
}
};
createShapes();