mirror of
https://github.com/nasa/openmct.git
synced 2025-03-11 06:54:01 +00:00
Added mutation listener
This commit is contained in:
parent
a4b79cdb5b
commit
0c00061cbc
@ -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;
|
||||||
|
});
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -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));
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
@ -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();
|
||||||
|
}
|
||||||
|
// }
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -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 () {
|
||||||
|
@ -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();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user