Added mutation listener

This commit is contained in:
Henry 2016-03-30 14:25:53 -07:00
parent a4b79cdb5b
commit 0c00061cbc
6 changed files with 164 additions and 79 deletions

View File

@ -39,6 +39,7 @@ define(
function TableConfiguration(domainObject, telemetryFormatter) { function TableConfiguration(domainObject, telemetryFormatter) {
this.domainObject = domainObject; this.domainObject = domainObject;
this.columns = []; this.columns = [];
this.columnConfiguration = {};
this.telemetryFormatter = telemetryFormatter; this.telemetryFormatter = telemetryFormatter;
} }
@ -144,16 +145,32 @@ define(
{}).columns || {}; {}).columns || {};
}; };
function equal(obj1, obj2) {
var obj1Keys = Object.keys(obj1),
obj2Keys = Object.keys(obj2);
return (obj1Keys.length === obj2Keys.length) &&
obj1Keys.every(function(key){
//To do a deep equals, could recurse here if typeof
// obj1 === Object
return obj1[key] === obj2[key];
});
}
/** /**
* Set the established configuration on the domain object * Set the established configuration on the domain object
* @private * @private
*/ */
TableConfiguration.prototype.saveColumnConfiguration = function (columnConfig) { TableConfiguration.prototype.saveColumnConfiguration = function (columnConfig) {
this.domainObject.useCapability('mutation', function (model) { var self = this;
model.configuration = model.configuration || {}; //Don't bother mutating if column configuration is unchanged
model.configuration.table = model.configuration.table || {}; if (!equal(this.columnConfiguration, columnConfig)) {
model.configuration.table.columns = columnConfig; this.domainObject.useCapability('mutation', function (model) {
}); model.configuration = model.configuration || {};
model.configuration.table = model.configuration.table || {};
model.configuration.table.columns = columnConfig;
self.columnConfiguration = columnConfig;
});
}
}; };
/** /**

View File

@ -67,8 +67,8 @@ define(
$scope.$watchCollection('filters', function () { $scope.$watchCollection('filters', function () {
self.updateRows($scope.rows); self.updateRows($scope.rows);
}); });
$scope.$watch('headers', this.updateHeaders.bind(this));
$scope.$watch('rows', this.updateRows.bind(this)); $scope.$watch('rows', this.updateRows.bind(this));
$scope.$watch('headers', this.updateHeaders.bind(this));
/* /*
* Listen for rows added individually (eg. for real-time tables) * Listen for rows added individually (eg. for real-time tables)
@ -101,13 +101,19 @@ define(
*/ */
MCTTableController.prototype.newRow = function (event, rowIndex) { MCTTableController.prototype.newRow = function (event, rowIndex) {
var row = this.$scope.rows[rowIndex]; var row = this.$scope.rows[rowIndex];
//Add row to the filtered, sorted list of all rows //If rows.length === 1 we need to calculate column widths etc.
if (this.filterRows([row]).length > 0) { // so do the updateRows logic, rather than the 'add row' logic
this.insertSorted(this.$scope.displayRows, row); if (this.$scope.rows.length === 1){
} this.updateRows(this.$scope.rows);
} else {
//Add row to the filtered, sorted list of all rows
if (this.filterRows([row]).length > 0) {
this.insertSorted(this.$scope.displayRows, row);
}
this.$timeout(this.setElementSizes.bind(this)) this.$timeout(this.setElementSizes.bind(this))
.then(this.scrollToBottom.bind(this)); .then(this.scrollToBottom.bind(this));
}
}; };
/** /**

View File

@ -87,20 +87,15 @@ define(
datum = self.handle.getDatum(telemetryObject); datum = self.handle.getDatum(telemetryObject);
if (datum) { if (datum) {
row = self.table.getRowValues(telemetryObject, datum); row = self.table.getRowValues(telemetryObject, datum);
if (!self.$scope.rows) { self.$scope.rows.push(row);
self.$scope.rows = [row];
self.$scope.$digest();
} else {
self.$scope.rows.push(row);
if (self.$scope.rows.length > self.maxRows) { if (self.$scope.rows.length > self.maxRows) {
self.$scope.$broadcast('remove:row', 0); self.$scope.$broadcast('remove:row', 0);
self.$scope.rows.shift(); self.$scope.rows.shift();
}
self.$scope.$broadcast('add:row',
self.$scope.rows.length - 1);
} }
self.$scope.$broadcast('add:row',
self.$scope.rows.length - 1);
} }
}); });
} }

View File

@ -57,9 +57,8 @@ define(
this.table = new TableConfiguration($scope.domainObject, this.table = new TableConfiguration($scope.domainObject,
telemetryFormatter); telemetryFormatter);
this.changeListeners = []; this.changeListeners = [];
this.initialized = false;
$scope.rows = undefined; $scope.rows = [];
// Subscribe to telemetry when a domain object becomes available // Subscribe to telemetry when a domain object becomes available
this.$scope.$watch('domainObject', function(domainObject){ this.$scope.$watch('domainObject', function(domainObject){
@ -86,14 +85,22 @@ define(
return listener && listener(); return listener && listener();
}); });
this.changeListeners = []; this.changeListeners = [];
// When composition changes, re-subscribe to the various
// telemetry subscriptions /**
this.changeListeners.push(this.$scope.$watchCollection( * Listen to all children for model mutation events that might
'domainObject.getModel().composition', function(composition, oldComposition) { * indicate that metadata is available, or that composition has
if (composition!== oldComposition) { * changed.
self.subscribe(); */
} if (this.$scope.domainObject.hasCapability('composition')) {
})); this.$scope.domainObject.useCapability('composition').then(function (composees) {
composees.forEach(function (composee) {
self.changeListeners.push(composee.getCapability('mutation').listen(self.setup.bind(self)));
});
});
}
//Register mutation listener for the parent itself
self.changeListeners.push(self.$scope.domainObject.getCapability('mutation').listen(this.setup.bind(this)));
//Change of bounds in time conductor //Change of bounds in time conductor
this.changeListeners.push(this.$scope.$on('telemetry:display:bounds', this.changeListeners.push(this.$scope.$on('telemetry:display:bounds',
@ -117,8 +124,7 @@ define(
*/ */
TelemetryTableController.prototype.subscribe = function () { TelemetryTableController.prototype.subscribe = function () {
var self = this; var self = this;
this.initialized = false; this.$scope.rows = [];
this.$scope.rows = undefined;
if (this.handle) { if (this.handle) {
this.handle.unsubscribe(); this.handle.unsubscribe();
@ -126,10 +132,10 @@ define(
//Noop because not supporting realtime data right now //Noop because not supporting realtime data right now
function update(){ function update(){
if(!self.initialized){ //Is there anything to show?
self.setup(); if (self.table.columns.length > 0){
self.updateRealtime();
} }
self.updateRealtime();
} }
this.handle = this.$scope.domainObject && this.telemetryHandler.handle( this.handle = this.$scope.domainObject && this.telemetryHandler.handle(
@ -137,8 +143,10 @@ define(
update, update,
true // Lossless true // Lossless
); );
this.handle.request({}).then(this.addHistoricalData.bind(this)); this.handle.request({}).then(this.addHistoricalData.bind(this));
//Call setup at least once
this.setup();
}; };
/** /**
@ -175,33 +183,44 @@ define(
*/ */
TelemetryTableController.prototype.setup = function () { TelemetryTableController.prototype.setup = function () {
var handle = this.handle, var handle = this.handle,
domainObject = this.$scope.domainObject,
table = this.table, table = this.table,
self = this; self = this,
metadatas = [];
//Is metadata available yet? function addMetadata(object) {
if (handle) { if (object.hasCapability('telemetry') &&
table.buildColumns(handle.getMetadata()); object.getCapability('telemetry').getMetadata()){
metadatas.push(object.getCapability('telemetry').getMetadata());
self.filterColumns(); }
// When table column configuration changes, (due to being
// selected or deselected), filter columns appropriately.
self.changeListeners.push(self.$scope.$watchCollection(
'domainObject.getModel().configuration.table.columns',
self.filterColumns.bind(self)
));
self.initialized = true;
} }
};
/** function buildAndFilterColumns(){
* @private if (metadatas && metadatas.length > 0){
* @param object The object for which data is available (table may self.$scope.rows = [];
* be composed of multiple objects) table.buildColumns(metadatas);
* @param datum The data received from the telemetry source self.filterColumns();
*/ }
TelemetryTableController.prototype.updateRows = function (object, datum) { }
this.$scope.rows.push(this.table.getRowValues(object, datum));
//if (handle) {
//Add telemetry metadata (if any) for parent object
addMetadata(domainObject);
//If object is composed of multiple objects, also add
// telemetry metadata from children
if (domainObject.hasCapability('composition')) {
domainObject.useCapability('composition').then(function (composition) {
composition.forEach(addMetadata);
}).then(function () {
//Build columns based on available metadata
buildAndFilterColumns();
});
} else {
//Build columns based on collected metadata
buildAndFilterColumns();
}
// }
}; };
/** /**

View File

@ -89,16 +89,19 @@ define(
mockDomainObject= jasmine.createSpyObj('domainObject', [ mockDomainObject= jasmine.createSpyObj('domainObject', [
'getCapability', 'getCapability',
'hasCapability',
'useCapability', 'useCapability',
'getModel' 'getModel'
]); ]);
mockDomainObject.getModel.andReturn({}); mockDomainObject.getModel.andReturn({});
mockDomainObject.hasCapability.andReturn(true);
mockDomainObject.getCapability.andReturn( mockDomainObject.getCapability.andReturn(
{ {
getMetadata: function (){ getMetadata: function (){
return {ranges: [{format: 'string'}]}; return {ranges: [{format: 'string'}]};
} }
}); });
mockDomainObject.useCapability.andReturn(promise([]));
mockScope.domainObject = mockDomainObject; mockScope.domainObject = mockDomainObject;
@ -125,6 +128,8 @@ define(
controller = new TableController(mockScope, mockTelemetryHandler, mockTelemetryFormatter); controller = new TableController(mockScope, mockTelemetryHandler, mockTelemetryFormatter);
controller.table = mockTable; controller.table = mockTable;
controller.handle = mockTelemetryHandle; controller.handle = mockTelemetryHandle;
spyOn(controller, 'updateRealtime');
controller.updateRealtime.andCallThrough();
}); });
it('registers for streaming telemetry', function () { it('registers for streaming telemetry', function () {
@ -132,14 +137,16 @@ define(
expect(mockTelemetryHandler.handle).toHaveBeenCalledWith(jasmine.any(Object), jasmine.any(Function), true); expect(mockTelemetryHandler.handle).toHaveBeenCalledWith(jasmine.any(Object), jasmine.any(Function), true);
}); });
describe('receives new telemetry', function () { describe('when receiving new telemetry', function () {
beforeEach(function() { beforeEach(function() {
controller.subscribe(); controller.subscribe();
mockScope.rows = []; mockScope.rows = [];
mockTable.columns = ['a', 'b'];
}); });
it('updates table with new streaming telemetry', function () { it('updates table with new streaming telemetry', function () {
mockTelemetryHandler.handle.mostRecentCall.args[1](); mockTelemetryHandler.handle.mostRecentCall.args[1]();
expect(controller.updateRealtime).toHaveBeenCalled();
expect(mockScope.$broadcast).toHaveBeenCalledWith('add:row', 0); expect(mockScope.$broadcast).toHaveBeenCalledWith('add:row', 0);
}); });
it('observes the row limit', function () { it('observes the row limit', function () {

View File

@ -33,7 +33,13 @@ define(
mockTelemetryHandler, mockTelemetryHandler,
mockTelemetryHandle, mockTelemetryHandle,
mockTelemetryFormatter, mockTelemetryFormatter,
mockTelemetryCapability,
mockDomainObject, mockDomainObject,
mockChild,
mockMutationCapability,
mockCompositionCapability,
childMutationCapability,
capabilities = {},
mockTable, mockTable,
mockConfiguration, mockConfiguration,
watches, watches,
@ -64,6 +70,17 @@ define(
mockScope.$watchCollection.andCallFake(function (expression, callback){ mockScope.$watchCollection.andCallFake(function (expression, callback){
watches[expression] = callback; watches[expression] = callback;
}); });
mockTelemetryCapability = jasmine.createSpyObj('telemetryCapability',
['getMetadata']
);
mockTelemetryCapability.getMetadata.andReturn({});
capabilities.telemetry = mockTelemetryCapability;
mockCompositionCapability = jasmine.createSpyObj('compositionCapability',
['invoke']
);
mockCompositionCapability.invoke.andReturn(promise([]));
capabilities.composition = mockCompositionCapability;
mockConfiguration = { mockConfiguration = {
'range1': true, 'range1': true,
@ -81,13 +98,36 @@ define(
); );
mockTable.columns = []; mockTable.columns = [];
mockTable.getColumnConfiguration.andReturn(mockConfiguration); mockTable.getColumnConfiguration.andReturn(mockConfiguration);
mockMutationCapability = jasmine.createSpyObj('mutationCapability', [
"listen"
]);
capabilities.mutation = mockMutationCapability;
mockDomainObject= jasmine.createSpyObj('domainObject', [ mockDomainObject = jasmine.createSpyObj('domainObject', [
'getCapability', 'getCapability',
'hasCapability',
'useCapability', 'useCapability',
'getModel' 'getModel'
]); ]);
mockChild = jasmine.createSpyObj('domainObject', [
'getCapability'
]);
childMutationCapability = jasmine.createSpyObj('childMutationCapability', [
"listen"
]);
mockChild.getCapability.andReturn(childMutationCapability);
mockDomainObject.getModel.andReturn({}); mockDomainObject.getModel.andReturn({});
mockDomainObject.hasCapability.andCallFake(function (name){
return typeof capabilities[name] !== 'undefined';
});
mockDomainObject.useCapability.andCallFake(function (capability){
return capabilities[capability] && capabilities[capability].invoke && capabilities[capability].invoke();
});
mockDomainObject.getCapability.andCallFake(function (name){
return capabilities[name];
});
mockScope.domainObject = mockDomainObject; mockScope.domainObject = mockDomainObject;
@ -103,6 +143,7 @@ define(
mockTelemetryHandle.promiseTelemetryObjects.andReturn(promise(undefined)); mockTelemetryHandle.promiseTelemetryObjects.andReturn(promise(undefined));
mockTelemetryHandle.request.andReturn(promise(undefined)); mockTelemetryHandle.request.andReturn(promise(undefined));
mockTelemetryHandle.getTelemetryObjects.andReturn([]); mockTelemetryHandle.getTelemetryObjects.andReturn([]);
mockTelemetryHandle.getMetadata.andReturn(["a", "b", "c"]);
mockTelemetryHandler = jasmine.createSpyObj('telemetryHandler', [ mockTelemetryHandler = jasmine.createSpyObj('telemetryHandler', [
'handle' 'handle'
@ -127,7 +168,6 @@ define(
}); });
describe('the controller makes use of the table', function () { describe('the controller makes use of the table', function () {
it('to create column definitions from telemetry' + it('to create column definitions from telemetry' +
' metadata', function () { ' metadata', function () {
controller.setup(); controller.setup();
@ -199,14 +239,6 @@ define(
expect(controller.subscribe).toHaveBeenCalled(); expect(controller.subscribe).toHaveBeenCalled();
}); });
it('triggers telemetry subscription update when domain' +
' object composition changes', function () {
controller.registerChangeListeners();
expect(watches['domainObject.getModel().composition']).toBeDefined();
watches['domainObject.getModel().composition'](["one"], ["two"]);
expect(controller.subscribe).toHaveBeenCalled();
});
it('triggers telemetry subscription update when time' + it('triggers telemetry subscription update when time' +
' conductor bounds change', function () { ' conductor bounds change', function () {
controller.registerChangeListeners(); controller.registerChangeListeners();
@ -214,12 +246,21 @@ define(
watches['telemetry:display:bounds'](); watches['telemetry:display:bounds']();
expect(controller.subscribe).toHaveBeenCalled(); expect(controller.subscribe).toHaveBeenCalled();
}); });
it('Listens for changes to object model', function () {
controller.registerChangeListeners();
expect(mockMutationCapability.listen).toHaveBeenCalled();
});
it('triggers refiltering of the columns when configuration' + it('Listens for changes to child model', function () {
' changes', function () { mockCompositionCapability.invoke.andReturn(promise([mockChild]));
controller.setup(); controller.registerChangeListeners();
expect(watches['domainObject.getModel().configuration.table.columns']).toBeDefined(); expect(childMutationCapability.listen).toHaveBeenCalled();
watches['domainObject.getModel().configuration.table.columns'](); });
it('Recalculates columns when model changes occur', function () {
controller.registerChangeListeners();
expect(mockMutationCapability.listen).toHaveBeenCalled();
mockMutationCapability.listen.mostRecentCall.args[0]();
expect(controller.filterColumns).toHaveBeenCalled(); expect(controller.filterColumns).toHaveBeenCalled();
}); });