ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-05-08 11:38:35 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'github/master' into open208b

Browse Source 
Conflicts:
	platform/commonUI/themes/espresso/res/css/theme-espresso.css
	platform/commonUI/themes/snow/res/css/theme-snow.css
This commit is contained in:
Victor Woeltjen 2015-11-21 06:42:45 -08:00
commit 096fee8b6d
21 changed files with 975 additions and 280 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
bundles.json
View File

@ -30,6 +30,7 @@
"platform/policy", "platform/policy",
"platform/entanglement", "platform/entanglement",
"platform/search", "platform/search",
"platform/status",
"example/imagery", "example/imagery",
"example/eventGenerator", "example/eventGenerator",

49
docs/src/guide/index.md
View File

@ -1254,6 +1254,22 @@ object, or the current view proxy.
* `all()`: Get an array of all objects in the selection state. Will include * `all()`: Get an array of all objects in the selection state. Will include
either or both of the view proxy and selected object. either or both of the view proxy and selected object.
## Workers Category
The `workers` extension category allows scripts to be run as web workers
using the `workerService`.
An extension of this category has no implementation. The following properties
are supported:
* `key`: A symbolic string used to identify this worker.
* `workerUrl`: The path, relative to this bundle's `src` folder, where
this worker's source code resides.
* `shared`: Optional; a boolean flag which, if true, indicates that this
worker should be instantiated as a
[`SharedWorker`](https://developer.mozilla.org/en-US/docs/Web/API/SharedWorker/SharedWorker).
Default value is `false`.
# Directives # Directives
Open MCT Web defines several Angular directives that are intended for use both Open MCT Web defines several Angular directives that are intended for use both
@ -1849,6 +1865,14 @@ the TelemetrySeries itself, in that order.
* `getSeries(domainObject)`: Get the latest `TelemetrySeries` (as resulted from * `getSeries(domainObject)`: Get the latest `TelemetrySeries` (as resulted from
a previous `request(...)` call) available for this domain object. a previous `request(...)` call) available for this domain object.
### Worker Service
The `workerService` may be used to run web workers defined via the
`workers` extension category. It has the following method:
* `run(key)`: Run the worker identified by the provided `key`. Returns
a `Worker` (or `SharedWorker`, if the specified worker is defined
as a shared worker); if the `key` is unknown, returns `undefined`.
# Models # Models
Domain object models in Open MCT Web are JavaScript objects describing the Domain object models in Open MCT Web are JavaScript objects describing the
@ -2056,6 +2080,31 @@ objects which has a `relationships` property in their model, whose value is an
object containing key-value pairs, where keys are strings identifying object containing key-value pairs, where keys are strings identifying
relationship types, and values are arrays of domain object identifiers. relationship types, and values are arrays of domain object identifiers.
## Status Capability
The `status` capability provides a way to flag domain objects as possessing
certain states, represented as simple strings. These states, in turn, are
reflected on `mct-representation` elements as classes (prefixed with
`s-status-`.) The `status` capability has the following interface:
* `get()`: Returns an array of all status strings that currently apply
to this object.
* `set(status, state)`: Adds or removes a status flag to this domain object.
The `status` argument is the string to set; `state` is a boolean
indicating whether this status should be included (true) or removed (false).
* `listen(callback)`: Listen for changes in status. The provided `callback`
will be invoked with an array of all current status strings whenever status
changes.
Plug-ins may add and/or recognize arbitrary status flags. Flags defined
and/or supported by the platform are:
Status | CSS Class | Meaning
-----------|--------------------|-----------------------------------
`editing` | `s-status-editing` | Domain object is being edited.
`pending` | `s-status-pending` | Domain object is partially loaded.
## Telemetry Capability ## Telemetry Capability
The telemetry capability provides a means for accessing telemetry data The telemetry capability provides a means for accessing telemetry data

1
platform/commonUI/general/res/sass/forms/_selects.scss
View File

@ -25,7 +25,6 @@
margin: 0 0 2px 0; // Needed to avoid dropshadow from being clipped by parent containers margin: 0 0 2px 0; // Needed to avoid dropshadow from being clipped by parent containers
} }
padding: 0 $interiorMargin; padding: 0 $interiorMargin;
overflow: hidden;
position: relative; position: relative;
line-height: $formInputH; line-height: $formInputH;
select { select {

46
platform/commonUI/general/res/sass/mobile/_constants.scss
View File

@ -34,51 +34,31 @@ $mobileTreeItemH: 35px;
$mobileTreeItemIndent: 20px; $mobileTreeItemIndent: 20px;
$mobileTreeRightArrowW: 30px; $mobileTreeRightArrowW: 30px;
/************************** WINDOW DIMENSIONS FOR RWD */ /************************** DEVICE WIDTHS */
// IMPORTANT! Usage assumes that ranges are mutually exclusive and have no gaps
$phoMaxW: 514px; $phoMaxW: 514px;
$phoMaxH: 740px;
$tabMinW: 515px; $tabMinW: 515px;
$tabMaxW: 799px; $tabMaxW: 1280px;
$desktopMinW: 1281px;
$tabMinH: 741px;
$tabMaxH: 1024px;
$compMinW: 800px;
$compMinH: 1025px;
/************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
$screenPortrait: "screen and (orientation: portrait)"; $screenPortrait: "screen and (orientation: portrait)";
$screenLandscape: "screen and (orientation: landscape)"; $screenLandscape: "screen and (orientation: landscape)";
$mobileDevice: "(max-device-width: #{$tabMaxW}) and (max-device-height: #{$tabMaxH})"; $mobileDevice: "(max-device-width: #{$tabMaxW})";
$mobileDeviceEmu: "(max-device-width: #{$tabMaxH}) and (max-device-height: #{$tabMaxW})";
$phonePortraitCheck: "(max-width: #{$phoMaxW}) and (max-height: #{$phoMaxH})"; $phoneCheck: "(max-device-width: #{$phoMaxW})";
$phoneLandscapeCheck: "(max-height: #{$phoMaxW}) and (max-width: #{$phoMaxH})"; $tabletCheck: $mobileDevice;
$desktopCheck: "(min-device-width: #{$desktopMinW})";
$tabWidPorCheck: "(min-width: #{$tabMinW}) and (max-width: #{$tabMaxW})";
$tabHeiPorCheck: "(min-height: #{$tabMinH}) and (max-height: #{$tabMaxH})";
$tabletPortraitCheck: "#{$tabWidPorCheck} and #{$tabHeiPorCheck}";
$tabWidLanCheck: "(min-height: #{$tabMinW}) and (max-height: #{$tabMaxW})";
$tabHeiLanCheck: "(min-width: #{$tabMinH}) and (max-width: #{$tabMaxH})";
$tabletLandscapeCheck: "#{$tabWidLanCheck} and #{$tabHeiLanCheck}";
$desktopPortraitCheck: "(min-device-width: #{$compMinW}) and (min-device-height: #{$compMinH})";
$desktopLandscapeCheck: "(min-device-width: #{$compMinH}) and (min-device-height: #{$compMinW})";
/************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
$phonePortrait: "#{$screenPortrait} and #{$phonePortraitCheck} and #{$mobileDevice}"; $phonePortrait: "#{$screenPortrait} and #{$phoneCheck} and #{$mobileDevice}";
$phoneLandscape: "#{$screenLandscape} and #{$phoneLandscapeCheck} and #{$mobileDevice}"; $phoneLandscape: "#{$screenLandscape} and #{$phoneCheck} and #{$mobileDevice}";
$phoneLandscapeEmu: "#{$screenLandscape} and #{$phoneLandscapeCheck} and #{$mobileDeviceEmu}";
$tabletPortrait: "#{$screenPortrait} and #{$tabletPortraitCheck} and #{$mobileDevice}"; $tabletPortrait: "#{$screenPortrait} and #{$tabletCheck} and #{$mobileDevice}";
$tabletLandscape: "#{$screenLandscape} and #{$tabletLandscapeCheck} and #{$mobileDevice}"; $tabletLandscape: "#{$screenLandscape} and #{$tabletCheck} and #{$mobileDevice}";
$tabletLandscapeEmu: "#{$screenLandscape} and #{$tabletLandscapeCheck} and #{$mobileDeviceEmu}";
$desktopPortrait: "screen and #{$desktopPortraitCheck}"; $desktop: "screen and #{$desktopCheck}";
$desktopLandscape: "screen and #{$desktopLandscapeCheck}";
/************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */ /************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */
$proporMenuOnly: 90%; $proporMenuOnly: 90%;

23
platform/commonUI/general/res/sass/mobile/_mixins.scss
View File

@ -25,8 +25,7 @@
// Phones in any orientation // Phones in any orientation
@mixin phone { @mixin phone {
@media #{$phonePortrait}, @media #{$phonePortrait},
#{$phoneLandscape}, #{$phoneLandscape} {
#{$phoneLandscapeEmu} {
@content @content
} }
} }
@ -40,8 +39,7 @@
// Phones in landscape orientation // Phones in landscape orientation
@mixin phoneLandscape { @mixin phoneLandscape {
@media #{$phoneLandscape}, @media #{$phoneLandscape} {
#{$phoneLandscapeEmu} {
@content @content
} }
} }
@ -49,8 +47,7 @@
// Tablets in any orientation // Tablets in any orientation
@mixin tablet { @mixin tablet {
@media #{$tabletPortrait}, @media #{$tabletPortrait},
#{$tabletLandscape}, #{$tabletLandscape} {
#{$tabletLandscapeEmu} {
@content @content
} }
} }
@ -64,8 +61,7 @@
// Tablets in landscape orientation // Tablets in landscape orientation
@mixin tabletLandscape { @mixin tabletLandscape {
@media #{$tabletLandscape}, @media #{$tabletLandscape} {
#{$tabletLandscapeEmu} {
@content @content
} }
} }
@ -74,10 +70,8 @@
@mixin phoneandtablet { @mixin phoneandtablet {
@media #{$phonePortrait}, @media #{$phonePortrait},
#{$phoneLandscape}, #{$phoneLandscape},
#{$phoneLandscapeEmu},
#{$tabletPortrait}, #{$tabletPortrait},
#{$tabletLandscape}, #{$tabletLandscape} {
#{$tabletLandscapeEmu} {
@content @content
} }
} }
@ -86,17 +80,14 @@
@mixin desktopandtablet { @mixin desktopandtablet {
@media #{$tabletPortrait}, @media #{$tabletPortrait},
#{$tabletLandscape}, #{$tabletLandscape},
#{$tabletLandscapeEmu}, #{$desktop} {
#{$desktopPortrait},
#{$desktopLandscape} {
@content @content
} }
} }
// Desktop monitors in any orientation // Desktop monitors in any orientation
@mixin desktop { @mixin desktop {
@media #{$desktopPortrait}, @media #{$desktop} {
#{$desktopLandscape} {
@content @content
} }
} }

41
platform/commonUI/general/res/sass/plots/_plots-main.scss
View File

@ -20,11 +20,9 @@
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
$yBarW: 60px; $yBarW: 60px;
$yLabelW: auto; $yLabelW: 10px;
$xBarH: 32px; $xBarH: 32px;
$legendH: 20px; $legendH: 20px;
//$colorHash: rgba(white, 0.3); // MOVED INTO CONSTANTS
//$styleHash: dashed; // MOVED INTO CONSTANTS
$swatchD: 8px; $swatchD: 8px;
$plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBarW); // Top, right, bottom, left $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBarW); // Top, right, bottom, left
@ -36,7 +34,6 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
height: 100%; height: 100%;
.gl-plot-axis-area { .gl-plot-axis-area {
// @include test(green);
position: absolute; position: absolute;
&.gl-plot-x { &.gl-plot-x {
top: auto; top: auto;
@ -59,7 +56,7 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
.gl-plot-coords { .gl-plot-coords {
@include box-sizing(border-box); @include box-sizing(border-box);
@include border-radius($controlCr); @include border-radius($controlCr);
background: black; //rgba($colorKey, 0.5); background: black;
color: lighten($colorBodyFg, 30%); color: lighten($colorBodyFg, 30%);
padding: 2px 5px; padding: 2px 5px;
position: absolute; position: absolute;
@ -88,11 +85,9 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
.gl-plot-label, .gl-plot-label,
.l-plot-label { .l-plot-label {
// @include test(yellow);
color: $colorPlotLabelFg; color: $colorPlotLabelFg;
position: absolute; position: absolute;
text-align: center; text-align: center;
// text-transform: uppercase;
&.gl-plot-x-label, &.gl-plot-x-label,
&.l-plot-x-label { &.l-plot-x-label {
@ -117,20 +112,26 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
} }
} }
.gl-plot-y-options { .gl-plot-x-options,
.gl-plot-y-options {
$h: 32px; $h: 32px;
// @include test();
position: absolute; position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: $yLabelW + $interiorMargin;
margin-top: $h / -2;
height: auto; height: auto;
min-height: $h; min-height: $h;
width: $h; z-index: 2;
} }
.gl-plot-x-options {
top: $interiorMargin;
}
.gl-plot-y-options {
@include transform(translateY(-50%));
min-width: 150px; // Need this due to enclosure of .select
top: 50%;
left: $yLabelW + $interiorMargin * 2;
}
.gl-plot-hash { .gl-plot-hash {
position: absolute; position: absolute;
border: 0 $colorPlotHash $stylePlotHash; border: 0 $colorPlotHash $stylePlotHash;
@ -214,21 +215,13 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
display: inline-block; display: inline-block;
height: $swatchD; height: $swatchD;
width: $swatchD; width: $swatchD;
//margin-right: $interiorMarginSm;
}
&[class*='s-limit'] {
.title-label {
//color: #fff;
}
} }
} }
} }
.gl-plot-legend { .gl-plot-legend {
.plot-legend-item { .plot-legend-item {
//@include test();
@include border-radius($smallCr); @include border-radius($smallCr);
//color: #fff;
line-height: 1.5em; line-height: 1.5em;
padding: 0px $itemPadLR; padding: 0px $itemPadLR;
.plot-color-swatch { .plot-color-swatch {
@ -250,7 +243,6 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
.gl-plot-tick, .gl-plot-tick,
.tick-label { .tick-label {
// @include test(red);
font-size: 0.7rem; font-size: 0.7rem;
position: absolute; position: absolute;
overflow: hidden; overflow: hidden;
@ -277,7 +269,6 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
} }
.gl-plot-tick { .gl-plot-tick {
// @include test(red);
&.gl-plot-x-tick-label { &.gl-plot-x-tick-label {
top: $interiorMargin; top: $interiorMargin;
} }

200
platform/commonUI/themes/espresso/res/css/theme-espresso.css
View File

@ -173,7 +173,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
/* REQUIRES /platform/commonUI/general/res/sass/_constants.scss */ /* REQUIRES /platform/commonUI/general/res/sass/_constants.scss */
/************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */ /************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
/************************** MOBILE TREE MENU DIMENSIONS */ /************************** MOBILE TREE MENU DIMENSIONS */
/************************** WINDOW DIMENSIONS FOR RWD */ /************************** DEVICE WIDTHS */
/************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
/************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
/************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */ /************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */
@ -308,7 +308,7 @@ a.disabled {
*****************************************************************************/ *****************************************************************************/
/************************** FONTS */ /************************** FONTS */
@font-face { @font-face {
/* /*
* Use https://icomoon.io/app with /platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json * Use https://icomoon.io/app with /platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json
*/ */
font-family: 'symbolsfont'; font-family: 'symbolsfont';
@ -990,7 +990,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-left .l-infobubble::before { .l-infobubble-wrapper.arw-left .l-infobubble::before {
right: 100%; } right: 100%; }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (min-device-width: 1281px) {
/* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-left .l-infobubble::before { .l-infobubble-wrapper.arw-left .l-infobubble::before {
width: 0; width: 0;
@ -998,14 +998,14 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
border-top: 6.66667px solid transparent; border-top: 6.66667px solid transparent;
border-bottom: 6.66667px solid transparent; border-bottom: 6.66667px solid transparent;
border-right: 10px solid #ddd; } } border-right: 10px solid #ddd; } }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (min-device-width: 1281px) {
/* line 88, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 88, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-right { .l-infobubble-wrapper.arw-right {
margin-right: 20px; } } margin-right: 20px; } }
/* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-right .l-infobubble::before { .l-infobubble-wrapper.arw-right .l-infobubble::before {
left: 100%; } left: 100%; }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (min-device-width: 1281px) {
/* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-right .l-infobubble::before { .l-infobubble-wrapper.arw-right .l-infobubble::before {
width: 0; width: 0;
@ -1647,7 +1647,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.s-btn.major .icon, .major.s-menu-btn .icon, .s-btn.major .t-item-icon, .major.s-menu-btn .t-item-icon { .s-btn.major .icon, .major.s-menu-btn .icon, .s-btn.major .t-item-icon, .major.s-menu-btn .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover { .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
background: linear-gradient(#1ac6ff, #00bfff); } background: linear-gradient(#1ac6ff, #00bfff); }
@ -1686,7 +1686,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon, .s-btn:not(.major) .t-item-icon, .s-menu-btn:not(.major) .t-item-icon { .s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon, .s-btn:not(.major) .t-item-icon, .s-menu-btn:not(.major) .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover { .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); } background: linear-gradient(#6b6b6b, #5e5e5e); }
@ -1728,7 +1728,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover { .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
background: linear-gradient(#fe9815, #f88c01); } background: linear-gradient(#fe9815, #f88c01); }
@ -1759,8 +1759,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before, .s-btn.show-thumbs .t-item-icon:before, .show-thumbs.s-menu-btn .t-item-icon:before { .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before, .s-btn.show-thumbs .t-item-icon:before, .show-thumbs.s-menu-btn .t-item-icon:before {
content: "\000039"; } content: "\000039"; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 101, ../../../../general/res/sass/controls/_buttons.scss */ /* line 104, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab { .mini-tab {
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -1829,15 +1829,15 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon { .mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon {
color: #0099cc; } } color: #0099cc; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 1025px) and (min-device-height: 800px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed:not(.disabled):hover { .mini-tab.collapsed:not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); } background: linear-gradient(#6b6b6b, #5e5e5e); }
/* line 304, ../../../../general/res/sass/_mixins.scss */ /* line 304, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon { .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon {
color: #33ccff; } } color: #33ccff; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 138, ../../../../general/res/sass/controls/_buttons.scss */ /* line 141, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.collapsed:before { .mini-tab.collapsed:before {
opacity: 0; } opacity: 0; }
/* line 139, ../../../../general/res/sass/controls/_buttons.scss */ /* line 139, ../../../../general/res/sass/controls/_buttons.scss */
@ -1925,8 +1925,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.mini-tab.anchor-right.collapsed:hover:before { .mini-tab.anchor-right.collapsed:hover:before {
right: 2px; } } right: 2px; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 208, ../../../../general/res/sass/controls/_buttons.scss */ /* line 211, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon { .mini-tab-icon {
color: #595959; color: #595959;
cursor: pointer; cursor: pointer;
@ -2314,8 +2314,8 @@ label.checkbox.custom {
font-size: 0.7em; font-size: 0.7em;
flex: 0 0 1; flex: 0 0 1;
-webkit-flex: 0 0 1; } -webkit-flex: 0 0 1; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 240, ../../../../general/res/sass/controls/_controls.scss */ /* line 239, ../../../../general/res/sass/controls/_controls.scss */
.object-header .context-available { .object-header .context-available {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -2657,8 +2657,7 @@ label.checkbox.custom {
color: inherit; } color: inherit; }
/******************************************************** BROWSER ELEMENTS */ /******************************************************** BROWSER ELEMENTS */
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 485, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar { ::-webkit-scrollbar {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -3359,7 +3358,7 @@ label.checkbox.custom {
/* line 213, ../../../../general/res/sass/controls/_messages.scss */ /* line 213, ../../../../general/res/sass/controls/_messages.scss */
.t-message-single .message-severity-error .type-icon.message-type:before { .t-message-single .message-severity-error .type-icon.message-type:before {
content: "\21"; } content: "\21"; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 259, ../../../../general/res/sass/controls/_messages.scss */ /* line 259, ../../../../general/res/sass/controls/_messages.scss */
.t-message-single .l-message, .t-message-single .l-message,
.t-message-single .bottom-bar { .t-message-single .bottom-bar {
@ -3430,7 +3429,7 @@ label.checkbox.custom {
.t-message-list .message-contents .l-message .top-bar, .t-message-list .message-contents .l-message .top-bar,
.t-message-list .message-contents .l-message .message-body { .t-message-list .message-contents .l-message .message-body {
margin-bottom: 10px; } margin-bottom: 10px; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 304, ../../../../general/res/sass/controls/_messages.scss */ /* line 304, ../../../../general/res/sass/controls/_messages.scss */
.t-message-list .message-contents .l-message { .t-message-list .message-contents .l-message {
margin-right: 10px; } } margin-right: 10px; } }
@ -3682,7 +3681,7 @@ mct-include.l-time-controller {
* 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.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 25, ../../../../general/res/sass/mobile/controls/_menus.scss */ /* line 25, ../../../../general/res/sass/mobile/controls/_menus.scss */
.super-menu { .super-menu {
width: 250px; width: 250px;
@ -3956,20 +3955,19 @@ textarea {
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
margin: 0 0 2px 0; margin: 0 0 2px 0;
padding: 0 5px; padding: 0 5px;
overflow: hidden;
position: relative; position: relative;
line-height: 22px; } line-height: 22px; }
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.select .icon, .select .t-item-icon { .select .icon, .select .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.select:not(.disabled):hover { .select:not(.disabled):hover {
background: linear-gradient(#6b6b6b, #5e5e5e); } background: linear-gradient(#6b6b6b, #5e5e5e); }
/* line 304, ../../../../general/res/sass/_mixins.scss */ /* line 304, ../../../../general/res/sass/_mixins.scss */
.select:not(.disabled):hover > .icon, .select:not(.disabled):hover > .t-item-icon { .select:not(.disabled):hover > .icon, .select:not(.disabled):hover > .t-item-icon {
color: #33ccff; } } color: #33ccff; } }
/* line 31, ../../../../general/res/sass/forms/_selects.scss */ /* line 30, ../../../../general/res/sass/forms/_selects.scss */
.select select { .select select {
-moz-appearance: none; -moz-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
@ -3982,10 +3980,10 @@ textarea {
border: none !important; border: none !important;
padding: 4px 25px 2px 0px; padding: 4px 25px 2px 0px;
width: 120%; } width: 120%; }
/* line 40, ../../../../general/res/sass/forms/_selects.scss */ /* line 39, ../../../../general/res/sass/forms/_selects.scss */
.select select option { .select select option {
margin: 5px 0; } margin: 5px 0; }
/* line 44, ../../../../general/res/sass/forms/_selects.scss */ /* line 43, ../../../../general/res/sass/forms/_selects.scss */
.select:after { .select:after {
text-shadow: none; text-shadow: none;
content: '\76'; content: '\76';
@ -4084,15 +4082,15 @@ textarea {
/* line 29, ../../../../general/res/sass/forms/_datetime.scss */ /* line 29, ../../../../general/res/sass/forms/_datetime.scss */
.complex.datetime { .complex.datetime {
/* /*
.field-hints, .field-hints,
.fields { .fields {
} }
.field-hints { .field-hints {
} }
*/ } */ }
/* line 30, ../../../../general/res/sass/forms/_datetime.scss */ /* line 30, ../../../../general/res/sass/forms/_datetime.scss */
.complex.datetime span { .complex.datetime span {
display: inline-block; display: inline-block;
@ -4473,7 +4471,7 @@ span.req {
/* line 138, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane { .pane .mini-tab-icon.toggle-pane {
z-index: 5; } z-index: 5; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 138, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane { .pane .mini-tab-icon.toggle-pane {
top: 10px; top: 10px;
@ -4699,7 +4697,7 @@ span.req {
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect { .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; } opacity: 0; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
.holder-all { .holder-all {
min-width: 600px; } min-width: 600px; }
@ -4771,7 +4769,7 @@ span.req {
* 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.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 26, ../../../../general/res/sass/mobile/_layout.scss */ /* line 26, ../../../../general/res/sass/mobile/_layout.scss */
.browse-wrapper, .browse-wrapper,
.pane { .pane {
@ -4947,7 +4945,7 @@ span.req {
-webkit-transition-delay: 0; -webkit-transition-delay: 0;
transition-delay: 0; transition-delay: 0;
opacity: 1; } } opacity: 1; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 146, ../../../../general/res/sass/mobile/_layout.scss */ /* line 146, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.left.treeview { .pane-tree-showing .pane.left.treeview {
width: 90% !important; } width: 90% !important; }
@ -4961,7 +4959,7 @@ span.req {
/* line 152, ../../../../general/res/sass/mobile/_layout.scss */ /* line 152, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right.items .holder-object-and-inspector { .pane-tree-showing .pane.right.items .holder-object-and-inspector {
opacity: 0; } } opacity: 0; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 160, ../../../../general/res/sass/mobile/_layout.scss */ /* line 160, ../../../../general/res/sass/mobile/_layout.scss */
.desktop-hide { .desktop-hide {
display: none; } } display: none; } }
@ -5276,7 +5274,7 @@ span.req {
margin-left: 50%; margin-left: 50%;
white-space: nowrap; } white-space: nowrap; }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 5, ../../../../general/res/sass/mobile/search/_search.scss */ /* line 5, ../../../../general/res/sass/mobile/search/_search.scss */
.search .search-bar .menu-icon { .search .search-bar .menu-icon {
display: none; } display: none; }
@ -5453,7 +5451,7 @@ span.req {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon, .overlay .bottom-bar .s-btn:not(.major) .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major) .t-item-icon { .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon, .overlay .bottom-bar .s-btn:not(.major) .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major) .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover {
background: linear-gradient(#a6a6a6, #999999); } background: linear-gradient(#a6a6a6, #999999); }
@ -5486,7 +5484,7 @@ span.req {
min-height: 225px; min-height: 225px;
height: 225px; } height: 225px; }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 3, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ /* line 3, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
.overlay .clk-icon.close { .overlay .clk-icon.close {
top: 20px; top: 20px;
@ -5504,7 +5502,7 @@ span.req {
/* line 17, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ /* line 17, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
.overlay > .holder > .contents .top-bar > .title { .overlay > .holder > .contents .top-bar > .title {
margin-right: 1.2em; } } margin-right: 1.2em; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 27, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ /* line 27, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
.overlay > .holder { .overlay > .holder {
-moz-border-radius: 0; -moz-border-radius: 0;
@ -5575,7 +5573,7 @@ span.req {
.t-dialog-sm .overlay > .holder { .t-dialog-sm .overlay > .holder {
height: auto; height: auto;
max-height: 100%; } } max-height: 100%; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 77, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ /* line 77, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
.overlay > .holder .contents .bottom-bar { .overlay > .holder .contents .bottom-bar {
text-align: center; } } text-align: center; } }
@ -5648,7 +5646,7 @@ ul.tree {
margin-left: 5px; margin-left: 5px;
font-size: 0.75em; font-size: 0.75em;
width: 10px; } width: 10px; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 56, ../../../../general/res/sass/tree/_tree.scss */ /* line 56, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control:hover, .tree-item .view-control:hover,
.search-result-item .view-control:hover { .search-result-item .view-control:hover {
@ -5781,7 +5779,7 @@ ul.tree {
.tree-item.selected .t-object-label .t-item-icon, .tree-item.selected .t-object-label .t-item-icon,
.search-result-item.selected .t-object-label .t-item-icon { .search-result-item.selected .t-object-label .t-item-icon {
color: #cccccc; } color: #cccccc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 136, ../../../../general/res/sass/tree/_tree.scss */ /* line 136, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover, .tree-item:not(.selected):hover,
.search-result-item:not(.selected):hover { .search-result-item:not(.selected):hover {
@ -5833,7 +5831,7 @@ ul.tree {
* 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.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 27, ../../../../general/res/sass/mobile/_tree.scss */ /* line 27, ../../../../general/res/sass/mobile/_tree.scss */
ul.tree ul.tree { ul.tree ul.tree {
margin-left: 20px; } margin-left: 20px; }
@ -5924,7 +5922,7 @@ ul.tree {
/* line 65, ../../../../general/res/sass/user-environ/_frame.scss */ /* line 65, ../../../../general/res/sass/user-environ/_frame.scss */
.frame.frame-template .view-switcher { .frame.frame-template .view-switcher {
z-index: 10; } z-index: 10; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 71, ../../../../general/res/sass/user-environ/_frame.scss */ /* line 71, ../../../../general/res/sass/user-environ/_frame.scss */
.frame.frame-template .view-switcher { .frame.frame-template .view-switcher {
opacity: 0; } opacity: 0; }
@ -5958,9 +5956,9 @@ ul.tree {
*****************************************************************************/ *****************************************************************************/
/* line 22, ../../../../general/res/sass/user-environ/_top-bar.scss */ /* line 22, ../../../../general/res/sass/user-environ/_top-bar.scss */
.top-bar { .top-bar {
/* .title { /* .title {
color: #fff; color: #fff;
}*/ } }*/ }
/* line 23, ../../../../general/res/sass/user-environ/_top-bar.scss */ /* line 23, ../../../../general/res/sass/user-environ/_top-bar.scss */
.top-bar.browse, .top-bar.edit { .top-bar.browse, .top-bar.edit {
border-bottom: 1px solid rgba(153, 153, 153, 0.1); border-bottom: 1px solid rgba(153, 153, 153, 0.1);
@ -6426,7 +6424,7 @@ table {
* 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.
*****************************************************************************/ *****************************************************************************/
/* line 31, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 29, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot { .gl-plot {
color: #999; color: #999;
font-size: 0.7rem; font-size: 0.7rem;
@ -6434,10 +6432,10 @@ table {
width: 100%; width: 100%;
height: 100%; height: 100%;
/****************************** Limits and Out-of-Bounds data */ } /****************************** Limits and Out-of-Bounds data */ }
/* line 38, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 36, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-axis-area { .gl-plot .gl-plot-axis-area {
position: absolute; } position: absolute; }
/* line 41, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 38, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-axis-area.gl-plot-x { .gl-plot .gl-plot-axis-area.gl-plot-x {
top: auto; top: auto;
right: 0; right: 0;
@ -6446,14 +6444,14 @@ table {
height: 32px; height: 32px;
width: auto; width: auto;
overflow: hidden; } overflow: hidden; }
/* line 50, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 47, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-axis-area.gl-plot-y { .gl-plot .gl-plot-axis-area.gl-plot-y {
top: 25px; top: 25px;
right: auto; right: auto;
bottom: 37px; bottom: 37px;
left: 0; left: 0;
width: 60px; } width: 60px; }
/* line 59, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 56, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-coords { .gl-plot .gl-plot-coords {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -6470,10 +6468,10 @@ table {
bottom: auto; bottom: auto;
left: 70px; left: 70px;
z-index: 10; } z-index: 10; }
/* line 71, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 68, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-coords:empty { .gl-plot .gl-plot-coords:empty {
display: none; } display: none; }
/* line 76, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 73, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-display-area { .gl-plot .gl-plot-display-area {
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
position: absolute; position: absolute;
@ -6483,13 +6481,13 @@ table {
left: 60px; left: 60px;
cursor: crosshair; cursor: crosshair;
border: 1px solid rgba(153, 153, 153, 0.1); } border: 1px solid rgba(153, 153, 153, 0.1); }
/* line 89, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 86, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label, .gl-plot .gl-plot-label,
.gl-plot .l-plot-label { .gl-plot .l-plot-label {
color: #666666; color: #666666;
position: absolute; position: absolute;
text-align: center; } text-align: center; }
/* line 97, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 92, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label.gl-plot-x-label, .gl-plot .gl-plot-label.l-plot-x-label, .gl-plot .gl-plot-label.gl-plot-x-label, .gl-plot .gl-plot-label.l-plot-x-label,
.gl-plot .l-plot-label.gl-plot-x-label, .gl-plot .l-plot-label.gl-plot-x-label,
.gl-plot .l-plot-label.l-plot-x-label { .gl-plot .l-plot-label.l-plot-x-label {
@ -6498,7 +6496,7 @@ table {
bottom: 0; bottom: 0;
left: 0; left: 0;
height: auto; } height: auto; }
/* line 106, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 101, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label.gl-plot-y-label, .gl-plot .gl-plot-label.l-plot-y-label, .gl-plot .gl-plot-label.gl-plot-y-label, .gl-plot .gl-plot-label.l-plot-y-label,
.gl-plot .l-plot-label.gl-plot-y-label, .gl-plot .l-plot-label.gl-plot-y-label,
.gl-plot .l-plot-label.l-plot-y-label { .gl-plot .l-plot-label.l-plot-y-label {
@ -6515,30 +6513,38 @@ table {
left: 0; left: 0;
top: 50%; top: 50%;
white-space: nowrap; } white-space: nowrap; }
/* line 120, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 115, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-x-options,
.gl-plot .gl-plot-y-options { .gl-plot .gl-plot-y-options {
position: absolute; position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: auto5px;
margin-top: -16px;
height: auto; height: auto;
min-height: 32px; min-height: 32px;
width: 32px; } z-index: 2; }
/* line 134, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 124, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-x-options {
top: 5px; }
/* line 128, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-y-options {
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
min-width: 150px;
top: 50%;
left: 20px; }
/* line 135, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-hash { .gl-plot .gl-plot-hash {
position: absolute; position: absolute;
border: 0 rgba(255, 255, 255, 0.2) dashed; } border: 0 rgba(255, 255, 255, 0.2) dashed; }
/* line 137, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 138, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-hash.hash-v { .gl-plot .gl-plot-hash.hash-v {
border-right-width: 1px; border-right-width: 1px;
height: 100%; } height: 100%; }
/* line 141, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 142, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-hash.hash-h { .gl-plot .gl-plot-hash.hash-h {
border-bottom-width: 1px; border-bottom-width: 1px;
width: 100%; } width: 100%; }
/* line 147, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 148, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-legend { .gl-plot .gl-plot-legend {
position: absolute; position: absolute;
top: 0; top: 0;
@ -6548,24 +6554,24 @@ table {
height: 20px; height: 20px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; } overflow-y: auto; }
/* line 160, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 161, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar, .gl-plot .l-limit-bar,
.gl-plot .l-oob-data { .gl-plot .l-oob-data {
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
width: auto; } width: auto; }
/* line 168, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 169, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar { .gl-plot .l-limit-bar {
height: auto; height: auto;
z-index: 0; } z-index: 0; }
/* line 176, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 177, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar.s-limit-yellow { .gl-plot .l-limit-bar.s-limit-yellow {
background: rgba(255, 170, 0, 0.2); } background: rgba(255, 170, 0, 0.2); }
/* line 177, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 178, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar.s-limit-red { .gl-plot .l-limit-bar.s-limit-red {
background: rgba(255, 0, 0, 0.2); } background: rgba(255, 0, 0, 0.2); }
/* line 180, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 181, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-oob-data { .gl-plot .l-oob-data {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
@ -6578,7 +6584,7 @@ table {
pointer-events: none; pointer-events: none;
height: 10px; height: 10px;
z-index: 1; } z-index: 1; }
/* line 188, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 189, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-oob-data.l-oob-data-up { .gl-plot .l-oob-data.l-oob-data-up {
top: 0; top: 0;
bottom: auto; bottom: auto;
@ -6587,7 +6593,7 @@ table {
background-image: -moz-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: -moz-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
background-image: -webkit-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: -webkit-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
background-image: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); } background-image: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
/* line 193, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 194, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-oob-data.l-oob-data-dwn { .gl-plot .l-oob-data.l-oob-data-dwn {
bottom: 0; bottom: 0;
top: auto; top: auto;
@ -6597,7 +6603,7 @@ table {
background-image: -webkit-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: -webkit-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
background-image: linear-gradient(180deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); } background-image: linear-gradient(180deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
/* line 203, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 204, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item, .gl-plot-legend .plot-legend-item,
.gl-plot-legend .legend-item, .gl-plot-legend .legend-item,
.legend .plot-legend-item, .legend .plot-legend-item,
@ -6605,13 +6611,13 @@ table {
display: inline-block; display: inline-block;
margin-right: 10px; margin-right: 10px;
margin-bottom: 3px; } margin-bottom: 3px; }
/* line 208, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 209, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item span, .gl-plot-legend .plot-legend-item span,
.gl-plot-legend .legend-item span, .gl-plot-legend .legend-item span,
.legend .plot-legend-item span, .legend .plot-legend-item span,
.legend .legend-item span { .legend .legend-item span {
vertical-align: middle; } vertical-align: middle; }
/* line 211, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 212, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item .plot-color-swatch, .gl-plot-legend .plot-legend-item .plot-color-swatch,
.gl-plot-legend .plot-legend-item .color-swatch, .gl-plot-legend .plot-legend-item .color-swatch,
.gl-plot-legend .legend-item .plot-color-swatch, .gl-plot-legend .legend-item .plot-color-swatch,
@ -6627,29 +6633,29 @@ table {
height: 8px; height: 8px;
width: 8px; } width: 8px; }
/* line 228, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 223, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item { .gl-plot-legend .plot-legend-item {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
line-height: 1.5em; line-height: 1.5em;
padding: 0px 5px; } padding: 0px 5px; }
/* line 234, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 227, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item .plot-color-swatch { .gl-plot-legend .plot-legend-item .plot-color-swatch {
border: 1px solid #333; border: 1px solid #333;
height: 9px; height: 9px;
width: 9px; } width: 9px; }
/* line 242, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 235, ../../../../general/res/sass/plots/_plots-main.scss */
.tick { .tick {
position: absolute; position: absolute;
border: 0 rgba(255, 255, 255, 0.2) solid; } border: 0 rgba(255, 255, 255, 0.2) solid; }
/* line 245, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 238, ../../../../general/res/sass/plots/_plots-main.scss */
.tick.tick-x { .tick.tick-x {
border-right-width: 1px; border-right-width: 1px;
height: 100%; } height: 100%; }
/* line 251, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 244, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick, .gl-plot-tick,
.tick-label { .tick-label {
font-size: 0.7rem; font-size: 0.7rem;
@ -6657,7 +6663,7 @@ table {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; } text-overflow: ellipsis; }
/* line 259, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 251, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x, .gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x,
.tick-label.gl-plot-x-tick-label, .tick-label.gl-plot-x-tick-label,
.tick-label.tick-label-x { .tick-label.tick-label-x {
@ -6668,7 +6674,7 @@ table {
width: 20%; width: 20%;
margin-left: -10%; margin-left: -10%;
text-align: center; } text-align: center; }
/* line 269, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 261, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y, .gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y,
.tick-label.gl-plot-y-tick-label, .tick-label.gl-plot-y-tick-label,
.tick-label.tick-label-y { .tick-label.tick-label-y {
@ -6678,18 +6684,18 @@ table {
margin-bottom: -0.5em; margin-bottom: -0.5em;
text-align: right; } text-align: right; }
/* line 281, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 272, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label { .gl-plot-tick.gl-plot-x-tick-label {
top: 5px; } top: 5px; }
/* line 284, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 275, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label { .gl-plot-tick.gl-plot-y-tick-label {
right: 5px; right: 5px;
left: 5px; } left: 5px; }
/* line 291, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 282, ../../../../general/res/sass/plots/_plots-main.scss */
.tick-label.tick-label-x { .tick-label.tick-label-x {
top: 0; } top: 0; }
/* line 294, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 285, ../../../../general/res/sass/plots/_plots-main.scss */
.tick-label.tick-label-y { .tick-label.tick-label-y {
right: 0; right: 0;
left: 0; } left: 0; }
@ -6816,7 +6822,7 @@ table {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon { .items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover { .items-holder .item.grid-item:not(.disabled):hover {
background: linear-gradient(#666666, #595959); } background: linear-gradient(#666666, #595959); }
@ -6947,7 +6953,7 @@ table {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected .icon, .items-holder .item.grid-item.selected .t-item-icon { .items-holder .item.grid-item.selected .icon, .items-holder .item.grid-item.selected .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item.selected:not(.disabled):hover { .items-holder .item.grid-item.selected:not(.disabled):hover {
background: linear-gradient(#1ac6ff, #00bfff); } background: linear-gradient(#1ac6ff, #00bfff); }
@ -6988,7 +6994,7 @@ table {
* 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.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
width: 100%; } width: 100%; }
@ -7022,7 +7028,7 @@ table {
opacity: 1; opacity: 1;
font-size: 1em; font-size: 1em;
width: auto; } } width: auto; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
height: 50px; } height: 50px; }
@ -7042,7 +7048,7 @@ table {
/* line 83, ../../../../general/res/sass/mobile/_item.scss */ /* line 83, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
line-height: 50px; } } line-height: 50px; } }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
height: 66px; } height: 66px; }

197
platform/commonUI/themes/snow/res/css/theme-snow.css
View File

@ -173,7 +173,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
/* REQUIRES /platform/commonUI/general/res/sass/_constants.scss */ /* REQUIRES /platform/commonUI/general/res/sass/_constants.scss */
/************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */ /************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
/************************** MOBILE TREE MENU DIMENSIONS */ /************************** MOBILE TREE MENU DIMENSIONS */
/************************** WINDOW DIMENSIONS FOR RWD */ /************************** DEVICE WIDTHS */
/************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
/************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */ /************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
/************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */ /************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */
@ -308,7 +308,7 @@ a.disabled {
*****************************************************************************/ *****************************************************************************/
/************************** FONTS */ /************************** FONTS */
@font-face { @font-face {
/* /*
* Use https://icomoon.io/app with /platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json * Use https://icomoon.io/app with /platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json
*/ */
font-family: 'symbolsfont'; font-family: 'symbolsfont';
@ -990,7 +990,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-left .l-infobubble::before { .l-infobubble-wrapper.arw-left .l-infobubble::before {
right: 100%; } right: 100%; }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (min-device-width: 1281px) {
/* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 76, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-left .l-infobubble::before { .l-infobubble-wrapper.arw-left .l-infobubble::before {
width: 0; width: 0;
@ -998,14 +998,14 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
border-top: 6.66667px solid transparent; border-top: 6.66667px solid transparent;
border-bottom: 6.66667px solid transparent; border-bottom: 6.66667px solid transparent;
border-right: 10px solid white; } } border-right: 10px solid white; } }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (min-device-width: 1281px) {
/* line 88, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 88, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-right { .l-infobubble-wrapper.arw-right {
margin-right: 20px; } } margin-right: 20px; } }
/* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-right .l-infobubble::before { .l-infobubble-wrapper.arw-right .l-infobubble::before {
left: 100%; } left: 100%; }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (min-device-width: 1281px) {
/* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */ /* line 95, ../../../../general/res/sass/helpers/_bubbles.scss */
.l-infobubble-wrapper.arw-right .l-infobubble::before { .l-infobubble-wrapper.arw-right .l-infobubble::before {
width: 0; width: 0;
@ -1619,7 +1619,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.s-btn.major .icon, .major.s-menu-btn .icon, .s-btn.major .t-item-icon, .major.s-menu-btn .t-item-icon { .s-btn.major .icon, .major.s-menu-btn .icon, .s-btn.major .t-item-icon, .major.s-menu-btn .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover { .s-btn.major:not(.disabled):hover, .major.s-menu-btn:not(.disabled):hover {
background: deepskyblue; } background: deepskyblue; }
@ -1649,7 +1649,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon, .s-btn:not(.major) .t-item-icon, .s-menu-btn:not(.major) .t-item-icon { .s-btn:not(.major) .icon, .s-menu-btn:not(.major) .icon, .s-btn:not(.major) .t-item-icon, .s-menu-btn:not(.major) .t-item-icon {
color: #eee; } color: #eee; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover { .s-btn:not(.major):not(.disabled):hover, .s-menu-btn:not(.major):not(.disabled):hover {
background: #0099cc; } background: #0099cc; }
@ -1682,7 +1682,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon { .s-btn.pause-play.paused .icon, .pause-play.paused.s-menu-btn .icon, .s-btn.pause-play.paused .t-item-icon, .pause-play.paused.s-menu-btn .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover { .s-btn.pause-play.paused:not(.disabled):hover, .pause-play.paused.s-menu-btn:not(.disabled):hover {
background: #ffad33; } background: #ffad33; }
@ -1713,8 +1713,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before, .s-btn.show-thumbs .t-item-icon:before, .show-thumbs.s-menu-btn .t-item-icon:before { .s-btn.show-thumbs .icon:before, .show-thumbs.s-menu-btn .icon:before, .s-btn.show-thumbs .t-item-icon:before, .show-thumbs.s-menu-btn .t-item-icon:before {
content: "\000039"; } content: "\000039"; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 101, ../../../../general/res/sass/controls/_buttons.scss */ /* line 104, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab { .mini-tab {
-moz-border-radius: 4px; -moz-border-radius: 4px;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
@ -1774,15 +1774,15 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon { .mini-tab.collapsed .icon, .mini-tab.collapsed .t-item-icon {
color: #eee; } } color: #eee; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 800px) and (min-device-height: 1025px) and (min-device-width: 1025px) and (min-device-height: 800px), screen and (min-device-width: 1025px) and (min-device-height: 800px) and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed:not(.disabled):hover { .mini-tab.collapsed:not(.disabled):hover {
background: #0099cc; } background: #0099cc; }
/* line 304, ../../../../general/res/sass/_mixins.scss */ /* line 304, ../../../../general/res/sass/_mixins.scss */
.mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon { .mini-tab.collapsed:not(.disabled):hover > .icon, .mini-tab.collapsed:not(.disabled):hover > .t-item-icon {
color: white; } } color: white; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 138, ../../../../general/res/sass/controls/_buttons.scss */ /* line 141, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab.collapsed:before { .mini-tab.collapsed:before {
opacity: 0; } opacity: 0; }
/* line 139, ../../../../general/res/sass/controls/_buttons.scss */ /* line 139, ../../../../general/res/sass/controls/_buttons.scss */
@ -1870,8 +1870,8 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before {
.mini-tab.anchor-right.collapsed:hover:before { .mini-tab.anchor-right.collapsed:hover:before {
right: 2px; } } right: 2px; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 208, ../../../../general/res/sass/controls/_buttons.scss */ /* line 211, ../../../../general/res/sass/controls/_buttons.scss */
.mini-tab-icon { .mini-tab-icon {
color: #d6d6d6; color: #d6d6d6;
cursor: pointer; cursor: pointer;
@ -2259,8 +2259,8 @@ label.checkbox.custom {
font-size: 0.7em; font-size: 0.7em;
flex: 0 0 1; flex: 0 0 1;
-webkit-flex: 0 0 1; } -webkit-flex: 0 0 1; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 240, ../../../../general/res/sass/controls/_controls.scss */ /* line 239, ../../../../general/res/sass/controls/_controls.scss */
.object-header .context-available { .object-header .context-available {
-moz-transition-property: opacity; -moz-transition-property: opacity;
-o-transition-property: opacity; -o-transition-property: opacity;
@ -2602,8 +2602,8 @@ label.checkbox.custom {
color: inherit; } color: inherit; }
/******************************************************** BROWSER ELEMENTS */ /******************************************************** BROWSER ELEMENTS */
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 485, ../../../../general/res/sass/controls/_controls.scss */ /* line 484, ../../../../general/res/sass/controls/_controls.scss */
::-webkit-scrollbar { ::-webkit-scrollbar {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@ -3298,7 +3298,7 @@ label.checkbox.custom {
/* line 213, ../../../../general/res/sass/controls/_messages.scss */ /* line 213, ../../../../general/res/sass/controls/_messages.scss */
.t-message-single .message-severity-error .type-icon.message-type:before { .t-message-single .message-severity-error .type-icon.message-type:before {
content: "\21"; } content: "\21"; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 259, ../../../../general/res/sass/controls/_messages.scss */ /* line 259, ../../../../general/res/sass/controls/_messages.scss */
.t-message-single .l-message, .t-message-single .l-message,
.t-message-single .bottom-bar { .t-message-single .bottom-bar {
@ -3369,7 +3369,7 @@ label.checkbox.custom {
.t-message-list .message-contents .l-message .top-bar, .t-message-list .message-contents .l-message .top-bar,
.t-message-list .message-contents .l-message .message-body { .t-message-list .message-contents .l-message .message-body {
margin-bottom: 10px; } margin-bottom: 10px; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 304, ../../../../general/res/sass/controls/_messages.scss */ /* line 304, ../../../../general/res/sass/controls/_messages.scss */
.t-message-list .message-contents .l-message { .t-message-list .message-contents .l-message {
margin-right: 10px; } } margin-right: 10px; } }
@ -3621,7 +3621,7 @@ mct-include.l-time-controller {
* 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.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 25, ../../../../general/res/sass/mobile/controls/_menus.scss */ /* line 25, ../../../../general/res/sass/mobile/controls/_menus.scss */
.super-menu { .super-menu {
width: 250px; width: 250px;
@ -3885,13 +3885,12 @@ textarea {
transition: background, 0.25s; transition: background, 0.25s;
text-shadow: none; text-shadow: none;
padding: 0 5px; padding: 0 5px;
overflow: hidden;
position: relative; position: relative;
line-height: 22px; } line-height: 22px; }
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.select .icon, .select .t-item-icon { .select .icon, .select .t-item-icon {
color: #eee; } color: #eee; }
/* line 31, ../../../../general/res/sass/forms/_selects.scss */ /* line 30, ../../../../general/res/sass/forms/_selects.scss */
.select select { .select select {
-moz-appearance: none; -moz-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
@ -3904,10 +3903,10 @@ textarea {
border: none !important; border: none !important;
padding: 4px 25px 2px 0px; padding: 4px 25px 2px 0px;
width: 120%; } width: 120%; }
/* line 40, ../../../../general/res/sass/forms/_selects.scss */ /* line 39, ../../../../general/res/sass/forms/_selects.scss */
.select select option { .select select option {
margin: 5px 0; } margin: 5px 0; }
/* line 44, ../../../../general/res/sass/forms/_selects.scss */ /* line 43, ../../../../general/res/sass/forms/_selects.scss */
.select:after { .select:after {
text-shadow: none; text-shadow: none;
content: '\76'; content: '\76';
@ -4006,15 +4005,15 @@ textarea {
/* line 29, ../../../../general/res/sass/forms/_datetime.scss */ /* line 29, ../../../../general/res/sass/forms/_datetime.scss */
.complex.datetime { .complex.datetime {
/* /*
.field-hints, .field-hints,
.fields { .fields {
} }
.field-hints { .field-hints {
} }
*/ } */ }
/* line 30, ../../../../general/res/sass/forms/_datetime.scss */ /* line 30, ../../../../general/res/sass/forms/_datetime.scss */
.complex.datetime span { .complex.datetime span {
display: inline-block; display: inline-block;
@ -4395,7 +4394,7 @@ span.req {
/* line 138, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane { .pane .mini-tab-icon.toggle-pane {
z-index: 5; } z-index: 5; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 138, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */
.pane .mini-tab-icon.toggle-pane { .pane .mini-tab-icon.toggle-pane {
top: 10px; top: 10px;
@ -4621,7 +4620,7 @@ span.req {
.pane-inspect-hidden .l-object-and-inspector .splitter-inspect { .pane-inspect-hidden .l-object-and-inspector .splitter-inspect {
opacity: 0; } opacity: 0; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */
.holder-all { .holder-all {
min-width: 600px; } min-width: 600px; }
@ -4693,7 +4692,7 @@ span.req {
* 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.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 26, ../../../../general/res/sass/mobile/_layout.scss */ /* line 26, ../../../../general/res/sass/mobile/_layout.scss */
.browse-wrapper, .browse-wrapper,
.pane { .pane {
@ -4869,7 +4868,7 @@ span.req {
-webkit-transition-delay: 0; -webkit-transition-delay: 0;
transition-delay: 0; transition-delay: 0;
opacity: 1; } } opacity: 1; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 146, ../../../../general/res/sass/mobile/_layout.scss */ /* line 146, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.left.treeview { .pane-tree-showing .pane.left.treeview {
width: 90% !important; } width: 90% !important; }
@ -4883,7 +4882,7 @@ span.req {
/* line 152, ../../../../general/res/sass/mobile/_layout.scss */ /* line 152, ../../../../general/res/sass/mobile/_layout.scss */
.pane-tree-showing .pane.right.items .holder-object-and-inspector { .pane-tree-showing .pane.right.items .holder-object-and-inspector {
opacity: 0; } } opacity: 0; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 160, ../../../../general/res/sass/mobile/_layout.scss */ /* line 160, ../../../../general/res/sass/mobile/_layout.scss */
.desktop-hide { .desktop-hide {
display: none; } } display: none; } }
@ -5198,7 +5197,7 @@ span.req {
margin-left: 50%; margin-left: 50%;
white-space: nowrap; } white-space: nowrap; }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 5, ../../../../general/res/sass/mobile/search/_search.scss */ /* line 5, ../../../../general/res/sass/mobile/search/_search.scss */
.search .search-bar .menu-icon { .search .search-bar .menu-icon {
display: none; } display: none; }
@ -5357,7 +5356,7 @@ span.req {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon, .overlay .bottom-bar .s-btn:not(.major) .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major) .t-item-icon { .overlay .bottom-bar .s-btn:not(.major) .icon, .overlay .bottom-bar .s-menu-btn:not(.major) .icon, .overlay .bottom-bar .s-btn:not(.major) .t-item-icon, .overlay .bottom-bar .s-menu-btn:not(.major) .t-item-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover { .overlay .bottom-bar .s-btn:not(.major):not(.disabled):hover, .overlay .bottom-bar .s-menu-btn:not(.major):not(.disabled):hover {
background: #7d7d7d; } background: #7d7d7d; }
@ -5390,7 +5389,7 @@ span.req {
min-height: 225px; min-height: 225px;
height: 225px; } height: 225px; }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 3, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ /* line 3, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
.overlay .clk-icon.close { .overlay .clk-icon.close {
top: 20px; top: 20px;
@ -5408,7 +5407,7 @@ span.req {
/* line 17, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ /* line 17, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
.overlay > .holder > .contents .top-bar > .title { .overlay > .holder > .contents .top-bar > .title {
margin-right: 1.2em; } } margin-right: 1.2em; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 27, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ /* line 27, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
.overlay > .holder { .overlay > .holder {
-moz-border-radius: 0; -moz-border-radius: 0;
@ -5479,7 +5478,7 @@ span.req {
.t-dialog-sm .overlay > .holder { .t-dialog-sm .overlay > .holder {
height: auto; height: auto;
max-height: 100%; } } max-height: 100%; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 77, ../../../../general/res/sass/mobile/overlay/_overlay.scss */ /* line 77, ../../../../general/res/sass/mobile/overlay/_overlay.scss */
.overlay > .holder .contents .bottom-bar { .overlay > .holder .contents .bottom-bar {
text-align: center; } } text-align: center; } }
@ -5552,7 +5551,7 @@ ul.tree {
margin-left: 5px; margin-left: 5px;
font-size: 0.75em; font-size: 0.75em;
width: 10px; } width: 10px; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 56, ../../../../general/res/sass/tree/_tree.scss */ /* line 56, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control:hover, .tree-item .view-control:hover,
.search-result-item .view-control:hover { .search-result-item .view-control:hover {
@ -5683,7 +5682,7 @@ ul.tree {
.tree-item.selected .t-object-label .t-item-icon, .tree-item.selected .t-object-label .t-item-icon,
.search-result-item.selected .t-object-label .t-item-icon { .search-result-item.selected .t-object-label .t-item-icon {
color: #fcfcfc; } color: #fcfcfc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 136, ../../../../general/res/sass/tree/_tree.scss */ /* line 136, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover, .tree-item:not(.selected):hover,
.search-result-item:not(.selected):hover { .search-result-item:not(.selected):hover {
@ -5735,7 +5734,7 @@ ul.tree {
* 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.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 27, ../../../../general/res/sass/mobile/_tree.scss */ /* line 27, ../../../../general/res/sass/mobile/_tree.scss */
ul.tree ul.tree { ul.tree ul.tree {
margin-left: 20px; } margin-left: 20px; }
@ -5826,7 +5825,7 @@ ul.tree {
/* line 65, ../../../../general/res/sass/user-environ/_frame.scss */ /* line 65, ../../../../general/res/sass/user-environ/_frame.scss */
.frame.frame-template .view-switcher { .frame.frame-template .view-switcher {
z-index: 10; } z-index: 10; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 71, ../../../../general/res/sass/user-environ/_frame.scss */ /* line 71, ../../../../general/res/sass/user-environ/_frame.scss */
.frame.frame-template .view-switcher { .frame.frame-template .view-switcher {
opacity: 0; } opacity: 0; }
@ -5860,9 +5859,9 @@ ul.tree {
*****************************************************************************/ *****************************************************************************/
/* line 22, ../../../../general/res/sass/user-environ/_top-bar.scss */ /* line 22, ../../../../general/res/sass/user-environ/_top-bar.scss */
.top-bar { .top-bar {
/* .title { /* .title {
color: #fff; color: #fff;
}*/ } }*/ }
/* line 23, ../../../../general/res/sass/user-environ/_top-bar.scss */ /* line 23, ../../../../general/res/sass/user-environ/_top-bar.scss */
.top-bar.browse, .top-bar.edit { .top-bar.browse, .top-bar.edit {
border-bottom: 1px solid rgba(102, 102, 102, 0.2); border-bottom: 1px solid rgba(102, 102, 102, 0.2);
@ -6328,7 +6327,7 @@ table {
* 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.
*****************************************************************************/ *****************************************************************************/
/* line 31, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 29, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot { .gl-plot {
color: #666; color: #666;
font-size: 0.7rem; font-size: 0.7rem;
@ -6336,10 +6335,10 @@ table {
width: 100%; width: 100%;
height: 100%; height: 100%;
/****************************** Limits and Out-of-Bounds data */ } /****************************** Limits and Out-of-Bounds data */ }
/* line 38, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 36, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-axis-area { .gl-plot .gl-plot-axis-area {
position: absolute; } position: absolute; }
/* line 41, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 38, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-axis-area.gl-plot-x { .gl-plot .gl-plot-axis-area.gl-plot-x {
top: auto; top: auto;
right: 0; right: 0;
@ -6348,14 +6347,14 @@ table {
height: 32px; height: 32px;
width: auto; width: auto;
overflow: hidden; } overflow: hidden; }
/* line 50, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 47, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-axis-area.gl-plot-y { .gl-plot .gl-plot-axis-area.gl-plot-y {
top: 25px; top: 25px;
right: auto; right: auto;
bottom: 37px; bottom: 37px;
left: 0; left: 0;
width: 60px; } width: 60px; }
/* line 59, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 56, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-coords { .gl-plot .gl-plot-coords {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -6372,10 +6371,10 @@ table {
bottom: auto; bottom: auto;
left: 70px; left: 70px;
z-index: 10; } z-index: 10; }
/* line 71, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 68, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-coords:empty { .gl-plot .gl-plot-coords:empty {
display: none; } display: none; }
/* line 76, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 73, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-display-area { .gl-plot .gl-plot-display-area {
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
position: absolute; position: absolute;
@ -6385,13 +6384,13 @@ table {
left: 60px; left: 60px;
cursor: crosshair; cursor: crosshair;
border: 1px solid rgba(102, 102, 102, 0.2); } border: 1px solid rgba(102, 102, 102, 0.2); }
/* line 89, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 86, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label, .gl-plot .gl-plot-label,
.gl-plot .l-plot-label { .gl-plot .l-plot-label {
color: #999999; color: #999999;
position: absolute; position: absolute;
text-align: center; } text-align: center; }
/* line 97, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 92, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label.gl-plot-x-label, .gl-plot .gl-plot-label.l-plot-x-label, .gl-plot .gl-plot-label.gl-plot-x-label, .gl-plot .gl-plot-label.l-plot-x-label,
.gl-plot .l-plot-label.gl-plot-x-label, .gl-plot .l-plot-label.gl-plot-x-label,
.gl-plot .l-plot-label.l-plot-x-label { .gl-plot .l-plot-label.l-plot-x-label {
@ -6400,7 +6399,7 @@ table {
bottom: 0; bottom: 0;
left: 0; left: 0;
height: auto; } height: auto; }
/* line 106, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 101, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label.gl-plot-y-label, .gl-plot .gl-plot-label.l-plot-y-label, .gl-plot .gl-plot-label.gl-plot-y-label, .gl-plot .gl-plot-label.l-plot-y-label,
.gl-plot .l-plot-label.gl-plot-y-label, .gl-plot .l-plot-label.gl-plot-y-label,
.gl-plot .l-plot-label.l-plot-y-label { .gl-plot .l-plot-label.l-plot-y-label {
@ -6417,30 +6416,38 @@ table {
left: 0; left: 0;
top: 50%; top: 50%;
white-space: nowrap; } white-space: nowrap; }
/* line 120, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 115, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-x-options,
.gl-plot .gl-plot-y-options { .gl-plot .gl-plot-y-options {
position: absolute; position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: auto5px;
margin-top: -16px;
height: auto; height: auto;
min-height: 32px; min-height: 32px;
width: 32px; } z-index: 2; }
/* line 134, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 124, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-x-options {
top: 5px; }
/* line 128, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-y-options {
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
min-width: 150px;
top: 50%;
left: 20px; }
/* line 135, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-hash { .gl-plot .gl-plot-hash {
position: absolute; position: absolute;
border: 0 rgba(0, 0, 0, 0.2) dashed; } border: 0 rgba(0, 0, 0, 0.2) dashed; }
/* line 137, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 138, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-hash.hash-v { .gl-plot .gl-plot-hash.hash-v {
border-right-width: 1px; border-right-width: 1px;
height: 100%; } height: 100%; }
/* line 141, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 142, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-hash.hash-h { .gl-plot .gl-plot-hash.hash-h {
border-bottom-width: 1px; border-bottom-width: 1px;
width: 100%; } width: 100%; }
/* line 147, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 148, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .gl-plot-legend { .gl-plot .gl-plot-legend {
position: absolute; position: absolute;
top: 0; top: 0;
@ -6450,24 +6457,24 @@ table {
height: 20px; height: 20px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; } overflow-y: auto; }
/* line 160, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 161, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar, .gl-plot .l-limit-bar,
.gl-plot .l-oob-data { .gl-plot .l-oob-data {
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
width: auto; } width: auto; }
/* line 168, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 169, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar { .gl-plot .l-limit-bar {
height: auto; height: auto;
z-index: 0; } z-index: 0; }
/* line 176, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 177, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar.s-limit-yellow { .gl-plot .l-limit-bar.s-limit-yellow {
background: rgba(255, 170, 0, 0.2); } background: rgba(255, 170, 0, 0.2); }
/* line 177, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 178, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar.s-limit-red { .gl-plot .l-limit-bar.s-limit-red {
background: rgba(255, 0, 0, 0.2); } background: rgba(255, 0, 0, 0.2); }
/* line 180, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 181, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-oob-data { .gl-plot .l-oob-data {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
@ -6480,7 +6487,7 @@ table {
pointer-events: none; pointer-events: none;
height: 10px; height: 10px;
z-index: 1; } z-index: 1; }
/* line 188, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 189, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-oob-data.l-oob-data-up { .gl-plot .l-oob-data.l-oob-data-up {
top: 0; top: 0;
bottom: auto; bottom: auto;
@ -6489,7 +6496,7 @@ table {
background-image: -moz-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: -moz-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
background-image: -webkit-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: -webkit-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
background-image: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); } background-image: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
/* line 193, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 194, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot .l-oob-data.l-oob-data-dwn { .gl-plot .l-oob-data.l-oob-data-dwn {
bottom: 0; bottom: 0;
top: auto; top: auto;
@ -6499,7 +6506,7 @@ table {
background-image: -webkit-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: -webkit-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
background-image: linear-gradient(180deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); } background-image: linear-gradient(180deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
/* line 203, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 204, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item, .gl-plot-legend .plot-legend-item,
.gl-plot-legend .legend-item, .gl-plot-legend .legend-item,
.legend .plot-legend-item, .legend .plot-legend-item,
@ -6507,13 +6514,13 @@ table {
display: inline-block; display: inline-block;
margin-right: 10px; margin-right: 10px;
margin-bottom: 3px; } margin-bottom: 3px; }
/* line 208, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 209, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item span, .gl-plot-legend .plot-legend-item span,
.gl-plot-legend .legend-item span, .gl-plot-legend .legend-item span,
.legend .plot-legend-item span, .legend .plot-legend-item span,
.legend .legend-item span { .legend .legend-item span {
vertical-align: middle; } vertical-align: middle; }
/* line 211, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 212, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item .plot-color-swatch, .gl-plot-legend .plot-legend-item .plot-color-swatch,
.gl-plot-legend .plot-legend-item .color-swatch, .gl-plot-legend .plot-legend-item .color-swatch,
.gl-plot-legend .legend-item .plot-color-swatch, .gl-plot-legend .legend-item .plot-color-swatch,
@ -6529,29 +6536,29 @@ table {
height: 8px; height: 8px;
width: 8px; } width: 8px; }
/* line 228, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 223, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item { .gl-plot-legend .plot-legend-item {
-moz-border-radius: 3px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
line-height: 1.5em; line-height: 1.5em;
padding: 0px 5px; } padding: 0px 5px; }
/* line 234, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 227, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item .plot-color-swatch { .gl-plot-legend .plot-legend-item .plot-color-swatch {
border: 1px solid #fcfcfc; border: 1px solid #fcfcfc;
height: 9px; height: 9px;
width: 9px; } width: 9px; }
/* line 242, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 235, ../../../../general/res/sass/plots/_plots-main.scss */
.tick { .tick {
position: absolute; position: absolute;
border: 0 rgba(0, 0, 0, 0.2) solid; } border: 0 rgba(0, 0, 0, 0.2) solid; }
/* line 245, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 238, ../../../../general/res/sass/plots/_plots-main.scss */
.tick.tick-x { .tick.tick-x {
border-right-width: 1px; border-right-width: 1px;
height: 100%; } height: 100%; }
/* line 251, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 244, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick, .gl-plot-tick,
.tick-label { .tick-label {
font-size: 0.7rem; font-size: 0.7rem;
@ -6559,7 +6566,7 @@ table {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; } text-overflow: ellipsis; }
/* line 259, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 251, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x, .gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x,
.tick-label.gl-plot-x-tick-label, .tick-label.gl-plot-x-tick-label,
.tick-label.tick-label-x { .tick-label.tick-label-x {
@ -6570,7 +6577,7 @@ table {
width: 20%; width: 20%;
margin-left: -10%; margin-left: -10%;
text-align: center; } text-align: center; }
/* line 269, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 261, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y, .gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y,
.tick-label.gl-plot-y-tick-label, .tick-label.gl-plot-y-tick-label,
.tick-label.tick-label-y { .tick-label.tick-label-y {
@ -6580,18 +6587,18 @@ table {
margin-bottom: -0.5em; margin-bottom: -0.5em;
text-align: right; } text-align: right; }
/* line 281, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 272, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label { .gl-plot-tick.gl-plot-x-tick-label {
top: 5px; } top: 5px; }
/* line 284, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 275, ../../../../general/res/sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label { .gl-plot-tick.gl-plot-y-tick-label {
right: 5px; right: 5px;
left: 5px; } left: 5px; }
/* line 291, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 282, ../../../../general/res/sass/plots/_plots-main.scss */
.tick-label.tick-label-x { .tick-label.tick-label-x {
top: 0; } top: 0; }
/* line 294, ../../../../general/res/sass/plots/_plots-main.scss */ /* line 285, ../../../../general/res/sass/plots/_plots-main.scss */
.tick-label.tick-label-y { .tick-label.tick-label-y {
right: 0; right: 0;
left: 0; } left: 0; }
@ -6709,7 +6716,7 @@ table {
/* line 297, ../../../../general/res/sass/_mixins.scss */ /* line 297, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon { .items-holder .item.grid-item .icon, .items-holder .item.grid-item .t-item-icon {
color: #0099cc; } color: #0099cc; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 1281px) {
/* line 302, ../../../../general/res/sass/_mixins.scss */ /* line 302, ../../../../general/res/sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover { .items-holder .item.grid-item:not(.disabled):hover {
background: #d0d0d0; } background: #d0d0d0; }
@ -6865,7 +6872,7 @@ table {
* 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.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
width: 100%; } width: 100%; }
@ -6899,7 +6906,7 @@ table {
opacity: 1; opacity: 1;
font-size: 1em; font-size: 1em;
width: auto; } } width: auto; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 514px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 514px) and (max-device-width: 1280px) {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
height: 50px; } height: 50px; }
@ -6919,7 +6926,7 @@ table {
/* line 83, ../../../../general/res/sass/mobile/_item.scss */ /* line 83, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
line-height: 50px; } } line-height: 50px; } }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-device-width: 1280px) and (max-device-width: 1280px), screen and (orientation: landscape) and (max-device-width: 1280px) and (max-device-width: 1280px) {
/* line 29, ../../../../general/res/sass/mobile/_item.scss */ /* line 29, ../../../../general/res/sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
height: 66px; } height: 66px; }

15
platform/execution/src/WorkerService.js
View File

@ -38,7 +38,8 @@ define(
* @constructor * @constructor
*/ */
function WorkerService($window, workers) { function WorkerService($window, workers) {
var workerUrls = {}; var workerUrls = {},
sharedWorkers = {};
function addWorker(worker) { function addWorker(worker) {
var key = worker.key; var key = worker.key;
@ -48,12 +49,15 @@ define(
worker.bundle.sources, worker.bundle.sources,
worker.scriptUrl worker.scriptUrl
].join("/"); ].join("/");
sharedWorkers[key] = worker.shared;
} }
} }
(workers || []).forEach(addWorker); (workers || []).forEach(addWorker);
this.workerUrls = workerUrls; this.workerUrls = workerUrls;
this.sharedWorkers = sharedWorkers;
this.Worker = $window.Worker; this.Worker = $window.Worker;
this.SharedWorker = $window.SharedWorker;
} }
/** /**
@ -61,12 +65,17 @@ define(
* that has been registered under the `workers` category * that has been registered under the `workers` category
* of extension. * of extension.
* *
* This will return either a Worker or a SharedWorker,
* depending on whether a `shared` flag has been specified
* on the the extension definition for the referenced worker.
*
* @param {string} key symbolic identifier for the worker * @param {string} key symbolic identifier for the worker
* @returns {Worker} the running Worker * @returns {Worker | SharedWorker} the running Worker
*/ */
WorkerService.prototype.run = function (key) { WorkerService.prototype.run = function (key) {
var scriptUrl = this.workerUrls[key], var scriptUrl = this.workerUrls[key],
Worker = this.Worker; Worker = this.sharedWorkers[key] ?
this.SharedWorker : this.Worker;
return scriptUrl && Worker && new Worker(scriptUrl); return scriptUrl && Worker && new Worker(scriptUrl);
}; };

20
platform/execution/test/WorkerServiceSpec.js
View File

@ -30,10 +30,14 @@ define(
var mockWindow, var mockWindow,
testWorkers, testWorkers,
mockWorker, mockWorker,
mockSharedWorker,
service; service;
beforeEach(function () { beforeEach(function () {
mockWindow = jasmine.createSpyObj('$window', ['Worker']); mockWindow = jasmine.createSpyObj(
'$window',
['Worker', 'SharedWorker']
);
testWorkers = [ testWorkers = [
{ {
key: 'abc', key: 'abc',
@ -49,11 +53,19 @@ define(
key: 'xyz', key: 'xyz',
scriptUrl: 'bad.js', scriptUrl: 'bad.js',
bundle: { path: 'bad', sources: 'bad' } bundle: { path: 'bad', sources: 'bad' }
},
{
key: 'a-shared-worker',
shared: true,
scriptUrl: 'c.js',
bundle: { path: 'a', sources: 'b' }
} }
]; ];
mockWorker = {}; mockWorker = {};
mockSharedWorker = {};
mockWindow.Worker.andReturn(mockWorker); mockWindow.Worker.andReturn(mockWorker);
mockWindow.SharedWorker.andReturn(mockSharedWorker);
service = new WorkerService(mockWindow, testWorkers); service = new WorkerService(mockWindow, testWorkers);
}); });
@ -68,6 +80,12 @@ define(
expect(mockWindow.Worker).toHaveBeenCalledWith('x/y/z.js'); expect(mockWindow.Worker).toHaveBeenCalledWith('x/y/z.js');
}); });
it("allows workers to be shared", function () {
expect(service.run('a-shared-worker')).toBe(mockSharedWorker);
expect(mockWindow.SharedWorker)
.toHaveBeenCalledWith('a/b/c.js');
});
it("returns undefined for unknown workers", function () { it("returns undefined for unknown workers", function () {
expect(service.run('def')).toBeUndefined(); expect(service.run('def')).toBeUndefined();
}); });

5
platform/features/plot/res/templates/plot.html
View File

@ -62,7 +62,7 @@
ng-show="representation.showControls" ng-show="representation.showControls"
ng-if="axes[1].options.length > 0"> ng-if="axes[1].options.length > 0">
<div class='form-control shell select'> <div class='form-control shell select'>
<select class="form-control input shell select" <select class="form-control input shell"
ng-model="axes[1].active" ng-model="axes[1].active"
ng-options="option.name for option in axes[1].options"> ng-options="option.name for option in axes[1].options">
</select> </select>
@ -160,12 +160,11 @@
{{axes[0].active.name}} {{axes[0].active.name}}
</div> </div>
<div class="gl-plot-x-options gl-plot-local-controls" <div class="gl-plot-x-options gl-plot-local-controls"
ng-show="representation.showControls" ng-show="representation.showControls"
ng-if="axes[0].options.length > 0"> ng-if="axes[0].options.length > 0">
<div class='form-control shell select'> <div class='form-control shell select'>
<select class="form-control input shell select" <select class="form-control input shell"
ng-model="axes[0].active" ng-model="axes[0].active"
ng-options="option.name for option in axes[0].options"> ng-options="option.name for option in axes[0].options">
</select> </select>

2
platform/status/README.md Normal file
View File

@ -0,0 +1,2 @@
Facilitates tracking states associated with specific domain
objects.

23
platform/status/bundle.json Normal file
View File

@ -0,0 +1,23 @@
{
"extensions": {
"representers": [
{
"implementation": "StatusRepresenter.js"
}
],
"capabilities": [
{
"key": "status",
"implementation": "StatusCapability.js",
"depends": [ "statusService" ]
}
],
"services": [
{
"key": "statusService",
"implementation": "StatusService.js",
"depends": [ "topic" ]
}
]
}
}

100
platform/status/src/StatusCapability.js Normal file
View File

@ -0,0 +1,100 @@
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
* Administration. All rights reserved.
*
* Open MCT Web 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 Web 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.
*****************************************************************************/
/*global define*/
define(
[],
function () {
'use strict';
/**
* The `status` capability can be used to attach information
* about the state of a domain object, expressed as simple
* string flags.
*
* Representations of domain objects will also receive CSS
* classes which reflect their current status.
* (@see platform/status.StatusRepresenter)
*
* @param {platform/status.StatusService} statusService
* the service which will track domain object status
* within the application.
* @param {DomainObject} the domain object whose status will
* be tracked.
* @constructor
* @memberof platform/status
*/
function StatusCapability(statusService, domainObject) {
this.statusService = statusService;
this.domainObject = domainObject;
}
/**
* List all status flags currently set for this domain object.
* @returns {string[]} all current status flags.
*/
StatusCapability.prototype.list = function () {
return this.statusService.listStatuses(this.domainObject.getId());
};
/**
* Check if a status flag is currently set for this domain object.
* @param {string} status the status to get
* @returns {boolean} true if the flag is present, otherwise false
*/
StatusCapability.prototype.get = function (status) {
return this.list().indexOf(status) !== -1;
};
/**
* Set a status flag on this domain object.
* @param {string} status the status to set
* @param {boolean} state true if the domain object should
* possess this status, false if it should not
*/
StatusCapability.prototype.set = function (status, state) {
return this.statusService.setStatus(
this.domainObject.getId(),
status,
state
);
};
/**
* Listen for changes in this domain object's status.
* @param {Function} callback function to invoke on changes;
* called with the new status of the domain object, as an
* array of strings
* @returns {Function} a function which can be used to stop
* listening to status changes for this domain object.
*/
StatusCapability.prototype.listen = function (callback) {
return this.statusService.listen(
this.domainObject.getId(),
callback
);
};
return StatusCapability;
}
);

26
platform/status/src/StatusConstants.js Normal file
View File

@ -0,0 +1,26 @@
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
* Administration. All rights reserved.
*
* Open MCT Web 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 Web 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.
*****************************************************************************/
/*global define*/
define({
CSS_CLASS_PREFIX: 's-status-',
TOPIC_PREFIX: 'status:'
});

96
platform/status/src/StatusRepresenter.js Normal file
View File

@ -0,0 +1,96 @@
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
* Administration. All rights reserved.
*
* Open MCT Web 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 Web 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.
*****************************************************************************/
/*global define*/
define(
['./StatusConstants'],
function (StatusConstants) {
'use strict';
var STATUS_CLASS_PREFIX = StatusConstants.CSS_CLASS_PREFIX;
/**
* Adds/removes CSS classes to `mct-representation`s to reflect the
* current status of represented domain objects, as reported by
* their `status` capability.
*
* Statuses are prefixed with `s-status-` to build CSS class names.
* As such, when a domain object has the status "pending", its
* representations will have the CSS class `s-status-pending`.
*
* @param {angular.Scope} scope the representation's scope object
* @param element the representation's jqLite-wrapped DOM element
* @implements {Representer}
* @constructor
* @memberof platform/status
*/
function StatusRepresenter(scope, element) {
this.element = element;
this.lastClasses = [];
}
/**
* Remove any status-related classes from this representation.
* @private
*/
StatusRepresenter.prototype.clearClasses = function () {
var element = this.element;
this.lastClasses.forEach(function (c) {
element.removeClass(c);
});
};
StatusRepresenter.prototype.represent = function (representation, domainObject) {
var self = this,
statusCapability = domainObject.getCapability('status');
function updateStatus(flags) {
var newClasses = flags.map(function (flag) {
return STATUS_CLASS_PREFIX + flag;
});
self.clearClasses();
newClasses.forEach(function (c) {
self.element.addClass(c);
});
self.lastClasses = newClasses;
}
updateStatus(statusCapability.list());
this.unlisten = statusCapability.listen(updateStatus);
};
StatusRepresenter.prototype.destroy = function () {
this.clearClasses();
if (this.unlisten) {
this.unlisten();
this.unlisten = undefined;
}
};
return StatusRepresenter;
}
);

92
platform/status/src/StatusService.js Normal file
View File

@ -0,0 +1,92 @@
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
* Administration. All rights reserved.
*
* Open MCT Web 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 Web 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.
*****************************************************************************/
/*global define*/
define(
['./StatusConstants'],
function (StatusConstants) {
'use strict';
var STATUS_PREFIX = StatusConstants.TOPIC_PREFIX;
/**
* The `statusService` maintains information about the current
* status of specific domain objects within the system. Status
* is represented as string flags which are present when a
* domain object possesses that status, and false when it does
* not.
*
* @param {platform/core.Topic} topic the `topic` service, used
* to create/use named listeners.
* @constructor
* @memberof platform/status
*/
function StatusService(topic) {
this.statusTable = {};
this.topic = topic;
}
/**
* Get all status flags currently set for a domain object.
* @param {string} id the identifier of the domain object
* @returns {string[]} an array containing all status flags currently
* applicable to the object with this identifier
*/
StatusService.prototype.listStatuses = function (id) {
return this.statusTable[id] || [];
};
/**
* Set a status flag for a domain object.
* @param {string} id the identifier of the domain object
* @param {string} status the status to set
* @param {boolean} state true if the domain object should
* possess this status, false if it should not
*/
StatusService.prototype.setStatus = function (id, status, state) {
this.statusTable[id] = this.statusTable[id] || [];
this.statusTable[id] = this.statusTable[id].filter(function (s) {
return s !== status;
});
if (state) {
this.statusTable[id].push(status);
}
this.topic(STATUS_PREFIX + id).notify(this.statusTable[id]);
};
/**
* Listen for changes in a domain object's status.
* @param {string} id the identifier of the domain object
* @param {Function} callback function to invoke on changes;
* called with the new status of the domain object, as an
* array of strings
* @returns {Function} a function which can be used to stop
* listening to status changes for this domain object.
*/
StatusService.prototype.listen = function (id, callback) {
return this.topic(STATUS_PREFIX + id).listen(callback);
};
return StatusService;
}
);

89
platform/status/test/StatusCapabilitySpec.js Normal file
View File

@ -0,0 +1,89 @@
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
* Administration. All rights reserved.
*
* Open MCT Web 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 Web 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.
*****************************************************************************/
/*global define,Promise,describe,it,expect,beforeEach,waitsFor,jasmine*/
define(
["../src/StatusCapability"],
function (StatusCapability) {
"use strict";
describe("The status capability", function () {
var mockStatusService,
mockDomainObject,
mockUnlisten,
testId,
testStatusFlags,
capability;
beforeEach(function () {
testId = "some-id";
testStatusFlags = [ 'a', 'b', 'c' ];
mockStatusService = jasmine.createSpyObj(
'statusService',
[ 'listen', 'setStatus', 'listStatuses' ]
);
mockDomainObject = jasmine.createSpyObj(
'domainObject',
[ 'getId', 'getCapability', 'getModel' ]
);
mockUnlisten = jasmine.createSpy('unlisten');
mockStatusService.listen.andReturn(mockUnlisten);
mockStatusService.listStatuses.andReturn(testStatusFlags);
mockDomainObject.getId.andReturn(testId);
capability = new StatusCapability(
mockStatusService,
mockDomainObject
);
});
it("sets status with the statusService", function () {
var testStatus = "some-test-status";
capability.set(testStatus, true);
expect(mockStatusService.setStatus)
.toHaveBeenCalledWith(testId, testStatus, true);
capability.set(testStatus, false);
expect(mockStatusService.setStatus)
.toHaveBeenCalledWith(testId, testStatus, false);
});
it("gets status from the statusService", function () {
expect(capability.list()).toBe(testStatusFlags);
});
it("listens to changes from the statusService", function () {
var mockCallback = jasmine.createSpy();
expect(capability.listen(mockCallback))
.toBe(mockUnlisten);
expect(mockStatusService.listen)
.toHaveBeenCalledWith(testId, mockCallback);
});
it("allows statuses to be checked individually", function () {
expect(capability.get('some-unset-status')).toBe(false);
expect(capability.get(testStatusFlags[0])).toBe(true);
});
});
}
);

118
platform/status/test/StatusRepresenterSpec.js Normal file
View File

@ -0,0 +1,118 @@
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
* Administration. All rights reserved.
*
* Open MCT Web 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 Web 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.
*****************************************************************************/
/*global define,Promise,describe,it,expect,beforeEach,waitsFor,jasmine*/
define(
["../src/StatusRepresenter", "../src/StatusConstants"],
function (StatusRepresenter, StatusConstants) {
"use strict";
describe("The status representer", function () {
var mockScope,
mockElement,
testRepresentation,
mockDomainObject,
mockStatusCapability,
mockUnlisten,
elementClasses,
testStatusFlags,
representer;
function verifyClasses() {
expect(Object.keys(elementClasses).sort())
.toEqual(testStatusFlags.map(function (s) {
return StatusConstants.CSS_CLASS_PREFIX + s;
}).sort());
}
function updateStatus(newFlags) {
testStatusFlags = newFlags;
mockStatusCapability.get.andReturn(newFlags);
mockStatusCapability.listen.mostRecentCall
.args[0](newFlags);
}
beforeEach(function () {
testStatusFlags = [ 'x', 'y', 'z' ];
mockScope = {};
mockElement = jasmine.createSpyObj('element', [
'addClass',
'removeClass'
]);
testRepresentation = { key: "someKey" };
mockDomainObject = jasmine.createSpyObj(
'domainObject',
[ 'getModel', 'getId', 'getCapability' ]
);
mockStatusCapability = jasmine.createSpyObj(
'status',
[ 'list', 'get', 'set', 'listen' ]
);
mockUnlisten = jasmine.createSpy();
elementClasses = {};
mockElement.addClass.andCallFake(function (c) {
elementClasses[c] = true;
});
mockElement.removeClass.andCallFake(function (c) {
delete elementClasses[c];
});
mockStatusCapability.list.andReturn(testStatusFlags);
mockStatusCapability.listen.andReturn(mockUnlisten);
mockDomainObject.getCapability.andCallFake(function (c) {
return c === 'status' && mockStatusCapability;
});
representer = new StatusRepresenter(mockScope, mockElement);
representer.represent(testRepresentation, mockDomainObject);
});
it("listens for status changes", function () {
expect(mockStatusCapability.listen)
.toHaveBeenCalledWith(jasmine.any(Function));
});
it("initially sets classes to reflect status", verifyClasses);
it("changes classes on status change callbacks", function () {
updateStatus(['a', 'x', '123']);
verifyClasses();
});
it("stops listening when destroyed", function () {
expect(mockUnlisten).not.toHaveBeenCalled();
representer.destroy();
expect(mockUnlisten).toHaveBeenCalled();
});
it("removes status classes when destroyed", function () {
expect(elementClasses).not.toEqual({});
representer.destroy();
expect(elementClasses).toEqual({});
});
});
}
);

94
platform/status/test/StatusServiceSpec.js Normal file
View File

@ -0,0 +1,94 @@
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
* Administration. All rights reserved.
*
* Open MCT Web 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 Web 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.
*****************************************************************************/
/*global define,Promise,describe,it,expect,beforeEach,waitsFor,jasmine*/
define(
["../src/StatusService"],
function (StatusService) {
"use strict";
describe("The status service", function () {
var mockTopic,
mockTopicInstance,
mockUnlisten,
mockCallback,
testId,
testStatus,
statusService;
beforeEach(function () {
testId = "some-domain-object-identifier";
testStatus = "test-status";
mockTopic = jasmine.createSpy('topic');
mockTopicInstance = jasmine.createSpyObj(
'topicInstance',
[ 'notify', 'listen' ]
);
mockUnlisten = jasmine.createSpy('unlisten');
mockCallback = jasmine.createSpy('callback');
mockTopic.andReturn(mockTopicInstance);
mockTopicInstance.listen.andReturn(mockUnlisten);
statusService = new StatusService(mockTopic);
});
it("initially contains no flags for an object", function () {
expect(statusService.listStatuses(testId)).toEqual([]);
});
it("stores and clears status flags", function () {
statusService.setStatus(testId, testStatus, true);
expect(statusService.listStatuses(testId)).toEqual([testStatus]);
statusService.setStatus(testId, testStatus, false);
expect(statusService.listStatuses(testId)).toEqual([]);
});
it("uses topic to listen for changes", function () {
expect(statusService.listen(testId, mockCallback))
.toEqual(mockUnlisten);
expect(mockTopic)
.toHaveBeenCalledWith(jasmine.any(String));
// Just care that the topic was somehow unique to the object
expect(mockTopic.mostRecentCall.args[0].indexOf(testId))
.not.toEqual(-1);
});
it("notifies listeners of changes", function () {
statusService.setStatus(testId, testStatus, true);
expect(mockTopicInstance.notify)
.toHaveBeenCalledWith([ testStatus ]);
statusService.setStatus(testId, testStatus, false);
expect(mockTopicInstance.notify)
.toHaveBeenCalledWith([ ]);
expect(mockTopic)
.toHaveBeenCalledWith(jasmine.any(String));
// Just care that the topic was somehow unique to the object
expect(mockTopic.mostRecentCall.args[0].indexOf(testId))
.not.toEqual(-1);
});
});
}
);

5
platform/status/test/suite.json Normal file
View File

@ -0,0 +1,5 @@
[
"StatusCapability",
"StatusRepresenter",
"StatusService"
]