ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-30 01:48:51 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Time Controller] Bind displayed control to state

Browse Source 
Bind changes to the displayed time controller to
changes to the underlying state of the time conductor,
WTD-1515.
This commit is contained in:
Victor Woeltjen 2015-09-03 15:13:03 -07:00
parent dbfb8b9861
commit bf4765fcb6
2 changed files with 42 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
platform/features/conductor/bundle.json
View File

@ -3,7 +3,20 @@
"representers": [
{
"implementation": "ConductorRepresenter.js",
"depends": [ "$compile", "views[]" ]
"depends": [ "conductorService", "$compile", "views[]" ]
}
],
"components": [
{
"implementation": "ConductorCapabilityDecorator.js",
"depends": [ "conductorService" ]
}
],
"services": [
{
"key": "conductorService",
"implementation": "ConductorService.js",
"depends": [ "now" ]
}
]
}

30
platform/features/conductor/src/ConductorRepresenter.js
View File

@ -32,7 +32,8 @@ define(
'"position: absolute; bottom: 0; width: 100%; ',
'overflow: hidden; ',
'height: ' + CONDUCTOR_HEIGHT + '">',
"<mct-include key=\"'time-controller'\"></mct-include>",
"<mct-include key=\"'time-controller'\" ng-model='conductor'>",
"</mct-include>",
'</div>'
].join(''),
GLOBAL_SHOWING = false;
@ -45,7 +46,7 @@ define(
* @implements {Representer}
* @constructor
*/
function ConductorRepresenter($compile, views, scope, element) {
function ConductorRepresenter(conductorService, $compile, views, scope, element) {
var conductorScope;
// Angular doesn't like objects to retain references to scope
@ -54,6 +55,7 @@ define(
return (conductorScope = arguments.length > 0 ? s : conductorScope);
};
this.conductorService = conductorService;
this.element = element;
this.showing = false;
this.views = views;
@ -63,6 +65,29 @@ define(
this.hadAbs = element.hasClass('abs');
}
// Update the time conductor from the scope
ConductorRepresenter.prototype.wireScope = function () {
var scope = this.conductorScope(),
conductor = this.conductorService.getConductor();
function updateConductor() {
conductor.queryStart(scope.conductor.outer[0]);
conductor.queryEnd(scope.conductor.outer[1]);
conductor.displayStart(scope.conductor.inner[0]);
conductor.displayEnd(scope.conductor.inner[1]);
}
scope.conductor = {
outer: [ conductor.queryStart(), conductor.queryEnd() ],
inner: [ conductor.displayStart(), conductor.displayEnd() ]
};
scope.$watch('conductor.outer[0]', updateConductor);
scope.$watch('conductor.outer[1]', updateConductor);
scope.$watch('conductor.inner[0]', updateConductor);
scope.$watch('conductor.inner[1]', updateConductor);
};
// Handle a specific representation of a specific domain object
ConductorRepresenter.prototype.represent = function represent(representation, representedObject) {
this.destroy();
@ -70,6 +95,7 @@ define(
if (this.views.indexOf(representation) !== -1 && !GLOBAL_SHOWING) {
// Create a new scope for the conductor
this.conductorScope(this.getScope().$new());
this.wireScope();
this.conductorElement =
this.$compile(TEMPLATE)(this.conductorScope());
this.element.after(this.conductorElement[0]);