ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-17 14:48:13 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Telemetry Table] Display applied filters (#2421)

Browse Source 
* Display a list of filters that are applied to telemetry objects in a telemetry table.

* - Display 'Mixed' if filters have mixed values.
- Use table configuration domain object to get composition.

* Filter indicator styling WIP

- Markup, class names added;
- TODO: 'Mixed' and commas to be added via CSS, icon and bg coloring;

* Filter indicators styling

- CSS, markup;
- Added dynamic labeling and titling for mixed/non-mixed filter states;
- Theme colors defined and added;
- Added new filter icon glyphs for both 16px and 12px fonts;
- Revised/normalized font project and glyph file names;

* Filter indicators styling

- Adding missed Icomoon project file;

* Filter indicators styling

- Reverting mistakenly changed file;

* Filter indicators styling

- Minor fix to theme sass;
- Sync maelstrom theme;

* Fix indentation

* Set label and title to empty string initially.

* Keep the default snow.
This commit is contained in:
Pegah Sarram
2019-06-26 14:25:03 -07:00
committed by Andrew Henry
parent e0587bf0e7
commit 262d35804d
17 changed files with 377 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/plugins/filters/components/FilterObject.vue
View File

@ -77,6 +77,14 @@ export default {
this.$emit('updateFilters', this.keyString, this.updatedFilters); this.$emit('updateFilters', this.keyString, this.updatedFilters);
}, },
updateTextFilter(key, comparator, value) { updateTextFilter(key, comparator, value) {
if (value.trim() === '') {
if (this.updatedFilters[key]) {
delete this.updatedFilters[key];
this.$emit('updateFilters', this.keyString, this.updatedFilters);
}
return;
}
if (!this.updatedFilters[key]) { if (!this.updatedFilters[key]) {
this.$set(this.updatedFilters, key, {}); this.$set(this.updatedFilters, key, {});
this.$set(this.updatedFilters[key], comparator, ''); this.$set(this.updatedFilters[key], comparator, '');

142
src/plugins/telemetryTable/components/TelemetryFilterIndicator.vue Normal file
View File

@ -0,0 +1,142 @@
<template>
<div v-if="filterNames.length > 0"
:title=title
class="c-filter-indication"
:class="{ 'c-filter-indication--mixed': mixed }">
<span class="c-filter-indication__mixed">{{ label }}</span>
<span v-for="(name, index) in filterNames"
class="c-filter-indication__label">
{{ name }}
</span>
</div>
</template>
<style lang="scss">
@import "~styles/sass-base";
.c-filter-indication {
@include userSelectNone();
background: $colorFilterBg;
color: $colorFilterFg;
display: flex;
align-items: center;
font-size: 0.9em;
margin-top: $interiorMarginSm;
padding: 2px;
text-transform: uppercase;
&:before {
font-family: symbolsfont-12px;
content: $glyph-icon-filter;
display: block;
font-size: 12px;
margin-right: $interiorMarginSm;
}
&__mixed {
font-weight: bold;
margin-right: $interiorMarginSm;
}
&--mixed {
.c-filter-indication__mixed {
font-style: italic;
}
}
&__label {
+ .c-filter-indication__label {
&:before {
content: ',';
}
}
}
}
</style>
<script>
const FILTER_INDICATOR_LABEL = 'Filters:';
const FILTER_INDICATOR_LABEL_MIXED = 'Mixed Filters:';
const FILTER_INDICATOR_TITLE = 'Data filters are being applied to this view.';
const FILTER_INDICATOR_TITLE_MIXED = 'A mix of data filter values are being applied to this view.';
export default {
inject: ['openmct', 'table'],
data() {
return {
filterNames: [],
telemetryFilters: {},
mixed: false,
label: '',
title: ''
}
},
methods: {
isTelemetryObject(domainObject) {
return domainObject.hasOwnProperty('telemetry');
},
setFilterNames() {
let names = [];
let composition = this.openmct.composition.get(this.table.configuration.domainObject);
composition.load().then((domainObjects) => {
domainObjects.forEach(telemetryObject => {
let keyString= this.openmct.objects.makeKeyString(telemetryObject.identifier);
let filters = this.telemetryFilters[keyString];
if (filters !== undefined) {
let metadataValues = this.openmct.telemetry.getMetadata(telemetryObject).values();
Object.keys(filters).forEach(key => {
metadataValues.forEach(metadaum => {
if (key === metadaum.key) {
names.push(metadaum.name);
}
});
});
}
});
this.filterNames = Array.from(new Set(names));
});
},
handleConfigurationChanges(configuration) {
if (!_.eq(this.telemetryFilters, configuration.filters)) {
this.updateFilters(configuration.filters || {});
}
},
checkFiltersForMixedValues() {
let valueToCompare = this.telemetryFilters[Object.keys(this.telemetryFilters)[0]];
let mixed = false;
Object.values(this.telemetryFilters).forEach(value => {
if (!_.isEqual(valueToCompare, value)) {
mixed = true;
return;
}
});
this.mixed = mixed;
},
setLabels() {
if (this.mixed) {
this.label = FILTER_INDICATOR_LABEL_MIXED;
this.title = FILTER_INDICATOR_TITLE_MIXED;
} else {
this.label = FILTER_INDICATOR_LABEL;
this.title = FILTER_INDICATOR_TITLE;
}
},
updateFilters(filters) {
this.telemetryFilters = JSON.parse(JSON.stringify(filters));
this.setFilterNames();
this.checkFiltersForMixedValues();
this.setLabels();
}
},
mounted() {
let filters = this.table.configuration.getConfiguration().filters || {};
this.table.configuration.on('change', this.handleConfigurationChanges);
this.updateFilters(filters);
},
destroyed() {
this.table.configuration.off('change', this.handleConfigurationChanges);
}
}
</script>

5
src/plugins/telemetryTable/components/table.vue
View File

@ -106,6 +106,7 @@
:row="sizingRowData"> :row="sizingRowData">
</telemetry-table-row> </telemetry-table-row>
</table> </table>
<telemetry-filter-indicator></telemetry-filter-indicator>
</div> </div>
</template> </template>
@ -280,6 +281,7 @@
import TelemetryTableRow from './table-row.vue'; import TelemetryTableRow from './table-row.vue';
import search from '../../../ui/components/search.vue'; import search from '../../../ui/components/search.vue';
import TableColumnHeader from './table-column-header.vue'; import TableColumnHeader from './table-column-header.vue';
import TelemetryFilterIndicator from './TelemetryFilterIndicator.vue';
import CSVExporter from '../../../exporters/CSVExporter.js'; import CSVExporter from '../../../exporters/CSVExporter.js';
import _ from 'lodash'; import _ from 'lodash';
@ -295,7 +297,8 @@ export default {
components: { components: {
TelemetryTableRow, TelemetryTableRow,
TableColumnHeader, TableColumnHeader,
search search,
TelemetryFilterIndicator
}, },
inject: ['table', 'openmct'], inject: ['table', 'openmct'],
props: { props: {

2
src/styles-new/_constants-espresso.scss
View File

@ -117,6 +117,8 @@ $colorInfo: #2294a2;
$colorInfoFg: #fff; $colorInfoFg: #fff;
$colorOk: #33cc33; $colorOk: #33cc33;
$colorOkFg: #fff; $colorOkFg: #fff;
$colorFilterBg: #44449c;
$colorFilterFg: #8984e9;
// States // States
$colorPausedBg: #ff9900; $colorPausedBg: #ff9900;

2
src/styles-new/_constants-maelstrom.scss
View File

@ -121,6 +121,8 @@ $colorInfo: #2294a2;
$colorInfoFg: #fff; $colorInfoFg: #fff;
$colorOk: #33cc33; $colorOk: #33cc33;
$colorOkFg: #fff; $colorOkFg: #fff;
$colorFilterBg: #44449c;
$colorFilterFg: #8984e9;
// States // States
$colorPausedBg: #ff9900; $colorPausedBg: #ff9900;

2
src/styles-new/_constants-snow.scss
View File

@ -117,6 +117,8 @@ $colorInfo: #2294a2;
$colorInfoFg: #fff; $colorInfoFg: #fff;
$colorOk: #33cc33; $colorOk: #33cc33;
$colorOkFg: #fff; $colorOkFg: #fff;
$colorFilterBg: #a29fe2;
$colorFilterFg: #fff;
// States // States
$colorPausedBg: #ff9900; $colorPausedBg: #ff9900;

2
src/styles-new/_constants.scss
View File

@ -141,6 +141,8 @@ $glyph-icon-grid: '\e922';
$glyph-icon-grippy-ew: '\e923'; $glyph-icon-grippy-ew: '\e923';
$glyph-icon-columns: '\e924'; $glyph-icon-columns: '\e924';
$glyph-icon-rows: '\e925'; $glyph-icon-rows: '\e925';
$glyph-icon-filter: '\e926';
$glyph-icon-filter-outline: '\e927';
$glyph-icon-arrows-right-left: '\ea00'; $glyph-icon-arrows-right-left: '\ea00';
$glyph-icon-arrows-up-down: '\ea01'; $glyph-icon-arrows-up-down: '\ea01';
$glyph-icon-bullet: '\ea02'; $glyph-icon-bullet: '\ea02';

10
src/styles-new/_glyphs.scss
View File

@ -30,10 +30,10 @@
} }
@font-face { @font-face {
// Use https://icomoon.io/app with icomoon-project-openmct-symbols-12px.json to generate font files // Use https://icomoon.io/app with icomoon-project-Open-MCT-Symbols-12px.json to generate font files
font-family: 'symbolsfont-12px'; font-family: 'symbolsfont-12px';
src: url('./fonts/openmct-symbols-12px.woff') format('woff'), src: url('./fonts/Open-MCT-Symbols-12px.woff') format('woff'),
url('./fonts/openmct-symbols-12px.ttf') format('truetype'); url('./fonts/Open-MCT-Symbols-12px.ttf') format('truetype');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@ -77,6 +77,8 @@
.icon-grippy-ew { @include glyphBefore($glyph-icon-grippy-ew); } .icon-grippy-ew { @include glyphBefore($glyph-icon-grippy-ew); }
.icon-columns { @include glyphBefore($glyph-icon-columns); } .icon-columns { @include glyphBefore($glyph-icon-columns); }
.icon-rows { @include glyphBefore($glyph-icon-rows); } .icon-rows { @include glyphBefore($glyph-icon-rows); }
.icon-filter { @include glyphBefore($glyph-icon-filter); }
.icon-filter-outline { @include glyphBefore($glyph-icon-filter-outline); }
.icon-arrows-right-left { @include glyphBefore($glyph-icon-arrows-right-left); } .icon-arrows-right-left { @include glyphBefore($glyph-icon-arrows-right-left); }
.icon-arrows-up-down { @include glyphBefore($glyph-icon-arrows-up-down); } .icon-arrows-up-down { @include glyphBefore($glyph-icon-arrows-up-down); }
.icon-bullet { @include glyphBefore($glyph-icon-bullet); } .icon-bullet { @include glyphBefore($glyph-icon-bullet); }
@ -164,6 +166,8 @@
/************************** 12 PX CLASSES */ /************************** 12 PX CLASSES */
// TODO: sync with 16px redo as of 10/25/18 // TODO: sync with 16px redo as of 10/25/18
.icon-filter-12px { @include glyphBefore($glyph-icon-filter,'symbolsfont-12px'); }
.icon-filter-outline-12px { @include glyphBefore($glyph-icon-filter-outline,'symbolsfont-12px'); }
.icon-crosshair-12px { @include glyphBefore($glyph-icon-crosshair,'symbolsfont-12px'); } .icon-crosshair-12px { @include glyphBefore($glyph-icon-crosshair,'symbolsfont-12px'); }
.icon-folder-12px { @include glyphBefore($glyph-icon-folder,'symbolsfont-12px'); } .icon-folder-12px { @include glyphBefore($glyph-icon-folder,'symbolsfont-12px'); }
.icon-list-view-12px { @include glyphBefore($glyph-icon-list-view,'symbolsfont-12px'); } .icon-list-view-12px { @include glyphBefore($glyph-icon-list-view,'symbolsfont-12px'); }

154
src/styles-new/fonts/icomoon-project-openmct-symbols-12px.json → src/styles-new/fonts/Open MCT Symbols 12px.json
View File

@ -1,19 +1,35 @@
{ {
"metadata": { "metadata": {
"name": "openmct-symbols-12px", "name": "Open MCT Symbols 12px",
"lastOpened": 0, "lastOpened": 0,
"created": 1527031065005 "created": 1561483556329
}, },
"iconSets": [ "iconSets": [
{ {
"selection": [ "selection": [
{
"order": 12,
"id": 10,
"name": "icon12-filter",
"prevSize": 12,
"code": 59686,
"tempChar": ""
},
{
"order": 14,
"id": 11,
"name": "icon12-filter-outline",
"prevSize": 12,
"code": 59687,
"tempChar": ""
},
{ {
"order": 9, "order": 9,
"id": 6, "id": 6,
"name": "icon12-crosshair", "name": "icon12-crosshair",
"prevSize": 12, "prevSize": 12,
"code": 59696, "code": 59696,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 11, "order": 11,
@ -21,7 +37,7 @@
"name": "icon12-grippy", "name": "icon12-grippy",
"prevSize": 12, "prevSize": 12,
"code": 59697, "code": 59697,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 10, "order": 10,
@ -29,7 +45,7 @@
"name": "icon12-list-view", "name": "icon12-list-view",
"prevSize": 12, "prevSize": 12,
"code": 921666, "code": 921666,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 6, "order": 6,
@ -37,14 +53,14 @@
"prevSize": 12, "prevSize": 12,
"code": 921865, "code": 921865,
"name": "icon12-folder", "name": "icon12-folder",
"tempChar": "" "tempChar": ""
} }
], ],
"id": 0, "id": 0,
"metadata": { "metadata": {
"name": "openmct-symbols-12px", "name": "Open MCT Symbols 12px",
"importSize": { "importSize": {
"width": 279, "width": 384,
"height": 384 "height": 384
}, },
"designer": "Charles Hacskaylo" "designer": "Charles Hacskaylo"
@ -52,6 +68,28 @@
"height": 1024, "height": 1024,
"prevSize": 12, "prevSize": 12,
"icons": [ "icons": [
{
"id": 10,
"paths": [
"M853.333 0h-682.667c-94.135 0.302-170.364 76.532-170.667 170.638l-0 0.029v682.667c0.302 94.135 76.532 170.364 170.638 170.667l0.029 0h256v-341.333l-341.333-341.333h853.333l-341.333 341.333 1.067 341.333h254.933c94.135-0.302 170.364-76.532 170.667-170.638l0-0.029v-682.667c-0.302-94.135-76.532-170.364-170.638-170.667l-0.029-0z"
],
"attrs": [],
"grid": 0,
"tags": [
"icon12-filter"
]
},
{
"id": 11,
"paths": [
"M853.333 0h-682.667c-94.135 0.302-170.364 76.532-170.667 170.638l-0 0.029v682.667c0.302 94.135 76.532 170.364 170.638 170.667l0.029 0h682.667c94.135-0.302 170.364-76.532 170.667-170.638l0-0.029v-682.667c-0.302-94.135-76.532-170.364-170.638-170.667l-0.029-0zM170.933 853.333h-0.267v-512l256 256v256zM853.067 853.333h-255.2l-0.533-256 256-256v511.733zM853.333 341.333h-682.667v-170.4h682.667z"
],
"attrs": [],
"grid": 0,
"tags": [
"icon12-filter-outline"
]
},
{ {
"id": 6, "id": 6,
"paths": [ "paths": [
@ -60,26 +98,11 @@
"M597.333 768h-170.667v256h170.667v-256z", "M597.333 768h-170.667v256h170.667v-256z",
"M256 426.667h-256v170.667h256v-170.667z" "M256 426.667h-256v170.667h256v-170.667z"
], ],
"attrs": [ "attrs": [],
{},
{},
{},
{}
],
"isMulticolor": false,
"isMulticolor2": false,
"grid": 0, "grid": 0,
"tags": [ "tags": [
"icon12-crosshair" "icon12-crosshair"
],
"colorPermutations": {
"1161751": [
{},
{},
{},
{}
] ]
}
}, },
{ {
"id": 8, "id": 8,
@ -95,39 +118,12 @@
"M744.773 511.867c0 51.458-41.715 93.173-93.173 93.173s-93.173-41.715-93.173-93.173c0-51.458 41.715-93.173 93.173-93.173s93.173 41.715 93.173 93.173z", "M744.773 511.867c0 51.458-41.715 93.173-93.173 93.173s-93.173-41.715-93.173-93.173c0-51.458 41.715-93.173 93.173-93.173s93.173 41.715 93.173 93.173z",
"M744.773 791.36c0 51.458-41.715 93.173-93.173 93.173s-93.173-41.715-93.173-93.173c0-51.458 41.715-93.173 93.173-93.173s93.173 41.715 93.173 93.173z" "M744.773 791.36c0 51.458-41.715 93.173-93.173 93.173s-93.173-41.715-93.173-93.173c0-51.458 41.715-93.173 93.173-93.173s93.173 41.715 93.173 93.173z"
], ],
"attrs": [ "attrs": [],
{},
{},
{},
{},
{},
{},
{},
{},
{},
{}
],
"width": 745, "width": 745,
"isMulticolor": false,
"isMulticolor2": false,
"grid": 0, "grid": 0,
"tags": [ "tags": [
"icon12-grippy" "icon12-grippy"
],
"colorPermutations": {
"1161751": [
{},
{},
{},
{},
{},
{},
{},
{},
{},
{}
] ]
}
}, },
{ {
"id": 7, "id": 7,
@ -136,24 +132,11 @@
"M0 426.667h1024v170.667h-1024v-170.667z", "M0 426.667h1024v170.667h-1024v-170.667z",
"M0 853.333h1024v170.667h-1024v-170.667z" "M0 853.333h1024v170.667h-1024v-170.667z"
], ],
"attrs": [ "attrs": [],
{},
{},
{}
],
"isMulticolor": false,
"isMulticolor2": false,
"grid": 0, "grid": 0,
"tags": [ "tags": [
"icon12-list-view" "icon12-list-view"
],
"colorPermutations": {
"1161751": [
{},
{},
{}
] ]
}
}, },
{ {
"id": 3, "id": 3,
@ -162,40 +145,14 @@
"M85.333 426.667h853.333c47.128 0 85.333 38.205 85.333 85.333v426.667c0 47.128-38.205 85.333-85.333 85.333h-853.333c-47.128 0-85.333-38.205-85.333-85.333v-426.667c0-47.128 38.205-85.333 85.333-85.333z" "M85.333 426.667h853.333c47.128 0 85.333 38.205 85.333 85.333v426.667c0 47.128-38.205 85.333-85.333 85.333h-853.333c-47.128 0-85.333-38.205-85.333-85.333v-426.667c0-47.128 38.205-85.333 85.333-85.333z"
], ],
"attrs": [], "attrs": [],
"isMulticolor": false,
"grid": 0, "grid": 0,
"tags": [ "tags": [
"icon12-folder" "icon12-folder"
],
"colorPermutations": {
"1161751": [
{
"f": 0
},
{
"f": 0
}
] ]
} }
}
], ],
"invisible": false, "invisible": false,
"colorThemes": [ "colorThemes": [],
[
[
0,
0,
0,
1
],
[
0,
161,
75,
1
]
]
],
"colorThemeIdx": 0 "colorThemeIdx": 0
} }
], ],
@ -206,9 +163,9 @@
"showQuickUse2": true, "showQuickUse2": true,
"showSVGs": true, "showSVGs": true,
"fontPref": { "fontPref": {
"prefix": "icon-", "prefix": "openmct-symbols-",
"metadata": { "metadata": {
"fontFamily": "openmct-symbols-12px", "fontFamily": "Open-MCT-Symbols-12px",
"majorVersion": 1, "majorVersion": 1,
"minorVersion": 0 "minorVersion": 0
}, },
@ -217,7 +174,12 @@
"baseline": 6.25, "baseline": 6.25,
"whitespace": 50 "whitespace": 50
}, },
"embed": false "embed": false,
"noie8": true,
"ie7": false,
"showMetadata": false,
"includeMetadata": false,
"showMetrics": true
}, },
"imagePref": { "imagePref": {
"prefix": "icon-", "prefix": "icon-",

228
src/styles-new/fonts/Icomoon.Open MCT Symbols 2018.json → src/styles-new/fonts/Open MCT Symbols 16px.json
View File

@ -1,8 +1,8 @@
{ {
"metadata": { "metadata": {
"name": "Open MCT Symbols", "name": "Open MCT Symbols 16px",
"lastOpened": 0, "lastOpened": 0,
"created": 1541830438012 "created": 1561482854927
}, },
"iconSets": [ "iconSets": [
{ {
@ -317,13 +317,29 @@
"code": 59685, "code": 59685,
"tempChar": "" "tempChar": ""
}, },
{
"order": 161,
"id": 142,
"name": "icon-filter",
"prevSize": 32,
"code": 59686,
"tempChar": ""
},
{
"order": 162,
"id": 141,
"name": "icon-filter-outline",
"prevSize": 32,
"code": 59687,
"tempChar": ""
},
{ {
"order": 27, "order": 27,
"id": 105, "id": 105,
"name": "icon-arrows-right-left", "name": "icon-arrows-right-left",
"prevSize": 32, "prevSize": 32,
"code": 59904, "code": 59904,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 26, "order": 26,
@ -331,7 +347,7 @@
"name": "icon-arrows-up-down", "name": "icon-arrows-up-down",
"prevSize": 32, "prevSize": 32,
"code": 59905, "code": 59905,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 68, "order": 68,
@ -339,7 +355,7 @@
"name": "icon-bullet", "name": "icon-bullet",
"prevSize": 32, "prevSize": 32,
"code": 59906, "code": 59906,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 150, "order": 150,
@ -347,7 +363,7 @@
"prevSize": 32, "prevSize": 32,
"code": 59907, "code": 59907,
"name": "icon-calendar", "name": "icon-calendar",
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 45, "order": 45,
@ -355,7 +371,7 @@
"name": "icon-chain-links", "name": "icon-chain-links",
"prevSize": 32, "prevSize": 32,
"code": 59908, "code": 59908,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 73, "order": 73,
@ -363,7 +379,7 @@
"name": "icon-download", "name": "icon-download",
"prevSize": 32, "prevSize": 32,
"code": 59909, "code": 59909,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 39, "order": 39,
@ -371,7 +387,7 @@
"name": "icon-duplicate", "name": "icon-duplicate",
"prevSize": 32, "prevSize": 32,
"code": 59910, "code": 59910,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 50, "order": 50,
@ -379,7 +395,7 @@
"name": "icon-folder-new", "name": "icon-folder-new",
"prevSize": 32, "prevSize": 32,
"code": 59911, "code": 59911,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 138, "order": 138,
@ -387,7 +403,7 @@
"name": "icon-fullscreen-collapse", "name": "icon-fullscreen-collapse",
"prevSize": 32, "prevSize": 32,
"code": 59912, "code": 59912,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 139, "order": 139,
@ -395,7 +411,7 @@
"name": "icon-fullscreen-expand", "name": "icon-fullscreen-expand",
"prevSize": 32, "prevSize": 32,
"code": 59913, "code": 59913,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 122, "order": 122,
@ -403,7 +419,7 @@
"name": "icon-layers", "name": "icon-layers",
"prevSize": 32, "prevSize": 32,
"code": 59914, "code": 59914,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 151, "order": 151,
@ -411,7 +427,7 @@
"name": "icon-line-horz", "name": "icon-line-horz",
"prevSize": 32, "prevSize": 32,
"code": 59915, "code": 59915,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 100, "order": 100,
@ -419,7 +435,7 @@
"name": "icon-magnify", "name": "icon-magnify",
"prevSize": 32, "prevSize": 32,
"code": 59916, "code": 59916,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 99, "order": 99,
@ -427,7 +443,7 @@
"name": "icon-magnify-in", "name": "icon-magnify-in",
"prevSize": 32, "prevSize": 32,
"code": 59917, "code": 59917,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 101, "order": 101,
@ -435,7 +451,7 @@
"name": "icon-magnify-out-v2", "name": "icon-magnify-out-v2",
"prevSize": 32, "prevSize": 32,
"code": 59918, "code": 59918,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 103, "order": 103,
@ -443,7 +459,7 @@
"name": "icon-menu", "name": "icon-menu",
"prevSize": 32, "prevSize": 32,
"code": 59919, "code": 59919,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 124, "order": 124,
@ -451,7 +467,7 @@
"name": "icon-move", "name": "icon-move",
"prevSize": 32, "prevSize": 32,
"code": 59920, "code": 59920,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 7, "order": 7,
@ -459,7 +475,7 @@
"name": "icon-new-window", "name": "icon-new-window",
"prevSize": 32, "prevSize": 32,
"code": 59921, "code": 59921,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 63, "order": 63,
@ -467,7 +483,7 @@
"name": "icon-paint-bucket-v2", "name": "icon-paint-bucket-v2",
"prevSize": 32, "prevSize": 32,
"code": 59922, "code": 59922,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 15, "order": 15,
@ -475,7 +491,7 @@
"name": "icon-pencil", "name": "icon-pencil",
"prevSize": 32, "prevSize": 32,
"code": 59923, "code": 59923,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 54, "order": 54,
@ -483,7 +499,7 @@
"name": "icon-pencil-edit-in-place", "name": "icon-pencil-edit-in-place",
"prevSize": 32, "prevSize": 32,
"code": 59924, "code": 59924,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 40, "order": 40,
@ -491,7 +507,7 @@
"name": "icon-play", "name": "icon-play",
"prevSize": 32, "prevSize": 32,
"code": 59925, "code": 59925,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 125, "order": 125,
@ -499,7 +515,7 @@
"name": "icon-pause", "name": "icon-pause",
"prevSize": 32, "prevSize": 32,
"code": 59926, "code": 59926,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 119, "order": 119,
@ -507,7 +523,7 @@
"name": "icon-plot-resource", "name": "icon-plot-resource",
"prevSize": 32, "prevSize": 32,
"code": 59927, "code": 59927,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 48, "order": 48,
@ -515,7 +531,7 @@
"name": "icon-pointer-left", "name": "icon-pointer-left",
"prevSize": 32, "prevSize": 32,
"code": 59928, "code": 59928,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 47, "order": 47,
@ -523,7 +539,7 @@
"name": "icon-pointer-right", "name": "icon-pointer-right",
"prevSize": 32, "prevSize": 32,
"code": 59929, "code": 59929,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 85, "order": 85,
@ -531,7 +547,7 @@
"name": "icon-refresh", "name": "icon-refresh",
"prevSize": 32, "prevSize": 32,
"code": 59930, "code": 59930,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 55, "order": 55,
@ -539,7 +555,7 @@
"name": "icon-save", "name": "icon-save",
"prevSize": 32, "prevSize": 32,
"code": 59931, "code": 59931,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 56, "order": 56,
@ -547,7 +563,7 @@
"name": "icon-save-as", "name": "icon-save-as",
"prevSize": 32, "prevSize": 32,
"code": 59932, "code": 59932,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 58, "order": 58,
@ -555,7 +571,7 @@
"name": "icon-sine", "name": "icon-sine",
"prevSize": 32, "prevSize": 32,
"code": 59933, "code": 59933,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 113, "order": 113,
@ -563,7 +579,7 @@
"name": "icon-font", "name": "icon-font",
"prevSize": 32, "prevSize": 32,
"code": 59934, "code": 59934,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 41, "order": 41,
@ -571,7 +587,7 @@
"name": "icon-thumbs-strip", "name": "icon-thumbs-strip",
"prevSize": 32, "prevSize": 32,
"code": 59935, "code": 59935,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 146, "order": 146,
@ -579,7 +595,7 @@
"name": "icon-two-parts-both", "name": "icon-two-parts-both",
"prevSize": 32, "prevSize": 32,
"code": 59936, "code": 59936,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 145, "order": 145,
@ -587,7 +603,7 @@
"name": "icon-two-parts-one-only", "name": "icon-two-parts-one-only",
"prevSize": 32, "prevSize": 32,
"code": 59937, "code": 59937,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 82, "order": 82,
@ -595,7 +611,7 @@
"name": "icon-resync", "name": "icon-resync",
"prevSize": 32, "prevSize": 32,
"code": 59938, "code": 59938,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 86, "order": 86,
@ -603,7 +619,7 @@
"name": "icon-reset", "name": "icon-reset",
"prevSize": 32, "prevSize": 32,
"code": 59939, "code": 59939,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 61, "order": 61,
@ -611,7 +627,7 @@
"name": "icon-x-in-circle", "name": "icon-x-in-circle",
"prevSize": 32, "prevSize": 32,
"code": 59940, "code": 59940,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 84, "order": 84,
@ -619,7 +635,7 @@
"name": "icon-brightness", "name": "icon-brightness",
"prevSize": 32, "prevSize": 32,
"code": 59941, "code": 59941,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 83, "order": 83,
@ -627,7 +643,7 @@
"name": "icon-contrast", "name": "icon-contrast",
"prevSize": 32, "prevSize": 32,
"code": 59942, "code": 59942,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 87, "order": 87,
@ -635,7 +651,7 @@
"name": "icon-expand", "name": "icon-expand",
"prevSize": 32, "prevSize": 32,
"code": 59943, "code": 59943,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 89, "order": 89,
@ -643,7 +659,7 @@
"name": "icon-list-view", "name": "icon-list-view",
"prevSize": 32, "prevSize": 32,
"code": 59944, "code": 59944,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 133, "order": 133,
@ -651,7 +667,7 @@
"name": "icon-grid-snap-to", "name": "icon-grid-snap-to",
"prevSize": 32, "prevSize": 32,
"code": 59945, "code": 59945,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 132, "order": 132,
@ -659,7 +675,7 @@
"name": "icon-grid-snap-no", "name": "icon-grid-snap-no",
"prevSize": 32, "prevSize": 32,
"code": 59946, "code": 59946,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 94, "order": 94,
@ -667,7 +683,7 @@
"name": "icon-frame-show", "name": "icon-frame-show",
"prevSize": 32, "prevSize": 32,
"code": 59947, "code": 59947,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 95, "order": 95,
@ -675,7 +691,7 @@
"name": "icon-frame-hide", "name": "icon-frame-hide",
"prevSize": 32, "prevSize": 32,
"code": 59948, "code": 59948,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 97, "order": 97,
@ -683,7 +699,7 @@
"name": "icon-import", "name": "icon-import",
"prevSize": 32, "prevSize": 32,
"code": 59949, "code": 59949,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 96, "order": 96,
@ -691,7 +707,7 @@
"name": "icon-export", "name": "icon-export",
"prevSize": 32, "prevSize": 32,
"code": 59950, "code": 59950,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 114, "order": 114,
@ -699,7 +715,7 @@
"name": "icon-font-size", "name": "icon-font-size",
"prevSize": 32, "prevSize": 32,
"code": 59951, "code": 59951,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 144, "order": 144,
@ -707,7 +723,7 @@
"name": "icon-activity", "name": "icon-activity",
"prevSize": 32, "prevSize": 32,
"code": 60160, "code": 60160,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 104, "order": 104,
@ -715,7 +731,7 @@
"name": "icon-activity-mode", "name": "icon-activity-mode",
"prevSize": 32, "prevSize": 32,
"code": 60161, "code": 60161,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 137, "order": 137,
@ -723,7 +739,7 @@
"name": "icon-autoflow-tabular", "name": "icon-autoflow-tabular",
"prevSize": 32, "prevSize": 32,
"code": 60162, "code": 60162,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 115, "order": 115,
@ -731,7 +747,7 @@
"name": "icon-clock", "name": "icon-clock",
"prevSize": 32, "prevSize": 32,
"code": 60163, "code": 60163,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 2, "order": 2,
@ -739,7 +755,7 @@
"name": "icon-database", "name": "icon-database",
"prevSize": 32, "prevSize": 32,
"code": 60164, "code": 60164,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 3, "order": 3,
@ -747,7 +763,7 @@
"name": "icon-database-query", "name": "icon-database-query",
"prevSize": 32, "prevSize": 32,
"code": 60165, "code": 60165,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 67, "order": 67,
@ -755,7 +771,7 @@
"name": "icon-dataset", "name": "icon-dataset",
"prevSize": 32, "prevSize": 32,
"code": 60166, "code": 60166,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 59, "order": 59,
@ -763,7 +779,7 @@
"name": "icon-datatable", "name": "icon-datatable",
"prevSize": 32, "prevSize": 32,
"code": 60167, "code": 60167,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 136, "order": 136,
@ -771,7 +787,7 @@
"name": "icon-dictionary", "name": "icon-dictionary",
"prevSize": 32, "prevSize": 32,
"code": 60168, "code": 60168,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 51, "order": 51,
@ -779,7 +795,7 @@
"name": "icon-folder", "name": "icon-folder",
"prevSize": 32, "prevSize": 32,
"code": 60169, "code": 60169,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 147, "order": 147,
@ -787,7 +803,7 @@
"name": "icon-image", "name": "icon-image",
"prevSize": 32, "prevSize": 32,
"code": 60170, "code": 60170,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 4, "order": 4,
@ -795,7 +811,7 @@
"name": "icon-layout", "name": "icon-layout",
"prevSize": 32, "prevSize": 32,
"code": 60171, "code": 60171,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 24, "order": 24,
@ -803,7 +819,7 @@
"name": "icon-object", "name": "icon-object",
"prevSize": 32, "prevSize": 32,
"code": 60172, "code": 60172,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 52, "order": 52,
@ -811,7 +827,7 @@
"name": "icon-object-unknown", "name": "icon-object-unknown",
"prevSize": 32, "prevSize": 32,
"code": 60173, "code": 60173,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 105, "order": 105,
@ -819,7 +835,7 @@
"name": "icon-packet", "name": "icon-packet",
"prevSize": 32, "prevSize": 32,
"code": 60174, "code": 60174,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 126, "order": 126,
@ -827,7 +843,7 @@
"name": "icon-page", "name": "icon-page",
"prevSize": 32, "prevSize": 32,
"code": 60175, "code": 60175,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 130, "order": 130,
@ -835,7 +851,7 @@
"name": "icon-plot-overlay", "name": "icon-plot-overlay",
"prevSize": 32, "prevSize": 32,
"code": 60176, "code": 60176,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 80, "order": 80,
@ -843,7 +859,7 @@
"name": "icon-plot-stacked", "name": "icon-plot-stacked",
"prevSize": 32, "prevSize": 32,
"code": 60177, "code": 60177,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 134, "order": 134,
@ -851,7 +867,7 @@
"name": "icon-session", "name": "icon-session",
"prevSize": 32, "prevSize": 32,
"code": 60178, "code": 60178,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 109, "order": 109,
@ -859,7 +875,7 @@
"name": "icon-tabular", "name": "icon-tabular",
"prevSize": 32, "prevSize": 32,
"code": 60179, "code": 60179,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 107, "order": 107,
@ -867,7 +883,7 @@
"name": "icon-tabular-lad", "name": "icon-tabular-lad",
"prevSize": 32, "prevSize": 32,
"code": 60180, "code": 60180,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 106, "order": 106,
@ -875,7 +891,7 @@
"name": "icon-tabular-lad-set", "name": "icon-tabular-lad-set",
"prevSize": 32, "prevSize": 32,
"code": 60181, "code": 60181,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 70, "order": 70,
@ -883,7 +899,7 @@
"name": "icon-tabular-realtime", "name": "icon-tabular-realtime",
"prevSize": 32, "prevSize": 32,
"code": 60182, "code": 60182,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 60, "order": 60,
@ -891,7 +907,7 @@
"name": "icon-tabular-scrolling", "name": "icon-tabular-scrolling",
"prevSize": 32, "prevSize": 32,
"code": 60183, "code": 60183,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 131, "order": 131,
@ -899,7 +915,7 @@
"name": "icon-telemetry", "name": "icon-telemetry",
"prevSize": 32, "prevSize": 32,
"code": 60184, "code": 60184,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 108, "order": 108,
@ -907,7 +923,7 @@
"name": "icon-timeline", "name": "icon-timeline",
"prevSize": 32, "prevSize": 32,
"code": 60185, "code": 60185,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 81, "order": 81,
@ -915,7 +931,7 @@
"name": "icon-timer", "name": "icon-timer",
"prevSize": 32, "prevSize": 32,
"code": 60186, "code": 60186,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 69, "order": 69,
@ -923,7 +939,7 @@
"name": "icon-topic", "name": "icon-topic",
"prevSize": 32, "prevSize": 32,
"code": 60187, "code": 60187,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 79, "order": 79,
@ -931,7 +947,7 @@
"name": "icon-box-with-dashed-lines-v2", "name": "icon-box-with-dashed-lines-v2",
"prevSize": 32, "prevSize": 32,
"code": 60188, "code": 60188,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 90, "order": 90,
@ -939,7 +955,7 @@
"name": "icon-summary-widget", "name": "icon-summary-widget",
"prevSize": 32, "prevSize": 32,
"code": 60189, "code": 60189,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 92, "order": 92,
@ -947,7 +963,7 @@
"name": "icon-notebook", "name": "icon-notebook",
"prevSize": 32, "prevSize": 32,
"code": 60190, "code": 60190,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 118, "order": 118,
@ -955,7 +971,7 @@
"name": "icon-tabs-view", "name": "icon-tabs-view",
"prevSize": 32, "prevSize": 32,
"code": 60191, "code": 60191,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 117, "order": 117,
@ -963,7 +979,7 @@
"name": "icon-flexible-layout", "name": "icon-flexible-layout",
"prevSize": 32, "prevSize": 32,
"code": 60192, "code": 60192,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 152, "order": 152,
@ -971,7 +987,7 @@
"name": "icon-generator-sine", "name": "icon-generator-sine",
"prevSize": 32, "prevSize": 32,
"code": 60193, "code": 60193,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 153, "order": 153,
@ -979,7 +995,7 @@
"name": "icon-generator-event", "name": "icon-generator-event",
"prevSize": 32, "prevSize": 32,
"code": 60194, "code": 60194,
"tempChar": "" "tempChar": ""
}, },
{ {
"order": 160, "order": 160,
@ -987,7 +1003,7 @@
"name": "icon-gauge", "name": "icon-gauge",
"prevSize": 32, "prevSize": 32,
"code": 60195, "code": 60195,
"tempChar": "" "tempChar": ""
} }
], ],
"id": 0, "id": 0,
@ -1602,6 +1618,46 @@
] ]
} }
}, },
{
"id": 142,
"paths": [
"M896 0h-768c-70.601 0.227-127.773 57.399-128 127.978l-0 0.022v768c0.227 70.601 57.399 127.773 127.978 128l0.022 0h256v-512l-192-192h640l-192 192v512h256c70.601-0.227 127.773-57.399 128-127.978l0-0.022v-768c-0.227-70.601-57.399-127.773-127.978-128l-0.022-0z"
],
"attrs": [
{}
],
"isMulticolor": false,
"isMulticolor2": false,
"grid": 1,
"tags": [
"icon-filter"
],
"colorPermutations": {
"11841841841": [
{}
]
}
},
{
"id": 141,
"paths": [
"M896 0h-768c-70.601 0.227-127.773 57.399-128 127.978l-0 0.022v768c0.227 70.601 57.399 127.773 127.978 128l0.022 0h768c70.601-0.227 127.773-57.399 128-127.978l0-0.022v-768c-0.227-70.601-57.399-127.773-127.978-128l-0.022-0zM896 895.8h-256v-383.8l192-192h-640l192 192v384h-256v-767.8h768z"
],
"attrs": [
{}
],
"isMulticolor": false,
"isMulticolor2": false,
"grid": 1,
"tags": [
"icon-filter-outline"
],
"colorPermutations": {
"11841841841": [
{}
]
}
},
{ {
"id": 105, "id": 105,
"paths": [ "paths": [

BIN
src/styles-new/fonts/Open-MCT-Symbols-12px.ttf Normal file
View File

Binary file not shown.

BIN
src/styles-new/fonts/Open-MCT-Symbols-12px.woff Normal file
View File

Binary file not shown.

BIN
src/styles-new/fonts/Open-MCT-Symbols-16px.ttf Executable file → Normal file
View File

Binary file not shown.

BIN
src/styles-new/fonts/Open-MCT-Symbols-16px.woff Executable file → Normal file
View File

Binary file not shown.

BIN
src/styles-new/fonts/openmct-symbols-12px.ttf
View File

Binary file not shown.

BIN
src/styles-new/fonts/openmct-symbols-12px.woff
View File

Binary file not shown.