knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[#35,view][s]: notifications for loading of data (and success thereof) both on initialization and on new queries.

Browse Source 
* refactor notify to fadeOut notifications (for persist=false)
* refactor DataExplorer to have a common query method
* new clearNotifications method
This commit is contained in:
Rufus Pollock
2012-02-10 02:02:03 +00:00
parent b9e2a15b9f
commit d17fa4a169
1 changed files with 35 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/view.js
View File

@@ -29,7 +29,8 @@ function parseQueryString(q) {
// //
// * category: warning (default), success, error // * category: warning (default), success, error
// * persist: if true alert is persistent, o/w hidden after 3s (default = false) // * persist: if true alert is persistent, o/w hidden after 3s (default = false)
function notify(message, options) { // * loader: if true show loading spinner
my.notify = function(message, options) {
if (!options) var options = {}; if (!options) var options = {};
var tmplData = _.extend({ var tmplData = _.extend({
msg: message, msg: message,
@@ -48,11 +49,21 @@ function notify(message, options) {
_templated = $(_templated).appendTo($('.data-explorer .alert-messages')); _templated = $(_templated).appendTo($('.data-explorer .alert-messages'));
if (!options.persist) { if (!options.persist) {
setTimeout(function() { setTimeout(function() {
$(_templated).remove(); $(_templated).fadeOut(1000, function() {
}, 3000); $(this).remove();
});
}, 1000);
} }
} }
// ## clearNotifications
//
// Clear all existing notifications
my.clearNotifications = function() {
var $notifications = $('.data-explorer .alert-message');
$notifications.remove();
}
// The primary view for the entire application. // The primary view for the entire application.
// //
// It should be initialized with a recline.Model.Dataset object and an existing // It should be initialized with a recline.Model.Dataset object and an existing
@@ -133,21 +144,26 @@ my.DataExplorer = Backbone.View.extend({
// note this.model and dataset returned are the same // note this.model and dataset returned are the same
this.model.fetch().then(function(dataset) { this.model.fetch().then(function(dataset) {
self.el.find('.doc-count').text(self.model.docCount || 'Unknown'); self.el.find('.doc-count').text(self.model.docCount || 'Unknown');
// initialize of dataTable calls render self.query();
var queryObj = {
size: self.config.displayCount
};
self.model.query(queryObj);
}); });
}, },
onDisplayCountUpdate: function(e) { query: function() {
e.preventDefault();
this.config.displayCount = parseInt(this.el.find('input[name="displayCount"]').val()); this.config.displayCount = parseInt(this.el.find('input[name="displayCount"]').val());
var queryObj = { var queryObj = {
size: this.config.displayCount size: this.config.displayCount
}; };
this.model.query(queryObj); my.notify('Loading data', {loader: true});
this.model.query(queryObj)
.done(function() {
my.clearNotifications();
my.notify('Data loaded', {category: 'success'});
});
},
onDisplayCountUpdate: function(e) {
e.preventDefault();
this.query();
}, },
setReadOnly: function() { setReadOnly: function() {
@@ -290,10 +306,10 @@ my.DataTable = Backbone.View.extend({
}); });
doc.destroy().then(function() { doc.destroy().then(function() {
self.model.currentDocuments.remove(doc); self.model.currentDocuments.remove(doc);
notify("Row deleted successfully"); my.notify("Row deleted successfully");
}) })
.fail(function(err) { .fail(function(err) {
notify("Errorz! " + err) my.notify("Errorz! " + err)
}) })
} }
} }
@@ -472,12 +488,12 @@ my.DataTableRow = Backbone.View.extend({
var newData = {}; var newData = {};
newData[header] = newValue; newData[header] = newValue;
this.model.set(newData); this.model.set(newData);
notify("Updating row...", {loader: true}); my.notify("Updating row...", {loader: true});
this.model.save().then(function(response) { this.model.save().then(function(response) {
notify("Row updated successfully", {category: 'success'}); my.notify("Row updated successfully", {category: 'success'});
}) })
.fail(function() { .fail(function() {
notify('Error saving row', { my.notify('Error saving row', {
category: 'error', category: 'error',
persist: true persist: true
}); });
@@ -575,11 +591,11 @@ my.ColumnTransform = Backbone.View.extend({
var funcText = this.el.find('.expression-preview-code').val(); var funcText = this.el.find('.expression-preview-code').val();
var editFunc = costco.evalFunction(funcText); var editFunc = costco.evalFunction(funcText);
if (editFunc.errorMessage) { if (editFunc.errorMessage) {
notify("Error with function! " + editFunc.errorMessage); my.notify("Error with function! " + editFunc.errorMessage);
return; return;
} }
util.hide('dialog'); util.hide('dialog');
notify("Updating all visible docs. This could take a while...", {persist: true, loader: true}); my.notify("Updating all visible docs. This could take a while...", {persist: true, loader: true});
var docs = self.model.currentDocuments.map(function(doc) { var docs = self.model.currentDocuments.map(function(doc) {
return doc.toJSON(); return doc.toJSON();
}); });
@@ -589,7 +605,7 @@ my.ColumnTransform = Backbone.View.extend({
function onCompletedUpdate() { function onCompletedUpdate() {
totalToUpdate += -1; totalToUpdate += -1;
if (totalToUpdate === 0) { if (totalToUpdate === 0) {
notify(toUpdate.length + " documents updated successfully"); my.notify(toUpdate.length + " documents updated successfully");
alert('WARNING: We have only updated the docs in this view. (Updating of all docs not yet implemented!)'); alert('WARNING: We have only updated the docs in this view. (Updating of all docs not yet implemented!)');
self.remove(); self.remove();
} }