mirror of
https://github.com/nasa/openmct.git
synced 2025-06-30 04:33:03 +00:00
Compare commits
35 Commits
context-me
...
deep-plotl
Author | SHA1 | Date | |
---|---|---|---|
043d6aa9c3 | |||
ecfab8f7f3 | |||
05c38c37aa | |||
ce78925119 | |||
26aca0f433 | |||
41259bbd40 | |||
580640ff47 | |||
a4aec5d492 | |||
00b3f3ac0b | |||
c185f77a15 | |||
0dff431f4a | |||
61d238a097 | |||
f9deb80350 | |||
021d730814 | |||
ae62b15abf | |||
ba41c1a30e | |||
b9a85d9c4d | |||
80eab8bad1 | |||
b2d8d640ae | |||
56e6fa66c2 | |||
9fa4707c82 | |||
7e2cfa36de | |||
aaa60a1545 | |||
717231fed2 | |||
7fb2bc9729 | |||
addeb635e9 | |||
608d63a7b0 | |||
10679e5f4f | |||
38b8f03b1a | |||
779a42c28c | |||
80c2504768 | |||
80359e3f16 | |||
66aa4f099f | |||
aa6c6cb88b | |||
4e5cc840d7 |
64
.eslintrc.js
64
.eslintrc.js
@ -1,4 +1,3 @@
|
|||||||
const LEGACY_FILES = ["platform/**", "example/**"];
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
"env": {
|
"env": {
|
||||||
"browser": true,
|
"browser": true,
|
||||||
@ -11,8 +10,7 @@ module.exports = {
|
|||||||
},
|
},
|
||||||
"extends": [
|
"extends": [
|
||||||
"eslint:recommended",
|
"eslint:recommended",
|
||||||
"plugin:vue/recommended",
|
"plugin:vue/recommended"
|
||||||
"plugin:you-dont-need-lodash-underscore/compatible"
|
|
||||||
],
|
],
|
||||||
"parser": "vue-eslint-parser",
|
"parser": "vue-eslint-parser",
|
||||||
"parserOptions": {
|
"parserOptions": {
|
||||||
@ -24,9 +22,6 @@ module.exports = {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"rules": {
|
"rules": {
|
||||||
"you-dont-need-lodash-underscore/omit": "off",
|
|
||||||
"you-dont-need-lodash-underscore/throttle": "off",
|
|
||||||
"you-dont-need-lodash-underscore/flatten": "off",
|
|
||||||
"no-bitwise": "error",
|
"no-bitwise": "error",
|
||||||
"curly": "error",
|
"curly": "error",
|
||||||
"eqeqeq": "error",
|
"eqeqeq": "error",
|
||||||
@ -71,56 +66,6 @@ module.exports = {
|
|||||||
],
|
],
|
||||||
"dot-notation": "error",
|
"dot-notation": "error",
|
||||||
"indent": ["error", 4],
|
"indent": ["error", 4],
|
||||||
|
|
||||||
// https://eslint.org/docs/rules/no-case-declarations
|
|
||||||
"no-case-declarations": "error",
|
|
||||||
// https://eslint.org/docs/rules/max-classes-per-file
|
|
||||||
"max-classes-per-file": ["error", 1],
|
|
||||||
// https://eslint.org/docs/rules/no-eq-null
|
|
||||||
"no-eq-null": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-eval
|
|
||||||
"no-eval": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-floating-decimal
|
|
||||||
"no-floating-decimal": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-implicit-globals
|
|
||||||
"no-implicit-globals": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-implied-eval
|
|
||||||
"no-implied-eval": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-lone-blocks
|
|
||||||
"no-lone-blocks": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-loop-func
|
|
||||||
"no-loop-func": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-new-func
|
|
||||||
"no-new-func": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-new-wrappers
|
|
||||||
"no-new-wrappers": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-octal-escape
|
|
||||||
"no-octal-escape": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-proto
|
|
||||||
"no-proto": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-return-await
|
|
||||||
"no-return-await": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-script-url
|
|
||||||
"no-script-url": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-self-compare
|
|
||||||
"no-self-compare": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-sequences
|
|
||||||
"no-sequences": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-unmodified-loop-condition
|
|
||||||
"no-unmodified-loop-condition": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-useless-call
|
|
||||||
"no-useless-call": "error",
|
|
||||||
// https://eslint.org/docs/rules/wrap-iife
|
|
||||||
"wrap-iife": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-nested-ternary
|
|
||||||
"no-nested-ternary": "error",
|
|
||||||
// https://eslint.org/docs/rules/switch-colon-spacing
|
|
||||||
"switch-colon-spacing": "error",
|
|
||||||
// https://eslint.org/docs/rules/no-useless-computed-key
|
|
||||||
"no-useless-computed-key": "error",
|
|
||||||
// https://eslint.org/docs/rules/rest-spread-spacing
|
|
||||||
"rest-spread-spacing": ["error"],
|
|
||||||
|
|
||||||
"vue/html-indent": [
|
"vue/html-indent": [
|
||||||
"error",
|
"error",
|
||||||
4,
|
4,
|
||||||
@ -167,13 +112,6 @@ module.exports = {
|
|||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
}, {
|
|
||||||
"files": LEGACY_FILES,
|
|
||||||
"rules": {
|
|
||||||
// https://eslint.org/docs/rules/no-nested-ternary
|
|
||||||
"no-nested-ternary": "off",
|
|
||||||
"no-var": "off"
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
|
4
API.md
4
API.md
@ -427,8 +427,8 @@ Each telemetry value description has an object defining hints. Keys in this thi
|
|||||||
|
|
||||||
Known hints:
|
Known hints:
|
||||||
|
|
||||||
* `domain`: Values with a `domain` hint will be used for the x-axis of a plot, and tables will render columns for these values first.
|
* `domain`: Indicates that the value represents the "input" of a datum. Values with a `domain` hint will be used for the x-axis of a plot, and tables will render columns for these values first.
|
||||||
* `range`: Values with a `range` hint will be used as the y-axis on a plot, and tables will render columns for these values after the `domain` values.
|
* `range`: Indicates that the value is the "output" of a datum. Values with a `range` hint will be used as the y-axis on a plot, and tables will render columns for these values after the `domain` values.
|
||||||
* `image`: Indicates that the value may be interpreted as the URL to an image file, in which case appropriate views will be made available.
|
* `image`: Indicates that the value may be interpreted as the URL to an image file, in which case appropriate views will be made available.
|
||||||
|
|
||||||
##### The Time Conductor and Telemetry
|
##### The Time Conductor and Telemetry
|
||||||
|
158
CONTRIBUTING.md
158
CONTRIBUTING.md
@ -103,7 +103,7 @@ the name chosen could not be mistaken for a topic or master branch.
|
|||||||
### Merging
|
### Merging
|
||||||
|
|
||||||
When development is complete on an issue, the first step toward merging it
|
When development is complete on an issue, the first step toward merging it
|
||||||
back into the master branch is to file a Pull Request (PR). The contributions
|
back into the master branch is to file a Pull Request. The contributions
|
||||||
should meet code, test, and commit message standards as described below,
|
should meet code, test, and commit message standards as described below,
|
||||||
and the pull request should include a completed author checklist, also
|
and the pull request should include a completed author checklist, also
|
||||||
as described below. Pull requests may be assigned to specific team
|
as described below. Pull requests may be assigned to specific team
|
||||||
@ -114,15 +114,6 @@ request. When the reviewer is satisfied, they should add a comment to
|
|||||||
the pull request containing the reviewer checklist (from below) and complete
|
the pull request containing the reviewer checklist (from below) and complete
|
||||||
the merge back to the master branch.
|
the merge back to the master branch.
|
||||||
|
|
||||||
Additionally:
|
|
||||||
* Every pull request must link to the issue that it addresses. Eg. “Addresses #1234” or “Closes #1234”. This is the responsibility of the pull request’s __author__. If no issue exists, create one.
|
|
||||||
* Every __author__ must include testing instructions. These instructions should identify the areas of code affected, and some minimal test steps. If addressing a bug, reproduction steps should be included, if they were not included in the original issue. If reproduction steps were included on the original issue, and are sufficient, refer to them.
|
|
||||||
* A pull request that closes an issue should say so in the description. Including the text “Closes #1234” will cause the linked issue to be automatically closed when the pull request is merged. This is the responsibility of the pull request’s __author__.
|
|
||||||
* When a pull request is merged, and the corresponding issue closed, the __reviewer__ must add the tag “unverified” to the original issue. This will indicate that although the issue is closed, it has not been tested yet.
|
|
||||||
* Every PR must have two reviewers assigned, though only one approval is necessary for merge.
|
|
||||||
* Changes to API require approval by a senior developer.
|
|
||||||
* When creating a PR, it is the author's responsibility to apply any priority label from the issue to the PR as well. This helps with prioritization.
|
|
||||||
|
|
||||||
## Standards
|
## Standards
|
||||||
|
|
||||||
Contributions to Open MCT are expected to meet the following standards.
|
Contributions to Open MCT are expected to meet the following standards.
|
||||||
@ -131,96 +122,89 @@ changes.
|
|||||||
|
|
||||||
### Code Standards
|
### Code Standards
|
||||||
|
|
||||||
JavaScript sources in Open MCT must satisfy the ESLint rules defined in
|
JavaScript sources in Open MCT must satisfy JSLint under its default
|
||||||
this repository. This is verified by the command line build.
|
settings. This is verified by the command line build.
|
||||||
|
|
||||||
#### Code Guidelines
|
#### Code Guidelines
|
||||||
|
|
||||||
The following guidelines are provided for anyone contributing source code to the Open MCT project:
|
JavaScript sources in Open MCT should:
|
||||||
|
|
||||||
1. Write clean code. Here’s a good summary - https://github.com/ryanmcdermott/clean-code-javascript.
|
* Use four spaces for indentation. Tabs should not be used.
|
||||||
1. Include JSDoc for any exposed API (e.g. public methods, classes).
|
* Include JSDoc for any exposed API (e.g. public methods, constructors).
|
||||||
1. Include non-JSDoc comments as-needed for explaining private variables,
|
* Include non-JSDoc comments as-needed for explaining private variables,
|
||||||
methods, or algorithms when they are non-obvious. Otherwise code
|
methods, or algorithms when they are non-obvious.
|
||||||
should be self-documenting.
|
* Define one public class per script, expressed as a constructor function
|
||||||
1. Classes and Vue components should use camel case, first letter capitalized
|
returned from an AMD-style module.
|
||||||
|
* Follow “Java-like” naming conventions. These includes:
|
||||||
|
* Classes should use camel case, first letter capitalized
|
||||||
(e.g. SomeClassName).
|
(e.g. SomeClassName).
|
||||||
1. Methods, variables, fields, events, and function names should use camelCase,
|
* Methods, variables, fields, and function names should use camel case,
|
||||||
first letter lower-case (e.g. someVariableName).
|
first letter lower-case (e.g. someVariableName).
|
||||||
1. Source files that export functions should use camelCase, first letter lower-case (eg. testTools.js)
|
* Constants (variables or fields which are meant to be declared and
|
||||||
1. Constants (variables or fields which are meant to be declared and
|
|
||||||
initialized statically, and never changed) should use only capital
|
initialized statically, and never changed) should use only capital
|
||||||
letters, with underscores between words (e.g. SOME_CONSTANT). They should always be declared as `const`s
|
letters, with underscores between words (e.g. SOME_CONSTANT).
|
||||||
1. File names should be the name of the exported class, plus a .js extension
|
* File names should be the name of the exported class, plus a .js extension
|
||||||
(e.g. SomeClassName.js).
|
(e.g. SomeClassName.js).
|
||||||
1. Avoid anonymous functions, except when functions are short (one or two lines)
|
* Avoid anonymous functions, except when functions are short (a few lines)
|
||||||
and their inclusion makes sense within the flow of the code
|
and/or their inclusion makes sense within the flow of the code
|
||||||
(e.g. as arguments to a forEach call). Anonymous functions should always be arrow functions.
|
(e.g. as arguments to a forEach call).
|
||||||
1. Named functions are preferred over functions assigned to variables.
|
* Avoid deep nesting (especially of functions), except where necessary
|
||||||
eg.
|
|
||||||
```JavaScript
|
|
||||||
function renameObject(object, newName) {
|
|
||||||
Object.name = newName;
|
|
||||||
}
|
|
||||||
```
|
|
||||||
is preferable to
|
|
||||||
```JavaScript
|
|
||||||
const rename = (object, newName) => {
|
|
||||||
Object.name = newName;
|
|
||||||
}
|
|
||||||
```
|
|
||||||
1. Avoid deep nesting (especially of functions), except where necessary
|
|
||||||
(e.g. due to closure scope).
|
(e.g. due to closure scope).
|
||||||
1. End with a single new-line character.
|
* End with a single new-line character.
|
||||||
1. Always use ES6 `Class`es and inheritence rather than the pre-ES6 prototypal
|
* Expose public methods by declaring them on the class's prototype.
|
||||||
pattern.
|
* Within a given function's scope, do not mix declarations and imperative
|
||||||
1. Within a given function's scope, do not mix declarations and imperative
|
|
||||||
code, and present these in the following order:
|
code, and present these in the following order:
|
||||||
* First, variable declarations and initialization.
|
* First, variable declarations and initialization.
|
||||||
* Secondly, imperative statements.
|
* Second, function declarations.
|
||||||
* Finally, the returned value. Functions should only have a single return statement.
|
* Third, imperative statements.
|
||||||
1. Avoid the use of "magic" values.
|
* Finally, the returned value.
|
||||||
eg.
|
|
||||||
```JavaScript
|
|
||||||
Const UNAUTHORIZED = 401
|
|
||||||
if (responseCode === UNAUTHORIZED)
|
|
||||||
```
|
|
||||||
is preferable to
|
|
||||||
```JavaScript
|
|
||||||
if (responseCode === 401)
|
|
||||||
```
|
|
||||||
1. Don’t use the ternary operator. Yes it's terse, but there's probably a clearer way of writing it.
|
|
||||||
1. Test specs should reside alongside the source code they test, not in a separate directory.
|
|
||||||
1. Organize code by feature, not by type.
|
|
||||||
eg.
|
|
||||||
```
|
|
||||||
- telemetryTable
|
|
||||||
- row
|
|
||||||
TableRow.js
|
|
||||||
TableRowCollection.js
|
|
||||||
TableRow.vue
|
|
||||||
- column
|
|
||||||
TableColumn.js
|
|
||||||
TableColumn.vue
|
|
||||||
plugin.js
|
|
||||||
pluginSpec.js
|
|
||||||
```
|
|
||||||
is preferable to
|
|
||||||
```
|
|
||||||
- telemetryTable
|
|
||||||
- components
|
|
||||||
TableRow.vue
|
|
||||||
TableColumn.vue
|
|
||||||
- collections
|
|
||||||
TableRowCollection.js
|
|
||||||
TableColumn.js
|
|
||||||
TableRow.js
|
|
||||||
plugin.js
|
|
||||||
pluginSpec.js
|
|
||||||
```
|
|
||||||
Deviations from Open MCT code style guidelines require two-party agreement,
|
Deviations from Open MCT code style guidelines require two-party agreement,
|
||||||
typically from the author of the change and its reviewer.
|
typically from the author of the change and its reviewer.
|
||||||
|
|
||||||
|
#### Code Example
|
||||||
|
|
||||||
|
```js
|
||||||
|
/*global define*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Bundles should declare themselves as namespaces in whichever source
|
||||||
|
* file is most like the "main point of entry" to the bundle.
|
||||||
|
* @namespace some/bundle
|
||||||
|
*/
|
||||||
|
define(
|
||||||
|
['./OtherClass'],
|
||||||
|
function (OtherClass) {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* A summary of how to use this class goes here.
|
||||||
|
*
|
||||||
|
* @constructor
|
||||||
|
* @memberof some/bundle
|
||||||
|
*/
|
||||||
|
function ExampleClass() {
|
||||||
|
}
|
||||||
|
|
||||||
|
// Methods which are not intended for external use should
|
||||||
|
// not have JSDoc (or should be marked @private)
|
||||||
|
ExampleClass.prototype.privateMethod = function () {
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* A summary of this method goes here.
|
||||||
|
* @param {number} n a parameter
|
||||||
|
* @returns {number} a return value
|
||||||
|
*/
|
||||||
|
ExampleClass.prototype.publicMethod = function (n) {
|
||||||
|
return n * 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
return ExampleClass;
|
||||||
|
}
|
||||||
|
);
|
||||||
|
```
|
||||||
|
|
||||||
### Test Standards
|
### Test Standards
|
||||||
|
|
||||||
Automated testing shall occur whenever changes are merged into the main
|
Automated testing shall occur whenever changes are merged into the main
|
||||||
@ -308,7 +292,6 @@ checklist).
|
|||||||
2. Unit tests included and/or updated with changes?
|
2. Unit tests included and/or updated with changes?
|
||||||
3. Command line build passes?
|
3. Command line build passes?
|
||||||
4. Changes have been smoke-tested?
|
4. Changes have been smoke-tested?
|
||||||
5. Testing instructions included?
|
|
||||||
|
|
||||||
### Reviewer Checklist
|
### Reviewer Checklist
|
||||||
|
|
||||||
@ -316,4 +299,3 @@ checklist).
|
|||||||
2. Appropriate unit tests included?
|
2. Appropriate unit tests included?
|
||||||
3. Code style and in-line documentation are appropriate?
|
3. Code style and in-line documentation are appropriate?
|
||||||
4. Commit messages meet standards?
|
4. Commit messages meet standards?
|
||||||
5. Has associated issue been labelled `unverified`? (only applicable if this PR closes the issue)
|
|
||||||
|
@ -50,8 +50,7 @@ define([
|
|||||||
values: [
|
values: [
|
||||||
{
|
{
|
||||||
key: "name",
|
key: "name",
|
||||||
name: "Name",
|
name: "Name"
|
||||||
format: "string"
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
key: "utc",
|
key: "utc",
|
||||||
@ -100,7 +99,7 @@ define([
|
|||||||
};
|
};
|
||||||
|
|
||||||
GeneratorMetadataProvider.prototype.getMetadata = function (domainObject) {
|
GeneratorMetadataProvider.prototype.getMetadata = function (domainObject) {
|
||||||
return Object.assign(
|
return _.extend(
|
||||||
{},
|
{},
|
||||||
domainObject.telemetry,
|
domainObject.telemetry,
|
||||||
METADATA_BY_TYPE[domainObject.type]
|
METADATA_BY_TYPE[domainObject.type]
|
||||||
|
@ -52,7 +52,6 @@ define([
|
|||||||
return {
|
return {
|
||||||
name: name,
|
name: name,
|
||||||
utc: Math.floor(timestamp / 5000) * 5000,
|
utc: Math.floor(timestamp / 5000) * 5000,
|
||||||
local: Math.floor(timestamp / 5000) * 5000,
|
|
||||||
url: IMAGE_SAMPLES[Math.floor(timestamp / 5000) % IMAGE_SAMPLES.length]
|
url: IMAGE_SAMPLES[Math.floor(timestamp / 5000) % IMAGE_SAMPLES.length]
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
@ -79,7 +78,7 @@ define([
|
|||||||
},
|
},
|
||||||
request: function (domainObject, options) {
|
request: function (domainObject, options) {
|
||||||
var start = options.start;
|
var start = options.start;
|
||||||
var end = Math.min(options.end, Date.now());
|
var end = options.end;
|
||||||
var data = [];
|
var data = [];
|
||||||
while (start <= end && data.length < 5000) {
|
while (start <= end && data.length < 5000) {
|
||||||
data.push(pointForTimestamp(start, domainObject.name));
|
data.push(pointForTimestamp(start, domainObject.name));
|
||||||
@ -119,14 +118,6 @@ define([
|
|||||||
name: 'Time',
|
name: 'Time',
|
||||||
key: 'utc',
|
key: 'utc',
|
||||||
format: 'utc',
|
format: 'utc',
|
||||||
hints: {
|
|
||||||
domain: 2
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'Local Time',
|
|
||||||
key: 'local',
|
|
||||||
format: 'local-format',
|
|
||||||
hints: {
|
hints: {
|
||||||
domain: 1
|
domain: 1
|
||||||
}
|
}
|
||||||
|
11
package.json
11
package.json
@ -2,7 +2,9 @@
|
|||||||
"name": "openmct",
|
"name": "openmct",
|
||||||
"version": "1.0.0-snapshot",
|
"version": "1.0.0-snapshot",
|
||||||
"description": "The Open MCT core platform",
|
"description": "The Open MCT core platform",
|
||||||
"dependencies": {},
|
"dependencies": {
|
||||||
|
"plotly.js-dist": "^1.54.1"
|
||||||
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"angular": "1.7.9",
|
"angular": "1.7.9",
|
||||||
"angular-route": "1.4.14",
|
"angular-route": "1.4.14",
|
||||||
@ -24,7 +26,6 @@
|
|||||||
"d3-time-format": "2.1.x",
|
"d3-time-format": "2.1.x",
|
||||||
"eslint": "5.2.0",
|
"eslint": "5.2.0",
|
||||||
"eslint-plugin-vue": "^6.0.0",
|
"eslint-plugin-vue": "^6.0.0",
|
||||||
"eslint-plugin-you-dont-need-lodash-underscore": "^6.10.0",
|
|
||||||
"eventemitter3": "^1.2.0",
|
"eventemitter3": "^1.2.0",
|
||||||
"exports-loader": "^0.7.0",
|
"exports-loader": "^0.7.0",
|
||||||
"express": "^4.13.1",
|
"express": "^4.13.1",
|
||||||
@ -49,14 +50,14 @@
|
|||||||
"karma-sourcemap-loader": "^0.3.7",
|
"karma-sourcemap-loader": "^0.3.7",
|
||||||
"karma-webpack": "^3.0.0",
|
"karma-webpack": "^3.0.0",
|
||||||
"location-bar": "^3.0.1",
|
"location-bar": "^3.0.1",
|
||||||
"lodash": "^4.17.12",
|
"lodash": "^3.10.1",
|
||||||
"markdown-toc": "^0.11.7",
|
"markdown-toc": "^0.11.7",
|
||||||
"marked": "^0.3.5",
|
"marked": "^0.3.5",
|
||||||
"mini-css-extract-plugin": "^0.4.1",
|
"mini-css-extract-plugin": "^0.4.1",
|
||||||
"minimist": "^1.1.1",
|
"minimist": "^1.1.1",
|
||||||
"moment": "2.25.3",
|
"moment": "^2.25.3",
|
||||||
"moment-duration-format": "^2.2.2",
|
"moment-duration-format": "^2.2.2",
|
||||||
"moment-timezone": "0.5.28",
|
"moment-timezone": "^0.5.21",
|
||||||
"node-bourbon": "^4.2.3",
|
"node-bourbon": "^4.2.3",
|
||||||
"node-sass": "^4.9.2",
|
"node-sass": "^4.9.2",
|
||||||
"painterro": "^0.2.65",
|
"painterro": "^0.2.65",
|
||||||
|
@ -6,12 +6,6 @@
|
|||||||
ng-show="ngModel.dialog.messages.length > 1 ||
|
ng-show="ngModel.dialog.messages.length > 1 ||
|
||||||
ngModel.dialog.messages.length == 0">s</span>
|
ngModel.dialog.messages.length == 0">s</span>
|
||||||
</div>
|
</div>
|
||||||
<button
|
|
||||||
ng-if="ngModel.dialog.topBarButton"
|
|
||||||
class="c-button c-button--major"
|
|
||||||
ng-click="ngModel.topBarButton.onClick">
|
|
||||||
{{ ngModel.topBarButton.label }}
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="w-messages c-overlay__messages">
|
<div class="w-messages c-overlay__messages">
|
||||||
<mct-include
|
<mct-include
|
||||||
|
@ -21,7 +21,7 @@
|
|||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
|
||||||
define(
|
define(
|
||||||
['objectUtils'],
|
['../../../../../src/api/objects/object-utils'],
|
||||||
function (objectUtils) {
|
function (objectUtils) {
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -21,15 +21,44 @@
|
|||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
|
||||||
define([
|
define([
|
||||||
"./src/NotificationService"
|
"./src/NotificationIndicatorController",
|
||||||
|
"./src/NotificationIndicator",
|
||||||
|
"./src/NotificationService",
|
||||||
|
"./res/notification-indicator.html"
|
||||||
], function (
|
], function (
|
||||||
NotificationService
|
NotificationIndicatorController,
|
||||||
|
NotificationIndicator,
|
||||||
|
NotificationService,
|
||||||
|
notificationIndicatorTemplate
|
||||||
) {
|
) {
|
||||||
|
|
||||||
return {
|
return {
|
||||||
name:"platform/commonUI/notification",
|
name:"platform/commonUI/notification",
|
||||||
definition: {
|
definition: {
|
||||||
"extensions": {
|
"extensions": {
|
||||||
|
"templates": [
|
||||||
|
{
|
||||||
|
"key": "notificationIndicatorTemplate",
|
||||||
|
"template": notificationIndicatorTemplate
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"controllers": [
|
||||||
|
{
|
||||||
|
"key": "NotificationIndicatorController",
|
||||||
|
"implementation": NotificationIndicatorController,
|
||||||
|
"depends": [
|
||||||
|
"$scope",
|
||||||
|
"openmct",
|
||||||
|
"dialogService"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"indicators": [
|
||||||
|
{
|
||||||
|
"implementation": NotificationIndicator,
|
||||||
|
"priority": "fallback"
|
||||||
|
}
|
||||||
|
],
|
||||||
"services": [
|
"services": [
|
||||||
{
|
{
|
||||||
"key": "notificationService",
|
"key": "notificationService",
|
||||||
|
@ -0,0 +1,8 @@
|
|||||||
|
<!-- DO NOT ADD SPACES BETWEEN THE SPANS - IT ADDS WHITE SPACE!! -->
|
||||||
|
<div ng-show="notifications.length > 0" class="c-indicator c-indicator--clickable s-status-{{highest.severity}} icon-bell"
|
||||||
|
ng-controller="NotificationIndicatorController">
|
||||||
|
<span class="label c-indicator__label">
|
||||||
|
<button ng-click="showNotificationsList()">
|
||||||
|
{{notifications.length}} Notification<span ng-show="notifications.length > 1">s</span></button>
|
||||||
|
</span><span class="c-indicator__count">{{notifications.length}}</span>
|
||||||
|
</div>
|
@ -1,5 +1,5 @@
|
|||||||
/*****************************************************************************
|
/*****************************************************************************
|
||||||
* Open MCT, Copyright (c) 2014-2020, United States Government
|
* Open MCT, Copyright (c) 2014-2018, United States Government
|
||||||
* as represented by the Administrator of the National Aeronautics and Space
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
* Administration. All rights reserved.
|
* Administration. All rights reserved.
|
||||||
*
|
*
|
||||||
@ -19,25 +19,15 @@
|
|||||||
* this source code distribution or the Licensing information page available
|
* this source code distribution or the Licensing information page available
|
||||||
* at runtime from the About dialog for additional information.
|
* at runtime from the About dialog for additional information.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
import Vue from 'vue';
|
|
||||||
import NotificationIndicator from './components/NotificationIndicator.vue';
|
|
||||||
|
|
||||||
export default function plugin() {
|
define(
|
||||||
return function install(openmct) {
|
[],
|
||||||
let component = new Vue ({
|
function () {
|
||||||
provide: {
|
|
||||||
openmct
|
|
||||||
},
|
|
||||||
components: {
|
|
||||||
NotificationIndicator: NotificationIndicator
|
|
||||||
},
|
|
||||||
template: '<NotificationIndicator></NotificationIndicator>'
|
|
||||||
}),
|
|
||||||
indicator = {
|
|
||||||
key: 'notifications-indicator',
|
|
||||||
element: component.$mount().$el
|
|
||||||
};
|
|
||||||
|
|
||||||
openmct.indicators.add(indicator);
|
function NotificationIndicator() {}
|
||||||
};
|
|
||||||
|
NotificationIndicator.template = 'notificationIndicatorTemplate';
|
||||||
|
|
||||||
|
return NotificationIndicator;
|
||||||
}
|
}
|
||||||
|
);
|
@ -0,0 +1,73 @@
|
|||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT, Copyright (c) 2014-2018, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
|
|
||||||
|
define(
|
||||||
|
[],
|
||||||
|
function () {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Provides an indicator that is visible when there are
|
||||||
|
* banner notifications that have been minimized. Will also indicate
|
||||||
|
* the number of notifications. Notifications can be viewed by
|
||||||
|
* clicking on the indicator to launch a dialog showing a list of
|
||||||
|
* notifications.
|
||||||
|
* @param $scope
|
||||||
|
* @param notificationService
|
||||||
|
* @param dialogService
|
||||||
|
* @constructor
|
||||||
|
*/
|
||||||
|
function NotificationIndicatorController($scope, openmct, dialogService) {
|
||||||
|
$scope.notifications = openmct.notifications.notifications;
|
||||||
|
$scope.highest = openmct.notifications.highest;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Launch a dialog showing a list of current notifications.
|
||||||
|
*/
|
||||||
|
$scope.showNotificationsList = function () {
|
||||||
|
let notificationsList = openmct.notifications.notifications.map(notification => {
|
||||||
|
if (notification.model.severity === 'alert' || notification.model.severity === 'info') {
|
||||||
|
notification.model.primaryOption = {
|
||||||
|
label: 'Dismiss',
|
||||||
|
callback: () => {
|
||||||
|
let currentIndex = notificationsList.indexOf(notification);
|
||||||
|
notification.dismiss();
|
||||||
|
notificationsList.splice(currentIndex, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return notification;
|
||||||
|
})
|
||||||
|
dialogService.getDialogResponse('overlay-message-list', {
|
||||||
|
dialog: {
|
||||||
|
title: "Messages",
|
||||||
|
//Launch the message list dialog with the models
|
||||||
|
// from the notifications
|
||||||
|
messages: notificationsList
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return NotificationIndicatorController;
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
@ -0,0 +1,60 @@
|
|||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT, Copyright (c) 2014-2018, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
|
|
||||||
|
define(
|
||||||
|
['../src/NotificationIndicatorController'],
|
||||||
|
function (NotificationIndicatorController) {
|
||||||
|
|
||||||
|
xdescribe("The notification indicator controller ", function () {
|
||||||
|
var mockNotificationService,
|
||||||
|
mockScope,
|
||||||
|
mockDialogService,
|
||||||
|
controller;
|
||||||
|
|
||||||
|
beforeEach(function () {
|
||||||
|
mockNotificationService = jasmine.createSpy("notificationService");
|
||||||
|
mockScope = jasmine.createSpy("$scope");
|
||||||
|
mockDialogService = jasmine.createSpyObj(
|
||||||
|
"dialogService",
|
||||||
|
["getDialogResponse","dismiss"]
|
||||||
|
);
|
||||||
|
mockNotificationService.highest = {
|
||||||
|
severity: "error"
|
||||||
|
};
|
||||||
|
controller = new NotificationIndicatorController(mockScope, mockNotificationService, mockDialogService);
|
||||||
|
});
|
||||||
|
|
||||||
|
it("exposes the highest notification severity to the template", function () {
|
||||||
|
expect(mockScope.highest).toBeTruthy();
|
||||||
|
expect(mockScope.highest.severity).toBe("error");
|
||||||
|
});
|
||||||
|
|
||||||
|
it("invokes the dialog service to show list of messages", function () {
|
||||||
|
expect(mockScope.showNotificationsList).toBeDefined();
|
||||||
|
mockScope.showNotificationsList();
|
||||||
|
expect(mockDialogService.getDialogResponse).toHaveBeenCalled();
|
||||||
|
expect(mockDialogService.getDialogResponse.calls.mostRecent().args[0]).toBe('overlay-message-list');
|
||||||
|
expect(mockDialogService.getDialogResponse.calls.mostRecent().args[1].dialog).toBeDefined();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
);
|
@ -26,7 +26,7 @@
|
|||||||
* @namespace platform/containment
|
* @namespace platform/containment
|
||||||
*/
|
*/
|
||||||
define(
|
define(
|
||||||
['objectUtils'],
|
['../../../src/api/objects/object-utils'],
|
||||||
function (objectUtils) {
|
function (objectUtils) {
|
||||||
|
|
||||||
function PersistableCompositionPolicy(openmct) {
|
function PersistableCompositionPolicy(openmct) {
|
||||||
|
@ -81,7 +81,7 @@ define(
|
|||||||
baseContext = context || {};
|
baseContext = context || {};
|
||||||
}
|
}
|
||||||
|
|
||||||
var actionContext = Object.assign({}, baseContext);
|
var actionContext = _.extend({}, baseContext);
|
||||||
actionContext.domainObject = this.domainObject;
|
actionContext.domainObject = this.domainObject;
|
||||||
|
|
||||||
return this.actionService.getActions(actionContext);
|
return this.actionService.getActions(actionContext);
|
||||||
|
@ -121,7 +121,7 @@ define(['lodash'], function (_) {
|
|||||||
*/
|
*/
|
||||||
ExportAsJSONAction.prototype.rewriteLink = function (child, parent) {
|
ExportAsJSONAction.prototype.rewriteLink = function (child, parent) {
|
||||||
this.externalIdentifiers.push(this.getId(child));
|
this.externalIdentifiers.push(this.getId(child));
|
||||||
var index = parent.composition.findIndex(id => {
|
var index = _.findIndex(parent.composition, function (id) {
|
||||||
return _.isEqual(child.identifier, id);
|
return _.isEqual(child.identifier, id);
|
||||||
});
|
});
|
||||||
var copyOfChild = this.copyObject(child);
|
var copyOfChild = this.copyObject(child);
|
||||||
|
@ -19,7 +19,7 @@
|
|||||||
* this source code distribution or the Licensing information page available
|
* this source code distribution or the Licensing information page available
|
||||||
* at runtime from the About dialog for additional information.
|
* at runtime from the About dialog for additional information.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
define(['zepto', 'objectUtils'], function ($, objectUtils) {
|
define(['zepto', '../../../../src/api/objects/object-utils.js'], function ($, objectUtils) {
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* The ImportAsJSONAction is available from context menus and allows a user
|
* The ImportAsJSONAction is available from context menus and allows a user
|
||||||
|
@ -25,7 +25,7 @@
|
|||||||
* Module defining GenericSearchProvider. Created by shale on 07/16/2015.
|
* Module defining GenericSearchProvider. Created by shale on 07/16/2015.
|
||||||
*/
|
*/
|
||||||
define([
|
define([
|
||||||
'objectUtils',
|
'../../../../src/api/objects/object-utils',
|
||||||
'lodash'
|
'lodash'
|
||||||
], function (
|
], function (
|
||||||
objectUtils,
|
objectUtils,
|
||||||
@ -191,7 +191,7 @@ define([
|
|||||||
}
|
}
|
||||||
|
|
||||||
var domainObject = objectUtils.toNewFormat(model, id);
|
var domainObject = objectUtils.toNewFormat(model, id);
|
||||||
var composition = this.openmct.composition.registry.find(p => {
|
var composition = _.find(this.openmct.composition.registry, function (p) {
|
||||||
return p.appliesTo(domainObject);
|
return p.appliesTo(domainObject);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -25,7 +25,7 @@
|
|||||||
*/
|
*/
|
||||||
define(
|
define(
|
||||||
[
|
[
|
||||||
'objectUtils',
|
'../../../src/api/objects/object-utils',
|
||||||
'lodash'
|
'lodash'
|
||||||
],
|
],
|
||||||
function (
|
function (
|
||||||
@ -235,7 +235,7 @@ define(
|
|||||||
var defaultRange = metadata.valuesForHints(['range'])[0];
|
var defaultRange = metadata.valuesForHints(['range'])[0];
|
||||||
defaultRange = defaultRange ? defaultRange.key : undefined;
|
defaultRange = defaultRange ? defaultRange.key : undefined;
|
||||||
|
|
||||||
var sourceMap = _.keyBy(metadata.values(), 'key');
|
var sourceMap = _.indexBy(metadata.values(), 'key');
|
||||||
|
|
||||||
var isLegacyProvider = telemetryAPI.findRequestProvider(domainObject) ===
|
var isLegacyProvider = telemetryAPI.findRequestProvider(domainObject) ===
|
||||||
telemetryAPI.legacyProvider;
|
telemetryAPI.legacyProvider;
|
||||||
@ -300,7 +300,7 @@ define(
|
|||||||
var defaultRange = metadata.valuesForHints(['range'])[0];
|
var defaultRange = metadata.valuesForHints(['range'])[0];
|
||||||
defaultRange = defaultRange ? defaultRange.key : undefined;
|
defaultRange = defaultRange ? defaultRange.key : undefined;
|
||||||
|
|
||||||
var sourceMap = _.keyBy(metadata.values(), 'key');
|
var sourceMap = _.indexBy(metadata.values(), 'key');
|
||||||
|
|
||||||
var isLegacyProvider = telemetryAPI.findSubscriptionProvider(domainObject) ===
|
var isLegacyProvider = telemetryAPI.findSubscriptionProvider(domainObject) ===
|
||||||
telemetryAPI.legacyProvider;
|
telemetryAPI.legacyProvider;
|
||||||
|
@ -1,621 +0,0 @@
|
|||||||
|
|
||||||
{
|
|
||||||
"header": {
|
|
||||||
"event": "Allocation failed - JavaScript heap out of memory",
|
|
||||||
"location": "OnFatalError",
|
|
||||||
"filename": "report.20200527.134750.93992.001.json",
|
|
||||||
"dumpEventTime": "2020-05-27T13:47:50Z",
|
|
||||||
"dumpEventTimeStamp": "1590612470877",
|
|
||||||
"processId": 93992,
|
|
||||||
"commandLine": [
|
|
||||||
"node",
|
|
||||||
"/Users/dtailor/Desktop/openmct/node_modules/.bin/karma",
|
|
||||||
"start",
|
|
||||||
"--single-run"
|
|
||||||
],
|
|
||||||
"nodejsVersion": "v11.9.0",
|
|
||||||
"wordSize": 64,
|
|
||||||
"componentVersions": {
|
|
||||||
"node": "11.9.0",
|
|
||||||
"v8": "7.0.276.38-node.16",
|
|
||||||
"uv": "1.25.0",
|
|
||||||
"zlib": "1.2.11",
|
|
||||||
"brotli": "1.0.7",
|
|
||||||
"ares": "1.15.0",
|
|
||||||
"modules": "67",
|
|
||||||
"nghttp2": "1.34.0",
|
|
||||||
"napi": "4",
|
|
||||||
"llhttp": "1.0.1",
|
|
||||||
"http_parser": "2.8.0",
|
|
||||||
"openssl": "1.1.1a",
|
|
||||||
"cldr": "34.0",
|
|
||||||
"icu": "63.1",
|
|
||||||
"tz": "2018e",
|
|
||||||
"unicode": "11.0",
|
|
||||||
"arch": "x64",
|
|
||||||
"platform": "darwin",
|
|
||||||
"release": "node"
|
|
||||||
},
|
|
||||||
"osVersion": "Darwin 18.7.0 Darwin Kernel Version 18.7.0: Thu Jan 23 06:52:12 PST 2020; root:xnu-4903.278.25~1/RELEASE_X86_64",
|
|
||||||
"machine": "Darwin 18.7.0 Darwin Kernel Version 18.7.0: Thu Jan 23 06:52:12 PST 2020; root:xnu-4903.278.25~1/RELEASE_X86_64tailor x86_64"
|
|
||||||
},
|
|
||||||
"javascriptStack": {
|
|
||||||
"message": "No stack.",
|
|
||||||
"stack": [
|
|
||||||
"Unavailable."
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"nativeStack": [
|
|
||||||
" [pc=0x10013090e] report::TriggerNodeReport(v8::Isolate*, node::Environment*, char const*, char const*, std::__1::basic_string<char, std::__1::char_traits<char>, std::__1::allocator<char> >, v8::Local<v8::String>) [/Users/dtailor/.nvm/versions/node/v11.9.0/bin/node]",
|
|
||||||
" [pc=0x100063744] node::OnFatalError(char const*, char const*) [/Users/dtailor/.nvm/versions/node/v11.9.0/bin/node]",
|
|
||||||
" [pc=0x1001a8c47] v8::Utils::ReportOOMFailure(v8::internal::Isolate*, char const*, bool) [/Users/dtailor/.nvm/versions/node/v11.9.0/bin/node]",
|
|
||||||
" [pc=0x1001a8be4] v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [/Users/dtailor/.nvm/versions/node/v11.9.0/bin/node]",
|
|
||||||
" [pc=0x1005add42] v8::internal::Heap::FatalProcessOutOfMemory(char const*) [/Users/dtailor/.nvm/versions/node/v11.9.0/bin/node]",
|
|
||||||
" [pc=0x1005b0273] v8::internal::Heap::CheckIneffectiveMarkCompact(unsigned long, double) [/Users/dtailor/.nvm/versions/node/v11.9.0/bin/node]",
|
|
||||||
" [pc=0x1005ac7a8] v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [/Users/dtailor/.nvm/versions/node/v11.9.0/bin/node]",
|
|
||||||
" [pc=0x1005aa965] v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [/Users/dtailor/.nvm/versions/node/v11.9.0/bin/node]",
|
|
||||||
" [pc=0x1005b720c] v8::internal::Heap::AllocateRawWithLightRetry(int, v8::internal::AllocationSpace, v8::internal::AllocationAlignment) [/Users/dtailor/.nvm/versions/node/v11.9.0/bin/node]",
|
|
||||||
" [pc=0x1005b728f] v8::internal::Heap::AllocateRawWithRetryOrFail(int, v8::internal::AllocationSpace, v8::internal::AllocationAlignment) [/Users/dtailor/.nvm/versions/node/v11.9.0/bin/node]",
|
|
||||||
" [pc=0x100586484] v8::internal::Factory::NewFillerObject(int, bool, v8::internal::AllocationSpace) [/Users/dtailor/.nvm/versions/node/v11.9.0/bin/node]",
|
|
||||||
" [pc=0x1008389a4] v8::internal::Runtime_AllocateInNewSpace(int, v8::internal::Object**, v8::internal::Isolate*) [/Users/dtailor/.nvm/versions/node/v11.9.0/bin/node]",
|
|
||||||
" [pc=0x14acfddcfc7d] "
|
|
||||||
],
|
|
||||||
"javascriptHeap": {
|
|
||||||
"totalMemory": 1479229440,
|
|
||||||
"totalCommittedMemory": 1477309024,
|
|
||||||
"usedMemory": 1445511032,
|
|
||||||
"availableMemory": 50296592,
|
|
||||||
"memoryLimit": 1526909922,
|
|
||||||
"heapSpaces": {
|
|
||||||
"read_only_space": {
|
|
||||||
"memorySize": 524288,
|
|
||||||
"committedMemory": 42224,
|
|
||||||
"capacity": 515584,
|
|
||||||
"used": 33520,
|
|
||||||
"available": 482064
|
|
||||||
},
|
|
||||||
"new_space": {
|
|
||||||
"memorySize": 4194304,
|
|
||||||
"committedMemory": 4194288,
|
|
||||||
"capacity": 2062336,
|
|
||||||
"used": 59016,
|
|
||||||
"available": 2003320
|
|
||||||
},
|
|
||||||
"old_space": {
|
|
||||||
"memorySize": 305860608,
|
|
||||||
"committedMemory": 305138544,
|
|
||||||
"capacity": 283264904,
|
|
||||||
"used": 282942208,
|
|
||||||
"available": 322696
|
|
||||||
},
|
|
||||||
"code_space": {
|
|
||||||
"memorySize": 6291456,
|
|
||||||
"committedMemory": 5687328,
|
|
||||||
"capacity": 5237152,
|
|
||||||
"used": 5237152,
|
|
||||||
"available": 0
|
|
||||||
},
|
|
||||||
"map_space": {
|
|
||||||
"memorySize": 5255168,
|
|
||||||
"committedMemory": 5143024,
|
|
||||||
"capacity": 2523280,
|
|
||||||
"used": 2523280,
|
|
||||||
"available": 0
|
|
||||||
},
|
|
||||||
"large_object_space": {
|
|
||||||
"memorySize": 1157103616,
|
|
||||||
"committedMemory": 1157103616,
|
|
||||||
"capacity": 1202204368,
|
|
||||||
"used": 1154715856,
|
|
||||||
"available": 47488512
|
|
||||||
},
|
|
||||||
"new_large_object_space": {
|
|
||||||
"memorySize": 0,
|
|
||||||
"committedMemory": 0,
|
|
||||||
"capacity": 0,
|
|
||||||
"used": 0,
|
|
||||||
"available": 0
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"resourceUsage": {
|
|
||||||
"userCpuSeconds": 43.1616,
|
|
||||||
"kernelCpuSeconds": 43.1616,
|
|
||||||
"cpuConsumptionPercent": 5.42705e-06,
|
|
||||||
"maxRss": 1966080000000,
|
|
||||||
"pageFaults": {
|
|
||||||
"IORequired": 245,
|
|
||||||
"IONotRequired": 832598
|
|
||||||
},
|
|
||||||
"fsActivity": {
|
|
||||||
"reads": 0,
|
|
||||||
"writes": 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"libuv": [
|
|
||||||
],
|
|
||||||
"environmentVariables": {
|
|
||||||
"npm_config_save_dev": "",
|
|
||||||
"npm_config_legacy_bundling": "",
|
|
||||||
"npm_config_dry_run": "",
|
|
||||||
"npm_package_devDependencies_markdown_toc": "^0.11.7",
|
|
||||||
"npm_config_only": "",
|
|
||||||
"npm_config_browser": "",
|
|
||||||
"npm_config_viewer": "man",
|
|
||||||
"npm_config_commit_hooks": "true",
|
|
||||||
"npm_package_gitHead": "7126abe7ec1d66d3252f3598fbd6bd27217018bc",
|
|
||||||
"npm_config_also": "",
|
|
||||||
"npm_package_scripts_otherdoc": "node docs/gendocs.js --in docs/src --out dist/docs --suppress-toc 'docs/src/index.md|docs/src/process/index.md'",
|
|
||||||
"npm_package_devDependencies_minimist": "^1.1.1",
|
|
||||||
"npm_config_sign_git_commit": "",
|
|
||||||
"npm_config_rollback": "true",
|
|
||||||
"npm_package_devDependencies_fast_sass_loader": "1.4.6",
|
|
||||||
"TERM_PROGRAM": "Apple_Terminal",
|
|
||||||
"npm_config_usage": "",
|
|
||||||
"npm_config_audit": "true",
|
|
||||||
"npm_package_devDependencies_git_rev_sync": "^1.4.0",
|
|
||||||
"npm_package_devDependencies_file_loader": "^1.1.11",
|
|
||||||
"npm_package_devDependencies_d3_selection": "1.3.x",
|
|
||||||
"NODE": "/Users/dtailor/.nvm/versions/node/v11.9.0/bin/node",
|
|
||||||
"npm_package_homepage": "https://github.com/nasa/openmct#readme",
|
|
||||||
"INIT_CWD": "/Users/dtailor/Desktop/openmct",
|
|
||||||
"NVM_CD_FLAGS": "",
|
|
||||||
"npm_config_globalignorefile": "/Users/dtailor/.nvm/versions/node/v11.9.0/etc/npmignore",
|
|
||||||
"npm_package_devDependencies_comma_separated_values": "^3.6.4",
|
|
||||||
"SHELL": "/bin/bash",
|
|
||||||
"TERM": "xterm-256color",
|
|
||||||
"npm_config_init_author_url": "",
|
|
||||||
"npm_config_shell": "/bin/bash",
|
|
||||||
"npm_config_maxsockets": "50",
|
|
||||||
"npm_package_devDependencies_vue_template_compiler": "2.5.6",
|
|
||||||
"npm_package_devDependencies_style_loader": "^1.0.1",
|
|
||||||
"npm_package_devDependencies_moment_duration_format": "^2.2.2",
|
|
||||||
"npm_config_parseable": "",
|
|
||||||
"npm_config_shrinkwrap": "true",
|
|
||||||
"npm_config_metrics_registry": "https://registry.npmjs.org/",
|
|
||||||
"TMPDIR": "/var/folders/ks/ytghmh9x4lj3cchr5km5lhkcb7v9y2/T/",
|
|
||||||
"npm_config_timing": "",
|
|
||||||
"npm_config_init_license": "ISC",
|
|
||||||
"npm_package_scripts_lint": "eslint platform example src --ext .js,.vue openmct.js",
|
|
||||||
"npm_package_devDependencies_d3_array": "1.2.x",
|
|
||||||
"Apple_PubSub_Socket_Render": "/private/tmp/com.apple.launchd.PsV6Dfq4Tm/Render",
|
|
||||||
"npm_config_if_present": "",
|
|
||||||
"npm_package_devDependencies_concurrently": "^3.6.1",
|
|
||||||
"TERM_PROGRAM_VERSION": "421.2",
|
|
||||||
"npm_package_scripts_jsdoc": "jsdoc -c jsdoc.json -R API.md -r -d dist/docs/api",
|
|
||||||
"npm_config_sign_git_tag": "",
|
|
||||||
"npm_config_init_author_email": "",
|
|
||||||
"npm_config_cache_max": "Infinity",
|
|
||||||
"npm_config_preid": "",
|
|
||||||
"npm_config_long": "",
|
|
||||||
"npm_config_local_address": "",
|
|
||||||
"npm_config_cert": "",
|
|
||||||
"npm_config_git_tag_version": "true",
|
|
||||||
"npm_package_devDependencies_exports_loader": "^0.7.0",
|
|
||||||
"TERM_SESSION_ID": "0630D2FA-BAC2-48D3-A21D-9AB58A79FB14",
|
|
||||||
"npm_config_noproxy": "",
|
|
||||||
"npm_config_registry": "https://registry.npmjs.org/",
|
|
||||||
"npm_config_fetch_retries": "2",
|
|
||||||
"npm_package_private": "true",
|
|
||||||
"npm_package_devDependencies_karma_jasmine": "^1.1.2",
|
|
||||||
"npm_package_repository_url": "git+https://github.com/nasa/openmct.git",
|
|
||||||
"npm_config_versions": "",
|
|
||||||
"npm_config_key": "",
|
|
||||||
"npm_config_message": "%s",
|
|
||||||
"npm_package_readmeFilename": "README.md",
|
|
||||||
"npm_package_devDependencies_painterro": "^0.2.65",
|
|
||||||
"npm_package_scripts_verify": "concurrently 'npm:test' 'npm:lint'",
|
|
||||||
"npm_package_devDependencies_webpack": "^4.16.2",
|
|
||||||
"npm_package_devDependencies_eventemitter3": "^1.2.0",
|
|
||||||
"npm_package_description": "The Open MCT core platform",
|
|
||||||
"USER": "dtailor",
|
|
||||||
"NVM_DIR": "/Users/dtailor/.nvm",
|
|
||||||
"npm_package_license": "Apache-2.0",
|
|
||||||
"npm_package_scripts_build_dev": "webpack",
|
|
||||||
"npm_package_devDependencies_webpack_cli": "^3.1.0",
|
|
||||||
"npm_package_devDependencies_location_bar": "^3.0.1",
|
|
||||||
"npm_package_devDependencies_jasmine_core": "^3.1.0",
|
|
||||||
"npm_config_globalconfig": "/Users/dtailor/.nvm/versions/node/v11.9.0/etc/npmrc",
|
|
||||||
"npm_package_devDependencies_karma": "^2.0.3",
|
|
||||||
"npm_config_prefer_online": "",
|
|
||||||
"npm_config_always_auth": "",
|
|
||||||
"npm_config_logs_max": "10",
|
|
||||||
"npm_package_devDependencies_angular": "1.7.9",
|
|
||||||
"SSH_AUTH_SOCK": "/private/tmp/com.apple.launchd.JH8E4KgH06/Listeners",
|
|
||||||
"npm_package_devDependencies_request": "^2.69.0",
|
|
||||||
"npm_package_devDependencies_eslint": "5.2.0",
|
|
||||||
"__CF_USER_TEXT_ENCODING": "0x167DA7C2:0x0:0x0",
|
|
||||||
"npm_execpath": "/Users/dtailor/.nvm/versions/node/v11.9.0/lib/node_modules/npm/bin/npm-cli.js",
|
|
||||||
"npm_config_global_style": "",
|
|
||||||
"npm_config_cache_lock_retries": "10",
|
|
||||||
"npm_config_cafile": "",
|
|
||||||
"npm_config_update_notifier": "true",
|
|
||||||
"npm_package_scripts_test_debug": "cross-env NODE_ENV=debug karma start --no-single-run",
|
|
||||||
"npm_package_devDependencies_glob": ">= 3.0.0",
|
|
||||||
"npm_config_heading": "npm",
|
|
||||||
"npm_config_audit_level": "low",
|
|
||||||
"npm_package_devDependencies_mini_css_extract_plugin": "^0.4.1",
|
|
||||||
"npm_package_devDependencies_copy_webpack_plugin": "^4.5.2",
|
|
||||||
"npm_config_read_only": "",
|
|
||||||
"npm_config_offline": "",
|
|
||||||
"npm_config_searchlimit": "20",
|
|
||||||
"npm_config_fetch_retry_mintimeout": "10000",
|
|
||||||
"npm_package_devDependencies_webpack_dev_middleware": "^3.1.3",
|
|
||||||
"npm_config_json": "",
|
|
||||||
"npm_config_access": "",
|
|
||||||
"npm_config_argv": "{\"remain\":[],\"cooked\":[\"run\",\"test\"],\"original\":[\"run\",\"test\"]}",
|
|
||||||
"npm_package_scripts_lint_fix": "eslint platform example src --ext .js,.vue openmct.js --fix",
|
|
||||||
"npm_package_devDependencies_uuid": "^3.3.3",
|
|
||||||
"npm_package_devDependencies_karma_coverage": "^1.1.2",
|
|
||||||
"PATH": "/Users/dtailor/.nvm/versions/node/v11.9.0/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/Users/dtailor/Desktop/openmct/node_modules/.bin:/Users/dtailor/.nvm/versions/node/v11.9.0/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/Users/dtailor/Desktop/openmct/node_modules/.bin:/Users/dtailor/.nvm/versions/node/v11.9.0/bin:/Users/dtailor/.homebrew/bin:/Users/dtailor/local/bin:/Users/dtailor/.homebrew/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/opt/X11/bin:/Users/dtailor/Applications/Visual Studio Code.app/Contents/Resources/app/bin:/opt/local/bin:/Users/dtailor/.homebrew/bin:/Users/dtailor/.homebrew/bin:/Users/dtailor/.homebrew/bin:/Users/dtailor/local/bin:/Users/dtailor/.homebrew/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/opt/X11/bin",
|
|
||||||
"npm_config_allow_same_version": "",
|
|
||||||
"npm_config_https_proxy": "",
|
|
||||||
"npm_config_engine_strict": "",
|
|
||||||
"npm_config_description": "true",
|
|
||||||
"npm_package_devDependencies_html2canvas": "^1.0.0-alpha.12",
|
|
||||||
"_": "/Users/dtailor/Desktop/openmct/node_modules/.bin/karma",
|
|
||||||
"npm_config_userconfig": "/Users/dtailor/.npmrc",
|
|
||||||
"npm_config_init_module": "/Users/dtailor/.npm-init.js",
|
|
||||||
"npm_package_author": "",
|
|
||||||
"npm_package_devDependencies_karma_chrome_launcher": "^2.2.0",
|
|
||||||
"npm_package_devDependencies_d3_scale": "1.0.x",
|
|
||||||
"npm_config_cidr": "",
|
|
||||||
"npm_package_devDependencies_printj": "^1.2.1",
|
|
||||||
"PWD": "/Users/dtailor/Desktop/openmct",
|
|
||||||
"npm_config_user": "377333698",
|
|
||||||
"npm_config_node_version": "11.9.0",
|
|
||||||
"npm_package_bugs_url": "https://github.com/nasa/openmct/issues",
|
|
||||||
"npm_package_scripts_test_watch": "karma start --no-single-run",
|
|
||||||
"npm_lifecycle_event": "test",
|
|
||||||
"npm_package_devDependencies_v8_compile_cache": "^1.1.0",
|
|
||||||
"npm_config_ignore_prepublish": "",
|
|
||||||
"npm_config_save": "true",
|
|
||||||
"npm_config_editor": "vi",
|
|
||||||
"npm_config_auth_type": "legacy",
|
|
||||||
"npm_package_repository_type": "git",
|
|
||||||
"npm_package_devDependencies_vue": "2.5.6",
|
|
||||||
"npm_package_devDependencies_marked": "^0.3.5",
|
|
||||||
"npm_package_devDependencies_angular_route": "1.4.14",
|
|
||||||
"npm_package_name": "openmct",
|
|
||||||
"LANG": "en_US.UTF-8",
|
|
||||||
"npm_config_script_shell": "",
|
|
||||||
"npm_config_tag": "latest",
|
|
||||||
"npm_config_global": "",
|
|
||||||
"npm_config_progress": "true",
|
|
||||||
"npm_package_scripts_start": "node app.js",
|
|
||||||
"npm_package_devDependencies_karma_coverage_istanbul_reporter": "^2.1.1",
|
|
||||||
"npm_config_ham_it_up": "",
|
|
||||||
"npm_config_searchstaleness": "900",
|
|
||||||
"npm_config_optional": "true",
|
|
||||||
"npm_package_scripts_docs": "npm run jsdoc ; npm run otherdoc",
|
|
||||||
"npm_package_devDependencies_istanbul_instrumenter_loader": "^3.0.1",
|
|
||||||
"XPC_FLAGS": "0x0",
|
|
||||||
"npm_config_save_prod": "",
|
|
||||||
"npm_config_force": "",
|
|
||||||
"npm_config_bin_links": "true",
|
|
||||||
"npm_package_devDependencies_moment": "2.25.3",
|
|
||||||
"npm_package_devDependencies_karma_webpack": "^3.0.0",
|
|
||||||
"npm_package_devDependencies_express": "^4.13.1",
|
|
||||||
"npm_config_searchopts": "",
|
|
||||||
"npm_package_devDependencies_d3_time": "1.0.x",
|
|
||||||
"FORCE_COLOR": "2",
|
|
||||||
"npm_config_node_gyp": "/Users/dtailor/.nvm/versions/node/v11.9.0/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js",
|
|
||||||
"npm_config_depth": "Infinity",
|
|
||||||
"npm_package_scripts_build_prod": "cross-env NODE_ENV=production webpack",
|
|
||||||
"npm_config_sso_poll_frequency": "500",
|
|
||||||
"npm_config_rebuild_bundle": "true",
|
|
||||||
"npm_package_version": "1.0.0-snapshot",
|
|
||||||
"XPC_SERVICE_NAME": "0",
|
|
||||||
"npm_config_unicode": "true",
|
|
||||||
"npm_package_devDependencies_jsdoc": "^3.3.2",
|
|
||||||
"SHLVL": "4",
|
|
||||||
"HOME": "/Users/dtailor",
|
|
||||||
"npm_config_fetch_retry_maxtimeout": "60000",
|
|
||||||
"npm_package_scripts_test": "karma start --single-run",
|
|
||||||
"npm_package_devDependencies_zepto": "^1.2.0",
|
|
||||||
"npm_package_devDependencies_eslint_plugin_vue": "^6.0.0",
|
|
||||||
"npm_config_ca": "",
|
|
||||||
"npm_config_tag_version_prefix": "v",
|
|
||||||
"npm_config_strict_ssl": "true",
|
|
||||||
"npm_config_sso_type": "oauth",
|
|
||||||
"npm_config_scripts_prepend_node_path": "warn-only",
|
|
||||||
"npm_config_save_prefix": "^",
|
|
||||||
"npm_config_loglevel": "notice",
|
|
||||||
"npm_package_devDependencies_lodash": "^3.10.1",
|
|
||||||
"npm_package_devDependencies_karma_cli": "^1.0.1",
|
|
||||||
"npm_package_devDependencies_d3_color": "1.0.x",
|
|
||||||
"npm_config_save_exact": "",
|
|
||||||
"npm_config_dev": "",
|
|
||||||
"npm_config_group": "1286109195",
|
|
||||||
"npm_config_fetch_retry_factor": "10",
|
|
||||||
"npm_package_devDependencies_webpack_hot_middleware": "^2.22.3",
|
|
||||||
"npm_package_devDependencies_cross_env": "^6.0.3",
|
|
||||||
"npm_package_devDependencies_babel_eslint": "8.2.6",
|
|
||||||
"HOMEBREW_PREFIX": "/Users/dtailor/.homebrew",
|
|
||||||
"npm_config_version": "",
|
|
||||||
"npm_config_prefer_offline": "",
|
|
||||||
"npm_config_cache_lock_stale": "60000",
|
|
||||||
"npm_config_otp": "",
|
|
||||||
"npm_config_cache_min": "10",
|
|
||||||
"npm_package_devDependencies_vue_loader": "^15.2.6",
|
|
||||||
"npm_config_searchexclude": "",
|
|
||||||
"npm_config_cache": "/Users/dtailor/.npm",
|
|
||||||
"npm_package_scripts_test_coverage": "./scripts/test-coverage.sh",
|
|
||||||
"npm_package_devDependencies_d3_interpolate": "1.1.x",
|
|
||||||
"npm_package_devDependencies_d3_format": "1.2.x",
|
|
||||||
"LOGNAME": "dtailor",
|
|
||||||
"npm_lifecycle_script": "karma start --single-run",
|
|
||||||
"npm_config_color": "true",
|
|
||||||
"npm_package_devDependencies_node_bourbon": "^4.2.3",
|
|
||||||
"npm_package_devDependencies_karma_sourcemap_loader": "^0.3.7",
|
|
||||||
"npm_package_devDependencies_karma_html_reporter": "^0.2.7",
|
|
||||||
"npm_config_proxy": "",
|
|
||||||
"npm_config_package_lock": "true",
|
|
||||||
"npm_package_devDependencies_d3_time_format": "2.1.x",
|
|
||||||
"npm_package_devDependencies_d3_axis": "1.0.x",
|
|
||||||
"npm_config_package_lock_only": "",
|
|
||||||
"npm_package_devDependencies_moment_timezone": "0.5.28",
|
|
||||||
"npm_config_save_optional": "",
|
|
||||||
"NVM_BIN": "/Users/dtailor/.nvm/versions/node/v11.9.0/bin",
|
|
||||||
"npm_config_ignore_scripts": "",
|
|
||||||
"npm_config_user_agent": "npm/6.5.0 node/v11.9.0 darwin x64",
|
|
||||||
"npm_package_devDependencies_imports_loader": "^0.8.0",
|
|
||||||
"npm_package_devDependencies_file_saver": "^1.3.8",
|
|
||||||
"npm_config_cache_lock_wait": "10000",
|
|
||||||
"npm_config_production": "",
|
|
||||||
"npm_package_scripts_build_watch": "webpack --watch",
|
|
||||||
"DISPLAY": "/private/tmp/com.apple.launchd.E3N8oC6RMf/org.macosforge.xquartz:0",
|
|
||||||
"npm_config_send_metrics": "",
|
|
||||||
"npm_config_save_bundle": "",
|
|
||||||
"npm_package_scripts_prepare": "npm run build:prod",
|
|
||||||
"npm_config_node_options": "",
|
|
||||||
"npm_config_umask": "0022",
|
|
||||||
"npm_config_init_version": "1.0.0",
|
|
||||||
"npm_package_devDependencies_split": "^1.0.0",
|
|
||||||
"npm_package_devDependencies_raw_loader": "^0.5.1",
|
|
||||||
"npm_config_init_author_name": "",
|
|
||||||
"npm_config_git": "git",
|
|
||||||
"npm_config_scope": "",
|
|
||||||
"npm_package_scripts_clean": "rm -rf ./dist",
|
|
||||||
"npm_package_devDependencies_node_sass": "^4.9.2",
|
|
||||||
"npm_package_devDependencies_css_loader": "^1.0.0",
|
|
||||||
"DISABLE_UPDATE_CHECK": "1",
|
|
||||||
"npm_config_onload_script": "",
|
|
||||||
"npm_config_unsafe_perm": "true",
|
|
||||||
"npm_config_tmp": "/var/folders/ks/ytghmh9x4lj3cchr5km5lhkcb7v9y2/T",
|
|
||||||
"npm_package_devDependencies_d3_collection": "1.0.x",
|
|
||||||
"npm_node_execpath": "/Users/dtailor/.nvm/versions/node/v11.9.0/bin/node",
|
|
||||||
"npm_config_link": "",
|
|
||||||
"npm_config_prefix": "/Users/dtailor/.nvm/versions/node/v11.9.0",
|
|
||||||
"npm_package_devDependencies_html_loader": "^0.5.5"
|
|
||||||
},
|
|
||||||
"userLimits": {
|
|
||||||
"core_file_size_blocks": {
|
|
||||||
"soft": 0,
|
|
||||||
"hard": "unlimited"
|
|
||||||
},
|
|
||||||
"data_seg_size_kbytes": {
|
|
||||||
"soft": "unlimited",
|
|
||||||
"hard": "unlimited"
|
|
||||||
},
|
|
||||||
"file_size_blocks": {
|
|
||||||
"soft": "unlimited",
|
|
||||||
"hard": "unlimited"
|
|
||||||
},
|
|
||||||
"max_locked_memory_bytes": {
|
|
||||||
"soft": "unlimited",
|
|
||||||
"hard": "unlimited"
|
|
||||||
},
|
|
||||||
"max_memory_size_kbytes": {
|
|
||||||
"soft": "unlimited",
|
|
||||||
"hard": "unlimited"
|
|
||||||
},
|
|
||||||
"open_files": {
|
|
||||||
"soft": 24576,
|
|
||||||
"hard": "unlimited"
|
|
||||||
},
|
|
||||||
"stack_size_bytes": {
|
|
||||||
"soft": 8388608,
|
|
||||||
"hard": 67104768
|
|
||||||
},
|
|
||||||
"cpu_time_seconds": {
|
|
||||||
"soft": "unlimited",
|
|
||||||
"hard": "unlimited"
|
|
||||||
},
|
|
||||||
"max_user_processes": {
|
|
||||||
"soft": 1418,
|
|
||||||
"hard": 2128
|
|
||||||
},
|
|
||||||
"virtual_memory_kbytes": {
|
|
||||||
"soft": "unlimited",
|
|
||||||
"hard": "unlimited"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"sharedObjects": [
|
|
||||||
"/Users/dtailor/.nvm/versions/node/v11.9.0/bin/node",
|
|
||||||
"/System/Library/Frameworks/CoreFoundation.framework/Versions/A/CoreFoundation",
|
|
||||||
"/usr/lib/libSystem.B.dylib",
|
|
||||||
"/usr/lib/libc++.1.dylib",
|
|
||||||
"/usr/lib/libobjc.A.dylib",
|
|
||||||
"/usr/lib/libDiagnosticMessagesClient.dylib",
|
|
||||||
"/usr/lib/libicucore.A.dylib",
|
|
||||||
"/usr/lib/libz.1.dylib",
|
|
||||||
"/usr/lib/libc++abi.dylib",
|
|
||||||
"/usr/lib/system/libcache.dylib",
|
|
||||||
"/usr/lib/system/libcommonCrypto.dylib",
|
|
||||||
"/usr/lib/system/libcompiler_rt.dylib",
|
|
||||||
"/usr/lib/system/libcopyfile.dylib",
|
|
||||||
"/usr/lib/system/libcorecrypto.dylib",
|
|
||||||
"/usr/lib/system/libdispatch.dylib",
|
|
||||||
"/usr/lib/system/libdyld.dylib",
|
|
||||||
"/usr/lib/system/libkeymgr.dylib",
|
|
||||||
"/usr/lib/system/liblaunch.dylib",
|
|
||||||
"/usr/lib/system/libmacho.dylib",
|
|
||||||
"/usr/lib/system/libquarantine.dylib",
|
|
||||||
"/usr/lib/system/libremovefile.dylib",
|
|
||||||
"/usr/lib/system/libsystem_asl.dylib",
|
|
||||||
"/usr/lib/system/libsystem_blocks.dylib",
|
|
||||||
"/usr/lib/system/libsystem_c.dylib",
|
|
||||||
"/usr/lib/system/libsystem_configuration.dylib",
|
|
||||||
"/usr/lib/system/libsystem_coreservices.dylib",
|
|
||||||
"/usr/lib/system/libsystem_darwin.dylib",
|
|
||||||
"/usr/lib/system/libsystem_dnssd.dylib",
|
|
||||||
"/usr/lib/system/libsystem_info.dylib",
|
|
||||||
"/usr/lib/system/libsystem_m.dylib",
|
|
||||||
"/usr/lib/system/libsystem_malloc.dylib",
|
|
||||||
"/usr/lib/system/libsystem_networkextension.dylib",
|
|
||||||
"/usr/lib/system/libsystem_notify.dylib",
|
|
||||||
"/usr/lib/system/libsystem_sandbox.dylib",
|
|
||||||
"/usr/lib/system/libsystem_secinit.dylib",
|
|
||||||
"/usr/lib/system/libsystem_kernel.dylib",
|
|
||||||
"/usr/lib/system/libsystem_platform.dylib",
|
|
||||||
"/usr/lib/system/libsystem_pthread.dylib",
|
|
||||||
"/usr/lib/system/libsystem_symptoms.dylib",
|
|
||||||
"/usr/lib/system/libsystem_trace.dylib",
|
|
||||||
"/usr/lib/system/libunwind.dylib",
|
|
||||||
"/usr/lib/system/libxpc.dylib",
|
|
||||||
"/System/Library/Frameworks/ApplicationServices.framework/Versions/A/ApplicationServices",
|
|
||||||
"/System/Library/Frameworks/CoreGraphics.framework/Versions/A/CoreGraphics",
|
|
||||||
"/System/Library/Frameworks/CoreText.framework/Versions/A/CoreText",
|
|
||||||
"/System/Library/Frameworks/ImageIO.framework/Versions/A/ImageIO",
|
|
||||||
"/System/Library/Frameworks/ColorSync.framework/Versions/A/ColorSync",
|
|
||||||
"/System/Library/Frameworks/ApplicationServices.framework/Versions/A/Frameworks/ATS.framework/Versions/A/ATS",
|
|
||||||
"/System/Library/Frameworks/ApplicationServices.framework/Versions/A/Frameworks/ColorSyncLegacy.framework/Versions/A/ColorSyncLegacy",
|
|
||||||
"/System/Library/Frameworks/CoreServices.framework/Versions/A/CoreServices",
|
|
||||||
"/System/Library/Frameworks/ApplicationServices.framework/Versions/A/Frameworks/HIServices.framework/Versions/A/HIServices",
|
|
||||||
"/System/Library/Frameworks/ApplicationServices.framework/Versions/A/Frameworks/LangAnalysis.framework/Versions/A/LangAnalysis",
|
|
||||||
"/System/Library/Frameworks/ApplicationServices.framework/Versions/A/Frameworks/PrintCore.framework/Versions/A/PrintCore",
|
|
||||||
"/System/Library/Frameworks/ApplicationServices.framework/Versions/A/Frameworks/QD.framework/Versions/A/QD",
|
|
||||||
"/System/Library/Frameworks/ApplicationServices.framework/Versions/A/Frameworks/SpeechSynthesis.framework/Versions/A/SpeechSynthesis",
|
|
||||||
"/System/Library/PrivateFrameworks/SkyLight.framework/Versions/A/SkyLight",
|
|
||||||
"/System/Library/Frameworks/IOSurface.framework/Versions/A/IOSurface",
|
|
||||||
"/usr/lib/libxml2.2.dylib",
|
|
||||||
"/System/Library/Frameworks/CFNetwork.framework/Versions/A/CFNetwork",
|
|
||||||
"/System/Library/Frameworks/Accelerate.framework/Versions/A/Accelerate",
|
|
||||||
"/System/Library/Frameworks/Foundation.framework/Versions/C/Foundation",
|
|
||||||
"/usr/lib/libcompression.dylib",
|
|
||||||
"/System/Library/Frameworks/SystemConfiguration.framework/Versions/A/SystemConfiguration",
|
|
||||||
"/System/Library/Frameworks/CoreDisplay.framework/Versions/A/CoreDisplay",
|
|
||||||
"/System/Library/Frameworks/IOKit.framework/Versions/A/IOKit",
|
|
||||||
"/System/Library/Frameworks/Metal.framework/Versions/A/Metal",
|
|
||||||
"/System/Library/Frameworks/MetalPerformanceShaders.framework/Versions/A/MetalPerformanceShaders",
|
|
||||||
"/System/Library/PrivateFrameworks/MultitouchSupport.framework/Versions/A/MultitouchSupport",
|
|
||||||
"/System/Library/Frameworks/Security.framework/Versions/A/Security",
|
|
||||||
"/System/Library/Frameworks/QuartzCore.framework/Versions/A/QuartzCore",
|
|
||||||
"/usr/lib/libbsm.0.dylib",
|
|
||||||
"/usr/lib/liblzma.5.dylib",
|
|
||||||
"/usr/lib/libauto.dylib",
|
|
||||||
"/System/Library/Frameworks/DiskArbitration.framework/Versions/A/DiskArbitration",
|
|
||||||
"/usr/lib/libarchive.2.dylib",
|
|
||||||
"/usr/lib/liblangid.dylib",
|
|
||||||
"/usr/lib/libCRFSuite.dylib",
|
|
||||||
"/usr/lib/libenergytrace.dylib",
|
|
||||||
"/usr/lib/system/libkxld.dylib",
|
|
||||||
"/System/Library/PrivateFrameworks/AppleFSCompression.framework/Versions/A/AppleFSCompression",
|
|
||||||
"/usr/lib/libOpenScriptingUtil.dylib",
|
|
||||||
"/usr/lib/libcoretls.dylib",
|
|
||||||
"/usr/lib/libcoretls_cfhelpers.dylib",
|
|
||||||
"/usr/lib/libpam.2.dylib",
|
|
||||||
"/usr/lib/libsqlite3.dylib",
|
|
||||||
"/usr/lib/libxar.1.dylib",
|
|
||||||
"/usr/lib/libbz2.1.0.dylib",
|
|
||||||
"/usr/lib/libnetwork.dylib",
|
|
||||||
"/usr/lib/libapple_nghttp2.dylib",
|
|
||||||
"/usr/lib/libpcap.A.dylib",
|
|
||||||
"/System/Library/Frameworks/CoreServices.framework/Versions/A/Frameworks/FSEvents.framework/Versions/A/FSEvents",
|
|
||||||
"/System/Library/Frameworks/CoreServices.framework/Versions/A/Frameworks/CarbonCore.framework/Versions/A/CarbonCore",
|
|
||||||
"/System/Library/Frameworks/CoreServices.framework/Versions/A/Frameworks/Metadata.framework/Versions/A/Metadata",
|
|
||||||
"/System/Library/Frameworks/CoreServices.framework/Versions/A/Frameworks/OSServices.framework/Versions/A/OSServices",
|
|
||||||
"/System/Library/Frameworks/CoreServices.framework/Versions/A/Frameworks/SearchKit.framework/Versions/A/SearchKit",
|
|
||||||
"/System/Library/Frameworks/CoreServices.framework/Versions/A/Frameworks/AE.framework/Versions/A/AE",
|
|
||||||
"/System/Library/Frameworks/CoreServices.framework/Versions/A/Frameworks/LaunchServices.framework/Versions/A/LaunchServices",
|
|
||||||
"/System/Library/Frameworks/CoreServices.framework/Versions/A/Frameworks/DictionaryServices.framework/Versions/A/DictionaryServices",
|
|
||||||
"/System/Library/Frameworks/CoreServices.framework/Versions/A/Frameworks/SharedFileList.framework/Versions/A/SharedFileList",
|
|
||||||
"/System/Library/Frameworks/NetFS.framework/Versions/A/NetFS",
|
|
||||||
"/System/Library/PrivateFrameworks/NetAuth.framework/Versions/A/NetAuth",
|
|
||||||
"/System/Library/PrivateFrameworks/login.framework/Versions/A/Frameworks/loginsupport.framework/Versions/A/loginsupport",
|
|
||||||
"/System/Library/PrivateFrameworks/TCC.framework/Versions/A/TCC",
|
|
||||||
"/System/Library/PrivateFrameworks/CoreNLP.framework/Versions/A/CoreNLP",
|
|
||||||
"/System/Library/PrivateFrameworks/MetadataUtilities.framework/Versions/A/MetadataUtilities",
|
|
||||||
"/usr/lib/libmecabra.dylib",
|
|
||||||
"/usr/lib/libmecab.1.0.0.dylib",
|
|
||||||
"/usr/lib/libgermantok.dylib",
|
|
||||||
"/usr/lib/libThaiTokenizer.dylib",
|
|
||||||
"/usr/lib/libChineseTokenizer.dylib",
|
|
||||||
"/usr/lib/libiconv.2.dylib",
|
|
||||||
"/usr/lib/libcharset.1.dylib",
|
|
||||||
"/System/Library/PrivateFrameworks/LanguageModeling.framework/Versions/A/LanguageModeling",
|
|
||||||
"/System/Library/PrivateFrameworks/CoreEmoji.framework/Versions/A/CoreEmoji",
|
|
||||||
"/System/Library/PrivateFrameworks/Lexicon.framework/Versions/A/Lexicon",
|
|
||||||
"/System/Library/PrivateFrameworks/LinguisticData.framework/Versions/A/LinguisticData",
|
|
||||||
"/usr/lib/libcmph.dylib",
|
|
||||||
"/System/Library/Frameworks/CoreData.framework/Versions/A/CoreData",
|
|
||||||
"/System/Library/Frameworks/OpenDirectory.framework/Versions/A/Frameworks/CFOpenDirectory.framework/Versions/A/CFOpenDirectory",
|
|
||||||
"/System/Library/PrivateFrameworks/APFS.framework/Versions/A/APFS",
|
|
||||||
"/usr/lib/libutil.dylib",
|
|
||||||
"/System/Library/Frameworks/ServiceManagement.framework/Versions/A/ServiceManagement",
|
|
||||||
"/System/Library/PrivateFrameworks/BackgroundTaskManagement.framework/Versions/A/BackgroundTaskManagement",
|
|
||||||
"/usr/lib/libxslt.1.dylib",
|
|
||||||
"/System/Library/Frameworks/Accelerate.framework/Versions/A/Frameworks/vImage.framework/Versions/A/vImage",
|
|
||||||
"/System/Library/Frameworks/Accelerate.framework/Versions/A/Frameworks/vecLib.framework/Versions/A/vecLib",
|
|
||||||
"/System/Library/Frameworks/Accelerate.framework/Versions/A/Frameworks/vecLib.framework/Versions/A/libvMisc.dylib",
|
|
||||||
"/System/Library/Frameworks/Accelerate.framework/Versions/A/Frameworks/vecLib.framework/Versions/A/libvDSP.dylib",
|
|
||||||
"/System/Library/Frameworks/Accelerate.framework/Versions/A/Frameworks/vecLib.framework/Versions/A/libBLAS.dylib",
|
|
||||||
"/System/Library/Frameworks/Accelerate.framework/Versions/A/Frameworks/vecLib.framework/Versions/A/libLAPACK.dylib",
|
|
||||||
"/System/Library/Frameworks/Accelerate.framework/Versions/A/Frameworks/vecLib.framework/Versions/A/libLinearAlgebra.dylib",
|
|
||||||
"/System/Library/Frameworks/Accelerate.framework/Versions/A/Frameworks/vecLib.framework/Versions/A/libSparseBLAS.dylib",
|
|
||||||
"/System/Library/Frameworks/Accelerate.framework/Versions/A/Frameworks/vecLib.framework/Versions/A/libQuadrature.dylib",
|
|
||||||
"/System/Library/Frameworks/Accelerate.framework/Versions/A/Frameworks/vecLib.framework/Versions/A/libBNNS.dylib",
|
|
||||||
"/System/Library/Frameworks/Accelerate.framework/Versions/A/Frameworks/vecLib.framework/Versions/A/libSparse.dylib",
|
|
||||||
"/System/Library/PrivateFrameworks/GPUWrangler.framework/Versions/A/GPUWrangler",
|
|
||||||
"/System/Library/PrivateFrameworks/IOAccelerator.framework/Versions/A/IOAccelerator",
|
|
||||||
"/System/Library/PrivateFrameworks/IOPresentment.framework/Versions/A/IOPresentment",
|
|
||||||
"/System/Library/PrivateFrameworks/DSExternalDisplay.framework/Versions/A/DSExternalDisplay",
|
|
||||||
"/System/Library/Frameworks/OpenGL.framework/Versions/A/Libraries/libCoreFSCache.dylib",
|
|
||||||
"/System/Library/Frameworks/MetalPerformanceShaders.framework/Frameworks/MPSCore.framework/Versions/A/MPSCore",
|
|
||||||
"/System/Library/Frameworks/MetalPerformanceShaders.framework/Frameworks/MPSImage.framework/Versions/A/MPSImage",
|
|
||||||
"/System/Library/Frameworks/MetalPerformanceShaders.framework/Frameworks/MPSNeuralNetwork.framework/Versions/A/MPSNeuralNetwork",
|
|
||||||
"/System/Library/Frameworks/MetalPerformanceShaders.framework/Frameworks/MPSMatrix.framework/Versions/A/MPSMatrix",
|
|
||||||
"/System/Library/Frameworks/MetalPerformanceShaders.framework/Frameworks/MPSRayIntersector.framework/Versions/A/MPSRayIntersector",
|
|
||||||
"/System/Library/PrivateFrameworks/MetalTools.framework/Versions/A/MetalTools",
|
|
||||||
"/System/Library/PrivateFrameworks/AggregateDictionary.framework/Versions/A/AggregateDictionary",
|
|
||||||
"/usr/lib/libMobileGestalt.dylib",
|
|
||||||
"/System/Library/Frameworks/CoreImage.framework/Versions/A/CoreImage",
|
|
||||||
"/System/Library/Frameworks/CoreVideo.framework/Versions/A/CoreVideo",
|
|
||||||
"/System/Library/Frameworks/OpenGL.framework/Versions/A/OpenGL",
|
|
||||||
"/System/Library/PrivateFrameworks/GraphVisualizer.framework/Versions/A/GraphVisualizer",
|
|
||||||
"/System/Library/PrivateFrameworks/FaceCore.framework/Versions/A/FaceCore",
|
|
||||||
"/System/Library/Frameworks/OpenCL.framework/Versions/A/OpenCL",
|
|
||||||
"/usr/lib/libFosl_dynamic.dylib",
|
|
||||||
"/System/Library/PrivateFrameworks/OTSVG.framework/Versions/A/OTSVG",
|
|
||||||
"/System/Library/Frameworks/ApplicationServices.framework/Versions/A/Frameworks/ATS.framework/Versions/A/Resources/libFontParser.dylib",
|
|
||||||
"/System/Library/Frameworks/ApplicationServices.framework/Versions/A/Frameworks/ATS.framework/Versions/A/Resources/libFontRegistry.dylib",
|
|
||||||
"/System/Library/Frameworks/ImageIO.framework/Versions/A/Resources/libJPEG.dylib",
|
|
||||||
"/System/Library/Frameworks/ImageIO.framework/Versions/A/Resources/libTIFF.dylib",
|
|
||||||
"/System/Library/Frameworks/ImageIO.framework/Versions/A/Resources/libPng.dylib",
|
|
||||||
"/System/Library/Frameworks/ImageIO.framework/Versions/A/Resources/libGIF.dylib",
|
|
||||||
"/System/Library/Frameworks/ImageIO.framework/Versions/A/Resources/libJP2.dylib",
|
|
||||||
"/System/Library/Frameworks/ImageIO.framework/Versions/A/Resources/libRadiance.dylib",
|
|
||||||
"/System/Library/PrivateFrameworks/AppleJPEG.framework/Versions/A/AppleJPEG",
|
|
||||||
"/System/Library/Frameworks/OpenGL.framework/Versions/A/Libraries/libGFXShared.dylib",
|
|
||||||
"/System/Library/Frameworks/OpenGL.framework/Versions/A/Libraries/libGLU.dylib",
|
|
||||||
"/System/Library/Frameworks/OpenGL.framework/Versions/A/Libraries/libGL.dylib",
|
|
||||||
"/System/Library/Frameworks/OpenGL.framework/Versions/A/Libraries/libGLImage.dylib",
|
|
||||||
"/System/Library/Frameworks/OpenGL.framework/Versions/A/Libraries/libCVMSPluginSupport.dylib",
|
|
||||||
"/System/Library/Frameworks/OpenGL.framework/Versions/A/Libraries/libCoreVMClient.dylib",
|
|
||||||
"/usr/lib/libcups.2.dylib",
|
|
||||||
"/System/Library/Frameworks/Kerberos.framework/Versions/A/Kerberos",
|
|
||||||
"/System/Library/Frameworks/GSS.framework/Versions/A/GSS",
|
|
||||||
"/usr/lib/libresolv.9.dylib",
|
|
||||||
"/System/Library/PrivateFrameworks/Heimdal.framework/Versions/A/Heimdal",
|
|
||||||
"/usr/lib/libheimdal-asn1.dylib",
|
|
||||||
"/System/Library/Frameworks/OpenDirectory.framework/Versions/A/OpenDirectory",
|
|
||||||
"/System/Library/PrivateFrameworks/CommonAuth.framework/Versions/A/CommonAuth",
|
|
||||||
"/System/Library/Frameworks/SecurityFoundation.framework/Versions/A/SecurityFoundation",
|
|
||||||
"/System/Library/Frameworks/CoreAudio.framework/Versions/A/CoreAudio",
|
|
||||||
"/System/Library/Frameworks/AudioToolbox.framework/Versions/A/AudioToolbox",
|
|
||||||
"/System/Library/PrivateFrameworks/AppleSauce.framework/Versions/A/AppleSauce",
|
|
||||||
"/System/Library/PrivateFrameworks/AssertionServices.framework/Versions/A/AssertionServices",
|
|
||||||
"/System/Library/PrivateFrameworks/BaseBoard.framework/Versions/A/BaseBoard"
|
|
||||||
]
|
|
||||||
}
|
|
21
src/MCT.js
21
src/MCT.js
@ -28,7 +28,7 @@ define([
|
|||||||
'./api/api',
|
'./api/api',
|
||||||
'./api/overlays/OverlayAPI',
|
'./api/overlays/OverlayAPI',
|
||||||
'./selection/Selection',
|
'./selection/Selection',
|
||||||
'objectUtils',
|
'./api/objects/object-utils',
|
||||||
'./plugins/plugins',
|
'./plugins/plugins',
|
||||||
'./adapter/indicators/legacy-indicators-plugin',
|
'./adapter/indicators/legacy-indicators-plugin',
|
||||||
'./plugins/buildInfo/plugin',
|
'./plugins/buildInfo/plugin',
|
||||||
@ -240,7 +240,7 @@ define([
|
|||||||
|
|
||||||
this.overlays = new OverlayAPI.default();
|
this.overlays = new OverlayAPI.default();
|
||||||
|
|
||||||
this.menus = new api.MenuAPI(this);
|
this.contextMenu = new api.ContextMenuRegistry();
|
||||||
|
|
||||||
this.router = new ApplicationRouter();
|
this.router = new ApplicationRouter();
|
||||||
|
|
||||||
@ -249,9 +249,10 @@ define([
|
|||||||
this.legacyRegistry = new BundleRegistry();
|
this.legacyRegistry = new BundleRegistry();
|
||||||
installDefaultBundles(this.legacyRegistry);
|
installDefaultBundles(this.legacyRegistry);
|
||||||
|
|
||||||
// Plugins that are installed by default
|
// Plugin's that are installed by default
|
||||||
|
|
||||||
this.install(this.plugins.Plot());
|
this.install(this.plugins.Plot());
|
||||||
|
this.install(this.plugins.PlotlyPlot());
|
||||||
this.install(this.plugins.TelemetryTable());
|
this.install(this.plugins.TelemetryTable());
|
||||||
this.install(PreviewPlugin.default());
|
this.install(PreviewPlugin.default());
|
||||||
this.install(LegacyIndicatorsPlugin());
|
this.install(LegacyIndicatorsPlugin());
|
||||||
@ -266,7 +267,6 @@ define([
|
|||||||
this.install(this.plugins.WebPage());
|
this.install(this.plugins.WebPage());
|
||||||
this.install(this.plugins.Condition());
|
this.install(this.plugins.Condition());
|
||||||
this.install(this.plugins.ConditionWidget());
|
this.install(this.plugins.ConditionWidget());
|
||||||
this.install(this.plugins.NotificationIndicator());
|
|
||||||
}
|
}
|
||||||
|
|
||||||
MCT.prototype = Object.create(EventEmitter.prototype);
|
MCT.prototype = Object.create(EventEmitter.prototype);
|
||||||
@ -351,13 +351,17 @@ define([
|
|||||||
* @param {HTMLElement} [domElement] the DOM element in which to run
|
* @param {HTMLElement} [domElement] the DOM element in which to run
|
||||||
* MCT; if undefined, MCT will be run in the body of the document
|
* MCT; if undefined, MCT will be run in the body of the document
|
||||||
*/
|
*/
|
||||||
MCT.prototype.start = function (domElement = document.body, isHeadlessMode = false) {
|
MCT.prototype.start = function (domElement) {
|
||||||
if (!this.plugins.DisplayLayout._installed) {
|
if (!this.plugins.DisplayLayout._installed) {
|
||||||
this.install(this.plugins.DisplayLayout({
|
this.install(this.plugins.DisplayLayout({
|
||||||
showAsView: ['summary-widget']
|
showAsView: ['summary-widget']
|
||||||
}));
|
}));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (!domElement) {
|
||||||
|
domElement = document.body;
|
||||||
|
}
|
||||||
|
|
||||||
this.element = domElement;
|
this.element = domElement;
|
||||||
|
|
||||||
this.legacyExtension('runs', {
|
this.legacyExtension('runs', {
|
||||||
@ -397,7 +401,6 @@ define([
|
|||||||
// something has depended upon objectService. Cool, right?
|
// something has depended upon objectService. Cool, right?
|
||||||
this.$injector.get('objectService');
|
this.$injector.get('objectService');
|
||||||
|
|
||||||
if (!isHeadlessMode) {
|
|
||||||
var appLayout = new Vue({
|
var appLayout = new Vue({
|
||||||
components: {
|
components: {
|
||||||
'Layout': Layout.default
|
'Layout': Layout.default
|
||||||
@ -411,17 +414,11 @@ define([
|
|||||||
|
|
||||||
this.layout = appLayout.$refs.layout;
|
this.layout = appLayout.$refs.layout;
|
||||||
Browse(this);
|
Browse(this);
|
||||||
}
|
|
||||||
this.router.start();
|
this.router.start();
|
||||||
this.emit('start');
|
this.emit('start');
|
||||||
}.bind(this));
|
}.bind(this));
|
||||||
};
|
};
|
||||||
|
|
||||||
MCT.prototype.startHeadless = function () {
|
|
||||||
let unreachableNode = document.createElement('div');
|
|
||||||
return this.start(unreachableNode, true);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Install a plugin in MCT.
|
* Install a plugin in MCT.
|
||||||
*
|
*
|
||||||
|
@ -21,11 +21,11 @@
|
|||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
|
||||||
define([
|
define([
|
||||||
|
'./MCT',
|
||||||
'./plugins/plugins',
|
'./plugins/plugins',
|
||||||
'legacyRegistry',
|
'legacyRegistry'
|
||||||
'testUtils'
|
], function (MCT, plugins, legacyRegistry) {
|
||||||
], function (plugins, legacyRegistry, testUtils) {
|
xdescribe("MCT", function () {
|
||||||
describe("MCT", function () {
|
|
||||||
var openmct;
|
var openmct;
|
||||||
var mockPlugin;
|
var mockPlugin;
|
||||||
var mockPlugin2;
|
var mockPlugin2;
|
||||||
@ -38,7 +38,7 @@ define([
|
|||||||
mockListener = jasmine.createSpy('listener');
|
mockListener = jasmine.createSpy('listener');
|
||||||
oldBundles = legacyRegistry.list();
|
oldBundles = legacyRegistry.list();
|
||||||
|
|
||||||
openmct = testUtils.createOpenMct();
|
openmct = new MCT();
|
||||||
|
|
||||||
openmct.install(mockPlugin);
|
openmct.install(mockPlugin);
|
||||||
openmct.install(mockPlugin2);
|
openmct.install(mockPlugin2);
|
||||||
@ -63,11 +63,8 @@ define([
|
|||||||
});
|
});
|
||||||
|
|
||||||
describe("start", function () {
|
describe("start", function () {
|
||||||
let appHolder;
|
beforeEach(function () {
|
||||||
beforeEach(function (done) {
|
openmct.start();
|
||||||
appHolder = document.createElement("div");
|
|
||||||
openmct.on('start', done);
|
|
||||||
openmct.start(appHolder);
|
|
||||||
});
|
});
|
||||||
|
|
||||||
it("calls plugins for configuration", function () {
|
it("calls plugins for configuration", function () {
|
||||||
@ -78,51 +75,25 @@ define([
|
|||||||
it("emits a start event", function () {
|
it("emits a start event", function () {
|
||||||
expect(mockListener).toHaveBeenCalled();
|
expect(mockListener).toHaveBeenCalled();
|
||||||
});
|
});
|
||||||
|
|
||||||
it("Renders the application into the provided container element", function () {
|
|
||||||
let openMctShellElements = appHolder.querySelectorAll('div.l-shell');
|
|
||||||
expect(openMctShellElements.length).toBe(1);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
describe("startHeadless", function () {
|
|
||||||
beforeEach(function (done) {
|
|
||||||
openmct.on('start', done);
|
|
||||||
openmct.startHeadless();
|
|
||||||
});
|
|
||||||
|
|
||||||
it("calls plugins for configuration", function () {
|
|
||||||
expect(mockPlugin).toHaveBeenCalledWith(openmct);
|
|
||||||
expect(mockPlugin2).toHaveBeenCalledWith(openmct);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("emits a start event", function () {
|
|
||||||
expect(mockListener).toHaveBeenCalled();
|
|
||||||
});
|
|
||||||
|
|
||||||
it("Does not render Open MCT", function () {
|
|
||||||
let openMctShellElements = document.body.querySelectorAll('div.l-shell');
|
|
||||||
expect(openMctShellElements.length).toBe(0);
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|
||||||
describe("setAssetPath", function () {
|
describe("setAssetPath", function () {
|
||||||
var testAssetPath;
|
var testAssetPath;
|
||||||
|
|
||||||
beforeEach(function () {
|
beforeEach(function () {
|
||||||
openmct.legacyExtension = jasmine.createSpy('legacyExtension');
|
|
||||||
});
|
|
||||||
|
|
||||||
it("configures the path for assets", function () {
|
|
||||||
testAssetPath = "some/path/";
|
|
||||||
openmct.setAssetPath(testAssetPath);
|
|
||||||
expect(openmct.getAssetPath()).toBe(testAssetPath);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("adds a trailing /", function () {
|
|
||||||
testAssetPath = "some/path";
|
testAssetPath = "some/path";
|
||||||
|
openmct.legacyExtension = jasmine.createSpy('legacyExtension');
|
||||||
openmct.setAssetPath(testAssetPath);
|
openmct.setAssetPath(testAssetPath);
|
||||||
expect(openmct.getAssetPath()).toBe(testAssetPath + "/");
|
});
|
||||||
|
|
||||||
|
it("internally configures the path for assets", function () {
|
||||||
|
expect(openmct.legacyExtension).toHaveBeenCalledWith(
|
||||||
|
'constants',
|
||||||
|
{
|
||||||
|
key: "ASSETS_PATH",
|
||||||
|
value: testAssetPath
|
||||||
|
}
|
||||||
|
);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
@ -21,7 +21,7 @@
|
|||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
|
||||||
define([
|
define([
|
||||||
'objectUtils'
|
'../../api/objects/object-utils'
|
||||||
], function (objectUtils) {
|
], function (objectUtils) {
|
||||||
function ActionDialogDecorator(mct, actionService) {
|
function ActionDialogDecorator(mct, actionService) {
|
||||||
this.mct = mct;
|
this.mct = mct;
|
||||||
|
@ -33,5 +33,5 @@ export default function LegacyActionAdapter(openmct, legacyActions) {
|
|||||||
|
|
||||||
legacyActions.filter(contextualCategoryOnly)
|
legacyActions.filter(contextualCategoryOnly)
|
||||||
.map(LegacyAction => new LegacyContextMenuAction(openmct, LegacyAction))
|
.map(LegacyAction => new LegacyContextMenuAction(openmct, LegacyAction))
|
||||||
.forEach(openmct.menus.registerObjectAction);
|
.forEach(openmct.contextMenu.registerAction);
|
||||||
}
|
}
|
||||||
|
@ -20,7 +20,7 @@
|
|||||||
* at runtime from the About dialog for additional information.
|
* at runtime from the About dialog for additional information.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
|
||||||
define(['objectUtils'], function (objectUtils) {
|
define(['../../api/objects/object-utils'], function (objectUtils) {
|
||||||
function AdapterCapability(domainObject) {
|
function AdapterCapability(domainObject) {
|
||||||
this.domainObject = domainObject;
|
this.domainObject = domainObject;
|
||||||
}
|
}
|
||||||
|
@ -24,7 +24,7 @@
|
|||||||
* Module defining AlternateCompositionCapability. Created by vwoeltje on 11/7/14.
|
* Module defining AlternateCompositionCapability. Created by vwoeltje on 11/7/14.
|
||||||
*/
|
*/
|
||||||
define([
|
define([
|
||||||
'objectUtils',
|
'../../api/objects/object-utils',
|
||||||
'../../../platform/core/src/capabilities/ContextualDomainObject'
|
'../../../platform/core/src/capabilities/ContextualDomainObject'
|
||||||
], function (objectUtils, ContextualDomainObject) {
|
], function (objectUtils, ContextualDomainObject) {
|
||||||
function AlternateCompositionCapability($injector, domainObject) {
|
function AlternateCompositionCapability($injector, domainObject) {
|
||||||
|
@ -31,7 +31,6 @@ define([
|
|||||||
var capability = viewConstructor(domainObject);
|
var capability = viewConstructor(domainObject);
|
||||||
var oldInvoke = capability.invoke.bind(capability);
|
var oldInvoke = capability.invoke.bind(capability);
|
||||||
|
|
||||||
/* eslint-disable you-dont-need-lodash-underscore/map */
|
|
||||||
capability.invoke = function () {
|
capability.invoke = function () {
|
||||||
var availableViews = oldInvoke();
|
var availableViews = oldInvoke();
|
||||||
var newDomainObject = capability
|
var newDomainObject = capability
|
||||||
@ -53,8 +52,6 @@ define([
|
|||||||
.map('view')
|
.map('view')
|
||||||
.value();
|
.value();
|
||||||
};
|
};
|
||||||
/* eslint-enable you-dont-need-lodash-underscore/map */
|
|
||||||
|
|
||||||
return capability;
|
return capability;
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
@ -22,7 +22,7 @@
|
|||||||
|
|
||||||
define([
|
define([
|
||||||
'../capabilities/AlternateCompositionCapability',
|
'../capabilities/AlternateCompositionCapability',
|
||||||
'objectUtils'
|
'../../api/objects/object-utils'
|
||||||
], function (
|
], function (
|
||||||
AlternateCompositionCapability,
|
AlternateCompositionCapability,
|
||||||
objectUtils
|
objectUtils
|
||||||
|
@ -21,7 +21,7 @@
|
|||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
|
||||||
define([
|
define([
|
||||||
'objectUtils'
|
'../../api/objects/object-utils'
|
||||||
], function (
|
], function (
|
||||||
utils
|
utils
|
||||||
) {
|
) {
|
||||||
|
@ -78,7 +78,7 @@ define([
|
|||||||
};
|
};
|
||||||
|
|
||||||
TimeSettingsURLHandler.prototype.parseQueryParams = function () {
|
TimeSettingsURLHandler.prototype.parseQueryParams = function () {
|
||||||
var searchParams = _.pick(this.$location.search(), Object.values(SEARCH));
|
var searchParams = _.pick(this.$location.search(), _.values(SEARCH));
|
||||||
var parsedParams = {
|
var parsedParams = {
|
||||||
clock: searchParams[SEARCH.MODE],
|
clock: searchParams[SEARCH.MODE],
|
||||||
timeSystem: searchParams[SEARCH.TIME_SYSTEM]
|
timeSystem: searchParams[SEARCH.TIME_SYSTEM]
|
||||||
|
@ -21,7 +21,7 @@
|
|||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
|
||||||
define([
|
define([
|
||||||
'objectUtils'
|
'../../api/objects/object-utils'
|
||||||
], function (
|
], function (
|
||||||
utils
|
utils
|
||||||
) {
|
) {
|
||||||
|
@ -21,7 +21,7 @@
|
|||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
|
||||||
define([
|
define([
|
||||||
'objectUtils'
|
'../../api/objects/object-utils'
|
||||||
], function (
|
], function (
|
||||||
objectUtils
|
objectUtils
|
||||||
) {
|
) {
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
define([
|
define([
|
||||||
'./LegacyViewProvider',
|
'./LegacyViewProvider',
|
||||||
'./TypeInspectorViewProvider',
|
'./TypeInspectorViewProvider',
|
||||||
'objectUtils'
|
'../../api/objects/object-utils'
|
||||||
], function (
|
], function (
|
||||||
LegacyViewProvider,
|
LegacyViewProvider,
|
||||||
TypeInspectorViewProvider,
|
TypeInspectorViewProvider,
|
||||||
|
@ -28,8 +28,8 @@ define([
|
|||||||
'./telemetry/TelemetryAPI',
|
'./telemetry/TelemetryAPI',
|
||||||
'./indicators/IndicatorAPI',
|
'./indicators/IndicatorAPI',
|
||||||
'./notifications/NotificationAPI',
|
'./notifications/NotificationAPI',
|
||||||
'./Editor',
|
'./contextMenu/ContextMenuAPI',
|
||||||
'./menu/MenuAPI'
|
'./Editor'
|
||||||
|
|
||||||
], function (
|
], function (
|
||||||
TimeAPI,
|
TimeAPI,
|
||||||
@ -39,8 +39,8 @@ define([
|
|||||||
TelemetryAPI,
|
TelemetryAPI,
|
||||||
IndicatorAPI,
|
IndicatorAPI,
|
||||||
NotificationAPI,
|
NotificationAPI,
|
||||||
EditorAPI,
|
ContextMenuAPI,
|
||||||
MenuAPI
|
EditorAPI
|
||||||
) {
|
) {
|
||||||
return {
|
return {
|
||||||
TimeAPI: TimeAPI,
|
TimeAPI: TimeAPI,
|
||||||
@ -51,6 +51,6 @@ define([
|
|||||||
IndicatorAPI: IndicatorAPI,
|
IndicatorAPI: IndicatorAPI,
|
||||||
NotificationAPI: NotificationAPI.default,
|
NotificationAPI: NotificationAPI.default,
|
||||||
EditorAPI: EditorAPI,
|
EditorAPI: EditorAPI,
|
||||||
MenuAPI: MenuAPI.default
|
ContextMenuRegistry: ContextMenuAPI.default
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
@ -70,7 +70,7 @@ define([
|
|||||||
* @memberof module:openmct.CompositionAPI#
|
* @memberof module:openmct.CompositionAPI#
|
||||||
*/
|
*/
|
||||||
CompositionAPI.prototype.get = function (domainObject) {
|
CompositionAPI.prototype.get = function (domainObject) {
|
||||||
var provider = this.registry.find(p => {
|
var provider = _.find(this.registry, function (p) {
|
||||||
return p.appliesTo(domainObject);
|
return p.appliesTo(domainObject);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -122,7 +122,7 @@ define([
|
|||||||
throw new Error('Event not supported by composition: ' + event);
|
throw new Error('Event not supported by composition: ' + event);
|
||||||
}
|
}
|
||||||
|
|
||||||
var index = this.listeners[event].findIndex(l => {
|
var index = _.findIndex(this.listeners[event], function (l) {
|
||||||
return l.callback === callback && l.context === context;
|
return l.callback === callback && l.context === context;
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -22,7 +22,7 @@
|
|||||||
|
|
||||||
define([
|
define([
|
||||||
'lodash',
|
'lodash',
|
||||||
'objectUtils'
|
'../objects/object-utils'
|
||||||
], function (
|
], function (
|
||||||
_,
|
_,
|
||||||
objectUtils
|
objectUtils
|
||||||
@ -143,7 +143,7 @@ define([
|
|||||||
var keyString = objectUtils.makeKeyString(domainObject.identifier);
|
var keyString = objectUtils.makeKeyString(domainObject.identifier);
|
||||||
var objectListeners = this.listeningTo[keyString];
|
var objectListeners = this.listeningTo[keyString];
|
||||||
|
|
||||||
var index = objectListeners[event].findIndex(l => {
|
var index = _.findIndex(objectListeners[event], function (l) {
|
||||||
return l.callback === callback && l.context === context;
|
return l.callback === callback && l.context === context;
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -196,8 +196,8 @@ define([
|
|||||||
* @private
|
* @private
|
||||||
*/
|
*/
|
||||||
DefaultCompositionProvider.prototype.includes = function (parent, childId) {
|
DefaultCompositionProvider.prototype.includes = function (parent, childId) {
|
||||||
return parent.composition.some(composee =>
|
return parent.composition.findIndex(composee =>
|
||||||
this.publicAPI.objects.areIdsEqual(composee, childId));
|
this.publicAPI.objects.areIdsEqual(composee, childId)) !== -1;
|
||||||
};
|
};
|
||||||
|
|
||||||
DefaultCompositionProvider.prototype.reorder = function (domainObject, oldIndex, newIndex) {
|
DefaultCompositionProvider.prototype.reorder = function (domainObject, oldIndex, newIndex) {
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
:key="action.name"
|
:key="action.name"
|
||||||
:class="action.cssClass"
|
:class="action.cssClass"
|
||||||
:title="action.description"
|
:title="action.description"
|
||||||
@click="action.callBack"
|
@click="action.invoke(objectPath)"
|
||||||
>
|
>
|
||||||
{{ action.name }}
|
{{ action.name }}
|
||||||
</li>
|
</li>
|
||||||
@ -19,6 +19,6 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
inject: ['actions']
|
inject: ['actions', 'objectPath']
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
@ -1,5 +1,5 @@
|
|||||||
/*****************************************************************************
|
/*****************************************************************************
|
||||||
* Open MCT, Copyright (c) 2014-2020, United States Government
|
* Open MCT, Copyright (c) 2014-2018, United States Government
|
||||||
* as represented by the Administrator of the National Aeronautics and Space
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
* Administration. All rights reserved.
|
* Administration. All rights reserved.
|
||||||
*
|
*
|
||||||
@ -20,32 +20,29 @@
|
|||||||
* at runtime from the About dialog for additional information.
|
* at runtime from the About dialog for additional information.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
|
||||||
import Menu from './menu.js';
|
import ContextMenuComponent from './ContextMenu.vue';
|
||||||
|
import Vue from 'vue';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* The MenuAPI allows the addition of new context menu actions, and for the context menu to be launched from
|
* The ContextMenuAPI allows the addition of new context menu actions, and for the context menu to be launched from
|
||||||
* custom HTML elements.
|
* custom HTML elements.
|
||||||
* @interface MenuAPI
|
* @interface ContextMenuAPI
|
||||||
* @memberof module:openmct
|
* @memberof module:openmct
|
||||||
*/
|
*/
|
||||||
|
class ContextMenuAPI {
|
||||||
|
constructor() {
|
||||||
|
this._allActions = [];
|
||||||
|
this._activeContextMenu = undefined;
|
||||||
|
|
||||||
class MenuAPI {
|
this._hideActiveContextMenu = this._hideActiveContextMenu.bind(this);
|
||||||
constructor(openmct) {
|
this.registerAction = this.registerAction.bind(this);
|
||||||
this.openmct = openmct;
|
|
||||||
this._allObjectActions = [];
|
|
||||||
|
|
||||||
this.showMenu = this.showMenu.bind(this);
|
|
||||||
this.registerObjectAction = this.registerObjectAction.bind(this);
|
|
||||||
this._clearMenuComponent = this._clearMenuComponent.bind(this);
|
|
||||||
this._applicableObjectActions = this._applicableObjectActions.bind(this);
|
|
||||||
this._showObjectMenu = this._showObjectMenu.bind(this);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Defines an item to be added to context menus. Allows specification of text, appearance, and behavior when
|
* Defines an item to be added to context menus. Allows specification of text, appearance, and behavior when
|
||||||
* selected. Applicabilioty can be restricted by specification of an `appliesTo` function.
|
* selected. Applicabilioty can be restricted by specification of an `appliesTo` function.
|
||||||
*
|
*
|
||||||
* @interface ObjectAction
|
* @interface ContextMenuAction
|
||||||
* @memberof module:openmct
|
* @memberof module:openmct
|
||||||
* @property {string} name the human-readable name of this view
|
* @property {string} name the human-readable name of this view
|
||||||
* @property {string} description a longer-form description (typically
|
* @property {string} description a longer-form description (typically
|
||||||
@ -71,32 +68,17 @@ class MenuAPI {
|
|||||||
/**
|
/**
|
||||||
* @param {ContextMenuAction} actionDefinition
|
* @param {ContextMenuAction} actionDefinition
|
||||||
*/
|
*/
|
||||||
registerObjectAction(actionDefinition) {
|
registerAction(actionDefinition) {
|
||||||
this._allObjectActions.push(actionDefinition);
|
this._allActions.push(actionDefinition);
|
||||||
}
|
}
|
||||||
|
|
||||||
showMenu(x, y, actions) {
|
/**
|
||||||
if (this.menuComponent) {
|
* @private
|
||||||
this.menuComponent.dismiss();
|
*/
|
||||||
}
|
_showContextMenuForObjectPath(objectPath, x, y, actionsToBeIncluded) {
|
||||||
|
|
||||||
let options = {
|
let applicableActions = this._allActions.filter((action) => {
|
||||||
x,
|
|
||||||
y,
|
|
||||||
actions
|
|
||||||
}
|
|
||||||
|
|
||||||
this.menuComponent = new Menu(options);
|
|
||||||
this.menuComponent.on('destroy', this._clearMenuComponent);
|
|
||||||
}
|
|
||||||
|
|
||||||
_clearMenuComponent() {
|
|
||||||
this.menuComponent = undefined;
|
|
||||||
delete this.menuComponent;
|
|
||||||
}
|
|
||||||
|
|
||||||
_applicableObjectActions(objectPath, actionsToBeIncluded) {
|
|
||||||
let applicableActions = this._allObjectActions.filter((action) => {
|
|
||||||
if (actionsToBeIncluded) {
|
if (actionsToBeIncluded) {
|
||||||
if (action.appliesTo === undefined && actionsToBeIncluded.includes(action.key)) {
|
if (action.appliesTo === undefined && actionsToBeIncluded.includes(action.key)) {
|
||||||
return true;
|
return true;
|
||||||
@ -110,19 +92,66 @@ class MenuAPI {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
applicableActions.forEach(action => {
|
if (this._activeContextMenu) {
|
||||||
action.callBack = () => {
|
this._hideActiveContextMenu();
|
||||||
return action.invoke(objectPath);
|
}
|
||||||
};
|
|
||||||
|
this._activeContextMenu = this._createContextMenuForObject(objectPath, applicableActions);
|
||||||
|
this._activeContextMenu.$mount();
|
||||||
|
document.body.appendChild(this._activeContextMenu.$el);
|
||||||
|
|
||||||
|
let position = this._calculatePopupPosition(x, y, this._activeContextMenu.$el);
|
||||||
|
this._activeContextMenu.$el.style.left = `${position.x}px`;
|
||||||
|
this._activeContextMenu.$el.style.top = `${position.y}px`;
|
||||||
|
|
||||||
|
document.addEventListener('click', this._hideActiveContextMenu);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @private
|
||||||
|
*/
|
||||||
|
_calculatePopupPosition(eventPosX, eventPosY, menuElement) {
|
||||||
|
let menuDimensions = menuElement.getBoundingClientRect();
|
||||||
|
let overflowX = (eventPosX + menuDimensions.width) - document.body.clientWidth;
|
||||||
|
let overflowY = (eventPosY + menuDimensions.height) - document.body.clientHeight;
|
||||||
|
|
||||||
|
if (overflowX > 0) {
|
||||||
|
eventPosX = eventPosX - overflowX;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (overflowY > 0) {
|
||||||
|
eventPosY = eventPosY - overflowY;
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
x: eventPosX,
|
||||||
|
y: eventPosY
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* @private
|
||||||
|
*/
|
||||||
|
_hideActiveContextMenu() {
|
||||||
|
document.removeEventListener('click', this._hideActiveContextMenu);
|
||||||
|
document.body.removeChild(this._activeContextMenu.$el);
|
||||||
|
this._activeContextMenu.$destroy();
|
||||||
|
this._activeContextMenu = undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @private
|
||||||
|
*/
|
||||||
|
_createContextMenuForObject(objectPath, actions) {
|
||||||
|
return new Vue({
|
||||||
|
components: {
|
||||||
|
ContextMenu: ContextMenuComponent
|
||||||
|
},
|
||||||
|
provide: {
|
||||||
|
actions: actions,
|
||||||
|
objectPath: objectPath
|
||||||
|
},
|
||||||
|
template: '<ContextMenu></ContextMenu>'
|
||||||
});
|
});
|
||||||
|
|
||||||
return applicableActions;
|
|
||||||
}
|
|
||||||
|
|
||||||
_showObjectMenu(objectPath, x, y, actionsToBeIncluded) {
|
|
||||||
let applicableActions = this._applicableObjectActions(objectPath, actionsToBeIncluded);
|
|
||||||
|
|
||||||
this.showMenu(x, y, applicableActions);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
export default MenuAPI;
|
export default ContextMenuAPI;
|
@ -1,94 +0,0 @@
|
|||||||
/*****************************************************************************
|
|
||||||
* Open MCT, Copyright (c) 2014-2020, United States Government
|
|
||||||
* as represented by the Administrator of the National Aeronautics and Space
|
|
||||||
* Administration. All rights reserved.
|
|
||||||
*
|
|
||||||
* Open MCT is licensed under the Apache License, Version 2.0 (the
|
|
||||||
* "License"); you may not use this file except in compliance with the License.
|
|
||||||
* You may obtain a copy of the License at
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
||||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
|
||||||
* License for the specific language governing permissions and limitations
|
|
||||||
* under the License.
|
|
||||||
*
|
|
||||||
* Open MCT includes source code licensed under additional open source
|
|
||||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
|
||||||
* this source code distribution or the Licensing information page available
|
|
||||||
* at runtime from the About dialog for additional information.
|
|
||||||
*****************************************************************************/
|
|
||||||
import EventEmitter from 'EventEmitter';
|
|
||||||
import MenuComponent from './components/Menu.vue';
|
|
||||||
import Vue from 'vue';
|
|
||||||
|
|
||||||
class Menu extends EventEmitter {
|
|
||||||
constructor(options) {
|
|
||||||
super();
|
|
||||||
|
|
||||||
this.options = options;
|
|
||||||
|
|
||||||
this.component = new Vue({
|
|
||||||
provide: {
|
|
||||||
actions: options.actions
|
|
||||||
},
|
|
||||||
components: {
|
|
||||||
MenuComponent
|
|
||||||
},
|
|
||||||
template: '<menu-component />'
|
|
||||||
});
|
|
||||||
|
|
||||||
if (options.onDestroy) {
|
|
||||||
this.once('destroy', options.onDestroy);
|
|
||||||
}
|
|
||||||
|
|
||||||
this.dismiss = this.dismiss.bind(this);
|
|
||||||
this.show = this.show.bind(this);
|
|
||||||
|
|
||||||
this.show();
|
|
||||||
}
|
|
||||||
|
|
||||||
dismiss() {
|
|
||||||
this.emit('destroy');
|
|
||||||
document.body.removeChild(this.component.$el);
|
|
||||||
document.removeEventListener('click', this.dismiss);
|
|
||||||
this.component.$destroy();
|
|
||||||
}
|
|
||||||
|
|
||||||
show() {
|
|
||||||
this.component.$mount();
|
|
||||||
document.body.appendChild(this.component.$el);
|
|
||||||
|
|
||||||
let position = this._calculatePopupPosition(this.options.x, this.options.y, this.component.$el);
|
|
||||||
|
|
||||||
this.component.$el.style.left = `${position.x}px`;
|
|
||||||
this.component.$el.style.top = `${position.y}px`;
|
|
||||||
|
|
||||||
document.addEventListener('click', this.dismiss);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @private
|
|
||||||
*/
|
|
||||||
_calculatePopupPosition(eventPosX, eventPosY, menuElement) {
|
|
||||||
let menuDimensions = menuElement.getBoundingClientRect();
|
|
||||||
let overflowX = (eventPosX + menuDimensions.width) - document.body.clientWidth;
|
|
||||||
let overflowY = (eventPosY + menuDimensions.height) - document.body.clientHeight;
|
|
||||||
|
|
||||||
if (overflowX > 0) {
|
|
||||||
eventPosX = eventPosX - overflowX;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (overflowY > 0) {
|
|
||||||
eventPosY = eventPosY - overflowY;
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
x: eventPosX,
|
|
||||||
y: eventPosY
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Menu;
|
|
@ -128,11 +128,6 @@ export default class NotificationAPI extends EventEmitter {
|
|||||||
return this._notify(notificationModel);
|
return this._notify(notificationModel);
|
||||||
}
|
}
|
||||||
|
|
||||||
dismissAllNotifications() {
|
|
||||||
this.notifications = [];
|
|
||||||
this.emit('dismiss-all');
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Minimize a notification. The notification will still be available
|
* Minimize a notification. The notification will still be available
|
||||||
* from the notification list. Typically notifications with a
|
* from the notification list. Typically notifications with a
|
||||||
|
@ -21,7 +21,7 @@
|
|||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
|
||||||
define([
|
define([
|
||||||
'objectUtils',
|
'./object-utils.js',
|
||||||
'lodash'
|
'lodash'
|
||||||
], function (
|
], function (
|
||||||
utils,
|
utils,
|
||||||
|
@ -22,7 +22,7 @@
|
|||||||
|
|
||||||
define([
|
define([
|
||||||
'lodash',
|
'lodash',
|
||||||
'objectUtils',
|
'./object-utils',
|
||||||
'./MutableObject',
|
'./MutableObject',
|
||||||
'./RootRegistry',
|
'./RootRegistry',
|
||||||
'./RootObjectProvider',
|
'./RootObjectProvider',
|
||||||
|
@ -43,7 +43,7 @@ define([
|
|||||||
}
|
}
|
||||||
|
|
||||||
RootRegistry.prototype.addRoot = function (key) {
|
RootRegistry.prototype.addRoot = function (key) {
|
||||||
if (isKey(key) || (Array.isArray(key) && key.every(isKey))) {
|
if (isKey(key) || (_.isArray(key) && _.every(key, isKey))) {
|
||||||
this.providers.push(function () {
|
this.providers.push(function () {
|
||||||
return key;
|
return key;
|
||||||
});
|
});
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
define([
|
define([
|
||||||
'objectUtils'
|
'../object-utils'
|
||||||
], function (
|
], function (
|
||||||
objectUtils
|
objectUtils
|
||||||
) {
|
) {
|
||||||
|
@ -22,7 +22,6 @@ class OverlayAPI {
|
|||||||
this.dismissLastOverlay();
|
this.dismissLastOverlay();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -129,7 +128,6 @@ class OverlayAPI {
|
|||||||
|
|
||||||
return progressDialog;
|
return progressDialog;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export default OverlayAPI;
|
export default OverlayAPI;
|
||||||
|
@ -85,9 +85,9 @@ define([
|
|||||||
value: +e.value
|
value: +e.value
|
||||||
};
|
};
|
||||||
}), 'e.value');
|
}), 'e.value');
|
||||||
valueMetadata.values = valueMetadata.enumerations.map(e => e.value);
|
valueMetadata.values = _.pluck(valueMetadata.enumerations, 'value');
|
||||||
valueMetadata.max = Math.max(valueMetadata.values);
|
valueMetadata.max = _.max(valueMetadata.values);
|
||||||
valueMetadata.min = Math.min(valueMetadata.values);
|
valueMetadata.min = _.min(valueMetadata.values);
|
||||||
}
|
}
|
||||||
|
|
||||||
valueMetadatas.push(valueMetadata);
|
valueMetadatas.push(valueMetadata);
|
||||||
@ -103,7 +103,7 @@ define([
|
|||||||
var metadata = domainObject.telemetry || {};
|
var metadata = domainObject.telemetry || {};
|
||||||
if (this.typeHasTelemetry(domainObject)) {
|
if (this.typeHasTelemetry(domainObject)) {
|
||||||
var typeMetadata = this.typeService.getType(domainObject.type).typeDef.telemetry;
|
var typeMetadata = this.typeService.getType(domainObject.type).typeDef.telemetry;
|
||||||
Object.assign(metadata, typeMetadata);
|
_.extend(metadata, typeMetadata);
|
||||||
if (!metadata.values) {
|
if (!metadata.values) {
|
||||||
metadata.values = valueMetadatasFromOldFormat(metadata);
|
metadata.values = valueMetadatasFromOldFormat(metadata);
|
||||||
}
|
}
|
||||||
|
@ -24,7 +24,7 @@ define([
|
|||||||
'./TelemetryMetadataManager',
|
'./TelemetryMetadataManager',
|
||||||
'./TelemetryValueFormatter',
|
'./TelemetryValueFormatter',
|
||||||
'./DefaultMetadataProvider',
|
'./DefaultMetadataProvider',
|
||||||
'objectUtils',
|
'../objects/object-utils',
|
||||||
'lodash'
|
'lodash'
|
||||||
], function (
|
], function (
|
||||||
TelemetryMetadataManager,
|
TelemetryMetadataManager,
|
||||||
@ -370,7 +370,7 @@ define([
|
|||||||
TelemetryAPI.prototype.commonValuesForHints = function (metadatas, hints) {
|
TelemetryAPI.prototype.commonValuesForHints = function (metadatas, hints) {
|
||||||
var options = metadatas.map(function (metadata) {
|
var options = metadatas.map(function (metadata) {
|
||||||
var values = metadata.valuesForHints(hints);
|
var values = metadata.valuesForHints(hints);
|
||||||
return _.keyBy(values, 'key');
|
return _.indexBy(values, 'key');
|
||||||
}).reduce(function (a, b) {
|
}).reduce(function (a, b) {
|
||||||
var results = {};
|
var results = {};
|
||||||
Object.keys(a).forEach(function (key) {
|
Object.keys(a).forEach(function (key) {
|
||||||
@ -383,7 +383,7 @@ define([
|
|||||||
var sortKeys = hints.map(function (h) {
|
var sortKeys = hints.map(function (h) {
|
||||||
return 'hints.' + h;
|
return 'hints.' + h;
|
||||||
});
|
});
|
||||||
return _.sortBy(options, sortKeys);
|
return _.sortByAll(options, sortKeys);
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -57,13 +57,13 @@ define([
|
|||||||
|
|
||||||
if (valueMetadata.format === 'enum') {
|
if (valueMetadata.format === 'enum') {
|
||||||
if (!valueMetadata.values) {
|
if (!valueMetadata.values) {
|
||||||
valueMetadata.values = valueMetadata.enumerations.map(e => e.value);
|
valueMetadata.values = _.pluck(valueMetadata.enumerations, 'value');
|
||||||
}
|
}
|
||||||
if (!valueMetadata.hasOwnProperty('max')) {
|
if (!valueMetadata.hasOwnProperty('max')) {
|
||||||
valueMetadata.max = Math.max(valueMetadata.values) + 1;
|
valueMetadata.max = _.max(valueMetadata.values) + 1;
|
||||||
}
|
}
|
||||||
if (!valueMetadata.hasOwnProperty('min')) {
|
if (!valueMetadata.hasOwnProperty('min')) {
|
||||||
valueMetadata.min = Math.min(valueMetadata.values) - 1;
|
valueMetadata.min = _.min(valueMetadata.values) - 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -121,7 +121,7 @@ define([
|
|||||||
return metadata.hints[hint];
|
return metadata.hints[hint];
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
return _.sortBy(matchingMetadata, ...iteratees);
|
return _.sortByAll(matchingMetadata, ...iteratees);
|
||||||
};
|
};
|
||||||
|
|
||||||
TelemetryMetadataManager.prototype.getFilterableValues = function () {
|
TelemetryMetadataManager.prototype.getFilterableValues = function () {
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
|
|
||||||
/*****************************************************************************
|
/*****************************************************************************
|
||||||
* Open MCT, Copyright (c) 2014-2020, United States Government
|
* Open MCT, Copyright (c) 2014-2018, United States Government
|
||||||
* as represented by the Administrator of the National Aeronautics and Space
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
* Administration. All rights reserved.
|
* Administration. All rights reserved.
|
||||||
*
|
*
|
||||||
@ -24,8 +24,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<tr @contextmenu.prevent="showContextMenu">
|
<tr @contextmenu.prevent="showContextMenu">
|
||||||
<td>{{ name }}</td>
|
<td>{{ name }}</td>
|
||||||
<td>{{ formattedTimestamp }}</td>
|
<td>{{ timestamp }}</td>
|
||||||
<td :class="valueClass">{{ value }}</td>
|
<td :class="valueClass">
|
||||||
|
{{ value }}
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -50,22 +52,16 @@ export default {
|
|||||||
|
|
||||||
return {
|
return {
|
||||||
name: this.domainObject.name,
|
name: this.domainObject.name,
|
||||||
timestamp: undefined,
|
timestamp: '---',
|
||||||
value: '---',
|
value: '---',
|
||||||
valueClass: '',
|
valueClass: '',
|
||||||
currentObjectPath
|
currentObjectPath
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
|
||||||
formattedTimestamp() {
|
|
||||||
return this.timestamp !== undefined ? this.formats[this.timestampKey].format(this.timestamp) : '---';
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
mounted() {
|
||||||
this.metadata = this.openmct.telemetry.getMetadata(this.domainObject);
|
this.metadata = this.openmct.telemetry.getMetadata(this.domainObject);
|
||||||
this.formats = this.openmct.telemetry.getFormatMap(this.metadata);
|
this.formats = this.openmct.telemetry.getFormatMap(this.metadata);
|
||||||
this.keyString = this.openmct.objects.makeKeyString(this.domainObject.identifier);
|
this.keyString = this.openmct.objects.makeKeyString(this.domainObject.identifier);
|
||||||
this.bounds = this.openmct.time.bounds();
|
|
||||||
|
|
||||||
this.limitEvaluator = this.openmct
|
this.limitEvaluator = this.openmct
|
||||||
.telemetry
|
.telemetry
|
||||||
@ -80,7 +76,6 @@ export default {
|
|||||||
);
|
);
|
||||||
|
|
||||||
this.openmct.time.on('timeSystem', this.updateTimeSystem);
|
this.openmct.time.on('timeSystem', this.updateTimeSystem);
|
||||||
this.openmct.time.on('bounds', this.updateBounds);
|
|
||||||
|
|
||||||
this.timestampKey = this.openmct.time.timeSystem().key;
|
this.timestampKey = this.openmct.time.timeSystem().key;
|
||||||
|
|
||||||
@ -94,66 +89,46 @@ export default {
|
|||||||
.telemetry
|
.telemetry
|
||||||
.subscribe(this.domainObject, this.updateValues);
|
.subscribe(this.domainObject, this.updateValues);
|
||||||
|
|
||||||
this.requestHistory();
|
this.openmct
|
||||||
|
.telemetry
|
||||||
|
.request(this.domainObject, {strategy: 'latest'})
|
||||||
|
.then((array) => this.updateValues(array[array.length - 1]));
|
||||||
},
|
},
|
||||||
destroyed() {
|
destroyed() {
|
||||||
this.stopWatchingMutation();
|
this.stopWatchingMutation();
|
||||||
this.unsubscribe();
|
this.unsubscribe();
|
||||||
this.openmct.time.off('timeSystem', this.updateTimeSystem);
|
this.openmct.off('timeSystem', this.updateTimeSystem);
|
||||||
this.openmct.time.off('bounds', this.updateBounds);
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
updateValues(datum) {
|
updateValues(datum) {
|
||||||
let newTimestamp = this.formats[this.timestampKey].parse(datum),
|
this.timestamp = this.formats[this.timestampKey].format(datum);
|
||||||
limit;
|
|
||||||
|
|
||||||
if(this.shouldUpdate(newTimestamp)) {
|
|
||||||
this.timestamp = this.formats[this.timestampKey].parse(datum);
|
|
||||||
this.value = this.formats[this.valueKey].format(datum);
|
this.value = this.formats[this.valueKey].format(datum);
|
||||||
limit = this.limitEvaluator.evaluate(datum, this.valueMetadata);
|
|
||||||
|
var limit = this.limitEvaluator.evaluate(datum, this.valueMetadata);
|
||||||
|
|
||||||
if (limit) {
|
if (limit) {
|
||||||
this.valueClass = limit.cssClass;
|
this.valueClass = limit.cssClass;
|
||||||
} else {
|
} else {
|
||||||
this.valueClass = '';
|
this.valueClass = '';
|
||||||
}
|
}
|
||||||
}
|
|
||||||
},
|
|
||||||
shouldUpdate(newTimestamp) {
|
|
||||||
return (this.timestamp === undefined) ||
|
|
||||||
(this.inBounds(newTimestamp) &&
|
|
||||||
newTimestamp > this.timestamp);
|
|
||||||
},
|
|
||||||
requestHistory() {
|
|
||||||
this.openmct
|
|
||||||
.telemetry
|
|
||||||
.request(this.domainObject, {
|
|
||||||
start: this.bounds.start,
|
|
||||||
end: this.bounds.end,
|
|
||||||
size: 1,
|
|
||||||
strategy: 'latest'
|
|
||||||
})
|
|
||||||
.then((array) => this.updateValues(array[array.length - 1]));
|
|
||||||
},
|
},
|
||||||
updateName(name) {
|
updateName(name) {
|
||||||
this.name = name;
|
this.name = name;
|
||||||
},
|
},
|
||||||
updateBounds(bounds, isTick) {
|
|
||||||
this.bounds = bounds;
|
|
||||||
if(!isTick) {
|
|
||||||
this.requestHistory();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
inBounds(timestamp) {
|
|
||||||
return timestamp >= this.bounds.start && timestamp <= this.bounds.end;
|
|
||||||
},
|
|
||||||
updateTimeSystem(timeSystem) {
|
updateTimeSystem(timeSystem) {
|
||||||
this.value = '---';
|
this.value = '---';
|
||||||
this.timestamp = '---';
|
this.timestamp = '---';
|
||||||
this.valueClass = '';
|
this.valueClass = '';
|
||||||
this.timestampKey = timeSystem.key;
|
this.timestampKey = timeSystem.key;
|
||||||
|
|
||||||
|
this.openmct
|
||||||
|
.telemetry
|
||||||
|
.request(this.domainObject, {strategy: 'latest'})
|
||||||
|
.then((array) => this.updateValues(array[array.length - 1]));
|
||||||
|
|
||||||
},
|
},
|
||||||
showContextMenu(event) {
|
showContextMenu(event) {
|
||||||
this.openmct.menus._showObjectMenu(this.currentObjectPath, event.x, event.y, CONTEXT_MENU_ACTIONS);
|
this.openmct.contextMenu._showContextMenuForObjectPath(this.currentObjectPath, event.x, event.y, CONTEXT_MENU_ACTIONS);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -75,7 +75,7 @@ export default {
|
|||||||
this.items.push(item);
|
this.items.push(item);
|
||||||
},
|
},
|
||||||
removeItem(identifier) {
|
removeItem(identifier) {
|
||||||
let index = this.items.findIndex(item => this.openmct.objects.makeKeyString(identifier) === item.key);
|
let index = _.findIndex(this.items, (item) => this.openmct.objects.makeKeyString(identifier) === item.key);
|
||||||
|
|
||||||
this.items.splice(index, 1);
|
this.items.splice(index, 1);
|
||||||
},
|
},
|
||||||
|
@ -102,7 +102,7 @@ export default {
|
|||||||
this.compositions.push({composition, addCallback, removeCallback});
|
this.compositions.push({composition, addCallback, removeCallback});
|
||||||
},
|
},
|
||||||
removePrimary(identifier) {
|
removePrimary(identifier) {
|
||||||
let index = this.primaryTelemetryObjects.findIndex(primary => this.openmct.objects.makeKeyString(identifier) === primary.key),
|
let index = _.findIndex(this.primaryTelemetryObjects, (primary) => this.openmct.objects.makeKeyString(identifier) === primary.key),
|
||||||
primary = this.primaryTelemetryObjects[index];
|
primary = this.primaryTelemetryObjects[index];
|
||||||
|
|
||||||
this.$set(this.secondaryTelemetryObjects, primary.key, undefined);
|
this.$set(this.secondaryTelemetryObjects, primary.key, undefined);
|
||||||
@ -130,7 +130,7 @@ export default {
|
|||||||
removeSecondary(primary) {
|
removeSecondary(primary) {
|
||||||
return (identifier) => {
|
return (identifier) => {
|
||||||
let array = this.secondaryTelemetryObjects[primary.key],
|
let array = this.secondaryTelemetryObjects[primary.key],
|
||||||
index = array.findIndex(secondary => this.openmct.objects.makeKeyString(identifier) === secondary.key);
|
index = _.findIndex(array, (secondary) => this.openmct.objects.makeKeyString(identifier) === secondary.key);
|
||||||
|
|
||||||
array.splice(index, 1);
|
array.splice(index, 1);
|
||||||
|
|
||||||
|
@ -48,7 +48,7 @@ define([
|
|||||||
|
|
||||||
openmct.indicators.add(indicator);
|
openmct.indicators.add(indicator);
|
||||||
|
|
||||||
openmct.menus.registerObjectAction(new ClearDataAction.default(openmct, appliesToObjects));
|
openmct.contextMenu.registerAction(new ClearDataAction.default(openmct, appliesToObjects));
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
@ -69,9 +69,6 @@ export default class ConditionClass extends EventEmitter {
|
|||||||
console.log('no data received');
|
console.log('no data received');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.isTelemetryUsed(datum.id)) {
|
|
||||||
|
|
||||||
this.criteria.forEach(criterion => {
|
this.criteria.forEach(criterion => {
|
||||||
if (this.isAnyOrAllTelemetry(criterion)) {
|
if (this.isAnyOrAllTelemetry(criterion)) {
|
||||||
criterion.getResult(datum, this.conditionManager.telemetryObjects);
|
criterion.getResult(datum, this.conditionManager.telemetryObjects);
|
||||||
@ -82,7 +79,6 @@ export default class ConditionClass extends EventEmitter {
|
|||||||
|
|
||||||
this.result = evaluateResults(this.criteria.map(criterion => criterion.result), this.trigger);
|
this.result = evaluateResults(this.criteria.map(criterion => criterion.result), this.trigger);
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
isAnyOrAllTelemetry(criterion) {
|
isAnyOrAllTelemetry(criterion) {
|
||||||
return (criterion.telemetry && (criterion.telemetry === 'all' || criterion.telemetry === 'any'));
|
return (criterion.telemetry && (criterion.telemetry === 'all' || criterion.telemetry === 'any'));
|
||||||
|
@ -57,6 +57,7 @@ export default class ConditionManager extends EventEmitter {
|
|||||||
endpoint,
|
endpoint,
|
||||||
this.telemetryReceived.bind(this, endpoint)
|
this.telemetryReceived.bind(this, endpoint)
|
||||||
);
|
);
|
||||||
|
// TODO check if this is needed
|
||||||
this.updateConditionTelemetry();
|
this.updateConditionTelemetry();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -47,24 +47,17 @@ describe("The condition", function () {
|
|||||||
name: "Test Object",
|
name: "Test Object",
|
||||||
telemetry: {
|
telemetry: {
|
||||||
values: [{
|
values: [{
|
||||||
key: "value",
|
key: "some-key",
|
||||||
name: "Value",
|
name: "Some attribute",
|
||||||
hints: {
|
|
||||||
range: 2
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "utc",
|
|
||||||
name: "Time",
|
|
||||||
format: "utc",
|
|
||||||
hints: {
|
hints: {
|
||||||
domain: 1
|
domain: 1
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
key: "testSource",
|
key: "some-other-key",
|
||||||
source: "value",
|
name: "Another attribute",
|
||||||
name: "Test",
|
hints: {
|
||||||
format: "string"
|
range: 1
|
||||||
|
}
|
||||||
}]
|
}]
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@ -143,38 +136,4 @@ describe("The condition", function () {
|
|||||||
expect(result).toBeTrue();
|
expect(result).toBeTrue();
|
||||||
expect(conditionObj.criteria.length).toEqual(0);
|
expect(conditionObj.criteria.length).toEqual(0);
|
||||||
});
|
});
|
||||||
|
|
||||||
it("gets the result of a condition when new telemetry data is received", function () {
|
|
||||||
conditionObj.getResult({
|
|
||||||
value: '0',
|
|
||||||
utc: 'Hi',
|
|
||||||
id: testTelemetryObject.identifier.key
|
|
||||||
});
|
|
||||||
expect(conditionObj.result).toBeTrue();
|
|
||||||
});
|
|
||||||
|
|
||||||
it("gets the result of a condition when new telemetry data is received", function () {
|
|
||||||
conditionObj.getResult({
|
|
||||||
value: '1',
|
|
||||||
utc: 'Hi',
|
|
||||||
id: testTelemetryObject.identifier.key
|
|
||||||
});
|
|
||||||
expect(conditionObj.result).toBeFalse();
|
|
||||||
});
|
|
||||||
|
|
||||||
it("keeps the old result new telemetry data is not used by it", function () {
|
|
||||||
conditionObj.getResult({
|
|
||||||
value: '0',
|
|
||||||
utc: 'Hi',
|
|
||||||
id: testTelemetryObject.identifier.key
|
|
||||||
});
|
|
||||||
expect(conditionObj.result).toBeTrue();
|
|
||||||
|
|
||||||
conditionObj.getResult({
|
|
||||||
value: '1',
|
|
||||||
utc: 'Hi',
|
|
||||||
id: '1234'
|
|
||||||
});
|
|
||||||
expect(conditionObj.result).toBeTrue();
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
@ -29,7 +29,6 @@ export default class StyleRuleManager extends EventEmitter {
|
|||||||
this.callback = callback;
|
this.callback = callback;
|
||||||
if (suppressSubscriptionOnEdit) {
|
if (suppressSubscriptionOnEdit) {
|
||||||
this.openmct.editor.on('isEditing', this.toggleSubscription.bind(this));
|
this.openmct.editor.on('isEditing', this.toggleSubscription.bind(this));
|
||||||
this.isEditing = this.openmct.editor.editing;
|
|
||||||
}
|
}
|
||||||
if (styleConfiguration) {
|
if (styleConfiguration) {
|
||||||
this.initialize(styleConfiguration);
|
this.initialize(styleConfiguration);
|
||||||
@ -157,6 +156,8 @@ export default class StyleRuleManager extends EventEmitter {
|
|||||||
}
|
}
|
||||||
delete this.stopProvidingTelemetry;
|
delete this.stopProvidingTelemetry;
|
||||||
this.conditionSetIdentifier = undefined;
|
this.conditionSetIdentifier = undefined;
|
||||||
|
this.isEditing = undefined;
|
||||||
|
this.callback = undefined;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -30,7 +30,6 @@
|
|||||||
>
|
>
|
||||||
<div class="c-condition-h__drop-target"></div>
|
<div class="c-condition-h__drop-target"></div>
|
||||||
<div v-if="isEditing"
|
<div v-if="isEditing"
|
||||||
:class="{'is-current': condition.id === currentConditionId}"
|
|
||||||
class="c-condition c-condition--edit"
|
class="c-condition c-condition--edit"
|
||||||
>
|
>
|
||||||
<!-- Edit view -->
|
<!-- Edit view -->
|
||||||
@ -168,7 +167,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<div v-else
|
<div v-else
|
||||||
class="c-condition c-condition--browse"
|
class="c-condition c-condition--browse"
|
||||||
:class="{'is-current': condition.id === currentConditionId}"
|
|
||||||
>
|
>
|
||||||
<!-- Browse view -->
|
<!-- Browse view -->
|
||||||
<div class="c-condition__header">
|
<div class="c-condition__header">
|
||||||
@ -201,10 +199,6 @@ export default {
|
|||||||
ConditionDescription
|
ConditionDescription
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
currentConditionId: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
condition: {
|
condition: {
|
||||||
type: Object,
|
type: Object,
|
||||||
required: true
|
required: true
|
||||||
|
@ -58,7 +58,6 @@
|
|||||||
<Condition v-for="(condition, index) in conditionCollection"
|
<Condition v-for="(condition, index) in conditionCollection"
|
||||||
:key="condition.id"
|
:key="condition.id"
|
||||||
:condition="condition"
|
:condition="condition"
|
||||||
:current-condition-id="currentConditionId"
|
|
||||||
:condition-index="index"
|
:condition-index="index"
|
||||||
:telemetry="telemetryObjs"
|
:telemetry="telemetryObjs"
|
||||||
:is-editing="isEditing"
|
:is-editing="isEditing"
|
||||||
@ -108,8 +107,7 @@ export default {
|
|||||||
moveIndex: undefined,
|
moveIndex: undefined,
|
||||||
isDragging: false,
|
isDragging: false,
|
||||||
defaultOutput: undefined,
|
defaultOutput: undefined,
|
||||||
dragCounter: 0,
|
dragCounter: 0
|
||||||
currentConditionId: ''
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
@ -147,7 +145,6 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
handleConditionSetResultUpdated(data) {
|
handleConditionSetResultUpdated(data) {
|
||||||
this.currentConditionId = data.conditionId;
|
|
||||||
this.$emit('conditionSetResultUpdated', data)
|
this.$emit('conditionSetResultUpdated', data)
|
||||||
},
|
},
|
||||||
observeForChanges() {
|
observeForChanges() {
|
||||||
@ -200,7 +197,7 @@ export default {
|
|||||||
this.$emit('telemetryUpdated', this.telemetryObjs);
|
this.$emit('telemetryUpdated', this.telemetryObjs);
|
||||||
},
|
},
|
||||||
removeTelemetryObject(identifier) {
|
removeTelemetryObject(identifier) {
|
||||||
let index = this.telemetryObjs.findIndex(obj => {
|
let index = _.findIndex(this.telemetryObjs, (obj) => {
|
||||||
let objId = this.openmct.objects.makeKeyString(obj.identifier);
|
let objId = this.openmct.objects.makeKeyString(obj.identifier);
|
||||||
let id = this.openmct.objects.makeKeyString(identifier);
|
let id = this.openmct.objects.makeKeyString(identifier);
|
||||||
return objId === id;
|
return objId === id;
|
||||||
|
@ -190,7 +190,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.c-condition {
|
.c-condition {
|
||||||
border: 1px solid transparent;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
min-width: 400px;
|
min-width: 400px;
|
||||||
|
|
||||||
@ -235,12 +234,6 @@
|
|||||||
&__summary {
|
&__summary {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.is-current {
|
|
||||||
$c: $colorBodyFg;
|
|
||||||
border-color: rgba($c, 0.2);
|
|
||||||
background: rgba($c, 0.2);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/***************************** CONDITION DEFINITION, EDITING */
|
/***************************** CONDITION DEFINITION, EDITING */
|
||||||
|
@ -108,7 +108,6 @@ import ConditionError from "@/plugins/condition/components/ConditionError.vue";
|
|||||||
import Vue from 'vue';
|
import Vue from 'vue';
|
||||||
import PreviewAction from "@/ui/preview/PreviewAction.js";
|
import PreviewAction from "@/ui/preview/PreviewAction.js";
|
||||||
import {getApplicableStylesForItem} from "@/plugins/condition/utils/styleUtils";
|
import {getApplicableStylesForItem} from "@/plugins/condition/utils/styleUtils";
|
||||||
import isEmpty from 'lodash/isEmpty';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'ConditionalStylesView',
|
name: 'ConditionalStylesView',
|
||||||
@ -289,7 +288,7 @@ export default {
|
|||||||
delete domainObjectStyles[this.itemId].conditionSetIdentifier;
|
delete domainObjectStyles[this.itemId].conditionSetIdentifier;
|
||||||
domainObjectStyles[this.itemId].styles = undefined;
|
domainObjectStyles[this.itemId].styles = undefined;
|
||||||
delete domainObjectStyles[this.itemId].styles;
|
delete domainObjectStyles[this.itemId].styles;
|
||||||
if (isEmpty(domainObjectStyles[this.itemId])) {
|
if (_.isEmpty(domainObjectStyles[this.itemId])) {
|
||||||
delete domainObjectStyles[this.itemId];
|
delete domainObjectStyles[this.itemId];
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
@ -300,7 +299,7 @@ export default {
|
|||||||
domainObjectStyles.styles = undefined;
|
domainObjectStyles.styles = undefined;
|
||||||
delete domainObjectStyles.styles;
|
delete domainObjectStyles.styles;
|
||||||
}
|
}
|
||||||
if (isEmpty(domainObjectStyles)) {
|
if (_.isEmpty(domainObjectStyles)) {
|
||||||
domainObjectStyles = undefined;
|
domainObjectStyles = undefined;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -338,7 +337,7 @@ export default {
|
|||||||
delete domainObjectStyles[this.itemId];
|
delete domainObjectStyles[this.itemId];
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
if (isEmpty(domainObjectStyles)) {
|
if (_.isEmpty(domainObjectStyles)) {
|
||||||
domainObjectStyles = undefined;
|
domainObjectStyles = undefined;
|
||||||
}
|
}
|
||||||
this.persist(domainObjectStyles);
|
this.persist(domainObjectStyles);
|
||||||
|
@ -50,7 +50,6 @@
|
|||||||
import StyleEditor from "./StyleEditor.vue";
|
import StyleEditor from "./StyleEditor.vue";
|
||||||
import PreviewAction from "@/ui/preview/PreviewAction.js";
|
import PreviewAction from "@/ui/preview/PreviewAction.js";
|
||||||
import { getApplicableStylesForItem, getConsolidatedStyleValues, getConditionalStyleForItem } from "@/plugins/condition/utils/styleUtils";
|
import { getApplicableStylesForItem, getConsolidatedStyleValues, getConditionalStyleForItem } from "@/plugins/condition/utils/styleUtils";
|
||||||
import isEmpty from 'lodash/isEmpty';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'MultiSelectStylesView',
|
name: 'MultiSelectStylesView',
|
||||||
@ -179,7 +178,7 @@ export default {
|
|||||||
domainObjectStyles[itemId] = undefined;
|
domainObjectStyles[itemId] = undefined;
|
||||||
delete domainObjectStyles[this.itemId];
|
delete domainObjectStyles[this.itemId];
|
||||||
|
|
||||||
if (isEmpty(domainObjectStyles)) {
|
if (_.isEmpty(domainObjectStyles)) {
|
||||||
domainObjectStyles = undefined;
|
domainObjectStyles = undefined;
|
||||||
}
|
}
|
||||||
this.persist(this.domainObject, domainObjectStyles);
|
this.persist(this.domainObject, domainObjectStyles);
|
||||||
@ -240,7 +239,7 @@ export default {
|
|||||||
if (this.isStaticAndConditionalStyles) {
|
if (this.isStaticAndConditionalStyles) {
|
||||||
this.removeConditionalStyles(domainObjectStyles, item.id);
|
this.removeConditionalStyles(domainObjectStyles, item.id);
|
||||||
}
|
}
|
||||||
if (isEmpty(itemStaticStyle)) {
|
if (_.isEmpty(itemStaticStyle)) {
|
||||||
itemStaticStyle = undefined;
|
itemStaticStyle = undefined;
|
||||||
domainObjectStyles[item.id] = undefined;
|
domainObjectStyles[item.id] = undefined;
|
||||||
} else {
|
} else {
|
||||||
|
@ -1,601 +0,0 @@
|
|||||||
/*****************************************************************************
|
|
||||||
* Open MCT, Copyright (c) 2014-2020, United States Government
|
|
||||||
* as represented by the Administrator of the National Aeronautics and Space
|
|
||||||
* Administration. All rights reserved.
|
|
||||||
*
|
|
||||||
* Open MCT is licensed under the Apache License, Version 2.0 (the
|
|
||||||
* "License"); you may not use this file except in compliance with the License.
|
|
||||||
* You may obtain a copy of the License at
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
||||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
|
||||||
* License for the specific language governing permissions and limitations
|
|
||||||
* under the License.
|
|
||||||
*
|
|
||||||
* Open MCT includes source code licensed under additional open source
|
|
||||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
|
||||||
* this source code distribution or the Licensing information page available
|
|
||||||
* at runtime from the About dialog for additional information.
|
|
||||||
*****************************************************************************/
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="c-inspector__styles c-inspect-styles">
|
|
||||||
<div v-if="isStaticAndConditionalStyles"
|
|
||||||
class="c-inspect-styles__mixed-static-and-conditional u-alert u-alert--block u-alert--with-icon"
|
|
||||||
>
|
|
||||||
Your selection includes one or more items that use Conditional Styling. Applying a static style below will replace any Conditional Styling with the new choice.
|
|
||||||
</div>
|
|
||||||
<template v-if="!conditionSetDomainObject">
|
|
||||||
<div class="c-inspect-styles__header">
|
|
||||||
Object Style
|
|
||||||
</div>
|
|
||||||
<div class="c-inspect-styles__content">
|
|
||||||
<div v-if="staticStyle"
|
|
||||||
class="c-inspect-styles__style"
|
|
||||||
>
|
|
||||||
<style-editor class="c-inspect-styles__editor"
|
|
||||||
:style-item="staticStyle"
|
|
||||||
:is-editing="isEditing"
|
|
||||||
:mixed-styles="mixedStyles"
|
|
||||||
@persist="updateStaticStyle"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<button
|
|
||||||
id="addConditionSet"
|
|
||||||
class="c-button c-button--major c-toggle-styling-button labeled"
|
|
||||||
@click="addConditionSet"
|
|
||||||
>
|
|
||||||
<span class="c-cs-button__label">Use Conditional Styling...</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<div class="c-inspect-styles__header">
|
|
||||||
Conditional Object Styles
|
|
||||||
</div>
|
|
||||||
<div class="c-inspect-styles__content c-inspect-styles__condition-set">
|
|
||||||
<a v-if="conditionSetDomainObject"
|
|
||||||
class="c-object-label icon-conditional"
|
|
||||||
:href="navigateToPath"
|
|
||||||
@click="navigateOrPreview"
|
|
||||||
>
|
|
||||||
<span class="c-object-label__name">{{ conditionSetDomainObject.name }}</span>
|
|
||||||
</a>
|
|
||||||
<template v-if="isEditing">
|
|
||||||
<button
|
|
||||||
id="changeConditionSet"
|
|
||||||
class="c-button labeled"
|
|
||||||
@click="addConditionSet"
|
|
||||||
>
|
|
||||||
<span class="c-button__label">Change...</span>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button class="c-click-icon icon-x"
|
|
||||||
title="Remove conditional styles"
|
|
||||||
@click="removeConditionSet"
|
|
||||||
></button>
|
|
||||||
</template>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-if="conditionsLoaded"
|
|
||||||
class="c-inspect-styles__conditions"
|
|
||||||
>
|
|
||||||
<div v-for="(conditionStyle, index) in conditionalStyles"
|
|
||||||
:key="index"
|
|
||||||
class="c-inspect-styles__condition"
|
|
||||||
:class="{'is-current': conditionStyle.conditionId === selectedConditionId}"
|
|
||||||
@click="applySelectedConditionStyle(conditionStyle.conditionId)"
|
|
||||||
>
|
|
||||||
<condition-error :show-label="true"
|
|
||||||
:condition="getCondition(conditionStyle.conditionId)"
|
|
||||||
/>
|
|
||||||
<condition-description :show-label="true"
|
|
||||||
:condition="getCondition(conditionStyle.conditionId)"
|
|
||||||
/>
|
|
||||||
<style-editor class="c-inspect-styles__editor"
|
|
||||||
:style-item="conditionStyle"
|
|
||||||
:is-editing="isEditing"
|
|
||||||
@persist="updateConditionalStyle"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
import StyleEditor from "./StyleEditor.vue";
|
|
||||||
import PreviewAction from "@/ui/preview/PreviewAction.js";
|
|
||||||
import { getApplicableStylesForItem, getConsolidatedStyleValues, getConditionSetIdentifierForItem } from "@/plugins/condition/utils/styleUtils";
|
|
||||||
import ConditionSetSelectorDialog from "@/plugins/condition/components/inspector/ConditionSetSelectorDialog.vue";
|
|
||||||
import ConditionError from "@/plugins/condition/components/ConditionError.vue";
|
|
||||||
import ConditionDescription from "@/plugins/condition/components/ConditionDescription.vue";
|
|
||||||
import Vue from 'vue';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'StylesView',
|
|
||||||
components: {
|
|
||||||
StyleEditor,
|
|
||||||
ConditionError,
|
|
||||||
ConditionDescription
|
|
||||||
},
|
|
||||||
inject: [
|
|
||||||
'openmct',
|
|
||||||
'selection'
|
|
||||||
],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
staticStyle: undefined,
|
|
||||||
isEditing: this.openmct.editor.isEditing(),
|
|
||||||
mixedStyles: [],
|
|
||||||
isStaticAndConditionalStyles: false,
|
|
||||||
conditionalStyles: [],
|
|
||||||
conditionSetDomainObject: undefined,
|
|
||||||
conditions: undefined,
|
|
||||||
conditionsLoaded: false,
|
|
||||||
navigateToPath: '',
|
|
||||||
selectedConditionId: ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
destroyed() {
|
|
||||||
this.removeListeners();
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.items = [];
|
|
||||||
this.previewAction = new PreviewAction(this.openmct);
|
|
||||||
this.isMultipleSelection = this.selection.length > 1;
|
|
||||||
this.getObjectsAndItemsFromSelection();
|
|
||||||
if (!this.isMultipleSelection) {
|
|
||||||
let objectStyles = this.getObjectStyles();
|
|
||||||
this.initializeStaticStyle(objectStyles);
|
|
||||||
if (objectStyles && objectStyles.conditionSetIdentifier) {
|
|
||||||
this.openmct.objects.get(objectStyles.conditionSetIdentifier).then(this.initialize);
|
|
||||||
this.conditionalStyles = objectStyles.styles;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
this.initializeStaticStyle();
|
|
||||||
}
|
|
||||||
this.openmct.editor.on('isEditing', this.setEditState);
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
getObjectStyles() {
|
|
||||||
let objectStyles;
|
|
||||||
if (this.domainObjectsById) {
|
|
||||||
const domainObject = Object.values(this.domainObjectsById)[0];
|
|
||||||
if (domainObject.configuration && domainObject.configuration.objectStyles) {
|
|
||||||
objectStyles = domainObject.configuration.objectStyles;
|
|
||||||
}
|
|
||||||
} else if (this.items.length) {
|
|
||||||
const itemId = this.items[0].id;
|
|
||||||
if (this.domainObject.configuration && this.domainObject.configuration.objectStyles && this.domainObject.configuration.objectStyles[itemId]) {
|
|
||||||
objectStyles = this.domainObject.configuration.objectStyles[itemId];
|
|
||||||
}
|
|
||||||
} else if (this.domainObject.configuration && this.domainObject.configuration.objectStyles) {
|
|
||||||
objectStyles = this.domainObject.configuration.objectStyles;
|
|
||||||
}
|
|
||||||
return objectStyles;
|
|
||||||
},
|
|
||||||
setEditState(isEditing) {
|
|
||||||
this.isEditing = isEditing;
|
|
||||||
if (this.isEditing) {
|
|
||||||
if (this.stopProvidingTelemetry) {
|
|
||||||
this.stopProvidingTelemetry();
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
this.subscribeToConditionSet();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
enableConditionSetNav() {
|
|
||||||
this.openmct.objects.getOriginalPath(this.conditionSetDomainObject.identifier).then(
|
|
||||||
(objectPath) => {
|
|
||||||
this.objectPath = objectPath;
|
|
||||||
this.navigateToPath = '#/browse/' + this.objectPath
|
|
||||||
.map(o => o && this.openmct.objects.makeKeyString(o.identifier))
|
|
||||||
.reverse()
|
|
||||||
.join('/');
|
|
||||||
}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
navigateOrPreview(event) {
|
|
||||||
// If editing, display condition set in Preview overlay; otherwise nav to it while browsing
|
|
||||||
if (this.openmct.editor.isEditing()) {
|
|
||||||
event.preventDefault();
|
|
||||||
this.previewAction.invoke(this.objectPath);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
isItemType(type, item) {
|
|
||||||
return item && (item.type === type);
|
|
||||||
},
|
|
||||||
hasConditionalStyle(domainObject, layoutItem) {
|
|
||||||
const id = layoutItem ? layoutItem.id : undefined;
|
|
||||||
return getConditionSetIdentifierForItem(domainObject, id) !== undefined;
|
|
||||||
},
|
|
||||||
getObjectsAndItemsFromSelection() {
|
|
||||||
let domainObject;
|
|
||||||
let subObjects = [];
|
|
||||||
let itemsWithConditionalStyles = 0;
|
|
||||||
|
|
||||||
//multiple selection
|
|
||||||
let itemInitialStyles = [];
|
|
||||||
let itemStyle;
|
|
||||||
this.selection.forEach((selectionItem) => {
|
|
||||||
const item = selectionItem[0].context.item;
|
|
||||||
const layoutItem = selectionItem[0].context.layoutItem;
|
|
||||||
const isChildItem = selectionItem.length > 1;
|
|
||||||
if (!isChildItem) {
|
|
||||||
domainObject = item;
|
|
||||||
itemStyle = getApplicableStylesForItem(item);
|
|
||||||
if (this.hasConditionalStyle(item)) {
|
|
||||||
itemsWithConditionalStyles += 1;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
this.canHide = true;
|
|
||||||
domainObject = selectionItem[1].context.item;
|
|
||||||
if (item && !layoutItem || this.isItemType('subobject-view', layoutItem)) {
|
|
||||||
subObjects.push(item);
|
|
||||||
itemStyle = getApplicableStylesForItem(item);
|
|
||||||
if (this.hasConditionalStyle(item)) {
|
|
||||||
itemsWithConditionalStyles += 1;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
itemStyle = getApplicableStylesForItem(domainObject, layoutItem || item);
|
|
||||||
this.items.push({
|
|
||||||
id: layoutItem.id,
|
|
||||||
applicableStyles: itemStyle
|
|
||||||
});
|
|
||||||
if (this.hasConditionalStyle(item, layoutItem)) {
|
|
||||||
itemsWithConditionalStyles += 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
itemInitialStyles.push(itemStyle);
|
|
||||||
});
|
|
||||||
this.isStaticAndConditionalStyles = this.isMultipleSelection && itemsWithConditionalStyles;
|
|
||||||
const {styles, mixedStyles} = getConsolidatedStyleValues(itemInitialStyles);
|
|
||||||
this.initialStyles = styles;
|
|
||||||
this.mixedStyles = mixedStyles;
|
|
||||||
|
|
||||||
this.domainObject = domainObject;
|
|
||||||
this.removeListeners();
|
|
||||||
if (this.domainObject) {
|
|
||||||
this.stopObserving = this.openmct.objects.observe(this.domainObject, '*', newDomainObject => this.domainObject = newDomainObject);
|
|
||||||
this.stopObservingItems = this.openmct.objects.observe(this.domainObject, 'configuration.items', this.updateDomainObjectItemStyles);
|
|
||||||
}
|
|
||||||
|
|
||||||
subObjects.forEach(this.registerListener);
|
|
||||||
},
|
|
||||||
updateDomainObjectItemStyles(newItems) {
|
|
||||||
let keys = Object.keys(this.domainObject.configuration.objectStyles || {});
|
|
||||||
keys.forEach((key) => {
|
|
||||||
if (this.isKeyItemId(key)) {
|
|
||||||
if (!(newItems.find(item => item.id === key))) {
|
|
||||||
this.removeItemStyles(key);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
isKeyItemId(key) {
|
|
||||||
return (key !== 'styles') &&
|
|
||||||
(key !== 'staticStyle') &&
|
|
||||||
(key !== 'defaultConditionId') &&
|
|
||||||
(key !== 'selectedConditionId') &&
|
|
||||||
(key !== 'conditionSetIdentifier');
|
|
||||||
},
|
|
||||||
registerListener(domainObject) {
|
|
||||||
let id = this.openmct.objects.makeKeyString(domainObject.identifier);
|
|
||||||
|
|
||||||
if (!this.domainObjectsById) {
|
|
||||||
this.domainObjectsById = {};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!this.domainObjectsById[id]) {
|
|
||||||
this.domainObjectsById[id] = domainObject;
|
|
||||||
this.observeObject(domainObject, id);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
observeObject(domainObject, id) {
|
|
||||||
let unobserveObject = this.openmct.objects.observe(domainObject, '*', (newObject) => {
|
|
||||||
this.domainObjectsById[id] = JSON.parse(JSON.stringify(newObject));
|
|
||||||
});
|
|
||||||
this.unObserveObjects.push(unobserveObject);
|
|
||||||
},
|
|
||||||
removeListeners() {
|
|
||||||
if (this.stopObserving) {
|
|
||||||
this.stopObserving();
|
|
||||||
}
|
|
||||||
if (this.stopObservingItems) {
|
|
||||||
this.stopObservingItems();
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.stopProvidingTelemetry) {
|
|
||||||
this.stopProvidingTelemetry();
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.unObserveObjects) {
|
|
||||||
this.unObserveObjects.forEach((unObserveObject) => {
|
|
||||||
unObserveObject();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
this.unObserveObjects = [];
|
|
||||||
},
|
|
||||||
subscribeToConditionSet() {
|
|
||||||
if (this.stopProvidingTelemetry) {
|
|
||||||
this.stopProvidingTelemetry();
|
|
||||||
}
|
|
||||||
if (this.conditionSetDomainObject) {
|
|
||||||
this.openmct.telemetry.request(this.conditionSetDomainObject)
|
|
||||||
.then(output => {
|
|
||||||
if (output && output.length) {
|
|
||||||
this.handleConditionSetResultUpdated(output[0]);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this.stopProvidingTelemetry = this.openmct.telemetry.subscribe(this.conditionSetDomainObject, this.handleConditionSetResultUpdated.bind(this));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
handleConditionSetResultUpdated(resultData) {
|
|
||||||
this.selectedConditionId = resultData ? resultData.conditionId : '';
|
|
||||||
},
|
|
||||||
initialize(conditionSetDomainObject) {
|
|
||||||
//If there are new conditions in the conditionSet we need to set those styles to default
|
|
||||||
this.conditionSetDomainObject = conditionSetDomainObject;
|
|
||||||
this.enableConditionSetNav();
|
|
||||||
this.initializeConditionalStyles();
|
|
||||||
},
|
|
||||||
initializeConditionalStyles() {
|
|
||||||
if (!this.conditions) {
|
|
||||||
this.conditions = {};
|
|
||||||
}
|
|
||||||
let conditionalStyles = [];
|
|
||||||
this.conditionSetDomainObject.configuration.conditionCollection.forEach((conditionConfiguration, index) => {
|
|
||||||
if (conditionConfiguration.isDefault) {
|
|
||||||
this.selectedConditionId = conditionConfiguration.id;
|
|
||||||
}
|
|
||||||
this.conditions[conditionConfiguration.id] = conditionConfiguration;
|
|
||||||
let foundStyle = this.findStyleByConditionId(conditionConfiguration.id);
|
|
||||||
if (foundStyle) {
|
|
||||||
foundStyle.style = Object.assign((this.canHide ? { isStyleInvisible: '' } : {}), this.initialStyles, foundStyle.style);
|
|
||||||
conditionalStyles.push(foundStyle);
|
|
||||||
} else {
|
|
||||||
conditionalStyles.splice(index, 0, {
|
|
||||||
conditionId: conditionConfiguration.id,
|
|
||||||
style: Object.assign((this.canHide ? { isStyleInvisible: '' } : {}), this.initialStyles)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
//we're doing this so that we remove styles for any conditions that have been removed from the condition set
|
|
||||||
this.conditionalStyles = conditionalStyles;
|
|
||||||
this.conditionsLoaded = true;
|
|
||||||
this.getAndPersistStyles(null, this.selectedConditionId);
|
|
||||||
if (!this.isEditing) {
|
|
||||||
this.subscribeToConditionSet();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
//TODO: Double check how this works for single styles
|
|
||||||
initializeStaticStyle(objectStyles) {
|
|
||||||
let staticStyle = objectStyles && objectStyles.staticStyle;
|
|
||||||
if (staticStyle) {
|
|
||||||
this.staticStyle = {
|
|
||||||
style: Object.assign({}, this.initialStyles, staticStyle.style)
|
|
||||||
};
|
|
||||||
} else {
|
|
||||||
this.staticStyle = {
|
|
||||||
style: Object.assign({}, this.initialStyles)
|
|
||||||
};
|
|
||||||
}
|
|
||||||
},
|
|
||||||
removeItemStyles(itemId) {
|
|
||||||
let domainObjectStyles = (this.domainObject.configuration && this.domainObject.configuration.objectStyles) || {};
|
|
||||||
if (itemId && domainObjectStyles[itemId]) {
|
|
||||||
delete domainObjectStyles[itemId];
|
|
||||||
|
|
||||||
if (Object.keys(domainObjectStyles).length <= 0) {
|
|
||||||
domainObjectStyles = undefined;
|
|
||||||
}
|
|
||||||
this.persist(this.domainObject, domainObjectStyles);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
findStyleByConditionId(id) {
|
|
||||||
return this.conditionalStyles.find(conditionalStyle => conditionalStyle.conditionId === id);
|
|
||||||
},
|
|
||||||
getCondition(id) {
|
|
||||||
return this.conditions ? this.conditions[id] : {};
|
|
||||||
},
|
|
||||||
addConditionSet() {
|
|
||||||
let conditionSetDomainObject;
|
|
||||||
const handleItemSelection = (item) => {
|
|
||||||
if (item) {
|
|
||||||
conditionSetDomainObject = item;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const dismissDialog = (overlay, initialize) => {
|
|
||||||
overlay.dismiss();
|
|
||||||
if (initialize && conditionSetDomainObject) {
|
|
||||||
this.conditionSetDomainObject = conditionSetDomainObject;
|
|
||||||
this.conditionalStyles = [];
|
|
||||||
this.initializeConditionalStyles();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
let vm = new Vue({
|
|
||||||
provide: {
|
|
||||||
openmct: this.openmct
|
|
||||||
},
|
|
||||||
components: {ConditionSetSelectorDialog},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
handleItemSelection
|
|
||||||
}
|
|
||||||
},
|
|
||||||
template: '<condition-set-selector-dialog @conditionSetSelected="handleItemSelection"></condition-set-selector-dialog>'
|
|
||||||
}).$mount();
|
|
||||||
|
|
||||||
let overlay = this.openmct.overlays.overlay({
|
|
||||||
element: vm.$el,
|
|
||||||
size: 'small',
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
label: 'OK',
|
|
||||||
emphasis: 'true',
|
|
||||||
callback: () => dismissDialog(overlay, true)
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'Cancel',
|
|
||||||
callback: () => dismissDialog(overlay, false)
|
|
||||||
}
|
|
||||||
],
|
|
||||||
onDestroy: () => vm.$destroy()
|
|
||||||
});
|
|
||||||
},
|
|
||||||
removeConditionSet() {
|
|
||||||
this.conditionSetDomainObject = undefined;
|
|
||||||
this.conditionalStyles = [];
|
|
||||||
let domainObjectStyles = (this.domainObject.configuration && this.domainObject.configuration.objectStyles) || {};
|
|
||||||
if (this.domainObjectsById) {
|
|
||||||
const domainObjects = Object.values(this.domainObjectsById);
|
|
||||||
domainObjects.forEach(domainObject => {
|
|
||||||
let objectStyles = (domainObject.configuration && domainObject.configuration.objectStyles) || {};
|
|
||||||
this.removeConditionalStyles(objectStyles);
|
|
||||||
if (objectStyles && Object.keys(objectStyles).length <= 0) {
|
|
||||||
objectStyles = undefined;
|
|
||||||
}
|
|
||||||
this.persist(domainObject, objectStyles);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (this.items.length) {
|
|
||||||
this.items.forEach((item) => {
|
|
||||||
const itemId = item.id;
|
|
||||||
this.removeConditionalStyles(domainObjectStyles, itemId);
|
|
||||||
if (domainObjectStyles[itemId] && Object.keys(domainObjectStyles[itemId]).length <= 0) {
|
|
||||||
delete domainObjectStyles[itemId];
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
this.removeConditionalStyles(domainObjectStyles);
|
|
||||||
}
|
|
||||||
if (domainObjectStyles && Object.keys(domainObjectStyles).length <= 0) {
|
|
||||||
domainObjectStyles = undefined;
|
|
||||||
}
|
|
||||||
this.persist(this.domainObject, domainObjectStyles);
|
|
||||||
|
|
||||||
if (this.stopProvidingTelemetry) {
|
|
||||||
this.stopProvidingTelemetry();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
removeConditionalStyles(domainObjectStyles, itemId) {
|
|
||||||
if (itemId && domainObjectStyles[itemId]) {
|
|
||||||
domainObjectStyles[itemId].conditionSetIdentifier = undefined;
|
|
||||||
delete domainObjectStyles[itemId].conditionSetIdentifier;
|
|
||||||
domainObjectStyles[itemId].selectedConditionId = undefined;
|
|
||||||
domainObjectStyles[itemId].defaultConditionId = undefined;
|
|
||||||
domainObjectStyles[itemId].styles = undefined;
|
|
||||||
delete domainObjectStyles[itemId].styles;
|
|
||||||
} else {
|
|
||||||
domainObjectStyles.conditionSetIdentifier = undefined;
|
|
||||||
delete domainObjectStyles.conditionSetIdentifier;
|
|
||||||
domainObjectStyles.selectedConditionId = undefined;
|
|
||||||
domainObjectStyles.defaultConditionId = undefined;
|
|
||||||
domainObjectStyles.styles = undefined;
|
|
||||||
delete domainObjectStyles.styles;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
updateStaticStyle(staticStyle, property) {
|
|
||||||
//update the static style for each of the layoutItems as well as each sub object item
|
|
||||||
this.staticStyle = staticStyle;
|
|
||||||
this.removeConditionSet();
|
|
||||||
this.getAndPersistStyles(property);
|
|
||||||
},
|
|
||||||
updateConditionalStyle(conditionStyle, property) {
|
|
||||||
let foundStyle = this.findStyleByConditionId(conditionStyle.conditionId);
|
|
||||||
if (foundStyle) {
|
|
||||||
foundStyle.style = conditionStyle.style;
|
|
||||||
this.selectedConditionId = foundStyle.conditionId;
|
|
||||||
this.getAndPersistStyles(property);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getAndPersistStyles(property, defaultConditionId) {
|
|
||||||
this.persist(this.domainObject, this.getDomainObjectStyle(this.domainObject, property, this.items, defaultConditionId));
|
|
||||||
if (this.domainObjectsById) {
|
|
||||||
const domainObjects = Object.values(this.domainObjectsById);
|
|
||||||
domainObjects.forEach(domainObject => {
|
|
||||||
this.persist(domainObject, this.getDomainObjectStyle(domainObject, property, null, defaultConditionId));
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (!this.items.length && !this.domainObjectsById) {
|
|
||||||
this.persist(this.domainObject, this.getDomainObjectStyle(this.domainObject, property, null, defaultConditionId));
|
|
||||||
}
|
|
||||||
this.isStaticAndConditionalStyles = false;
|
|
||||||
if (property) {
|
|
||||||
let foundIndex = this.mixedStyles.indexOf(property);
|
|
||||||
if (foundIndex > -1) {
|
|
||||||
this.mixedStyles.splice(foundIndex, 1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getDomainObjectStyle(domainObject, property, items, defaultConditionId) {
|
|
||||||
let objectStyle = {
|
|
||||||
styles: this.conditionalStyles,
|
|
||||||
staticStyle: this.staticStyle,
|
|
||||||
selectedConditionId: this.selectedConditionId
|
|
||||||
};
|
|
||||||
if (defaultConditionId) {
|
|
||||||
objectStyle.defaultConditionId = defaultConditionId;
|
|
||||||
}
|
|
||||||
if (this.conditionSetDomainObject) {
|
|
||||||
objectStyle.conditionSetIdentifier = this.conditionSetDomainObject.identifier;
|
|
||||||
}
|
|
||||||
let domainObjectStyles = (domainObject.configuration && domainObject.configuration.objectStyles) || {};
|
|
||||||
|
|
||||||
if (items) {
|
|
||||||
items.forEach(item => {
|
|
||||||
let itemStaticStyle = {};
|
|
||||||
let itemConditionalStyle = { styles: []};
|
|
||||||
if (!this.conditionSetDomainObject) {
|
|
||||||
if (domainObjectStyles[item.id] && domainObjectStyles[item.id].staticStyle) {
|
|
||||||
itemStaticStyle = Object.assign({}, domainObjectStyles[item.id].staticStyle.style);
|
|
||||||
}
|
|
||||||
if (item.applicableStyles[property] !== undefined) {
|
|
||||||
itemStaticStyle[property] = this.staticStyle.style[property];
|
|
||||||
}
|
|
||||||
if (Object.keys(itemStaticStyle).length <= 0) {
|
|
||||||
itemStaticStyle = undefined;
|
|
||||||
}
|
|
||||||
domainObjectStyles[item.id] = { staticStyle: { style: itemStaticStyle } };
|
|
||||||
} else {
|
|
||||||
objectStyle.styles.forEach((conditionalStyle, index) => {
|
|
||||||
let style = {};
|
|
||||||
Object.keys(item.applicableStyles).concat(['isStyleInvisible']).forEach(key => {
|
|
||||||
style[key] = conditionalStyle.style[key];
|
|
||||||
});
|
|
||||||
itemConditionalStyle.styles.push({
|
|
||||||
...conditionalStyle,
|
|
||||||
style
|
|
||||||
});
|
|
||||||
});
|
|
||||||
domainObjectStyles[item.id] = {
|
|
||||||
...domainObjectStyles[item.id],
|
|
||||||
...objectStyle,
|
|
||||||
...itemConditionalStyle
|
|
||||||
};
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
domainObjectStyles = {
|
|
||||||
...domainObjectStyles,
|
|
||||||
...objectStyle
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
return domainObjectStyles;
|
|
||||||
},
|
|
||||||
applySelectedConditionStyle(conditionId) {
|
|
||||||
this.selectedConditionId = conditionId;
|
|
||||||
this.getAndPersistStyles();
|
|
||||||
},
|
|
||||||
persist(domainObject, style) {
|
|
||||||
this.openmct.objects.mutate(domainObject, 'configuration.objectStyles', style);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
@ -65,7 +65,7 @@
|
|||||||
|
|
||||||
&.is-current {
|
&.is-current {
|
||||||
$c: $colorBodyFg;
|
$c: $colorBodyFg;
|
||||||
border-color: rgba($c, 0.2);
|
border-color: rgba($c, 0.5);
|
||||||
background: rgba($c, 0.2);
|
background: rgba($c, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -20,24 +20,25 @@
|
|||||||
* at runtime from the About dialog for additional information.
|
* at runtime from the About dialog for additional information.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
|
||||||
import { createOpenMct } from "testUtils";
|
import { createOpenMct } from "testTools";
|
||||||
import ConditionPlugin from "./plugin";
|
import ConditionPlugin from "./plugin";
|
||||||
import StylesView from "./components/inspector/StylesView.vue";
|
|
||||||
import Vue from 'vue';
|
|
||||||
import {getApplicableStylesForItem} from "./utils/styleUtils";
|
|
||||||
|
|
||||||
describe('the plugin', function () {
|
let openmct = createOpenMct();
|
||||||
|
openmct.install(new ConditionPlugin());
|
||||||
|
|
||||||
let conditionSetDefinition;
|
let conditionSetDefinition;
|
||||||
let mockConditionSetDomainObject;
|
let mockConditionSetDomainObject;
|
||||||
let element;
|
let element;
|
||||||
let child;
|
let child;
|
||||||
let openmct;
|
|
||||||
|
|
||||||
beforeEach((done) => {
|
describe('the plugin', function () {
|
||||||
openmct = createOpenMct();
|
|
||||||
openmct.install(new ConditionPlugin());
|
beforeAll((done) => {
|
||||||
|
|
||||||
conditionSetDefinition = openmct.types.get('conditionSet').definition;
|
conditionSetDefinition = openmct.types.get('conditionSet').definition;
|
||||||
|
const appHolder = document.createElement('div');
|
||||||
|
appHolder.style.width = '640px';
|
||||||
|
appHolder.style.height = '480px';
|
||||||
|
|
||||||
element = document.createElement('div');
|
element = document.createElement('div');
|
||||||
child = document.createElement('div');
|
child = document.createElement('div');
|
||||||
@ -54,7 +55,7 @@ describe('the plugin', function () {
|
|||||||
conditionSetDefinition.initialize(mockConditionSetDomainObject);
|
conditionSetDefinition.initialize(mockConditionSetDomainObject);
|
||||||
|
|
||||||
openmct.on('start', done);
|
openmct.on('start', done);
|
||||||
openmct.startHeadless();
|
openmct.start(appHolder);
|
||||||
});
|
});
|
||||||
|
|
||||||
let mockConditionSetObject = {
|
let mockConditionSetObject = {
|
||||||
@ -93,259 +94,4 @@ describe('the plugin', function () {
|
|||||||
});
|
});
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
describe('the condition set usage for multiple display layout items', () => {
|
|
||||||
let displayLayoutItem;
|
|
||||||
let lineLayoutItem;
|
|
||||||
let boxLayoutItem;
|
|
||||||
let selection;
|
|
||||||
let component;
|
|
||||||
let styleViewComponentObject;
|
|
||||||
const conditionSetDomainObject = {
|
|
||||||
"configuration":{
|
|
||||||
"conditionTestData":[
|
|
||||||
{
|
|
||||||
"telemetry":"",
|
|
||||||
"metadata":"",
|
|
||||||
"input":""
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"conditionCollection":[
|
|
||||||
{
|
|
||||||
"id":"39584410-cbf9-499e-96dc-76f27e69885d",
|
|
||||||
"configuration":{
|
|
||||||
"name":"Unnamed Condition",
|
|
||||||
"output":"Sine > 0",
|
|
||||||
"trigger":"all",
|
|
||||||
"criteria":[
|
|
||||||
{
|
|
||||||
"id":"85fbb2f7-7595-42bd-9767-a932266c5225",
|
|
||||||
"telemetry":{
|
|
||||||
"namespace":"",
|
|
||||||
"key":"be0ba97f-b510-4f40-a18d-4ff121d5ea1a"
|
|
||||||
},
|
|
||||||
"operation":"greaterThan",
|
|
||||||
"input":[
|
|
||||||
"0"
|
|
||||||
],
|
|
||||||
"metadata":"sin"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id":"35400132-63b0-425c-ac30-8197df7d5862",
|
|
||||||
"telemetry":"any",
|
|
||||||
"operation":"enumValueIs",
|
|
||||||
"input":[
|
|
||||||
"0"
|
|
||||||
],
|
|
||||||
"metadata":"state"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"summary":"Match if all criteria are met: Sine Wave Generator Sine > 0 and any telemetry State is OFF "
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"isDefault":true,
|
|
||||||
"id":"2532d90a-e0d6-4935-b546-3123522da2de",
|
|
||||||
"configuration":{
|
|
||||||
"name":"Default",
|
|
||||||
"output":"Default",
|
|
||||||
"trigger":"all",
|
|
||||||
"criteria":[
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"summary":""
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"composition":[
|
|
||||||
{
|
|
||||||
"namespace":"",
|
|
||||||
"key":"be0ba97f-b510-4f40-a18d-4ff121d5ea1a"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"namespace":"",
|
|
||||||
"key":"077ffa67-e78f-4e99-80e0-522ac33a3888"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"telemetry":{
|
|
||||||
},
|
|
||||||
"name":"Condition Set",
|
|
||||||
"type":"conditionSet",
|
|
||||||
"identifier":{
|
|
||||||
"namespace":"",
|
|
||||||
"key":"863012c1-f6ca-4ab0-aed7-fd43d5e4cd12"
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
const staticStyle = {
|
|
||||||
"style":{
|
|
||||||
"backgroundColor":"#717171",
|
|
||||||
"border":"1px solid #00ffff"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const conditionalStyle = {
|
|
||||||
"conditionId":"39584410-cbf9-499e-96dc-76f27e69885d",
|
|
||||||
"style":{
|
|
||||||
"isStyleInvisible":"",
|
|
||||||
"backgroundColor":"#717171",
|
|
||||||
"border":"1px solid #ffff00"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
beforeEach(() => {
|
|
||||||
displayLayoutItem = {
|
|
||||||
"composition":[
|
|
||||||
],
|
|
||||||
"configuration":{
|
|
||||||
"items":[
|
|
||||||
{
|
|
||||||
"fill":"#717171",
|
|
||||||
"stroke":"",
|
|
||||||
"x":1,
|
|
||||||
"y":1,
|
|
||||||
"width":10,
|
|
||||||
"height":5,
|
|
||||||
"type":"box-view",
|
|
||||||
"id":"89b88746-d325-487b-aec4-11b79afff9e8"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"x":18,
|
|
||||||
"y":9,
|
|
||||||
"x2":23,
|
|
||||||
"y2":4,
|
|
||||||
"stroke":"#717171",
|
|
||||||
"type":"line-view",
|
|
||||||
"id":"57d49a28-7863-43bd-9593-6570758916f0"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"layoutGrid":[
|
|
||||||
10,
|
|
||||||
10
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"name":"Display Layout",
|
|
||||||
"type":"layout",
|
|
||||||
"identifier":{
|
|
||||||
"namespace":"",
|
|
||||||
"key":"c5e636c1-6771-4c9c-b933-8665cab189b3"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
lineLayoutItem = {
|
|
||||||
"x":18,
|
|
||||||
"y":9,
|
|
||||||
"x2":23,
|
|
||||||
"y2":4,
|
|
||||||
"stroke":"#717171",
|
|
||||||
"type":"line-view",
|
|
||||||
"id":"57d49a28-7863-43bd-9593-6570758916f0"
|
|
||||||
};
|
|
||||||
boxLayoutItem = {
|
|
||||||
"fill": "#717171",
|
|
||||||
"stroke": "",
|
|
||||||
"x": 1,
|
|
||||||
"y": 1,
|
|
||||||
"width": 10,
|
|
||||||
"height": 5,
|
|
||||||
"type": "box-view",
|
|
||||||
"id": "89b88746-d325-487b-aec4-11b79afff9e8"
|
|
||||||
};
|
|
||||||
selection = [
|
|
||||||
[{
|
|
||||||
context: {
|
|
||||||
"layoutItem": lineLayoutItem,
|
|
||||||
"index":1
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
context: {
|
|
||||||
"item": displayLayoutItem,
|
|
||||||
"supportsMultiSelect":true
|
|
||||||
}
|
|
||||||
}],
|
|
||||||
[{
|
|
||||||
context: {
|
|
||||||
"layoutItem": boxLayoutItem,
|
|
||||||
"index": 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
context: {
|
|
||||||
item: displayLayoutItem,
|
|
||||||
"supportsMultiSelect":true
|
|
||||||
}
|
|
||||||
}]
|
|
||||||
];
|
|
||||||
let viewContainer = document.createElement('div');
|
|
||||||
child.append(viewContainer);
|
|
||||||
component = new Vue({
|
|
||||||
provide: {
|
|
||||||
openmct: openmct,
|
|
||||||
selection: selection
|
|
||||||
},
|
|
||||||
el: viewContainer,
|
|
||||||
components: {
|
|
||||||
StylesView
|
|
||||||
},
|
|
||||||
template: '<styles-view/>'
|
|
||||||
});
|
|
||||||
return Vue.nextTick().then(() => {
|
|
||||||
styleViewComponentObject = component.$root.$children[0];
|
|
||||||
styleViewComponentObject.setEditState(true);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
it('initializes the items in the view', () => {
|
|
||||||
expect(styleViewComponentObject.items.length).toBe(2);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('initializes conditional styles', () => {
|
|
||||||
styleViewComponentObject.conditionSetDomainObject = conditionSetDomainObject;
|
|
||||||
styleViewComponentObject.conditionalStyles = [];
|
|
||||||
styleViewComponentObject.initializeConditionalStyles();
|
|
||||||
expect(styleViewComponentObject.conditionalStyles.length).toBe(2);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('updates applicable conditional styles', () => {
|
|
||||||
styleViewComponentObject.conditionSetDomainObject = conditionSetDomainObject;
|
|
||||||
styleViewComponentObject.conditionalStyles = [];
|
|
||||||
styleViewComponentObject.initializeConditionalStyles();
|
|
||||||
expect(styleViewComponentObject.conditionalStyles.length).toBe(2);
|
|
||||||
styleViewComponentObject.updateConditionalStyle(conditionalStyle, 'border');
|
|
||||||
return Vue.nextTick().then(() => {
|
|
||||||
expect(styleViewComponentObject.domainObject.configuration.objectStyles).toBeDefined();
|
|
||||||
[boxLayoutItem, lineLayoutItem].forEach((item) => {
|
|
||||||
const itemStyles = styleViewComponentObject.domainObject.configuration.objectStyles[item.id].styles;
|
|
||||||
expect(itemStyles.length).toBe(2);
|
|
||||||
const foundStyle = itemStyles.find((style) => {
|
|
||||||
return style.conditionId === conditionalStyle.conditionId;
|
|
||||||
});
|
|
||||||
expect(foundStyle).toBeDefined();
|
|
||||||
const applicableStyles = getApplicableStylesForItem(styleViewComponentObject.domainObject, item);
|
|
||||||
const applicableStylesKeys = Object.keys(applicableStyles).concat(['isStyleInvisible']);
|
|
||||||
Object.keys(foundStyle.style).forEach((key) => {
|
|
||||||
expect(applicableStylesKeys.indexOf(key)).toBeGreaterThan(-1);
|
|
||||||
expect(foundStyle.style[key]).toEqual(conditionalStyle.style[key]);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
it('updates applicable static styles', () => {
|
|
||||||
styleViewComponentObject.updateStaticStyle(staticStyle, 'border');
|
|
||||||
return Vue.nextTick().then(() => {
|
|
||||||
expect(styleViewComponentObject.domainObject.configuration.objectStyles).toBeDefined();
|
|
||||||
[boxLayoutItem, lineLayoutItem].forEach((item) => {
|
|
||||||
const itemStyle = styleViewComponentObject.domainObject.configuration.objectStyles[item.id].staticStyle;
|
|
||||||
expect(itemStyle).toBeDefined();
|
|
||||||
const applicableStyles = getApplicableStylesForItem(styleViewComponentObject.domainObject, item);
|
|
||||||
const applicableStylesKeys = Object.keys(applicableStyles).concat(['isStyleInvisible']);
|
|
||||||
Object.keys(itemStyle.style).forEach((key) => {
|
|
||||||
expect(applicableStylesKeys.indexOf(key)).toBeGreaterThan(-1);
|
|
||||||
expect(itemStyle.style[key]).toEqual(staticStyle.style[key]);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
@ -20,6 +20,8 @@
|
|||||||
* at runtime from the About dialog for additional information.
|
* at runtime from the About dialog for additional information.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
|
||||||
|
import _ from 'lodash';
|
||||||
|
|
||||||
const convertToNumbers = (input) => {
|
const convertToNumbers = (input) => {
|
||||||
let numberInputs = [];
|
let numberInputs = [];
|
||||||
input.forEach(inputValue => numberInputs.push(Number(inputValue)));
|
input.forEach(inputValue => numberInputs.push(Number(inputValue)));
|
||||||
@ -255,7 +257,7 @@ export const OPERATIONS = [
|
|||||||
const lhsValue = input[0] !== undefined ? input[0].toString() : '';
|
const lhsValue = input[0] !== undefined ? input[0].toString() : '';
|
||||||
if (input[1]) {
|
if (input[1]) {
|
||||||
const values = input[1].split(',');
|
const values = input[1].split(',');
|
||||||
return values.find((value) => lhsValue === value.toString().trim());
|
return values.find((value) => lhsValue === _.trim(value.toString()));
|
||||||
}
|
}
|
||||||
return false;
|
return false;
|
||||||
},
|
},
|
||||||
@ -272,7 +274,7 @@ export const OPERATIONS = [
|
|||||||
const lhsValue = input[0] !== undefined ? input[0].toString() : '';
|
const lhsValue = input[0] !== undefined ? input[0].toString() : '';
|
||||||
if (input[1]) {
|
if (input[1]) {
|
||||||
const values = input[1].split(',');
|
const values = input[1].split(',');
|
||||||
const found = values.find((value) => lhsValue === value.toString().trim());
|
const found = values.find((value) => lhsValue === _.trim(value.toString()));
|
||||||
return !found;
|
return !found;
|
||||||
}
|
}
|
||||||
return false;
|
return false;
|
||||||
|
@ -19,8 +19,6 @@
|
|||||||
* this source code distribution or the Licensing information page available
|
* this source code distribution or the Licensing information page available
|
||||||
* at runtime from the About dialog for additional information.
|
* at runtime from the About dialog for additional information.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
import isEmpty from 'lodash/isEmpty';
|
|
||||||
|
|
||||||
const NONE_VALUE = '__no_value';
|
const NONE_VALUE = '__no_value';
|
||||||
|
|
||||||
const styleProps = {
|
const styleProps = {
|
||||||
@ -124,25 +122,12 @@ export const getConditionalStyleForItem = (domainObject, id) => {
|
|||||||
if (domainObjectStyles[id] && domainObjectStyles[id].conditionSetIdentifier) {
|
if (domainObjectStyles[id] && domainObjectStyles[id].conditionSetIdentifier) {
|
||||||
return domainObjectStyles[id].styles;
|
return domainObjectStyles[id].styles;
|
||||||
}
|
}
|
||||||
} else if (domainObjectStyles.conditionSetIdentifier) {
|
} else if (domainObjectStyles.staticStyle) {
|
||||||
return domainObjectStyles.styles;
|
return domainObjectStyles.styles;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
export const getConditionSetIdentifierForItem = (domainObject, id) => {
|
|
||||||
let domainObjectStyles = domainObject && domainObject.configuration && domainObject.configuration.objectStyles;
|
|
||||||
if (domainObjectStyles) {
|
|
||||||
if (id) {
|
|
||||||
if (domainObjectStyles[id] && domainObjectStyles[id].conditionSetIdentifier) {
|
|
||||||
return domainObjectStyles[id].conditionSetIdentifier;
|
|
||||||
}
|
|
||||||
} else if (domainObjectStyles.conditionSetIdentifier) {
|
|
||||||
return domainObjectStyles.conditionSetIdentifier;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
//Returns either existing static styles or uses SVG defaults if available
|
//Returns either existing static styles or uses SVG defaults if available
|
||||||
export const getApplicableStylesForItem = (domainObject, item) => {
|
export const getApplicableStylesForItem = (domainObject, item) => {
|
||||||
const type = item && item.type;
|
const type = item && item.type;
|
||||||
@ -169,7 +154,7 @@ export const getApplicableStylesForItem = (domainObject, item) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
export const getStylesWithoutNoneValue = (style) => {
|
export const getStylesWithoutNoneValue = (style) => {
|
||||||
if (isEmpty(style) || !style) {
|
if (_.isEmpty(style) || !style) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
let styleObj = {};
|
let styleObj = {};
|
||||||
|
@ -68,6 +68,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import uuid from 'uuid';
|
import uuid from 'uuid';
|
||||||
|
|
||||||
import SubobjectView from './SubobjectView.vue'
|
import SubobjectView from './SubobjectView.vue'
|
||||||
import TelemetryView from './TelemetryView.vue'
|
import TelemetryView from './TelemetryView.vue'
|
||||||
import BoxView from './BoxView.vue'
|
import BoxView from './BoxView.vue'
|
||||||
@ -75,7 +76,6 @@ import TextView from './TextView.vue'
|
|||||||
import LineView from './LineView.vue'
|
import LineView from './LineView.vue'
|
||||||
import ImageView from './ImageView.vue'
|
import ImageView from './ImageView.vue'
|
||||||
import EditMarquee from './EditMarquee.vue'
|
import EditMarquee from './EditMarquee.vue'
|
||||||
import _ from 'lodash'
|
|
||||||
|
|
||||||
const ITEM_TYPE_VIEW_MAP = {
|
const ITEM_TYPE_VIEW_MAP = {
|
||||||
'subobject-view': SubobjectView,
|
'subobject-view': SubobjectView,
|
||||||
@ -512,7 +512,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
updateTelemetryFormat(item, format) {
|
updateTelemetryFormat(item, format) {
|
||||||
let index = this.layoutItems.findIndex(item);
|
let index = _.findIndex(this.layoutItems, item);
|
||||||
item.format = format;
|
item.format = format;
|
||||||
this.mutate(`configuration.items[${index}]`, item);
|
this.mutate(`configuration.items[${index}]`, item);
|
||||||
}
|
}
|
||||||
|
@ -40,7 +40,6 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import LayoutDrag from './../LayoutDrag'
|
import LayoutDrag from './../LayoutDrag'
|
||||||
import _ from 'lodash'
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
inject: ['openmct'],
|
inject: ['openmct'],
|
||||||
|
@ -62,7 +62,6 @@
|
|||||||
<script>
|
<script>
|
||||||
|
|
||||||
import conditionalStylesMixin from "../mixins/objectStyles-mixin";
|
import conditionalStylesMixin from "../mixins/objectStyles-mixin";
|
||||||
import _ from 'lodash';
|
|
||||||
|
|
||||||
const START_HANDLE_QUADRANTS = {
|
const START_HANDLE_QUADRANTS = {
|
||||||
1: 'c-frame-edit__handle--sw',
|
1: 'c-frame-edit__handle--sw',
|
||||||
|
@ -248,7 +248,7 @@ export default {
|
|||||||
this.$emit('formatChanged', this.item, format);
|
this.$emit('formatChanged', this.item, format);
|
||||||
},
|
},
|
||||||
showContextMenu(event) {
|
showContextMenu(event) {
|
||||||
this.openmct.menus._showObjectMenu(this.currentObjectPath, event.x, event.y, CONTEXT_MENU_ACTIONS);
|
this.openmct.contextMenu._showContextMenuForObjectPath(this.currentObjectPath, event.x, event.y, CONTEXT_MENU_ACTIONS);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -22,7 +22,7 @@
|
|||||||
|
|
||||||
import Layout from './components/DisplayLayout.vue'
|
import Layout from './components/DisplayLayout.vue'
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import objectUtils from 'objectUtils'
|
import objectUtils from '../../api/objects/object-utils.js'
|
||||||
import DisplayLayoutType from './DisplayLayoutType.js'
|
import DisplayLayoutType from './DisplayLayoutType.js'
|
||||||
import DisplayLayoutToolbar from './DisplayLayoutToolbar.js'
|
import DisplayLayoutToolbar from './DisplayLayoutToolbar.js'
|
||||||
import AlphaNumericFormatViewProvider from './AlphanumericFormatViewProvider.js'
|
import AlphaNumericFormatViewProvider from './AlphanumericFormatViewProvider.js'
|
||||||
|
@ -62,7 +62,6 @@
|
|||||||
<script>
|
<script>
|
||||||
import FilterField from './FilterField.vue';
|
import FilterField from './FilterField.vue';
|
||||||
import ToggleSwitch from '../../../ui/components/ToggleSwitch.vue';
|
import ToggleSwitch from '../../../ui/components/ToggleSwitch.vue';
|
||||||
import isEmpty from 'lodash/isEmpty';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
inject: ['openmct'],
|
inject: ['openmct'],
|
||||||
@ -103,7 +102,7 @@ export default {
|
|||||||
hasActiveFilters() {
|
hasActiveFilters() {
|
||||||
// Should be true when the user has entered any filter values.
|
// Should be true when the user has entered any filter values.
|
||||||
return Object.values(this.persistedFilters).some(comparator => {
|
return Object.values(this.persistedFilters).some(comparator => {
|
||||||
return (typeof(comparator) === 'object' && !isEmpty(comparator));
|
return (typeof(comparator) === 'object' && !_.isEmpty(comparator));
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -27,8 +27,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import FilterObject from './FilterObject.vue';
|
import FilterObject from './FilterObject.vue';
|
||||||
import GlobalFilters from './GlobalFilters.vue';
|
import GlobalFilters from './GlobalFilters.vue'
|
||||||
import _ from 'lodash';
|
|
||||||
|
|
||||||
const FILTER_VIEW_TITLE = 'Filters applied';
|
const FILTER_VIEW_TITLE = 'Filters applied';
|
||||||
const FILTER_VIEW_TITLE_MIXED = 'Mixed filters applied';
|
const FILTER_VIEW_TITLE_MIXED = 'Mixed filters applied';
|
||||||
|
@ -64,7 +64,6 @@
|
|||||||
<script>
|
<script>
|
||||||
import compositionLoader from './composition-loader';
|
import compositionLoader from './composition-loader';
|
||||||
import ListItem from './ListItem.vue';
|
import ListItem from './ListItem.vue';
|
||||||
import _ from 'lodash';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {ListItem},
|
components: {ListItem},
|
||||||
|
@ -23,6 +23,6 @@ import GoToOriginalAction from './goToOriginalAction';
|
|||||||
|
|
||||||
export default function () {
|
export default function () {
|
||||||
return function (openmct) {
|
return function (openmct) {
|
||||||
openmct.menus.registerObjectAction(new GoToOriginalAction(openmct));
|
openmct.contextMenu.registerAction(new GoToOriginalAction(openmct));
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
@ -66,6 +66,7 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
autoScroll: true,
|
autoScroll: true,
|
||||||
|
date: '',
|
||||||
filters : {
|
filters : {
|
||||||
brightness: 100,
|
brightness: 100,
|
||||||
contrast: 100
|
contrast: 100
|
||||||
@ -77,39 +78,22 @@ export default {
|
|||||||
imageHistory: [],
|
imageHistory: [],
|
||||||
imageUrl: '',
|
imageUrl: '',
|
||||||
isPaused: false,
|
isPaused: false,
|
||||||
metadata: {},
|
|
||||||
requestCount: 0,
|
requestCount: 0,
|
||||||
timeFormat: ''
|
timeFormat: ''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
// set
|
|
||||||
this.keystring = this.openmct.objects.makeKeyString(this.domainObject.identifier);
|
this.keystring = this.openmct.objects.makeKeyString(this.domainObject.identifier);
|
||||||
this.metadata = this.openmct.telemetry.getMetadata(this.domainObject);
|
this.subscribe(this.domainObject);
|
||||||
this.imageFormat = this.openmct.telemetry.getValueFormatter(this.metadata.valuesForHints(['image'])[0]);
|
|
||||||
// initialize
|
|
||||||
this.timeKey = this.openmct.time.timeSystem().key;
|
|
||||||
this.timeFormat = this.openmct.telemetry.getValueFormatter(this.metadata.value(this.timeKey));
|
|
||||||
// listen
|
|
||||||
this.openmct.time.on('bounds', this.boundsChange);
|
|
||||||
this.openmct.time.on('timeSystem', this.timeSystemChange);
|
|
||||||
// kickoff
|
|
||||||
this.subscribe();
|
|
||||||
this.requestHistory();
|
|
||||||
},
|
},
|
||||||
updated() {
|
updated() {
|
||||||
this.scrollToRight();
|
this.scrollToRight();
|
||||||
},
|
},
|
||||||
beforeDestroy() {
|
beforeDestroy() {
|
||||||
if (this.unsubscribe) {
|
this.stopListening();
|
||||||
this.unsubscribe();
|
|
||||||
delete this.unsubscribe;
|
|
||||||
}
|
|
||||||
this.openmct.time.off('bounds', this.boundsChange);
|
|
||||||
this.openmct.time.off('timeSystem', this.timeSystemChange);
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
datumIsNotValid(datum) {
|
datumMatchesMostRecent(datum) {
|
||||||
if (this.imageHistory.length === 0) {
|
if (this.imageHistory.length === 0) {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
@ -119,14 +103,7 @@ export default {
|
|||||||
const lastHistoryTime = this.timeFormat.format(this.imageHistory.slice(-1)[0]);
|
const lastHistoryTime = this.timeFormat.format(this.imageHistory.slice(-1)[0]);
|
||||||
const lastHistoryURL = this.imageFormat.format(this.imageHistory.slice(-1)[0]);
|
const lastHistoryURL = this.imageFormat.format(this.imageHistory.slice(-1)[0]);
|
||||||
|
|
||||||
// datum is not valid if it matches the last datum in history,
|
return (datumTime === lastHistoryTime) && (datumURL === lastHistoryURL);
|
||||||
// or it is before the last datum in the history
|
|
||||||
const datumTimeCheck = this.timeFormat.parse(datum);
|
|
||||||
const historyTimeCheck = this.timeFormat.parse(this.imageHistory.slice(-1)[0]);
|
|
||||||
const matchesLast = (datumTime === lastHistoryTime) && (datumURL === lastHistoryURL);
|
|
||||||
const isStale = datumTimeCheck < historyTimeCheck;
|
|
||||||
|
|
||||||
return matchesLast || isStale;
|
|
||||||
},
|
},
|
||||||
getImageUrl(datum) {
|
getImageUrl(datum) {
|
||||||
return datum ?
|
return datum ?
|
||||||
@ -170,6 +147,21 @@ export default {
|
|||||||
|
|
||||||
return this.isPaused;
|
return this.isPaused;
|
||||||
},
|
},
|
||||||
|
requestHistory(bounds) {
|
||||||
|
this.requestCount++;
|
||||||
|
this.imageHistory = [];
|
||||||
|
const requestId = this.requestCount;
|
||||||
|
this.openmct.telemetry
|
||||||
|
.request(this.domainObject, bounds)
|
||||||
|
.then((values = []) => {
|
||||||
|
if (this.requestCount > requestId) {
|
||||||
|
return Promise.resolve('Stale request');
|
||||||
|
}
|
||||||
|
|
||||||
|
values.forEach(this.updateHistory);
|
||||||
|
this.updateValues(values[values.length - 1]);
|
||||||
|
});
|
||||||
|
},
|
||||||
scrollToRight() {
|
scrollToRight() {
|
||||||
if (this.isPaused || !this.$refs.thumbsWrapper || !this.autoScroll) {
|
if (this.isPaused || !this.$refs.thumbsWrapper || !this.autoScroll) {
|
||||||
return;
|
return;
|
||||||
@ -196,56 +188,40 @@ export default {
|
|||||||
image.selected = true;
|
image.selected = true;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
boundsChange(bounds, isTick) {
|
stopListening() {
|
||||||
if(!isTick) {
|
if (this.unsubscribe) {
|
||||||
this.requestHistory();
|
this.unsubscribe();
|
||||||
|
delete this.unsubscribe;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
requestHistory() {
|
subscribe(domainObject) {
|
||||||
let bounds = this.openmct.time.bounds();
|
this.date = ''
|
||||||
this.requestCount++;
|
this.imageUrl = '';
|
||||||
const requestId = this.requestCount;
|
this.openmct.objects.get(this.keystring)
|
||||||
this.imageHistory = [];
|
.then((object) => {
|
||||||
this.openmct.telemetry
|
const metadata = this.openmct.telemetry.getMetadata(this.domainObject);
|
||||||
.request(this.domainObject, bounds)
|
this.timeKey = this.openmct.time.timeSystem().key;
|
||||||
.then((values = []) => {
|
this.timeFormat = this.openmct.telemetry.getValueFormatter(metadata.value(this.timeKey));
|
||||||
if (this.requestCount === requestId) {
|
this.imageFormat = this.openmct.telemetry.getValueFormatter(metadata.valuesForHints(['image'])[0]);
|
||||||
values.forEach(this.updateHistory, false);
|
|
||||||
this.updateValues(values[values.length - 1]);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
timeSystemChange(system) {
|
|
||||||
// reset timesystem dependent variables
|
|
||||||
this.timeKey = system.key;
|
|
||||||
this.timeFormat = this.openmct.telemetry.getValueFormatter(this.metadata.value(this.timeKey));
|
|
||||||
},
|
|
||||||
subscribe() {
|
|
||||||
this.unsubscribe = this.openmct.telemetry
|
this.unsubscribe = this.openmct.telemetry
|
||||||
.subscribe(this.domainObject, (datum) => {
|
.subscribe(this.domainObject, (datum) => {
|
||||||
let parsedTimestamp = this.timeFormat.parse(datum[this.timeKey]),
|
|
||||||
bounds = this.openmct.time.bounds();
|
|
||||||
|
|
||||||
if(parsedTimestamp >= bounds.start && parsedTimestamp <= bounds.end) {
|
|
||||||
this.updateHistory(datum);
|
this.updateHistory(datum);
|
||||||
this.updateValues(datum);
|
this.updateValues(datum);
|
||||||
}
|
});
|
||||||
|
|
||||||
|
this.requestHistory(this.openmct.time.bounds());
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
unselectAllImages() {
|
unselectAllImages() {
|
||||||
this.imageHistory.forEach(image => image.selected = false);
|
this.imageHistory.forEach(image => image.selected = false);
|
||||||
},
|
},
|
||||||
updateHistory(datum, updateValues = true) {
|
updateHistory(datum) {
|
||||||
if (this.datumIsNotValid(datum)) {
|
if (this.datumMatchesMostRecent(datum)) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const index = _.sortedIndexBy(this.imageHistory, datum, this.timeFormat.format.bind(this.timeFormat));
|
const index = _.sortedIndex(this.imageHistory, datum, this.timeFormat.format.bind(this.timeFormat));
|
||||||
this.imageHistory.splice(index, 0, datum);
|
this.imageHistory.splice(index, 0, datum);
|
||||||
|
|
||||||
if(updateValues) {
|
|
||||||
this.updateValues(datum);
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
updateValues(datum) {
|
updateValues(datum) {
|
||||||
if (this.isPaused) {
|
if (this.isPaused) {
|
||||||
|
@ -169,10 +169,11 @@ export default {
|
|||||||
|
|
||||||
const bounds = this.openmct.time.bounds();
|
const bounds = this.openmct.time.bounds();
|
||||||
const isTimeBoundChanged = this.embed.bounds.start !== bounds.start
|
const isTimeBoundChanged = this.embed.bounds.start !== bounds.start
|
||||||
|| this.embed.bounds.end !== bounds.end;
|
&& this.embed.bounds.end !== bounds.end;
|
||||||
const isFixedTimespanMode = !this.openmct.time.clock();
|
const isFixedTimespanMode = !this.openmct.time.clock();
|
||||||
|
|
||||||
this.openmct.time.stopClock();
|
window.location.href = link;
|
||||||
|
|
||||||
let message = '';
|
let message = '';
|
||||||
if (isTimeBoundChanged) {
|
if (isTimeBoundChanged) {
|
||||||
this.openmct.time.bounds({
|
this.openmct.time.bounds({
|
||||||
@ -186,11 +187,7 @@ export default {
|
|||||||
message = 'Time bound values changed to fixed timespan mode';
|
message = 'Time bound values changed to fixed timespan mode';
|
||||||
}
|
}
|
||||||
|
|
||||||
if (message.length) {
|
|
||||||
this.openmct.notifications.alert(message);
|
this.openmct.notifications.alert(message);
|
||||||
}
|
|
||||||
|
|
||||||
window.location.href = link;
|
|
||||||
},
|
},
|
||||||
formatTime(unixTime, timeFormat) {
|
formatTime(unixTime, timeFormat) {
|
||||||
return Moment.utc(unixTime).format(timeFormat);
|
return Moment.utc(unixTime).format(timeFormat);
|
||||||
|
@ -29,7 +29,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import Snapshot from '../snapshot';
|
import Snapshot from '../snapshot';
|
||||||
import { getDefaultNotebook } from '../utils/notebook-storage';
|
import { clearDefaultNotebook, getDefaultNotebook } from '../utils/notebook-storage';
|
||||||
import { NOTEBOOK_DEFAULT, NOTEBOOK_SNAPSHOT } from '../notebook-constants';
|
import { NOTEBOOK_DEFAULT, NOTEBOOK_SNAPSHOT } from '../notebook-constants';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -72,21 +72,27 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
async setNotebookTypes() {
|
async setNotebookTypes() {
|
||||||
const notebookTypes = [];
|
const notebookTypes = [];
|
||||||
|
let defaultPath = '';
|
||||||
const defaultNotebook = getDefaultNotebook();
|
const defaultNotebook = getDefaultNotebook();
|
||||||
|
|
||||||
if (defaultNotebook) {
|
if (defaultNotebook) {
|
||||||
const domainObject = defaultNotebook.domainObject;
|
const domainObject = await this.openmct.objects.get(defaultNotebook.notebookMeta.identifier)
|
||||||
|
.then(d => d);
|
||||||
|
|
||||||
if (domainObject.location) {
|
if (!domainObject.location) {
|
||||||
const defaultPath = `${domainObject.name} - ${defaultNotebook.section.name} - ${defaultNotebook.page.name}`;
|
clearDefaultNotebook();
|
||||||
|
} else {
|
||||||
|
defaultPath = `${domainObject.name} - ${defaultNotebook.section.name} - ${defaultNotebook.page.name}`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (defaultPath.length !== 0) {
|
||||||
notebookTypes.push({
|
notebookTypes.push({
|
||||||
cssClass: 'icon-notebook',
|
cssClass: 'icon-notebook',
|
||||||
name: `Save to Notebook ${defaultPath}`,
|
name: `Save to Notebook ${defaultPath}`,
|
||||||
type: NOTEBOOK_DEFAULT
|
type: NOTEBOOK_DEFAULT
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
notebookTypes.push({
|
notebookTypes.push({
|
||||||
cssClass: 'icon-notebook',
|
cssClass: 'icon-notebook',
|
||||||
|
@ -239,7 +239,6 @@ export default {
|
|||||||
const section = this.getSelectedSection();
|
const section = this.getSelectedSection();
|
||||||
|
|
||||||
return {
|
return {
|
||||||
domainObject: this.internalDomainObject,
|
|
||||||
notebookMeta,
|
notebookMeta,
|
||||||
section,
|
section,
|
||||||
page
|
page
|
||||||
@ -441,7 +440,7 @@ export default {
|
|||||||
async updateDefaultNotebook(notebookStorage) {
|
async updateDefaultNotebook(notebookStorage) {
|
||||||
const defaultNotebookObject = await this.getDefaultNotebookObject();
|
const defaultNotebookObject = await this.getDefaultNotebookObject();
|
||||||
this.removeDefaultClass(defaultNotebookObject);
|
this.removeDefaultClass(defaultNotebookObject);
|
||||||
setDefaultNotebook(this.openmct, notebookStorage);
|
setDefaultNotebook(notebookStorage);
|
||||||
this.addDefaultClass();
|
this.addDefaultClass();
|
||||||
this.defaultSectionId = notebookStorage.section.id;
|
this.defaultSectionId = notebookStorage.section.id;
|
||||||
this.defaultPageId = notebookStorage.page.id;
|
this.defaultPageId = notebookStorage.page.id;
|
||||||
|
@ -1,46 +1,6 @@
|
|||||||
const NOTEBOOK_LOCAL_STORAGE = 'notebook-storage';
|
const NOTEBOOK_LOCAL_STORAGE = 'notebook-storage';
|
||||||
let currentNotebookObject = null;
|
|
||||||
let unlisten = null;
|
|
||||||
|
|
||||||
function defaultNotebookObjectChanged(newDomainObject) {
|
|
||||||
if (newDomainObject.location !== null) {
|
|
||||||
currentNotebookObject = newDomainObject;
|
|
||||||
const notebookStorage = getDefaultNotebook();
|
|
||||||
notebookStorage.domainObject = newDomainObject;
|
|
||||||
saveDefaultNotebook(notebookStorage);
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (unlisten) {
|
|
||||||
unlisten();
|
|
||||||
unlisten = null;
|
|
||||||
}
|
|
||||||
|
|
||||||
clearDefaultNotebook();
|
|
||||||
}
|
|
||||||
|
|
||||||
function observeDefaultNotebookObject(openmct, notebookStorage) {
|
|
||||||
const domainObject = notebookStorage.domainObject;
|
|
||||||
if (currentNotebookObject
|
|
||||||
&& currentNotebookObject.identifier.key === domainObject.identifier.key) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (unlisten) {
|
|
||||||
unlisten();
|
|
||||||
unlisten = null;
|
|
||||||
}
|
|
||||||
|
|
||||||
unlisten = openmct.objects.observe(notebookStorage.domainObject, '*', defaultNotebookObjectChanged);
|
|
||||||
}
|
|
||||||
|
|
||||||
function saveDefaultNotebook(notebookStorage) {
|
|
||||||
window.localStorage.setItem(NOTEBOOK_LOCAL_STORAGE, JSON.stringify(notebookStorage));
|
|
||||||
}
|
|
||||||
|
|
||||||
export function clearDefaultNotebook() {
|
export function clearDefaultNotebook() {
|
||||||
currentNotebookObject = null;
|
|
||||||
window.localStorage.setItem(NOTEBOOK_LOCAL_STORAGE, null);
|
window.localStorage.setItem(NOTEBOOK_LOCAL_STORAGE, null);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -50,21 +10,20 @@ export function getDefaultNotebook() {
|
|||||||
return JSON.parse(notebookStorage);
|
return JSON.parse(notebookStorage);
|
||||||
}
|
}
|
||||||
|
|
||||||
export function setDefaultNotebook(openmct, notebookStorage) {
|
export function setDefaultNotebook(notebookStorage) {
|
||||||
observeDefaultNotebookObject(openmct, notebookStorage);
|
window.localStorage.setItem(NOTEBOOK_LOCAL_STORAGE, JSON.stringify(notebookStorage));
|
||||||
saveDefaultNotebook(notebookStorage);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export function setDefaultNotebookSection(section) {
|
export function setDefaultNotebookSection(section) {
|
||||||
const notebookStorage = getDefaultNotebook();
|
const notebookStorage = getDefaultNotebook();
|
||||||
|
|
||||||
notebookStorage.section = section;
|
notebookStorage.section = section;
|
||||||
saveDefaultNotebook(notebookStorage);
|
window.localStorage.setItem(NOTEBOOK_LOCAL_STORAGE, JSON.stringify(notebookStorage));
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export function setDefaultNotebookPage(page) {
|
export function setDefaultNotebookPage(page) {
|
||||||
const notebookStorage = getDefaultNotebook();
|
const notebookStorage = getDefaultNotebook();
|
||||||
notebookStorage.page = page;
|
notebookStorage.page = page;
|
||||||
saveDefaultNotebook(notebookStorage);
|
window.localStorage.setItem(NOTEBOOK_LOCAL_STORAGE, JSON.stringify(notebookStorage));
|
||||||
}
|
}
|
||||||
|
@ -1,70 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div
|
|
||||||
v-if="notifications.length > 0"
|
|
||||||
class="c-indicator c-indicator--clickable icon-bell"
|
|
||||||
:class="[severityClass]"
|
|
||||||
>
|
|
||||||
<span class="c-indicator__label">
|
|
||||||
<button @click="toggleNotificationsList(true)">
|
|
||||||
{{ notificationsCountMessage(notifications.length) }}
|
|
||||||
</button>
|
|
||||||
<button @click="dismissAllNotifications()">
|
|
||||||
Clear All
|
|
||||||
</button>
|
|
||||||
</span>
|
|
||||||
<span class="c-indicator__count">{{ notifications.length }}</span>
|
|
||||||
|
|
||||||
<notifications-list
|
|
||||||
v-if="showNotificationsOverlay"
|
|
||||||
:notifications="notifications"
|
|
||||||
@close="toggleNotificationsList"
|
|
||||||
@clear-all="dismissAllNotifications"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import NotificationsList from './NotificationsList.vue';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
inject: ['openmct'],
|
|
||||||
components: {
|
|
||||||
NotificationsList
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
notifications: this.openmct.notifications.notifications,
|
|
||||||
highest: this.openmct.notifications.highest,
|
|
||||||
showNotificationsOverlay: false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
severityClass() {
|
|
||||||
return `s-status-${this.highest.severity}`;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.openmct.notifications.on('notification', this.updateNotifications);
|
|
||||||
this.openmct.notifications.on('dismiss-all', this.updateNotifications);
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
dismissAllNotifications() {
|
|
||||||
this.openmct.notifications.dismissAllNotifications();
|
|
||||||
},
|
|
||||||
toggleNotificationsList(flag) {
|
|
||||||
this.showNotificationsOverlay = flag;
|
|
||||||
},
|
|
||||||
updateNotifications() {
|
|
||||||
this.notifications = this.openmct.notifications.notifications;
|
|
||||||
this.highest = this.openmct.notifications.highest;
|
|
||||||
},
|
|
||||||
notificationsCountMessage(count) {
|
|
||||||
if (count > 1) {
|
|
||||||
return `${count} Notifications`;
|
|
||||||
} else {
|
|
||||||
return `${count} Notification`;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
@ -1,85 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div
|
|
||||||
class="c-message"
|
|
||||||
:class="'message-severity-' + notification.model.severity"
|
|
||||||
>
|
|
||||||
<div class="c-ne__time-and-content">
|
|
||||||
<div class="c-ne__time">
|
|
||||||
<span>{{ notification.model.timestamp }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="c-ne__content">
|
|
||||||
<div class="w-message-contents">
|
|
||||||
<div class="c-message__top-bar">
|
|
||||||
<div class="c-message__title">{{ notification.model.message }}</div>
|
|
||||||
</div>
|
|
||||||
<div class="message-body">
|
|
||||||
<progress-bar
|
|
||||||
v-if="isProgressNotification"
|
|
||||||
:model="progressObject"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="c-overlay__button-bar">
|
|
||||||
<button
|
|
||||||
v-for="(dialogOption, index) in notification.model.options"
|
|
||||||
:key="index"
|
|
||||||
class="c-button"
|
|
||||||
@click="dialogOption.callback()"
|
|
||||||
>
|
|
||||||
{{ dialogOption.label }}
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
v-if="notification.model.primaryOption"
|
|
||||||
class="c-button c-button--major"
|
|
||||||
@click="notification.model.primaryOption.callback()"
|
|
||||||
>
|
|
||||||
{{ notification.model.primaryOption.label }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import ProgressBar from '../../../ui/components/ProgressBar.vue';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
ProgressBar
|
|
||||||
},
|
|
||||||
props:{
|
|
||||||
notification: {
|
|
||||||
type: Object,
|
|
||||||
required: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
isProgressNotification: false,
|
|
||||||
progressPerc: this.notification.model.progressPerc,
|
|
||||||
progressText: this.notification.model.progressText
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
progressObject() {
|
|
||||||
return {
|
|
||||||
progressPerc: this.progressPerc,
|
|
||||||
progressText: this.progressText
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
if (this.notification.model.progressPerc) {
|
|
||||||
this.isProgressNotification = true;
|
|
||||||
this.notification.on('progress', this.updateProgressBar)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
updateProgressBar(progressPerc, progressText) {
|
|
||||||
this.progressPerc = progressPerc;
|
|
||||||
this.progressText = progressText;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
@ -1,69 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="t-message-list c-overlay__contents">
|
|
||||||
<div class="c-overlay__top-bar">
|
|
||||||
<div class="c-overlay__dialog-title">Notifications</div>
|
|
||||||
<div class="c-overlay__dialog-hint">
|
|
||||||
{{ notificationsCountDisplayMessage(notifications.length) }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="w-messages c-overlay__messages">
|
|
||||||
<notification-message
|
|
||||||
v-for="notification in notifications"
|
|
||||||
:key="notification.model.timestamp"
|
|
||||||
:notification="notification"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import NotificationMessage from './NotificationMessage.vue';
|
|
||||||
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
NotificationMessage
|
|
||||||
},
|
|
||||||
inject: ['openmct'],
|
|
||||||
props: {
|
|
||||||
notifications: {
|
|
||||||
type: Array,
|
|
||||||
required: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.openOverlay();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
openOverlay() {
|
|
||||||
this.overlay = this.openmct.overlays.overlay({
|
|
||||||
element: this.$el,
|
|
||||||
size: 'large',
|
|
||||||
dismissable: true,
|
|
||||||
buttons: [
|
|
||||||
{
|
|
||||||
label: 'Clear All Notifications',
|
|
||||||
emphasis: true,
|
|
||||||
callback:() => {
|
|
||||||
this.$emit('clear-all');
|
|
||||||
this.overlay.dismiss();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
],
|
|
||||||
onDestroy: () => {
|
|
||||||
this.$emit('close', false);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
notificationsCountDisplayMessage(count) {
|
|
||||||
if (count > 1 || count === 0) {
|
|
||||||
return `Displaying ${count} notifications`;
|
|
||||||
} else {
|
|
||||||
return `Displaying ${count} notification`;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
@ -1,71 +0,0 @@
|
|||||||
/*****************************************************************************
|
|
||||||
* Open MCT, Copyright (c) 2014-2020, United States Government
|
|
||||||
* as represented by the Administrator of the National Aeronautics and Space
|
|
||||||
* Administration. All rights reserved.
|
|
||||||
*
|
|
||||||
* Open MCT is licensed under the Apache License, Version 2.0 (the
|
|
||||||
* "License"); you may not use this file except in compliance with the License.
|
|
||||||
* You may obtain a copy of the License at
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0.
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
||||||
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
|
||||||
* License for the specific language governing permissions and limitations
|
|
||||||
* under the License.
|
|
||||||
*
|
|
||||||
* Open MCT includes source code licensed under additional open source
|
|
||||||
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
|
||||||
* this source code distribution or the Licensing information page available
|
|
||||||
* at runtime from the About dialog for additional information.
|
|
||||||
*****************************************************************************/
|
|
||||||
|
|
||||||
import NotificationIndicatorPlugin from './plugin.js';
|
|
||||||
import Vue from 'vue';
|
|
||||||
import {
|
|
||||||
createOpenMct
|
|
||||||
} from 'testUtils';
|
|
||||||
|
|
||||||
describe('the plugin', () => {
|
|
||||||
let notificationIndicatorPlugin,
|
|
||||||
openmct,
|
|
||||||
indicatorObject,
|
|
||||||
indicatorElement,
|
|
||||||
parentElement,
|
|
||||||
mockMessages = ['error', 'test', 'notifications'];
|
|
||||||
|
|
||||||
beforeEach((done) => {
|
|
||||||
openmct = createOpenMct();
|
|
||||||
|
|
||||||
notificationIndicatorPlugin = new NotificationIndicatorPlugin();
|
|
||||||
openmct.install(notificationIndicatorPlugin);
|
|
||||||
|
|
||||||
parentElement = document.createElement('div');
|
|
||||||
|
|
||||||
indicatorObject = openmct.indicators.indicatorObjects.find(indicator => indicator.key === 'notifications-indicator');
|
|
||||||
indicatorElement = indicatorObject.element;
|
|
||||||
|
|
||||||
openmct.on('start', () => {
|
|
||||||
mockMessages.forEach(message => {
|
|
||||||
openmct.notifications.error(message);
|
|
||||||
});
|
|
||||||
done();
|
|
||||||
});
|
|
||||||
|
|
||||||
openmct.startHeadless();
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('the indicator plugin element', () => {
|
|
||||||
beforeEach(() => {
|
|
||||||
parentElement.append(indicatorElement);
|
|
||||||
return Vue.nextTick();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('notifies the user of the number of notifications', () => {
|
|
||||||
let notificationCountElement = parentElement.querySelector('.c-indicator__count');
|
|
||||||
|
|
||||||
expect(notificationCountElement.innerText).toEqual(mockMessages.length.toString());
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
@ -152,7 +152,7 @@ function (
|
|||||||
MCTChartController.prototype.destroy = function () {
|
MCTChartController.prototype.destroy = function () {
|
||||||
this.isDestroyed = true;
|
this.isDestroyed = true;
|
||||||
this.stopListening();
|
this.stopListening();
|
||||||
this.lines.forEach(line => line.destroy());
|
_.invoke(this.lines, 'destroy');
|
||||||
DrawLoader.releaseDrawAPI(this.drawAPI);
|
DrawLoader.releaseDrawAPI(this.drawAPI);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -44,7 +44,7 @@ define([
|
|||||||
this.initialize(options);
|
this.initialize(options);
|
||||||
}
|
}
|
||||||
|
|
||||||
Object.assign(Collection.prototype, EventEmitter.prototype);
|
_.extend(Collection.prototype, EventEmitter.prototype);
|
||||||
eventHelpers.extend(Collection.prototype);
|
eventHelpers.extend(Collection.prototype);
|
||||||
|
|
||||||
Collection.extend = extend;
|
Collection.extend = extend;
|
||||||
@ -105,7 +105,12 @@ define([
|
|||||||
};
|
};
|
||||||
|
|
||||||
Collection.prototype.indexOf = function (model) {
|
Collection.prototype.indexOf = function (model) {
|
||||||
return this.models.findIndex(m => m === model);
|
return _.findIndex(
|
||||||
|
this.models,
|
||||||
|
function (m) {
|
||||||
|
return m === model;
|
||||||
|
}
|
||||||
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
Collection.prototype.remove = function (model) {
|
Collection.prototype.remove = function (model) {
|
||||||
|
@ -49,7 +49,7 @@ define([
|
|||||||
this.initialize(options);
|
this.initialize(options);
|
||||||
}
|
}
|
||||||
|
|
||||||
Object.assign(Model.prototype, EventEmitter.prototype);
|
_.extend(Model.prototype, EventEmitter.prototype);
|
||||||
eventHelpers.extend(Model.prototype);
|
eventHelpers.extend(Model.prototype);
|
||||||
|
|
||||||
Model.extend = extend;
|
Model.extend = extend;
|
||||||
|
@ -146,7 +146,7 @@ define([
|
|||||||
strategy = 'minmax';
|
strategy = 'minmax';
|
||||||
}
|
}
|
||||||
|
|
||||||
options = Object.assign({}, { size: 1000, strategy, filters: this.filters }, options || {});
|
options = _.extend({}, { size: 1000, strategy, filters: this.filters }, options || {});
|
||||||
|
|
||||||
if (!this.unsubscribe) {
|
if (!this.unsubscribe) {
|
||||||
this.unsubscribe = this.openmct
|
this.unsubscribe = this.openmct
|
||||||
@ -160,7 +160,6 @@ define([
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* eslint-disable you-dont-need-lodash-underscore/concat */
|
|
||||||
return this.openmct
|
return this.openmct
|
||||||
.telemetry
|
.telemetry
|
||||||
.request(this.domainObject, options)
|
.request(this.domainObject, options)
|
||||||
@ -172,7 +171,6 @@ define([
|
|||||||
.value();
|
.value();
|
||||||
this.reset(newPoints);
|
this.reset(newPoints);
|
||||||
}.bind(this));
|
}.bind(this));
|
||||||
/* eslint-enable you-dont-need-lodash-underscore/concat */
|
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
* Update x formatter on x change.
|
* Update x formatter on x change.
|
||||||
@ -272,7 +270,7 @@ define([
|
|||||||
* @private
|
* @private
|
||||||
*/
|
*/
|
||||||
sortedIndex: function (point) {
|
sortedIndex: function (point) {
|
||||||
return _.sortedIndexBy(this.data, point, this.getXVal);
|
return _.sortedIndex(this.data, point, this.getXVal);
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
* Update min/max stats for the series.
|
* Update min/max stats for the series.
|
||||||
@ -324,15 +322,7 @@ define([
|
|||||||
* a point to the end without dupe checking.
|
* a point to the end without dupe checking.
|
||||||
*/
|
*/
|
||||||
add: function (point, appendOnly) {
|
add: function (point, appendOnly) {
|
||||||
var insertIndex = this.data.length,
|
var insertIndex = this.data.length;
|
||||||
currentYVal = this.getYVal(point),
|
|
||||||
lastYVal = this.getYVal(this.data[insertIndex - 1]);
|
|
||||||
|
|
||||||
if (this.isValueInvalid(currentYVal) && this.isValueInvalid(lastYVal)) {
|
|
||||||
console.warn('[Plot] Invalid Y Values detected');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!appendOnly) {
|
if (!appendOnly) {
|
||||||
insertIndex = this.sortedIndex(point);
|
insertIndex = this.sortedIndex(point);
|
||||||
if (this.getXVal(this.data[insertIndex]) === this.getXVal(point)) {
|
if (this.getXVal(this.data[insertIndex]) === this.getXVal(point)) {
|
||||||
@ -342,21 +332,11 @@ define([
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
this.updateStats(point);
|
this.updateStats(point);
|
||||||
point.mctLimitState = this.evaluate(point);
|
point.mctLimitState = this.evaluate(point);
|
||||||
this.data.splice(insertIndex, 0, point);
|
this.data.splice(insertIndex, 0, point);
|
||||||
this.emit('add', point, insertIndex, this);
|
this.emit('add', point, insertIndex, this);
|
||||||
},
|
},
|
||||||
|
|
||||||
/**
|
|
||||||
*
|
|
||||||
* @private
|
|
||||||
*/
|
|
||||||
isValueInvalid: function (val) {
|
|
||||||
return Number.isNaN(val) || val === undefined;
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove a point from the data array and notify listeners.
|
* Remove a point from the data array and notify listeners.
|
||||||
* @private
|
* @private
|
||||||
|
@ -101,11 +101,11 @@ define([
|
|||||||
var plotObject = this.plot.get('domainObject');
|
var plotObject = this.plot.get('domainObject');
|
||||||
if (plotObject.type === 'telemetry.plot.overlay') {
|
if (plotObject.type === 'telemetry.plot.overlay') {
|
||||||
|
|
||||||
var persistedIndex = plotObject.configuration.series.findIndex(s => {
|
var persistedIndex = _.findIndex(plotObject.configuration.series, function (s) {
|
||||||
return _.isEqual(identifier, s.identifier);
|
return _.isEqual(identifier, s.identifier);
|
||||||
});
|
});
|
||||||
|
|
||||||
var configIndex = this.models.findIndex(m => {
|
var configIndex = _.findIndex(this.models, function (m) {
|
||||||
return _.isEqual(m.domainObject.identifier, identifier);
|
return _.isEqual(m.domainObject.identifier, identifier);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -182,23 +182,6 @@ define([
|
|||||||
this.set('format', yFormat.format.bind(yFormat));
|
this.set('format', yFormat.format.bind(yFormat));
|
||||||
this.set('values', yMetadata.values);
|
this.set('values', yMetadata.values);
|
||||||
if (!label) {
|
if (!label) {
|
||||||
var labelName = series.map(function (s) {
|
|
||||||
return s.metadata.value(s.get('yKey')).name;
|
|
||||||
}).reduce(function (a, b) {
|
|
||||||
if (a === undefined) {
|
|
||||||
return b;
|
|
||||||
}
|
|
||||||
if (a === b) {
|
|
||||||
return a;
|
|
||||||
}
|
|
||||||
return '';
|
|
||||||
}, undefined);
|
|
||||||
|
|
||||||
if (labelName) {
|
|
||||||
this.set('label', labelName);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var labelUnits = series.map(function (s) {
|
var labelUnits = series.map(function (s) {
|
||||||
return s.metadata.value(s.get('yKey')).units;
|
return s.metadata.value(s.get('yKey')).units;
|
||||||
}).reduce(function (a, b) {
|
}).reduce(function (a, b) {
|
||||||
@ -210,11 +193,22 @@ define([
|
|||||||
}
|
}
|
||||||
return '';
|
return '';
|
||||||
}, undefined);
|
}, undefined);
|
||||||
|
|
||||||
if (labelUnits) {
|
if (labelUnits) {
|
||||||
this.set('label', labelUnits);
|
this.set('label', labelUnits);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
var labelName = series.map(function (s) {
|
||||||
|
return s.metadata.value(s.get('yKey')).name;
|
||||||
|
}).reduce(function (a, b) {
|
||||||
|
if (a === undefined) {
|
||||||
|
return b;
|
||||||
|
}
|
||||||
|
if (a === b) {
|
||||||
|
return a;
|
||||||
|
}
|
||||||
|
return '';
|
||||||
|
}, undefined);
|
||||||
|
this.set('label', labelName);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
defaults: function (options) {
|
defaults: function (options) {
|
||||||
|
@ -51,7 +51,7 @@ define([
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Object.assign(Draw2D.prototype, EventEmitter.prototype);
|
_.extend(Draw2D.prototype, EventEmitter.prototype);
|
||||||
eventHelpers.extend(Draw2D.prototype);
|
eventHelpers.extend(Draw2D.prototype);
|
||||||
|
|
||||||
// Convert from logical to physical x coordinates
|
// Convert from logical to physical x coordinates
|
||||||
|
@ -78,7 +78,7 @@ define([
|
|||||||
this.listenTo(this.canvas, "webglcontextlost", this.onContextLost, this);
|
this.listenTo(this.canvas, "webglcontextlost", this.onContextLost, this);
|
||||||
}
|
}
|
||||||
|
|
||||||
Object.assign(DrawWebGL.prototype, EventEmitter.prototype);
|
_.extend(DrawWebGL.prototype, EventEmitter.prototype);
|
||||||
eventHelpers.extend(DrawWebGL.prototype);
|
eventHelpers.extend(DrawWebGL.prototype);
|
||||||
|
|
||||||
DrawWebGL.prototype.onContextLost = function (event) {
|
DrawWebGL.prototype.onContextLost = function (event) {
|
||||||
|
@ -23,7 +23,7 @@
|
|||||||
define([
|
define([
|
||||||
'../configuration/configStore',
|
'../configuration/configStore',
|
||||||
'../lib/eventHelpers',
|
'../lib/eventHelpers',
|
||||||
'objectUtils',
|
'../../../../api/objects/object-utils',
|
||||||
'lodash'
|
'lodash'
|
||||||
], function (
|
], function (
|
||||||
configStore,
|
configStore,
|
||||||
|
@ -31,7 +31,7 @@ define([
|
|||||||
function dynamicPathForKey(key) {
|
function dynamicPathForKey(key) {
|
||||||
return function (object, model) {
|
return function (object, model) {
|
||||||
var modelIdentifier = model.get('identifier');
|
var modelIdentifier = model.get('identifier');
|
||||||
var index = object.configuration.series.findIndex(s => {
|
var index = _.findIndex(object.configuration.series, function (s) {
|
||||||
return _.isEqual(s.identifier, modelIdentifier);
|
return _.isEqual(s.identifier, modelIdentifier);
|
||||||
});
|
});
|
||||||
return 'configuration.series[' + index + '].' + key;
|
return 'configuration.series[' + index + '].' + key;
|
||||||
|
@ -73,10 +73,10 @@ define([
|
|||||||
if (range.max === '' || range.max === null || typeof range.max === 'undefined') {
|
if (range.max === '' || range.max === null || typeof range.max === 'undefined') {
|
||||||
return 'Must specify Maximum';
|
return 'Must specify Maximum';
|
||||||
}
|
}
|
||||||
if (Number.isNaN(Number(range.min))) {
|
if (_.isNaN(Number(range.min))) {
|
||||||
return 'Minimum must be a number.';
|
return 'Minimum must be a number.';
|
||||||
}
|
}
|
||||||
if (Number.isNaN(Number(range.max))) {
|
if (_.isNaN(Number(range.max))) {
|
||||||
return 'Maximum must be a number.';
|
return 'Maximum must be a number.';
|
||||||
}
|
}
|
||||||
if (Number(range.min) > Number(range.max)) {
|
if (Number(range.min) > Number(range.max)) {
|
||||||
|
@ -67,10 +67,10 @@ define([
|
|||||||
}
|
}
|
||||||
this.$canvas = this.$element.find('canvas');
|
this.$canvas = this.$element.find('canvas');
|
||||||
|
|
||||||
|
this.listenTo(this.$canvas, 'click', this.onMouseClick, this);
|
||||||
this.listenTo(this.$canvas, 'mousemove', this.trackMousePosition, this);
|
this.listenTo(this.$canvas, 'mousemove', this.trackMousePosition, this);
|
||||||
this.listenTo(this.$canvas, 'mouseleave', this.untrackMousePosition, this);
|
this.listenTo(this.$canvas, 'mouseleave', this.untrackMousePosition, this);
|
||||||
this.listenTo(this.$canvas, 'mousedown', this.onMouseDown, this);
|
this.listenTo(this.$canvas, 'mousedown', this.onMouseDown, this);
|
||||||
this.listenTo(this.$canvas, 'wheel', this.wheelZoom, this);
|
|
||||||
|
|
||||||
this.watchForMarquee();
|
this.watchForMarquee();
|
||||||
};
|
};
|
||||||
@ -78,6 +78,7 @@ define([
|
|||||||
MCTPlotController.prototype.initialize = function () {
|
MCTPlotController.prototype.initialize = function () {
|
||||||
this.$canvas = this.$element.find('canvas');
|
this.$canvas = this.$element.find('canvas');
|
||||||
|
|
||||||
|
this.listenTo(this.$canvas, 'click', this.onMouseClick, this);
|
||||||
this.listenTo(this.$canvas, 'mousemove', this.trackMousePosition, this);
|
this.listenTo(this.$canvas, 'mousemove', this.trackMousePosition, this);
|
||||||
this.listenTo(this.$canvas, 'mouseleave', this.untrackMousePosition, this);
|
this.listenTo(this.$canvas, 'mouseleave', this.untrackMousePosition, this);
|
||||||
this.listenTo(this.$canvas, 'mousedown', this.onMouseDown, this);
|
this.listenTo(this.$canvas, 'mousedown', this.onMouseDown, this);
|
||||||
@ -209,6 +210,23 @@ define([
|
|||||||
this.highlightValues(point);
|
this.highlightValues(point);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
MCTPlotController.prototype.onMouseClick = function ($event) {
|
||||||
|
const isClick = this.isMouseClick();
|
||||||
|
if (this.pan) {
|
||||||
|
this.endPan($event);
|
||||||
|
}
|
||||||
|
if (this.marquee) {
|
||||||
|
this.endMarquee($event);
|
||||||
|
}
|
||||||
|
this.$scope.$apply();
|
||||||
|
|
||||||
|
if (!this.$scope.highlights.length || !isClick) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.$scope.lockHighlightPoint = !this.$scope.lockHighlightPoint;
|
||||||
|
};
|
||||||
|
|
||||||
MCTPlotController.prototype.highlightValues = function (point) {
|
MCTPlotController.prototype.highlightValues = function (point) {
|
||||||
this.highlightPoint = point;
|
this.highlightPoint = point;
|
||||||
this.$scope.$emit('plot:highlight:update', point);
|
this.$scope.$emit('plot:highlight:update', point);
|
||||||
@ -256,23 +274,11 @@ define([
|
|||||||
MCTPlotController.prototype.onMouseUp = function ($event) {
|
MCTPlotController.prototype.onMouseUp = function ($event) {
|
||||||
this.stopListening(this.$window, 'mouseup', this.onMouseUp, this);
|
this.stopListening(this.$window, 'mouseup', this.onMouseUp, this);
|
||||||
this.stopListening(this.$window, 'mousemove', this.trackMousePosition, this);
|
this.stopListening(this.$window, 'mousemove', this.trackMousePosition, this);
|
||||||
|
|
||||||
if (this.isMouseClick()) {
|
|
||||||
this.$scope.lockHighlightPoint = !this.$scope.lockHighlightPoint;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.allowPan) {
|
|
||||||
return this.endPan($event);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.allowMarquee) {
|
|
||||||
return this.endMarquee($event);
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
MCTPlotController.prototype.isMouseClick = function () {
|
MCTPlotController.prototype.isMouseClick = function () {
|
||||||
if (!this.marquee) {
|
if (!this.marquee) {
|
||||||
return false;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const { start, end } = this.marquee;
|
const { start, end } = this.marquee;
|
||||||
@ -325,7 +331,7 @@ define([
|
|||||||
} else {
|
} else {
|
||||||
// A history entry is created by startMarquee, need to remove
|
// A history entry is created by startMarquee, need to remove
|
||||||
// if marquee zoom doesn't occur.
|
// if marquee zoom doesn't occur.
|
||||||
this.plotHistory.pop();
|
this.back();
|
||||||
}
|
}
|
||||||
this.$scope.rectangles = [];
|
this.$scope.rectangles = [];
|
||||||
this.marquee = undefined;
|
this.marquee = undefined;
|
||||||
|
@ -227,9 +227,8 @@ define([
|
|||||||
};
|
};
|
||||||
|
|
||||||
PlotController.prototype.stopLoading = function () {
|
PlotController.prototype.stopLoading = function () {
|
||||||
this.$scope.$evalAsync(() => {
|
|
||||||
this.$scope.pending -= 1;
|
this.$scope.pending -= 1;
|
||||||
});
|
this.$scope.$digest();
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -76,7 +76,7 @@ define([
|
|||||||
if (childObj) {
|
if (childObj) {
|
||||||
var index = telemetryObjects.indexOf(childObj);
|
var index = telemetryObjects.indexOf(childObj);
|
||||||
telemetryObjects.splice(index, 1);
|
telemetryObjects.splice(index, 1);
|
||||||
$scope.$broadcast('plot:tickWidth', Math.max(...Object.values(tickWidthMap)));
|
$scope.$broadcast('plot:tickWidth', _.max(tickWidthMap));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
35
src/plugins/plotlyPlot/PlotlyTelemetryProvider.js
Normal file
35
src/plugins/plotlyPlot/PlotlyTelemetryProvider.js
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
export default class PlotlyTelemetryProvider {
|
||||||
|
constructor(openmct) {
|
||||||
|
this.openmct = openmct;
|
||||||
|
}
|
||||||
|
|
||||||
|
isTelemetryObject(domainObject) {
|
||||||
|
return domainObject.type === 'plotlyPlot';
|
||||||
|
}
|
||||||
|
|
||||||
|
supportsRequest(domainObject) {
|
||||||
|
return domainObject.type === 'plotlyPlot';
|
||||||
|
}
|
||||||
|
|
||||||
|
supportsSubscribe(domainObject) {
|
||||||
|
return domainObject.type === 'plotlyPlot';
|
||||||
|
}
|
||||||
|
|
||||||
|
request(domainObject) {
|
||||||
|
// let conditionManager = this.getConditionManager(domainObject);
|
||||||
|
|
||||||
|
// return conditionManager.requestLADConditionSetOutput()
|
||||||
|
// .then(latestOutput => {
|
||||||
|
// return latestOutput;
|
||||||
|
// });
|
||||||
|
}
|
||||||
|
|
||||||
|
subscribe(domainObject, callback) {
|
||||||
|
// let conditionManager = this.getConditionManager(domainObject);
|
||||||
|
|
||||||
|
// conditionManager.on('conditionSetResultUpdated', callback);
|
||||||
|
|
||||||
|
// return this.destroyConditionManager.bind(this, this.openmct.objects.makeKeyString(domainObject.identifier));
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user