Merge branch 'open-master' into open1272

Merge in latest from master branch into topic branch
for WTD-1272

Conflicts:
	platform/forms/test/controllers/DateTimeControllerSpec.js

bundles.json

@@ -7,6 +7,7 @@
     "platform/commonUI/edit",
     "platform/commonUI/dialog",
     "platform/commonUI/general",
+    "platform/commonUI/inspect",
     "platform/containment",
     "platform/telemetry",
     "platform/features/layout",
@@ -16,7 +17,6 @@
     "platform/forms",
     "platform/persistence/queue",
     "platform/policy",
-    "platform/entanglement",
 
     "example/persistence",
     "example/generator"

platform/commonUI/browse/bundle.json

@@ -57,7 +57,8 @@
             {
                 "key": "grid-item",
                 "templateUrl": "templates/items/grid-item.html",
-                "uses": [ "type", "action" ]
+                "uses": [ "type", "action" ],
+                "gestures": [ "info", "menu" ]
             },
             {
                 "key": "object-header",

platform/commonUI/browse/res/templates/browse-object.html

@@ -21,14 +21,12 @@
 -->
 <span>
     <div class="object-browse-bar bar abs">
-
         <div class="items-select left abs">
             <mct-representation key="'object-header'" mct-object="domainObject">
             </mct-representation>
         </div>
 
-        <div class="view-controls sort-controls btn-bar right abs">
+        <div class="btn-bar right abs">
-
             <mct-representation key="'action-group'"
                                 mct-object="domainObject"
                                 parameters="{ category: 'view-control' }">
@@ -39,7 +37,6 @@
                                 ng-model="representation">
             </mct-representation>
         </div>
-
     </div>
 
     <div class='object-holder abs vscroll'>

platform/commonUI/browse/res/templates/browse/object-header.html

@@ -20,9 +20,11 @@
  at runtime from the About dialog for additional information.
 -->
 <div class='object-header'>
-    <span class='type-icon icon ui-symbol'>{{type.getGlyph()}}</span>
+	<span class="label s-label">
-    <span ng-if="parameters.mode" class='action'>{{parameters.mode}}</span>
+	    <span class='type-icon icon ui-symbol'>{{type.getGlyph()}}</span>
-    <span class='type'>{{type.getName()}}</span>
+	    <span ng-if="parameters.mode" class='action'>{{parameters.mode}}</span>
-    <span class='title'>{{model.name}}</span>
+	    <span class='type-name'>{{type.getName()}}</span>
-    <a id='actions-menu' class='ui-symbol invoke-menu' onclick="alert('Not yet functional. This will display a dropdown menu of options for this object.');">v</a>
+	    <span class='title-label'>{{model.name}}</span>
+		<!--a id='actions-menu' class='ui-symbol context-available' onclick="alert('Not yet functional. This will display a dropdown menu of options for this object.');">v</a-->
+	</span>
 </div>

platform/commonUI/browse/res/templates/create/create-button.html

@@ -21,7 +21,7 @@
 -->
 <div class="menu-element wrapper" ng-controller="ClickAwayController as createController">
     <div class="btn btn-menu create-btn major" ng-click="createController.toggle()">
-        <span class='ui-symbol major' href=''>+</span> Create<!--span class='ui-symbol invoke-menu'>v</span-->
+        <span class='ui-symbol' href=''>+</span> Create
     </div>
     <div class="menu dropdown super-menu" ng-show="createController.isActive()">
         <mct-representation mct-object="domainObject" key="'create-menu'">

platform/commonUI/dialog/res/templates/overlay.html

@@ -25,7 +25,7 @@
         <a href=""
            ng-click="ngModel.cancel()"
            ng-if="ngModel.cancel"
-           class="btn normal outline ui-symbol close">
+           class="btn normal ui-symbol close">
             x
         </a>
         <div class="abs contents" ng-transclude>

platform/commonUI/edit/res/templates/topbar-edit.html

@@ -33,8 +33,6 @@
         <mct-representation key="'edit-action-buttons'"
                             mct-object="domainObject"
                             class='conclude-editing'>
-		<!--a class='btn major' href=''>Save<span id='save-actions-menu' class='ui-symbol invoke-menu'>v</span></a>
-		<a class='btn subtle' href=''>Cancel</a-->
         </mct-representation>
     </div>
 </div>

platform/commonUI/general/bundle.json

@@ -181,7 +181,7 @@
                 "key": "label",
                 "templateUrl": "templates/label.html",
                 "uses": [ "type" ],
-                "gestures": [ "drag", "menu" ]
+                "gestures": [ "drag", "menu", "info" ]
             },
             {
                 "key": "node",

platform/commonUI/general/res/css/forms.css

@@ -61,6 +61,15 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
+/*
+@mixin invokeMenu($baseColor: $colorBodyFg) {
+	$c: $baseColor;
+	color: $c;
+	&:hover {
+		color: lighten($c, $ltGamma);
+	}
+}
+*/
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
  * as represented by the Administrator of the National Aeronautics and Space
@@ -186,9 +195,9 @@
     color: #666666; }
   /* line 116, ../sass/forms/_elems.scss */
   .form .form-row .selector-list {
-    -moz-border-radius: 3px;
+    -moz-border-radius: 2px;
-    -webkit-border-radius: 3px;
+    -webkit-border-radius: 2px;
-    border-radius: 3px;
+    border-radius: 2px;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
@@ -225,9 +234,9 @@ label.form-control.checkbox input {
   vertical-align: top; }
   /* line 159, ../sass/forms/_elems.scss */
   .l-result div.s-hint {
-    -moz-border-radius: 3px;
+    -moz-border-radius: 2px;
-    -webkit-border-radius: 3px;
+    -webkit-border-radius: 2px;
-    border-radius: 3px;
+    border-radius: 2px;
     background: rgba(255, 153, 0, 0.8);
     display: block;
     color: #ffd699;
@@ -258,9 +267,9 @@ label.form-control.checkbox input {
 .edit-main textarea {
   -moz-appearance: none;
   -webkit-appearance: none;
-  -moz-border-radius: 3px;
+  -moz-border-radius: 2px;
-  -webkit-border-radius: 3px;
+  -webkit-border-radius: 2px;
-  border-radius: 3px;
+  border-radius: 2px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
@@ -302,13 +311,12 @@ label.form-control.checkbox input {
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
 /* line 22, ../sass/forms/_text-input.scss */
-input[type="text"],
+input[type="text"] {
-input[type="date"] {
   -moz-appearance: none;
   -webkit-appearance: none;
-  -moz-border-radius: 3px;
+  -moz-border-radius: 2px;
-  -webkit-border-radius: 3px;
+  -webkit-border-radius: 2px;
-  border-radius: 3px;
+  border-radius: 2px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
@@ -322,32 +330,10 @@ input[type="date"] {
   outline: none;
   padding: 0 3px; }
   /* line 33, ../sass/forms/_mixins.scss */
-  input[type="text"].error,
+  input[type="text"].error {
-  input[type="date"].error {
     background: rgba(255, 0, 0, 0.5); }
-  /* line 61, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
+  /* line 29, ../sass/forms/_text-input.scss */
-  input[type="text"]:-moz-placeholder,
+  input[type="text"].numeric {
-  input[type="date"]:-moz-placeholder {
-    color: gray;
-    font-style: italic; }
-  /* line 64, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
-  input[type="text"]::-moz-placeholder,
-  input[type="date"]::-moz-placeholder {
-    color: gray;
-    font-style: italic; }
-  /* line 67, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
-  input[type="text"]:-ms-input-placeholder,
-  input[type="date"]:-ms-input-placeholder {
-    color: gray;
-    font-style: italic; }
-  /* line 56, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
-  input[type="text"]::-webkit-input-placeholder,
-  input[type="date"]::-webkit-input-placeholder {
-    color: gray;
-    font-style: italic; }
-  /* line 34, ../sass/forms/_text-input.scss */
-  input[type="text"].numeric,
-  input[type="date"].numeric {
     text-align: right; }
 
 /*****************************************************************************
@@ -373,23 +359,23 @@ input[type="date"] {
  *****************************************************************************/
 /* line 22, ../sass/forms/_selects.scss */
 .form-control.select {
-  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
   background-size: 100%;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #525252), color-stop(100%, #454545));
-  background-image: -moz-linear-gradient(#4d4d4d, #404040);
+  background-image: -moz-linear-gradient(#525252, #454545);
-  background-image: -webkit-linear-gradient(#4d4d4d, #404040);
+  background-image: -webkit-linear-gradient(#525252, #454545);
-  background-image: linear-gradient(#4d4d4d, #404040);
+  background-image: linear-gradient(#525252, #454545);
-  -moz-border-radius: 3px;
+  -moz-border-radius: 2px;
-  -webkit-border-radius: 3px;
+  -webkit-border-radius: 2px;
-  border-radius: 3px;
+  border-radius: 2px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
-  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
-  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
-  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
   border: none;
-  border-top: 1px solid #666666;
+  border-top: 1px solid #575757;
   color: #999;
   display: inline-block;
   cursor: pointer;
@@ -397,14 +383,21 @@ input[type="date"] {
   margin: 0 0 2px 2px;
   overflow: hidden;
   position: relative; }
-  /* line 148, ../sass/_mixins.scss */
+  /* line 152, ../sass/_mixins.scss */
   .form-control.select:not(.disabled):hover {
-    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
     background-size: 100%;
-    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d));
+    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #636363), color-stop(100%, #575757));
-    background-image: -moz-linear-gradient(#666666, #4d4d4d);
+    background-image: -moz-linear-gradient(#636363, #575757);
-    background-image: -webkit-linear-gradient(#666666, #4d4d4d);
+    background-image: -webkit-linear-gradient(#636363, #575757);
-    background-image: linear-gradient(#666666, #4d4d4d); }
+    background-image: linear-gradient(#636363, #575757);
+    color: #bdbdbd; }
+    /* line 155, ../sass/_mixins.scss */
+    .form-control.select:not(.disabled):hover.btn-menu .invoke-menu {
+      color: #878787; }
+  /* line 160, ../sass/_mixins.scss */
+  .form-control.select.btn-menu .invoke-menu {
+    color: #757575; }
   /* line 29, ../sass/forms/_selects.scss */
   .form-control.select select {
     -moz-appearance: none;
@@ -461,9 +454,9 @@ input[type="date"] {
 .channel-selector .treeview {
   -moz-appearance: none;
   -webkit-appearance: none;
-  -moz-border-radius: 3px;
+  -moz-border-radius: 2px;
-  -webkit-border-radius: 3px;
+  -webkit-border-radius: 2px;
-  border-radius: 3px;
+  border-radius: 2px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;

platform/commonUI/general/res/css/items.css

@@ -61,6 +61,15 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
+/*
+@mixin invokeMenu($baseColor: $colorBodyFg) {
+	$c: $baseColor;
+	color: $c;
+	&:hover {
+		color: lighten($c, $ltGamma);
+	}
+}
+*/
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
  * as represented by the Administrator of the National Aeronautics and Space
@@ -92,23 +101,23 @@
     top: 0; }
   /* line 29, ../sass/items/_item.scss */
   .items-holder .item.grid-item {
-    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
     background-size: 100%;
-    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #595959), color-stop(100%, #4d4d4d));
+    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5e5e5e), color-stop(100%, #525252));
-    background-image: -moz-linear-gradient(#595959, #4d4d4d);
+    background-image: -moz-linear-gradient(#5e5e5e, #525252);
-    background-image: -webkit-linear-gradient(#595959, #4d4d4d);
+    background-image: -webkit-linear-gradient(#5e5e5e, #525252);
-    background-image: linear-gradient(#595959, #4d4d4d);
+    background-image: linear-gradient(#5e5e5e, #525252);
-    -moz-border-radius: 3px;
+    -moz-border-radius: 2px;
-    -webkit-border-radius: 3px;
+    -webkit-border-radius: 2px;
-    border-radius: 3px;
+    border-radius: 2px;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
-    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
-    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
-    box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+    box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
     border: none;
-    border-top: 1px solid #737373;
+    border-top: 1px solid #636363;
     color: #999;
     display: inline-block;
     box-sizing: border-box;
@@ -119,14 +128,21 @@
     margin-bottom: 3px;
     margin-right: 3px;
     position: relative; }
-    /* line 148, ../sass/_mixins.scss */
+    /* line 152, ../sass/_mixins.scss */
     .items-holder .item.grid-item:not(.disabled):hover {
-      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczNzM3MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
       background-size: 100%;
-      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #737373), color-stop(100%, #595959));
+      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #707070), color-stop(100%, #636363));
-      background-image: -moz-linear-gradient(#737373, #595959);
+      background-image: -moz-linear-gradient(#707070, #636363);
-      background-image: -webkit-linear-gradient(#737373, #595959);
+      background-image: -webkit-linear-gradient(#707070, #636363);
-      background-image: linear-gradient(#737373, #595959); }
+      background-image: linear-gradient(#707070, #636363);
+      color: #bdbdbd; }
+      /* line 155, ../sass/_mixins.scss */
+      .items-holder .item.grid-item:not(.disabled):hover.btn-menu .invoke-menu {
+        color: #949494; }
+    /* line 160, ../sass/_mixins.scss */
+    .items-holder .item.grid-item.btn-menu .invoke-menu {
+      color: #828282; }
     /* line 42, ../sass/items/_item.scss */
     .items-holder .item.grid-item:hover .item-main .item-type {
       color: #0099cc !important; }
@@ -184,40 +200,41 @@
       font-size: 0.8em; }
     /* line 104, ../sass/items/_item.scss */
     .items-holder .item.grid-item.selected {
-      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhYzJmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYjRmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
       background-size: 100%;
-      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bfff), color-stop(100%, #00ace6));
+      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0ac2ff), color-stop(100%, #00b4f0));
-      background-image: -moz-linear-gradient(#00bfff, #00ace6);
+      background-image: -moz-linear-gradient(#0ac2ff, #00b4f0);
-      background-image: -webkit-linear-gradient(#00bfff, #00ace6);
+      background-image: -webkit-linear-gradient(#0ac2ff, #00b4f0);
-      background-image: linear-gradient(#00bfff, #00ace6);
+      background-image: linear-gradient(#0ac2ff, #00b4f0);
-      -moz-border-radius: 3px;
+      -moz-border-radius: 2px;
-      -webkit-border-radius: 3px;
+      -webkit-border-radius: 2px;
-      border-radius: 3px;
+      border-radius: 2px;
       -moz-box-sizing: border-box;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
-      -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+      -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
-      -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+      -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
-      box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
+      box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
       border: none;
-      border-top: 1px solid #33ccff;
+      border-top: 1px solid #14c4ff;
       color: #999;
       display: inline-block;
-      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzY2NmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
-      background-size: 100%;
-      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #33ccff), color-stop(100%, #0099cc));
-      background-image: -moz-linear-gradient(#33ccff, #0099cc);
-      background-image: -webkit-linear-gradient(#33ccff, #0099cc);
-      background-image: linear-gradient(#33ccff, #0099cc);
       color: #80dfff; }
-      /* line 156, ../sass/_mixins.scss */
+      /* line 152, ../sass/_mixins.scss */
       .items-holder .item.grid-item.selected:not(.disabled):hover {
-        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2ZDlmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlY2JmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0YzRmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
         background-size: 100%;
-        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66d9ff), color-stop(100%, #00bfff));
+        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2ecbff), color-stop(100%, #14c4ff));
-        background-image: -moz-linear-gradient(#66d9ff, #00bfff);
+        background-image: -moz-linear-gradient(#2ecbff, #14c4ff);
-        background-image: -webkit-linear-gradient(#66d9ff, #00bfff);
+        background-image: -webkit-linear-gradient(#2ecbff, #14c4ff);
-        background-image: linear-gradient(#66d9ff, #00bfff); }
+        background-image: linear-gradient(#2ecbff, #14c4ff);
+        color: #bdbdbd; }
+        /* line 155, ../sass/_mixins.scss */
+        .items-holder .item.grid-item.selected:not(.disabled):hover.btn-menu .invoke-menu {
+          color: #75ddff; }
+      /* line 160, ../sass/_mixins.scss */
+      .items-holder .item.grid-item.selected.btn-menu .invoke-menu {
+        color: #52d4ff; }
       /* line 109, ../sass/items/_item.scss */
       .items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) {
         color: #80dfff; }

platform/commonUI/general/res/css/plots.css

@@ -1,350 +0,0 @@
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-/*****************************************************************************
- * 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.
- *****************************************************************************/
-/* line 31, ../sass/plots/_plots-main.scss */
-.gl-plot {
-  color: #999;
-  font-size: 0.7rem;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  /****************************** Limits and Out-of-Bounds data */ }
-  /* line 38, ../sass/plots/_plots-main.scss */
-  .gl-plot .gl-plot-axis-area {
-    position: absolute; }
-    /* line 41, ../sass/plots/_plots-main.scss */
-    .gl-plot .gl-plot-axis-area.gl-plot-x {
-      top: auto;
-      right: 0;
-      bottom: 5px;
-      left: 60px;
-      height: 32px;
-      width: auto;
-      overflow: hidden; }
-    /* line 50, ../sass/plots/_plots-main.scss */
-    .gl-plot .gl-plot-axis-area.gl-plot-y {
-      top: 29px;
-      right: auto;
-      bottom: 37px;
-      left: 0;
-      width: 60px; }
-  /* line 59, ../sass/plots/_plots-main.scss */
-  .gl-plot .gl-plot-coords {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    border-radius: 3px;
-    background: black;
-    color: #e6e6e6;
-    padding: 2px 5px;
-    position: absolute;
-    top: 39px;
-    right: auto;
-    bottom: auto;
-    left: 70px;
-    z-index: 10; }
-    /* line 71, ../sass/plots/_plots-main.scss */
-    .gl-plot .gl-plot-coords:empty {
-      display: none; }
-  /* line 76, ../sass/plots/_plots-main.scss */
-  .gl-plot .gl-plot-display-area {
-    position: absolute;
-    top: 29px;
-    right: 0;
-    bottom: 37px;
-    left: 60px;
-    cursor: crosshair;
-    border: 1px solid #4d4d4d; }
-  /* line 86, ../sass/plots/_plots-main.scss */
-  .gl-plot .gl-plot-label,
-  .gl-plot .l-plot-label {
-    color: #cccccc;
-    position: absolute;
-    text-align: center; }
-    /* line 94, ../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 .l-plot-label.gl-plot-x-label,
-    .gl-plot .l-plot-label.l-plot-x-label {
-      top: auto;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      height: auto; }
-    /* line 103, ../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 .l-plot-label.gl-plot-y-label,
-    .gl-plot .l-plot-label.l-plot-y-label {
-      -moz-transform-origin: 50% 0;
-      -ms-transform-origin: 50% 0;
-      -webkit-transform-origin: 50% 0;
-      transform-origin: 50% 0;
-      -moz-transform: translateX(-50%) rotate(-90deg);
-      -ms-transform: translateX(-50%) rotate(-90deg);
-      -webkit-transform: translateX(-50%) rotate(-90deg);
-      transform: translateX(-50%) rotate(-90deg);
-      display: inline-block;
-      margin-left: 5px;
-      left: 0;
-      top: 50%;
-      white-space: nowrap; }
-  /* line 117, ../sass/plots/_plots-main.scss */
-  .gl-plot .gl-plot-y-options {
-    position: absolute;
-    top: 50%;
-    right: auto;
-    bottom: auto;
-    left: auto5px;
-    margin-top: -16px;
-    height: auto;
-    min-height: 32px;
-    width: 32px; }
-  /* line 131, ../sass/plots/_plots-main.scss */
-  .gl-plot .gl-plot-hash {
-    position: absolute;
-    border: 0 rgba(255, 255, 255, 0.3) dashed; }
-    /* line 134, ../sass/plots/_plots-main.scss */
-    .gl-plot .gl-plot-hash.hash-v {
-      border-right-width: 1px;
-      height: 100%; }
-    /* line 138, ../sass/plots/_plots-main.scss */
-    .gl-plot .gl-plot-hash.hash-h {
-      border-bottom-width: 1px;
-      width: 100%; }
-  /* line 144, ../sass/plots/_plots-main.scss */
-  .gl-plot .gl-plot-legend {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: auto;
-    left: 0;
-    height: 24px;
-    overflow-x: hidden;
-    overflow-y: auto; }
-  /* line 157, ../sass/plots/_plots-main.scss */
-  .gl-plot .l-limit-bar,
-  .gl-plot .l-oob-data {
-    position: absolute;
-    left: 0;
-    right: 0;
-    width: auto; }
-  /* line 165, ../sass/plots/_plots-main.scss */
-  .gl-plot .l-limit-bar {
-    height: auto;
-    z-index: 0; }
-    /* line 173, ../sass/plots/_plots-main.scss */
-    .gl-plot .l-limit-bar.s-limit-yellow {
-      background: rgba(157, 117, 0, 0.2); }
-    /* line 174, ../sass/plots/_plots-main.scss */
-    .gl-plot .l-limit-bar.s-limit-red {
-      background: rgba(170, 0, 0, 0.2); }
-  /* line 177, ../sass/plots/_plots-main.scss */
-  .gl-plot .l-oob-data {
-    overflow: hidden;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-    width: auto;
-    height: auto;
-    pointer-events: none;
-    height: 10px;
-    z-index: 1; }
-    /* line 185, ../sass/plots/_plots-main.scss */
-    .gl-plot .l-oob-data.l-oob-data-up {
-      top: 0;
-      bottom: auto;
-      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NDhkNiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzQ4ZDYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
-      background-size: 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: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
-    /* line 190, ../sass/plots/_plots-main.scss */
-    .gl-plot .l-oob-data.l-oob-data-dwn {
-      bottom: 0;
-      top: auto;
-      background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NDhkNiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzQ4ZDYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
-      background-size: 100%;
-      background-image: -moz-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%); }
-
-/* line 200, ../sass/plots/_plots-main.scss */
-.gl-plot-legend .plot-legend-item,
-.gl-plot-legend .legend-item,
-.legend .plot-legend-item,
-.legend .legend-item {
-  display: inline-block;
-  margin-right: 10px; }
-  /* line 204, ../sass/plots/_plots-main.scss */
-  .gl-plot-legend .plot-legend-item span,
-  .gl-plot-legend .legend-item span,
-  .legend .plot-legend-item span,
-  .legend .legend-item span {
-    vertical-align: middle; }
-  /* line 207, ../sass/plots/_plots-main.scss */
-  .gl-plot-legend .plot-legend-item .plot-color-swatch,
-  .gl-plot-legend .plot-legend-item .color-swatch,
-  .gl-plot-legend .legend-item .plot-color-swatch,
-  .gl-plot-legend .legend-item .color-swatch,
-  .legend .plot-legend-item .plot-color-swatch,
-  .legend .plot-legend-item .color-swatch,
-  .legend .legend-item .plot-color-swatch,
-  .legend .legend-item .color-swatch {
-    -moz-border-radius: 2px;
-    -webkit-border-radius: 2px;
-    border-radius: 2px;
-    display: inline-block;
-    height: 8px;
-    width: 8px; }
-
-/* line 220, ../sass/plots/_plots-main.scss */
-.gl-plot-legend .plot-legend-item {
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px;
-  border-radius: 2px;
-  color: #fff;
-  line-height: 1.5em;
-  padding: 0px 5px; }
-  /* line 226, ../sass/plots/_plots-main.scss */
-  .gl-plot-legend .plot-legend-item .plot-color-swatch {
-    border: 1px solid #333;
-    height: 9px;
-    width: 9px; }
-
-/* line 234, ../sass/plots/_plots-main.scss */
-.tick {
-  position: absolute;
-  border: 0 rgba(255, 255, 255, 0.3) solid; }
-  /* line 237, ../sass/plots/_plots-main.scss */
-  .tick.tick-x {
-    border-right-width: 1px;
-    height: 100%; }
-
-/* line 243, ../sass/plots/_plots-main.scss */
-.gl-plot-tick,
-.tick-label {
-  font-size: 0.7rem;
-  position: absolute;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis; }
-  /* line 251, ../sass/plots/_plots-main.scss */
-  .gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x,
-  .tick-label.gl-plot-x-tick-label,
-  .tick-label.tick-label-x {
-    right: auto;
-    bottom: auto;
-    left: auto;
-    height: auto;
-    width: 20%;
-    margin-left: -10%;
-    text-align: center; }
-  /* line 261, ../sass/plots/_plots-main.scss */
-  .gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y,
-  .tick-label.gl-plot-y-tick-label,
-  .tick-label.tick-label-y {
-    top: auto;
-    height: 1em;
-    width: auto;
-    margin-bottom: -0.5em;
-    text-align: right; }
-
-/* line 273, ../sass/plots/_plots-main.scss */
-.gl-plot-tick.gl-plot-x-tick-label {
-  top: 5px; }
-/* line 276, ../sass/plots/_plots-main.scss */
-.gl-plot-tick.gl-plot-y-tick-label {
-  right: 5px;
-  left: 5px; }
-
-/* line 283, ../sass/plots/_plots-main.scss */
-.tick-label.tick-label-x {
-  top: 0; }
-/* line 286, ../sass/plots/_plots-main.scss */
-.tick-label.tick-label-y {
-  right: 0;
-  left: 0; }

platform/commonUI/general/res/css/tree.css

@@ -61,6 +61,15 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
+/*
+@mixin invokeMenu($baseColor: $colorBodyFg) {
+	$c: $baseColor;
+	color: $c;
+	&:hover {
+		color: lighten($c, $ltGamma);
+	}
+}
+*/
 /*****************************************************************************
  * Open MCT Web, Copyright (c) 2014-2015, United States Government
  * as represented by the Administrator of the National Aeronautics and Space
@@ -86,7 +95,7 @@
 ul.tree {
   margin: 0;
   padding: 0; }
-  /* line 208, ../sass/_mixins.scss */
+  /* line 264, ../sass/_mixins.scss */
   ul.tree li {
     list-style-type: none;
     margin: 0;
@@ -97,17 +106,17 @@ ul.tree {
     position: relative; }
     /* line 27, ../sass/tree/_tree.scss */
     ul.tree li span.tree-item {
-      -moz-border-radius: 3px;
+      -moz-border-radius: 2px;
-      -webkit-border-radius: 3px;
+      -webkit-border-radius: 2px;
-      border-radius: 3px;
+      border-radius: 2px;
       -moz-transition: background-color 0.25s;
       -o-transition: background-color 0.25s;
       -webkit-transition: background-color 0.25s;
       transition: background-color 0.25s;
       display: block;
       font-size: 0.80rem;
-      height: 1.5rem;
+      height: 1.4rem;
-      line-height: 1.5rem;
+      line-height: 1.4rem;
       margin-bottom: 3px;
       position: relative; }
       /* line 38, ../sass/tree/_tree.scss */
@@ -168,7 +177,7 @@ ul.tree {
           width: auto;
           height: auto;
           display: block;
-          left: 25px;
+          left: 20px;
           overflow: hidden;
           text-overflow: ellipsis;
           white-space: nowrap; }
@@ -207,17 +216,16 @@ ul.tree {
       /* line 125, ../sass/tree/_tree.scss */
       ul.tree li span.tree-item:not(.loading) {
         cursor: pointer; }
-      /* line 130, ../sass/tree/_tree.scss */
+      /* line 129, ../sass/tree/_tree.scss */
       ul.tree li span.tree-item .context-trigger {
-        display: none;
         top: -1px;
         position: absolute;
         right: 3px; }
-        /* line 136, ../sass/tree/_tree.scss */
+        /* line 135, ../sass/tree/_tree.scss */
-        ul.tree li span.tree-item .context-trigger .btn-invoke-menu {
+        ul.tree li span.tree-item .context-trigger .invoke-menu {
           font-size: 0.75em;
           height: 0.9rem;
           line-height: 0.9rem; }
-  /* line 145, ../sass/tree/_tree.scss */
+  /* line 144, ../sass/tree/_tree.scss */
   ul.tree ul.tree {
     margin-left: 15px; }

platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg

@@ -2,7 +2,7 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 <svg>
 <metadata>
-Created by FontForge 20090622 at Mon May  4 20:21:42 2015
+Created by FontForge 20090622 at Tue Jun  9 23:00:40 2015
  By deploy user
 Copyright 2015 Adobe Systems Incorporated. All rights reserved.
 </metadata>
@@ -62,8 +62,10 @@ q52 -180 95 -231q42 53 88 212z" />
 d="M193 787v-193h-193v193h193zM193 491v-195h-193v195h193zM193 193v-193h-193v193h193zM671 732v-82h-388v82h388zM671 435v-81h-388v81h388zM671 138v-82h-388v82h388z" />
     <glyph glyph-name="eight" unicode="8" horiz-adv-x="636" 
 d="M625 735v-318h-625v318h625zM625 315v-315h-625v315h625z" />
-    <glyph glyph-name="nine" unicode="9" horiz-adv-x="636" 
+    <glyph glyph-name="nine" unicode="9" 
-d="M267 735v-319h-267v319h267zM267 315v-315h-267v315h267zM630 735v-319h-267v319h267zM630 315v-315h-267v315h267z" />
+d="M328 469q0 -20 -13.5 -33.5t-33.5 -13.5h-234q-20 0 -33.5 13.5t-13.5 33.5v234q0 19 14 33t33 14h234q20 0 33.5 -13.5t13.5 -33.5v-234zM750 469q0 -20 -13.5 -33.5t-33.5 -13.5h-234q-20 0 -33.5 13.5t-13.5 33.5v234q0 20 13.5 33.5t33.5 13.5h234q19 0 33 -14
+t14 -33v-234zM328 47q0 -20 -13.5 -33.5t-33.5 -13.5h-234q-19 0 -33 14t-14 33v234q0 20 13.5 33.5t33.5 13.5h234q20 0 33.5 -13.5t13.5 -33.5v-234zM750 47q0 -19 -14 -33t-33 -14h-234q-20 0 -33.5 13.5t-13.5 33.5v234q0 20 13.5 33.5t33.5 13.5h234q20 0 33.5 -13.5
+t13.5 -33.5v-234z" />
     <glyph glyph-name="colon" unicode=":" horiz-adv-x="625" 
 d="M625 -19l-397 397l397 397v-794zM173 756v-735h-173v735h173z" />
     <glyph glyph-name="semicolon" unicode=";" horiz-adv-x="624" 
@@ -163,8 +165,8 @@ d="M123 367l-123 123v147l123 -123l220 221v-147zM123 0l-123 123v147l123 -123l220
 d="M123 93l-123 123v147l123 -123l220 220v-147zM485 262v71h313v-71h-313z" />
     <glyph glyph-name="l" unicode="l" horiz-adv-x="617" 
 d="M551 386h66v-386h-617v386h63v106q0 100 72 171.5t173 71.5q99 0 171 -71.5t72 -171.5v-106zM173 492v-106h267v106q0 56 -38.5 94.5t-93.5 38.5q-56 0 -95.5 -39t-39.5 -94z" />
-    <glyph glyph-name="m" unicode="m" horiz-adv-x="804" 
+    <glyph glyph-name="m" unicode="m" horiz-adv-x="751" 
-d="M804 729v-156h-804v156h804zM804 445v-160h-804v160h804zM804 158v-158h-804v158h804z" />
+d="M751 563h-751v188h751v-188zM751 282h-751v187h751v-187zM751 0h-751v188h751v-188z" />
     <glyph glyph-name="n" unicode="n" horiz-adv-x="738" 
 d="M690 697q48 -50 48 -88q0 -18 -10 -26l-243 -243l-3 -3l-4 -2l-227 -78l77 228l2 4l3 3l242 243q22 19 57 3q29 -14 58 -41zM461 371l1 2l-3 50l-34 2h-9v10v28l-51 6l-2 -1l-32 -97l33 -33zM249 512l-134 -389l304 104v-215q-136 -8 -246.5 29t-172.5 93v561
 q48 -42 125 -75.5t172 -43.5l-24 -25l-17 -17z" />
@@ -232,6 +234,22 @@ d="M748 750l-375 -750l-374 750h749z" />
 d="M-1 0l375 750l374 -750h-749z" />
     <glyph glyph-name="icircumflex" unicode="&#xee;" horiz-adv-x="748" 
 d="M748 750l-375 -375l-374 375h749zM748 375l-375 -374l-374 374h749z" />
+    <glyph glyph-name="idieresis" unicode="&#xef;" 
+d="M0 749l750 -375l-750 -374v749z" />
+    <glyph glyph-name="ntilde" unicode="&#xf1;" 
+d="M283 751v-751h-188v751h188zM658 751v-751h-188v751h188z" />
+    <glyph glyph-name="ograve" unicode="&#xf2;" horiz-adv-x="751" 
+d="M469 563h-102q-74 0 -126.5 -52.5t-52.5 -126.5v-102h-94q-38 0 -66 27.5t-28 65.5v282q0 38 28 66t66 28h281q39 0 66.5 -28t27.5 -66v-94zM657 469q38 0 66 -27.5t28 -66.5v-281q0 -38 -28 -66t-66 -28h-282q-38 0 -65.5 28t-27.5 66v281q0 39 27.5 66.5t65.5 27.5h282
+z" />
+    <glyph glyph-name="oacute" unicode="&#xf3;" horiz-adv-x="751" 
+d="M216 375l187 -187h-309q-38 0 -66 27.5t-28 66.5v375q0 38 28 66t66 28h375q39 0 66.5 -28t27.5 -66v-309l-188 187zM751 422v-422h-422v94h234l-281 281l93 94l282 -281v234h94z" />
+    <glyph glyph-name="ocircumflex" unicode="&#xf4;" horiz-adv-x="751" 
+d="M610 751q58 0 99.5 -41.5t41.5 -99.5v-469q0 -59 -41.5 -100t-99.5 -41h-469q-59 0 -100 41t-41 100v469q0 58 41 99.5t100 41.5h469zM610 282v328h-328l93 -94l-234 -375l375 234z" />
+    <glyph glyph-name="otilde" unicode="&#xf5;" horiz-adv-x="657" 
+d="M329 657q136 0 232 -96t96 -232t-96 -232.5t-232 -96.5q-137 0 -233 96t-96 233q0 136 96.5 232t232.5 96zM329 329v246q-101 0 -175 -72zM422 704q0 -20 -13.5 -33.5t-33.5 -13.5h-46h-47q-20 0 -33.5 13.5t-13.5 33.5t13.5 33.5t33.5 13.5h93q20 0 33.5 -13.5
+t13.5 -33.5z" />
+    <glyph glyph-name="odieresis" unicode="&#xf6;" 
+d="M328 562v-375h-328v375h328zM750 562v-375h-328v375h328z" />
     <glyph glyph-name="fraction" unicode="&#x2044;" horiz-adv-x="761" 
 d="M380 751q158 0 269.5 -111.5t111.5 -268.5q0 -133 -82.5 -236.5t-209.5 -134.5l-4 491l-176 -490q-126 31 -207.5 134.5t-81.5 235.5q0 157 111.5 268.5t268.5 111.5zM168 488l55 20l-34 94l-56 -20zM410 530v100h-59v-100h59zM593 488l34 94l-55 20l-34 -94z" />
     <glyph glyph-name="H.002" horiz-adv-x="803" 

platform/commonUI/general/res/sass/_constants.scss

@@ -19,13 +19,17 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
+
+// Features
+$enableImageryThumbs: false; // Set to true if historical imagery thumbnails are supported
+
 // Margins, spacing, radii
 $bodyMargin: 10px;
 $interiorMargin: 5px;
 $interiorMarginLg: $interiorMargin * 2;
 $interiorMarginSm: 3px;
-$basicCr: 3px;
+$basicCr: 2px;
-$controlCr: $basicCr;
+$controlCr: 2px;
 $smallCr: 2px;
 $badgeW: 35px;
 
@@ -34,9 +38,12 @@ $colorBodyBg: #333;
 $colorBodyFg: #999;
 $colorFooterBg: #000;
 $colorKey: #0099cc;
+$colorKeySelectedBg: #005177;
 $colorKeyFg: #fff;
 $colorAlt1: #ffc700;
 $colorAlert: #ff3c00;
+$colorPausedBg: #c56f01;
+$colorPausedFg: #fff;
 $colorCheck: $colorKey;
 $colorCreateBtn: $colorKey;
 $colorInteriorBorder: lighten($colorBodyBg, 10%);
@@ -50,7 +57,18 @@ $colorLimitYellow: #9d7500;
 $colorLimitRed: #aa0000;
 $colorTelemFresh: #fff;
 $colorTelemStale: #888;
+$styleTelemStale: italic;
+$colorInfoBubbleFg: #666;
+$colorInfoBubbleBg: #ddd;
+$colorThumbsBubbleFg: lighten($colorBodyFg, 10%);
+$colorThumbsBubbleBg: lighten($colorBodyBg, 10%);
+$colorLimitYellow: #9d7500;
+$colorLimitRed: #aa0000;
+$colorTelemFresh: #fff;
+$colorTelemStale: #888;
 $styleTelemState: italic;
+$colorInfoBubbleFg: #666;
+$colorInfoBubbleBg: #ddd;
 
 // Ratios
 $ltGamma: 20%;
@@ -108,7 +126,7 @@ $controlDisabledOpacity: 0.3;
 $formLabelW: 20%;
 $formInputH: 22px;
 $formRowCtrlsH: 14px;
-$menuLineH: 1.5rem;
+$menuLineH: 1.4rem;
 $scrollbarTrackSize: 10px;
 $scrollbarTrackColorBg: rgba(#000, 0.4);
 $btnStdH: 25px;
@@ -124,3 +142,19 @@ $tickLblH: 15px;
 $tickLblW: 50px;
 $tickH: $ticksH - $tickLblVMargin - $tickLblH;
 $tickW: 1px;
+
+// Imagery
+$imageMainControlBarH: 20px;
+$imageThumbsD: 120px;
+$imageThumbsWrapperH: $imageThumbsD * 1.4;
+$imageThumbPad: 1px;
+
+// Bubbles
+$bubbleArwSize: 10px;
+$bubblePad: $interiorMargin;
+$bubbleMinW: 100px;
+$bubbleMaxW: 300px;
+
+
+// Timing
+$controlFadeMs: 100ms;

platform/commonUI/general/res/sass/_effects.scss

@@ -44,7 +44,7 @@ a.disabled {
 }
 
 @include keyframes(pulse) {
-	0%   { opacity: 0.2; }
+	0%   { opacity: 0.5; }
 	100% { opacity: 1; }
 }
 
@@ -57,5 +57,5 @@ a.disabled {
 }
 
 .pulse {
-	@include pulse(1000ms);
+	@include pulse(750ms);
 }

platform/commonUI/general/res/sass/_global.scss

@@ -69,6 +69,10 @@ span {
 	*/
 }
 
+mct-container {
+	display: block;
+}
+
 .abs {
 	position: absolute;
 	top: 0;
@@ -117,6 +121,13 @@ span {
 	display: none !important;
 }
 
+.paused {
+	&:not(.s-btn) {
+		border-color: $colorPausedBg !important;
+		color: $colorPausedBg !important;
+	}
+}
+
 .sep {
 	color: rgba(#fff, 0.2);
 }

platform/commonUI/general/res/sass/_hide-non-functional.scss

@@ -36,7 +36,7 @@
 			// Don't pad in from top and bottom
 			//top: 0; bottom: 0;
 			.object-browse-bar {
-				.t-btn.key-window {
+				.btn.key-window {
 					// Hide the Open in New Window button
 					display: none;
 				}

platform/commonUI/general/res/sass/_icons.scss

@@ -42,12 +42,6 @@
         &.major {
             font-size: 1.65em;
         }
-        &:hover {
-            //			color: lighten($c, $ltGamma);
-            .invoke-menu {
-                //				color: lighten($colorBodyBg, $ltGamma * 2);
-            }
-        }
     }
 }
 
@@ -56,36 +50,35 @@
 }
 
 .invoke-menu {
-    @include invokeMenu($colorKey);
+    //@include invokeMenu(); // $colorKey
+	text-shadow: none;
     display: inline-block;
-    font-size: 1rem;
+    font-size: 0.8rem;
     vertical-align: middle;
 }
 
 .btn-menu .invoke-menu,
 .icon.major .invoke-menu {
-    margin-left: $interiorMargin;
+    margin-left: $interiorMarginSm;
-}
-
-.icon-buttons-main .invoke-menu {
-    @include invokeMenu(lighten($colorBodyBg, $ltGamma));
-}
-
-.menu-element .invoke-menu {
-
 }
 
+/*
 .object-header .type-icon {
     color: $colorKey;
-	margin-right: $interiorMargin;
+	margin-right: $interiorMarginSm;
 }
+*/
 
 .menu .type-icon,
 .tree-item .type-icon,
-.icon-btn .menu.dropdown .icon,
+.super-menu.menu .type-icon {
-.super-menu.menu.dropdown .icon {
+    font-size: $menuLineH * 0.8; //.93
-    font-size: $menuLineH * 0.93;
     line-height: $menuLineH * 1.13;
     position: absolute;
 }
 
+
+.super-menu.menu.dropdown .icon {
+	font-size: $menuLineH * 0.95
+}
+

platform/commonUI/general/res/sass/_main.scss

@@ -46,6 +46,9 @@
 @import "controls/lists";
 @import "controls/menus";
 @import "controls/time-controller";
+@import "edit/editor";
+@import "features/imagery";
+@import "features/time-display";
 @import "forms/mixins";
 @import "forms/elems";
 @import "forms/validation";

platform/commonUI/general/res/sass/_mixins.scss

@@ -26,6 +26,16 @@
     width: auto; height: auto;
 }
 
+@mixin trans-prop-nice($props, $t) {
+	@if $t == 0 {
+		@include transition-property(none);
+	} @else {
+		@include transition-property($props);
+		@include transition-duration($t);
+		@include transition-timing-function(ease-in-out);
+	}
+}
+
 @mixin trans-prop-nice-fade($t: 0.5s) {
 	@if $t == 0 {
 		@include transition-property(none);
@@ -42,6 +52,12 @@
 	@include transition-timing-function(ease-in-out);
 }
 
+@mixin trans-prop-nice-resize-w($t: 0.5s) {
+	@include transition-property(width, left, right);
+	@include transition-duration($t);
+	@include transition-timing-function(ease-in-out);
+}
+
 @mixin triangle-right($size, $color) {
 	$size: $size/2;
 	$ratio: 1;
@@ -62,6 +78,31 @@
 	border-right: $size/$ratio solid transparent;
 }
 
+@mixin triangle($dir: "left", $size: 5px, $ratio: 1, $color: red) {
+	//$size: $size*2;
+	width: 0;
+	height: 0;
+	$slopedB: $size/$ratio solid transparent;
+	$straightB: $size solid $color;
+	@if $dir == "up" {
+		border-left: $slopedB;
+		border-right: $slopedB;
+		border-bottom: $straightB;
+	} @else if $dir == "right" {
+		border-top: $slopedB;
+		border-bottom: $slopedB;
+		border-left: $straightB;
+	} @else if $dir == "down"  {
+		border-left: $slopedB;
+		border-right: $slopedB;
+		border-top: $straightB;
+	} @else {
+		border-top: $slopedB;
+		border-bottom: $slopedB;
+		border-right: $straightB;
+	}
+}
+
 @mixin bgDiagonalStripes($c: yellow, $a: 0.1, $d: 40px) {
 	@include background-image(linear-gradient(-45deg,
 		rgba($c, $a) 25%, transparent 25%,
@@ -90,20 +131,35 @@
 }
 
 @mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $hover: false) {
-	@include background-image(linear-gradient(lighten($bg, 10%), lighten($bg, 5%)));
+	$ltnRatio: 7%;
+	$gradRatio: 5%;
+	$hovRatio: 7%;
+	$bgBase: lighten($bg, $ltnRatio);
+	$fgBase: lighten($fg, $ltnRatio);
+	$gradC1: lighten($bgBase, $gradRatio);
+	$gradC2: $bgBase;
+	$cInvokeBase: lighten($gradC1, $ltnRatio*2);
+
+	@include background-image(linear-gradient($gradC1, $gradC2));
 	@include border-radius($controlCr);
 	@include box-sizing(border-box);
-//	@include box-shadow(rgba(black, 0.3) 0 1px 2px);
 	@include boxShdwSubtle();
 	border: none;
-	border-top: 1px solid lighten($bg, 20%);
+	border-top: 1px solid lighten($gradC1, 2%);
 	color: $fg;
 	display: inline-block;
 	@if $hover == true {
-		&:hover {
+		&:not(.disabled):hover {
-			@include background-image(linear-gradient(lighten($bg, 20%), lighten($bg, 15%)));
+			@include background-image(linear-gradient(lighten($gradC1, $hovRatio), lighten($gradC2, $hovRatio)));
+			color: lighten($fgBase, $hovRatio);
+			&.btn-menu .invoke-menu {
+				color: lighten($cInvokeBase, $hovRatio);
+			}
 		}
 	}
+	&.btn-menu .invoke-menu {
+		color: $cInvokeBase;
+	}
 }
 
 @mixin sliderTrack($bg: $scrollbarTrackColorBg) {
@@ -144,18 +200,16 @@
 }
 
 @mixin btnSubtle($bg: $colorBodyBg, $fg: $colorBodyFg) {
-	@include containerSubtle($bg, $fg);
+	@include containerSubtle($bg, $fg, true);
-	&:not(.disabled):hover {
-		@include background-image(linear-gradient(lighten($bg, 20%), lighten($bg, 10%)));
-	}
 }
 
 @mixin btnNoticeable($bg: $colorBodyBg, $fg: $colorBodyFg) {
-	@include containerSubtle($bg, $fg);
+	// No longer should be used; use btnSubtle instead
-	@include background-image(linear-gradient(lighten($bg, 20%), $bg));
+	//@include containerSubtle($bg, $fg, true);
-	&:not(.disabled):hover {
+	//@include background-image(linear-gradient(lighten($bg, 20%), $bg));
+/*	&:not(.disabled):hover {
 		@include background-image(linear-gradient(lighten($bg, 30%), lighten($bg, 10%)));
-	}
+	}*/
 }
 
 @mixin boxIncised($sVal: 0.6) {
@@ -166,8 +220,8 @@
     border: 1px solid $c;
 }
 
-@mixin boxShdwSubtle($sVal: 0.3) {
+@mixin boxShdwSubtle($sVal: 0.2) {
-    @include box-shadow(rgba(black, $sVal) 0 1px 3px);
+    @include box-shadow(rgba(black, $sVal) 0 1px 2px);
 }
 
 @mixin boxShdwLarge($sVal: 0.7) {
@@ -194,13 +248,15 @@
 }
 
 
-@mixin invokeMenu($baseColor) {
+/*
+@mixin invokeMenu($baseColor: $colorBodyFg) {
 	$c: $baseColor;
 	color: $c;
 	&:hover {
 		color: lighten($c, $ltGamma);
 	}
 }
+*/
 
 @mixin menuUlReset() {
     margin: 0;

platform/commonUI/general/res/sass/controls/_buttons.scss

@@ -19,37 +19,97 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-$pad: $interiorMargin * 2;
+$baseRatio: 1.5;
+$pad: $interiorMargin * $baseRatio;
 
-/*********************************** TYPE STYLES */
+/******* LAYOUT AND SIZING */
-.t-btn {
+.btn,
-	cursor: pointer;
+.l-btn {
+	line-height: 1.25em;
+	padding: 0 $pad;
+	text-decoration: none;
+	&.lg,
+	&.create-btn {
+		$h: $ueTopBarH - $interiorMargin;
+		height: $h;
+		line-height: $h;
+		padding: 0 $pad * 3;
+	}
+	&.create-btn {
+		.menu {
+			margin-left: $pad * -1;
+		}
+		>.ui-symbol {
+			font-size: 1.1em;
+		}
+	}
+	&.sm {
+		padding: 0 $pad / $baseRatio;
+	}
+	&.vsm {
+		padding: 0 ($pad / $baseRatio) / 2;
+	}
 }
 
-
 /*********************************** STYLE STYLES */
+.btn,
 .s-btn {
-	$base: lighten($colorBodyBg, 20%);
+	$base: lighten($colorBodyBg, 20%); // Moved to s-btn
 	@include border-radius($controlCr);
 	@include box-sizing(border-box);
 	@include text-shadow(rgba(black, 0.3) 0 1px 1px);
+	cursor: pointer;
 	line-height: 1.2em;
-	padding: 0 $pad;
 	text-decoration: none;
+	&.major {
+		$bg: $colorKey;
+		@include btnSubtle($bg);
+		$fg: lighten($bg, 50%);
+		color: $fg;
+		&:hover {
+			@include btnSubtle(lighten($bg, 5%), $fg);
+			//color: $fg;
+		}
+		.invoke-menu {
+			color: $fg;
+		}
+	}
+	&.subtle {
+		@include btnSubtle($base, lighten($base, 40%));
+	}
+	&.very-subtle,
 	&.s-very-subtle {
 		@include containerSubtle($colorBodyBg, $colorBodyFg, true);
+		&.paused {
+			@include containerSubtle($colorPausedBg, $colorPausedFg, true);
+			.icon:before {
+				content:"\0000EF";
+			}
+		}
 	}
 }
 
+.icon-btn,
 .s-icon-btn {
 	@extend .s-btn;
-	font-size: 1.2em;
+	font-size: 1em;
 	.icon {
 		color: $colorKey;
 	}
+	&.paused {
+		.icon {
+			color: $colorPausedFg;
+		}
+	}
 
-	&:not(.disabled):hover .icon {
+	&:not(.disabled) {
-		color: lighten($colorKey, $ltGamma);
+		&:not(.paused) {
+			&:hover {
+				.icon {
+					color: lighten($colorKey, $ltGamma);
+				}
+			}
+		}
 	}
 
 	&.labeled {
@@ -61,12 +121,30 @@ $pad: $interiorMargin * 2;
 			margin-left: $interiorMargin;
 		}
 	}
+
+	&.pause-play {
+		&.paused {
+			@include pulse(500ms);
+		}
+		.icon:before {
+			content:"\0000F1";
+		}
+	}
+
+	&.show-thumbs {
+		.icon:before {
+			content:"\000039";
+		}
+	}
 }
 
-
 /*********************************** LAYOUT STYLES */
+span.btn,
+span.btn span,
 span.l-btn,
 span.l-btn span,
+a.btn,
+a.btn span,
 a.l-btn,
 a.l-btn span {
 	display: inline-block;

platform/commonUI/general/res/sass/controls/_controls.scss

@@ -19,7 +19,8 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-.control {
+/*.control {
+	// UNUSED?
 	&.view-control {
 		.icon {
 			display: inline-block;
@@ -45,10 +46,10 @@
 			}
 		}
 	}
-}
+}*/
 
 .accordion {
-    $accordionHeadH: 18px;
+	$accordionHeadH: 18px;
 	margin-top: $interiorMargin;
 	&:first-child {
 		margin-top: 0;
@@ -56,16 +57,20 @@
 	.accordion-head {
 		$op: 0.2;
 		@include border-radius($basicCr * 0.75);
-        @include box-sizing("border-box");
+		@include box-sizing("border-box");
 		background: rgba($colorBodyFg, $op);
 		cursor: pointer;
 		font-size: 0.75em;
-        line-height: $accordionHeadH;
+		line-height: $accordionHeadH;
 		margin-bottom: $interiorMargin;
 		padding: 0 $interiorMargin;
 		position: absolute;
-        top: 0; right: 0; bottom: auto; left: 0;
+		top: 0;
-        width: auto; height: $accordionHeadH;
+		right: 0;
+		bottom: auto;
+		left: 0;
+		width: auto;
+		height: $accordionHeadH;
 		text-transform: uppercase;
 		&:hover {
 			background: rgba($colorBodyFg, $op * 2);
@@ -84,79 +89,14 @@
 			content: "v";
 		}
 	}
-    .accordion-contents {
+	.accordion-contents {
-        position: absolute;
+		position: absolute;
-        top: $accordionHeadH + $interiorMargin; right: 0; bottom: 0; left: 0;
+		top: $accordionHeadH + $interiorMargin;
-        overflow-y: auto;
+		right: 0;
-        overflow-x: hidden;
+		bottom: 0;
-    }
+		left: 0;
-}
+		overflow-y: auto;
-
+		overflow-x: hidden;
-.btn {
-	$base: lighten($colorBodyBg, 20%); // Moved to s-btn
-	$p: 10px;   // Moved to s-btn
-	@include border-radius($controlCr); // Moved to s-btn
-	@include box-sizing(border-box); // Moved to s-btn
-	@include text-shadow(rgba(black, 0.3) 0 1px 1px); // Moved to s-btn
-//	display: inline-block;
-	//	margin-right: 10px;
-	padding: 0 ($interiorMargin * 2);  // Moved to s-btn
-	text-decoration: none;  // Moved to s-btn
-	&.create-btn {
-		$h: $ueTopBarH - $interiorMargin; //$btnStdH * 1.5;;
-		$p: $p * 2.25;
-		height: $h;
-		line-height: $h;
-		//font-size: 1.1em;
-		padding: 0 $p;
-		.menu {
-			margin-left: $p * -1;
-		}
-		.ui-symbol.major {
-			font-size: 1.1em;
-		}
-	}
-	&.major {
-		$bg: $colorKey;
-		@include btnNoticeable($bg);
-		$fg: lighten($bg, 50%);
-		color: $fg;
-		&:hover {
-			@include btnNoticeable(lighten($bg, 5%));
-			color: $fg;
-		}
-		.invoke-menu {
-			color: $fg;
-		}
-	}
-	&.normal {
-		padding: $p * 0.5 $p * 0.7;
-	}
-	&.outline {
-		&:hover {
-			background: rgba(#fff, 0.1);
-		}
-	}
-	&.subtle {
-		@include btnSubtle($base, lighten($base, 40%));
-	}
-
-	&.very-subtle {
-		@include btnSubtle($colorBodyBg, lighten($colorBodyBg, 50%));
-	}
-	&.lg {
-		@include border-radius($controlCr * 1.5);
-		font-size: 1.2em;
-		padding: 7px 25px;
-	}
-	&.icon-btn {
-		.icon {
-			color: $colorKey;
-		}
-
-		&:not(.disabled):hover .icon {
-			color: lighten($colorKey, $ltGamma);
-		}
 	}
 }
 
@@ -166,12 +106,12 @@
 	.btn-set,
 	.t-btn {
 		display: inline-block;
-//		margin-left: $interiorMargin;
+		//		margin-left: $interiorMargin;
 	}
 	.btn,
 	.t-btn {
 		&:first-child {
-//			margin-left: 0;
+			//			margin-left: 0;
 		}
 	}
 }
@@ -199,6 +139,20 @@
 	}
 }
 
+.l-local-controls {
+	// Control shown when hovering over an object, like plots and imagery
+	// Default position is upper right
+	$p: $interiorMargin;
+	position: absolute;
+	top: $p;
+	right: $p;
+	z-index: 5;
+}
+
+.s-local-controls {
+	font-size: 0.7rem;
+}
+
 .btn-set {
 	// Buttons that have a very tight conceptual grouping - no internal space between them.
 	display: inline-block;
@@ -230,8 +184,8 @@
 	height: $h;
 	line-height: $h;
 	.icon:not(.invoke-menu) {
-//		position: relative;
+		//		position: relative;
-//		top: -0.04em;
+		//		top: -0.04em;
 		font-size: 150%;
 		vertical-align: middle;
 	}
@@ -318,37 +272,43 @@ label.checkbox.custom {
 
 .btn-menu {
 	$h: 20px;
-	$p: $interiorMargin * 2;
+	$p: $interiorMarginSm * 2;
 	$c: $colorBodyFg;
 	@include btnSubtle($colorBodyBg);
-	height: $h;
+	/*	height: $h;
-	line-height: $h;
+		line-height: $h;
-	&.dropdown {
+		&.dropdown {
-		//		padding-left: $p;
+			padding-left: $p;
-		padding-left: $p;
+			padding-right: $p;
-		padding-right: $p;
+		}*/
-	}
 
 	&:not(.disabled):hover {
 		color: lighten($c, 20%);
 	}
 
-	&.btn-invoke-menu {
+	/*	&.context-available {
-		$c: $colorKey;
+			// An element like the invoke-menu triangle;
-		color: $c;
+			// Indicates that this element has a dropdown menu available;
-		padding: 0 5px;
+			// Currently unused
-		&:hover {
+			$c: $colorKey;
-			color: lighten($c, 10%);
+			color: $c;
-		}
+			padding: 0 5px;
+			&:hover {
+				color: lighten($c, 10%);
+			}
+		}*/
+
+	span.l-click-area {
+		// In markup, this element should not enclose anything.
+		@extend .abs;
 	}
 
-    span.l-click-area {
-	    // In markup, this element should not enclose anything.
-	    @extend .abs;
-    }
-
 	.type-icon {
-		margin-right: $interiorMargin;
+		//margin-right: $interiorMargin;
+	}
+
+	.name {
+		margin-left: $interiorMargin;
 	}
 	.menu {
 		//		margin-left: (-1 * $p);
@@ -388,17 +348,23 @@ label.checkbox.custom {
 	}
 }
 
+.view-switcher {
+	@include trans-prop-nice-fade($controlFadeMs);
+}
+
 /******************************************************** OBJECT-HEADER */
 .object-header {
 	display: inline-block;
 	font-size: 1em;
-	.title {
+	.label {
-		color: lighten($colorBodyFg, 40%);
+		.title-label {
-	}
+			color: lighten($colorBodyFg, 40%);
-	.type-icon {
+		}
-		font-size: 1.5em;
+		.type-icon {
-		margin-right: $interiorMargin;
+			font-size: 1.5em;
-		vertical-align: middle;
+			margin-right: $interiorMargin;
+			vertical-align: middle;
+		}
 	}
 }
 
@@ -412,86 +378,53 @@ label.checkbox.custom {
 	}
 }
 
-/******************************************************** VIEW-CONTROLS */
-
-.view-controls .view-type {
-	$d: 20px;
-	$p: 5px;
-	@include border-radius($controlCr);
-	box-sizing: border-box;
-	display: inline-block;
-	margin-left: $interiorMargin;
-	height: $d;
-	line-height: $d;
-	padding-left: $p;
-	padding-right: $p;
-	&.cur {
-		background: lighten($colorBodyBg, $ltGamma);
-	}
-}
-
-.edit-mode .top-bar .control-set.edit-view-controls {
-	//	Used in templates/edit-view-controls.html
-	margin-right: $interiorMargin * 10;
-}
-
 /******************************************************** SLIDERS */
-.wrapper-slider {
+
-	position: relative;
-}
 .slider {
-	//$knobH: 70%; //14px;
+	$knobH: 100%; //14px;
 	$knobW: 12px;
-	$slotH: 80%;
+	$slotH: 50%;
-	$rangeO: 0.3;
 	.slot {
 		//		@include border-radius($basicCr * .75);
 		@include sliderTrack();
-		height: auto;
+		height: $slotH;
 		width: auto;
 		position: absolute;
-		//top: ($knobH - $slotH) / 2;
+		top: ($knobH - $slotH) / 2;
-		top: (100% - $slotH)/2;
 		right: 0;
-		bottom: (100% - $slotH)/2;
+		bottom: auto;
 		left: 0;
-		z-index: 0;
-		.range {
-			background: rgba($colorKey, $rangeO);
-			cursor: ew-resize;
-			position: absolute;
-			top: 0;
-			right: auto;
-			bottom: 0;
-			left: auto;
-			height: auto;
-			width: auto;
-			z-index: 1;
-			&:hover {
-				background: rgba($colorKey, $rangeO + 0.2);
-			}
-		}
 	}
 	.knob {
 		@include btnSubtle();
 		@include controlGrippy(rgba(black, 0.3), vertical, 1px, solid);
-		@include border-radius(2px);
 		cursor: ew-resize;
 		position: absolute;
-		height: auto;
+		height: $knobH;
 		width: $knobW;
 		top: 0;
-		bottom: 0;
+		auto: 0;
+		bottom: auto;
 		left: auto;
-		z-index: 2;
-		&.knob-l { margin-left: $knobW / -2; }
-		&.knob-r { margin-right: $knobW / -2; }
 		&:before {
 			top: 1px;
 			bottom: 3px;
-			//left: ($knobW / 2) - 1;
+			left: ($knobW / 2) - 1;
-			//margin-left: -1px;
+		}
-			left: 45%;
+
+	}
+	.range {
+		background: rgba($colorKey, 0.6);
+		cursor: ew-resize;
+		position: absolute;
+		top: 0;
+		right: auto;
+		bottom: 0;
+		left: auto;
+		height: auto;
+		width: auto;
+		&:hover {
+			background: rgba($colorKey, 0.7);
 		}
 	}
 }
@@ -499,23 +432,23 @@ label.checkbox.custom {
 /******************************************************** BROWSER ELEMENTS */
 
 ::-webkit-scrollbar {
-    @include sliderTrack();
+	@include sliderTrack();
-    height: $scrollbarTrackSize;
+	height: $scrollbarTrackSize;
-    width: $scrollbarTrackSize;
+	width: $scrollbarTrackSize;
 }
 
 ::-webkit-scrollbar-thumb {
-    $bg: lighten($colorBodyBg, 10%);
+	$bg: lighten($colorBodyBg, 10%);
-    @include background-image(linear-gradient(lighten($bg, 10%), lighten($bg, 5%) 20px));
+	@include background-image(linear-gradient(lighten($bg, 10%), lighten($bg, 5%) 20px));
-    @include border-radius(1px);
+	@include border-radius(1px);
-    @include box-sizing(border-box);
+	@include box-sizing(border-box);
-    @include boxShdwSubtle();
+	@include boxShdwSubtle();
-    border-top: 1px solid lighten($bg, 20%);
+	border-top: 1px solid lighten($bg, 20%);
-    &:hover {
+	&:hover {
-        @include background-image(linear-gradient(lighten($bg, 20%), lighten($bg, 15%) 20px));
+		@include background-image(linear-gradient(lighten($bg, 20%), lighten($bg, 15%) 20px));
-    }
+	}
 }
 
 ::-webkit-scrollbar-corner {
-    background: rgba(#000, 0.4);
+	background: rgba(#000, 0.4);
 }

platform/commonUI/general/res/sass/controls/_menus.scss

@@ -41,7 +41,7 @@
                 @include box-sizing(border-box);
 				border-top: 1px solid lighten($bg, 20%);
 				line-height: $menuLineH;
-				padding: $interiorMarginSm $interiorMargin * 2 $interiorMarginSm ($interiorMargin * 3) + $treeTypeIconW;
+				padding: $interiorMarginSm $interiorMargin * 2 $interiorMarginSm ($interiorMargin * 2) + $treeTypeIconW;
 				white-space: nowrap;
 				&:first-child {
 					border: none;
@@ -168,7 +168,7 @@
     position: absolute;
     height: 200px;
     width: 170px;
-    z-index: 59;
+    z-index: 70;
     .context-menu-wrapper {
         position: absolute;
         height: 100%;

platform/commonUI/general/res/sass/edit/_editor.scss

@@ -19,3 +19,86 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
+
+.edit-main {
+    $handleD: 15px;
+    $cr: 5px;
+    .edit-corner,
+    .edit-handle {
+        position: absolute;
+        z-index: 2;
+    }
+
+    .edit-corner {
+        width: $handleD;
+        height: $handleD;
+        &.edit-resize-nw {
+            @include border-bottom-right-radius($cr);
+            cursor: nw-resize;
+            top: 0; left: 0;
+        }
+        &.edit-resize-se {
+            @include border-top-left-radius($cr);
+            cursor: se-resize;
+            bottom: 0; right: 0;
+        }
+        &.edit-resize-sw {
+            @include border-top-right-radius($cr);
+            cursor: sw-resize;
+            bottom: 0; left: 0;
+        }
+
+    }
+
+    .edit-handle {
+        top: $handleD; right: $handleD; bottom: $handleD; left: $handleD;
+        &.edit-move {
+            $m: 0; //$handleD;
+            cursor: move;
+            left: $m;
+            right: $m;
+            top: $m;
+            bottom: $m;
+            z-index: 1;
+
+        }
+        &.edit-resize-n {
+            top: 0px; bottom: auto;
+            height: $handleD;
+            cursor: n-resize;
+        }
+        &.edit-resize-e {
+            right: 0px; left: auto;
+            width: $handleD;
+            cursor: e-resize;
+        }
+        &.edit-resize-s {
+            bottom: 0px; top: auto;
+            height: $handleD;
+            cursor: s-resize;
+        }
+        &.edit-resize-w {
+            left: 0px; right: auto;
+            width: $handleD;
+            cursor: w-resize;
+        }
+    }
+
+
+    .frame.child-frame.panel {
+        &:hover {
+            @include boxShdwLarge();
+            border-color: $colorKey;
+            z-index: 2;
+            .view-switcher {
+                opacity: 1;
+            }
+            .edit-corner {
+                background-color: rgba($colorKey, 0.8);
+                &:hover {
+                    background-color: rgba($colorKey, 1);
+                }
+            }
+        }
+    }
+}

platform/commonUI/general/res/sass/features/_imagery.scss

@@ -0,0 +1,171 @@
+.l-image-main-wrapper,
+.l-image-main,
+.l-image-main-controlbar,
+.l-image-main-controlbar .left,
+.l-image-main-controlbar .right,
+.l-image-thumbs-wrapper {
+	@include absPosDefault(0, false);
+}
+
+/*************************************** MAIN LAYOUT */
+.l-image-main-wrapper {
+	//@include test();
+	@if $enableImageryThumbs == true {
+		bottom: $interiorMargin*2 +  $imageThumbsWrapperH;
+	}
+	min-height: 100px;
+	min-width: 150px;
+	.l-image-main {
+		background-color: rgba(#fff, 0.1);
+		bottom: $imageMainControlBarH + $interiorMargin;
+	}
+	.l-image-main-controlbar {
+		top: auto;
+		height: $imageMainControlBarH;
+	}
+}
+
+.l-image-thumbs-wrapper {
+	//@include test(red);
+	top: auto;
+	height: $imageThumbsWrapperH;
+}
+
+.l-date,
+.l-time,
+.l-timezone {
+	display: inline-block;
+}
+
+/*************************************** MAIN IMAGE */
+
+.l-image-main,
+.l-image-thumb-item .l-thumb {
+	background-size: contain;
+	background-position: center;
+	background-repeat: no-repeat;
+}
+
+.l-image-main {
+	cursor: crosshair;
+}
+
+.l-image-main-controlbar {
+	//@include test();
+	font-size: 0.8em;
+	line-height: $imageMainControlBarH;
+	.left, .right {
+		direction: rtl;
+		overflow: hidden;
+	}
+	.left {
+		//@include test(red);
+		text-align: left;
+		width: 75% !important;
+	}
+	.right {
+		//@include test(green);
+		min-width: 40px;
+		width: 25% !important;
+		z-index: 2;
+	}
+	.l-date,
+	.l-time {
+		color: #fff;
+	}
+	.l-mag {
+		direction: ltr;
+		display: inline-block;
+		//white-space: nowrap;
+		&:before {
+			content: "\000049";
+		}
+	}
+	.s-mag {
+		color: darken($colorBodyFg, 20%);
+	}
+	.l-btn.show-thumbs {
+		display: none;
+	}
+}
+
+.s-image-main {
+	border: 1px solid transparent;
+	&.paused {
+		border-color: $colorPausedBg;
+	}
+}
+
+/*************************************** THUMBS */
+
+.l-image-thumbs-wrapper {
+	//@include test(green);
+	direction: rtl;
+	overflow-x: auto;
+	overflow-y: hidden;
+	padding-bottom: $interiorMargin;
+	white-space: nowrap;
+	z-index: 70;
+}
+
+.l-image-thumb-item {
+	@include single-transition(background-color, 0.25s);
+	@include box-sizing(border-box);
+	padding: 1px;
+	position: relative;
+	.l-thumb,
+	.l-date,
+	.l-time {
+		display: inline-block;
+	}
+	.l-date,
+	.l-time {
+		padding: 2px 3px;
+	}
+	cursor: pointer;
+	direction: ltr;
+	display: inline-block;
+	font-size: 0.8em;
+	margin-left: $interiorMarginSm;
+	text-align: left;
+	width: $imageThumbsD + $imageThumbPad*2;
+	white-space: normal;
+	&:hover {
+		background: rgba(#fff, 0.2);
+		.l-date,
+		.l-time {
+			color: #fff;
+		}
+	}
+	&.selected {
+		background: $colorKeySelectedBg;
+		.l-date,
+		.l-time {
+			color: #fff;
+		}
+	}
+	.l-thumb {
+		background-color: rgba(#fff, 0.1);
+		height: $imageThumbsD;
+		width: $imageThumbsD;
+		margin-top: 0;
+	}
+}
+
+/*************************************** WHEN IN FRAME */
+.frame .t-imagery {
+	.l-image-main-wrapper {
+		bottom: 0;
+		.l-image-main-controlbar {
+			font-size: 0.7em;
+		}
+		@if $enableImageryThumbs == true {
+			.l-btn.show-thumbs {
+				display: inline-block;
+			}
+		}
+	}
+	.l-image-thumbs-wrapper {
+		display: none;
+	}
+}

platform/commonUI/general/res/sass/features/_time-display.scss

@@ -0,0 +1,44 @@
+.l-time-display {
+	$transTime: 200ms;
+	// Layout
+	&:hover {
+		.l-btn.control {
+			//display: inline-block;
+			opacity: 1;
+		}
+	}
+	.l-elem-wrapper {
+		position: relative;
+	}
+	.l-elem {
+		display: inline-block;
+	}
+
+	&.l-timer {
+		.l-elem.l-value {
+			@include trans-prop-nice(left, $transTime);
+			position: absolute;
+			left: 0;
+			z-index: 1;
+		}
+		&:hover .l-elem.l-value {
+			left: 20px;
+		}
+	}
+
+	// Look-and-feel
+	.l-elem {
+		.value.active,
+		&.value.active {
+			color: $colorKeyFg;
+		}
+	}
+	.l-btn.control {
+		@include trans-prop-nice-fade($transTime);
+		//display: none;
+		opacity: 0;
+		font-size: 0.9em;
+		line-height: 1em;
+	}
+
+}

platform/commonUI/general/res/sass/forms/_text-input.scss

@@ -19,18 +19,13 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-input[type="text"],
+input[type="text"] {
-input[type="date"] {
 	@include nice-input();
-	@include input-placeholder {
+    &.filter {
-		color: darken($colorBodyFg, 10%);
+        &.ng-dirty {
-		font-style: italic;
+//            background: red;
-	}
+        }
-	&.filter {
+    }
-		&.ng-dirty {
-			//            background: red;
-		}
-	}
 	&.numeric {
 		text-align: right;
 	}

platform/commonUI/general/res/sass/helpers/_bubbles.scss

@@ -21,17 +21,15 @@
  *****************************************************************************/
 //************************************************* LAYOUT
 
-$infoBubbleFg: #666;
-$infoBubbleBg: #ddd;
-
 .l-infobubble-wrapper {
 	$arwSize: 5px;
 	@include box-shadow(rgba(black, 0.4) 0 1px 5px);
-	position: absolute;
+	position: relative;
-	z-index: 70;
+	z-index: 50;
 	.l-infobubble {
 		display: inline-block;
-		max-width: 250px;
+		min-width: $bubbleMinW;
+		max-width: $bubbleMaxW;
 		padding: 5px 10px;
 		&:before {
 			content:"";
@@ -71,34 +69,30 @@ $infoBubbleBg: #ddd;
 	}
 
 	&.arw-left {
-		margin-left: $arwSize*2;
+		margin-left: $bubbleArwSize*2;
 		.l-infobubble::before {
 			right: 100%;
-			border-top: $arwSize solid transparent;
+			@include triangle('left', $bubbleArwSize, 1.5, $colorInfoBubbleBg);
-			border-bottom: $arwSize solid transparent;
-			border-right: ($arwSize * 1.5) solid $infoBubbleBg;
 		}
 	}
 
 	&.arw-right {
-		margin-right: $arwSize*2;
+		margin-right: $bubbleArwSize*2;
 		.l-infobubble::before {
 			left: 100%;
-			border-top: $arwSize solid transparent;
+			@include triangle('right', $bubbleArwSize, 1.5, $colorInfoBubbleBg);
-			border-bottom: $arwSize solid transparent;
-			border-left: ($arwSize * 1.5) solid $infoBubbleBg;
 		}
 	}
 
 	&.arw-top {
 		.l-infobubble::before {
-			top: $arwSize * 2;
+			top: $bubbleArwSize * 2;
 		}
 	}
 
 	&.arw-btm {
 		.l-infobubble::before {
-			bottom: $arwSize * 2;
+			bottom: $bubbleArwSize * 2;
 		}
 	}
 
@@ -110,18 +104,32 @@ $infoBubbleBg: #ddd;
 			margin-left: -1 * $arwSize;
 			border-left: $arwSize solid transparent;
 			border-right: $arwSize solid transparent;
-			border-top: ($arwSize * 1.5) solid $infoBubbleBg;
+			border-top: ($arwSize * 1.5) solid $colorInfoBubbleBg;
 		}
 	}
+	.arw {
+		z-index: 2;
+	}
+	&.arw-up .arw.arw-down,
+	&.arw-down .arw.arw-up { display: none; }
 }
 
 //************************************************* LOOK AND FEEL
 
+.l-thumbsbubble-wrapper {
+	.arw-up {
+		@include triangle('up', $bubbleArwSize, 1.5, $colorThumbsBubbleBg);
+	}
+	.arw-down {
+		@include triangle('down', $bubbleArwSize, 1.5, $colorThumbsBubbleBg);
+	}
+}
 .s-infobubble {
-	$emFg: darken($infoBubbleFg, 20%);
+	$emFg: darken($colorInfoBubbleFg, 20%);
 	@include border-radius($basicCr);
-	background: $infoBubbleBg;
+	@include box-shadow(rgba(black, 0.4) 0 1px 5px);
-	color: $infoBubbleFg;
+	background: $colorInfoBubbleBg;
+	color: $colorInfoBubbleFg;
 	font-size: 0.8rem;
 	.title {
 		color: $emFg;
@@ -129,7 +137,7 @@ $infoBubbleBg: #ddd;
 	}
 	tr {
 		td {
-			border-top: 1px solid darken($infoBubbleBg, 10%);
+			border-top: 1px solid darken($colorInfoBubbleBg, 10%);
 			font-size: 0.9em;
 		}
 		&:first-child td {
@@ -139,5 +147,9 @@ $infoBubbleBg: #ddd;
 	.value {
 		color: $emFg;
 	}
+}
 
+.s-thumbsbubble {
+	background: $colorThumbsBubbleBg;
+	color: $colorThumbsBubbleFg;
 }

platform/commonUI/general/res/sass/items/_item.scss

@@ -104,7 +104,7 @@
 	        &.selected {
 		        $cfg: lighten($colorItemSelected, 35%);
 		        $cfgh: lighten($cfg, 30%);
-		        @include btnNoticeable($colorItemSelected);
+		        @include btnSubtle($colorItemSelected);
 		        color: $cfg;
 		        .item-type, .top-bar .icon:not(.alert) { color: $cfg }
 		        .item-main .item-open { color: $cfg }

platform/commonUI/general/res/sass/tree/_tree.scss

@@ -75,8 +75,8 @@ ul.tree {
 				.title-label {
 					@include absPosDefault();
 					display: block;
-					left: $runningItemW + ($interiorMargin * 2);
+					left: $runningItemW + ($interiorMargin);
-					//                right: $treeContextTriggerW + $interiorMargin; //Disabling as context trigger not being used
+	                //right: $treeContextTriggerW + $interiorMargin;
 					overflow: hidden;
 					text-overflow: ellipsis;
 //					height: $menuLineH;
@@ -99,7 +99,7 @@ ul.tree {
 
 			&.selected {
 				$c: #fff;
-				background: #005177;
+				background: $colorKeySelectedBg;
 				color: $c;
 				.view-control {
 					color: $colorItemTreeIcon;
@@ -124,16 +124,15 @@ ul.tree {
 
 			&:not(.loading) {
 				cursor: pointer;
-				//                @include tree-item-hover();
 			}
 
 			.context-trigger {
 				$h: 0.9rem;
-				display: none;
+				//display: none;
 				top: -1px;
 				position: absolute;
 				right: $interiorMarginSm;
-				.btn-invoke-menu {
+				.invoke-menu {
 					font-size: 0.75em;
 					height: $h;
 					line-height: $h;

platform/commonUI/general/res/sass/user-environ/_frame.scss

@@ -27,6 +27,7 @@
 		border: 1px solid $bc;
 		&:hover {
 			border-color: lighten($bc, 10%);
+			z-index: 2;
 		}
 		.contents {
 //			overflow: hidden;
@@ -46,12 +47,25 @@
 		bottom: $myM;
 		left: $myM;
 	}
-}
+	&.frame-template {
-
+		// Hide the view switcher by default when it's in an element that's in a frame context
-.edit-main .frame.child-frame.panel {
+		// Frame template is used because we need to target the lowest nested frame
-	&:hover {
+		// This has the effect of hiding the view switcher in nested frames in edit mode, which is desirable currently (as it's non-functional)
-		border-color: $colorKey;
+		.view-switcher {
-		@include boxShdwLarge();
+			//display: none;
+			opacity: 0;
+			z-index: 10;
+		}
+		&:hover .view-switcher {
+			// Show the view switcher on frame hover
+			//display: inline-block !important;
+			opacity: 1;
+		}
+	}
+	.view-switcher {
+		// Hide the name when the view switcher is in a frame context
+		.name {
+			display: none;
+		}
 	}
-
 }

platform/commonUI/general/res/sass/user-environ/_layout.scss

@@ -70,23 +70,19 @@
     &.abs {
 	    text-wrap: none;
 	    white-space: nowrap;
-        &.left,
+    }
-        .left {
+    &.left,
-            width: 45%;
+    .left {
-            right: auto;
+        width: 45% !important;
-        }
+        right: auto !important;
-        &.right,
+    }
-        .right {
+    &.right,
-            width: 45%;
+    .right {
-            left: auto;
+        width: 45% !important;
-            right: 0;
+        left: auto !important;
-            text-align: right;
+        text-align: right;
-            .icon.major {
+        .icon.major {
-                margin-left: $interiorMargin * 3;
+            margin-left: $interiorMargin * 3;
-            }
-//            .icon.major {
-//                margin-left: $interiorMargin;
-//            }
         }
     }
 }

platform/commonUI/general/res/templates/controls/action-button.html

@@ -19,7 +19,7 @@
  this source code distribution or the Licensing information page available
  at runtime from the About dialog for additional information.
 -->
-<a class="t-btn l-btn s-btn s-icon-btn s-very-subtle key-{{parameters.action.getMetadata().key}}"
+<a class="btn s-btn s-icon-btn s-very-subtle key-{{parameters.action.getMetadata().key}}"
    ng-class="{ labeled: parameters.labeled }"
    title="{{parameters.action.getMetadata().description}}"
    ng-click="parameters.action.perform()">

platform/commonUI/general/res/templates/controls/switcher.html

@@ -21,25 +21,29 @@
 -->
 <span ng-controller="ViewSwitcherController">
 
-    <div class="menu-element btn icon-btn very-subtle btn-menu dropdown click-invoke"
+    <div
-         ng-if="view.length > 1"
+	    class="view-switcher menu-element btn btn-menu dropdown click-invoke"
-         ng-controller="ClickAwayController as toggle">
+	    ng-if="view.length > 1"
+	    ng-controller="ClickAwayController as toggle"
+	    >
 
-        <span class="l-click-area" ng-click="toggle.toggle()"></span>
+        <span
+	        class="l-click-area"
+	        ng-click="toggle.toggle()"
+	        title="{{ngModel.selected.name}}"
+	        ></span>
 
         <span class="ui-symbol icon type-icon">{{ngModel.selected.glyph}}</span>
-        <span>{{ngModel.selected.name}}</span>
+        <span class="name">{{ngModel.selected.name}}</span>
-        <span class='ui-symbol icon invoke-menu'>v</span>
+        <span class='ui-symbol invoke-menu'>v</span>
 
 
         <div class="menu dropdown" ng-show="toggle.isActive()">
             <ul>
                 <li ng-repeat="option in view">
-                    <a href="" ng-click="ngModel.selected = option; toggle.setState(false)">
+                    <a ng-click="ngModel.selected = option; toggle.setState(false)">
-                        <span class="ui-symbol type-icon icon">
+                        <span class="ui-symbol type-icon icon">{{option.glyph}}</span>
-                            {{option.glyph}}
+	                    {{option.name}}
-                        </span>
-                        {{option.name}}
                     </a>
                 </li>
             </ul>

platform/commonUI/inspect/bundle.json

@@ -1,20 +1,50 @@
 {
     "extensions": {
-        "types": [
+        "templates": [
             {
-                "key": "infobubble",
+                "key": "info-table",
-                "name": "Info Bubble",
+                "templateUrl": "info-table.html"
-                "glyph": "\u00EA",
+            },
-                "description": "Static markup for info bubbles",
+            {
-                "features": [ "creation" ]
+                "key": "info-bubble",
+                "templateUrl": "info-bubble.html"
             }
         ],
-        "views": [
+        "containers": [
             {
-                "templateUrl": "infobubble.html",
+                "key": "bubble",
-                "name": "Info Bubble",
+                "templateUrl": "bubble.html",
-                "type": "infobubble",
+                "attributes": [ "bubbleTitle", "bubbleLayout" ],
-                "key": "infobubble"
+                "alias": "bubble"
+            }
+        ],
+        "gestures": [
+            {
+                "key": "info",
+                "implementation": "gestures/InfoGesture.js",
+                "depends": [
+                    "$timeout",
+                    "infoService",
+                    "INFO_HOVER_DELAY"
+                ]
+            }
+        ],
+        "services": [
+            {
+                "key": "infoService",
+                "implementation": "services/InfoService.js",
+                "depends": [
+                    "$compile",
+                    "$document",
+                    "$window",
+                    "$rootScope"
+                ]
+            }
+        ],
+        "constants": [
+            {
+                "key": "INFO_HOVER_DELAY",
+                "value": 500
             }
         ]
     }

platform/commonUI/inspect/res/bubble.html

@@ -0,0 +1,9 @@
+    <div class="t-infobubble s-infobubble l-infobubble-wrapper {{bubble.bubbleLayout}}">
+        <div class="l-infobubble">
+            <div ng-show="bubble.bubbleTitle.length > 0"
+                 class="title">
+                {{bubble.bubbleTitle}}
+            </div>
+            <span ng-transclude></span>
+        </div>
+    </div>

platform/commonUI/inspect/res/info-bubble.html

@@ -0,0 +1,7 @@
+<mct-container key="bubble"
+               bubble-title="{{parameters.title}}"
+               bubble-layout="{{parameters.layout}}">
+    <mct-include key="info-table"
+                 ng-model="ngModel">
+    </mct-include>
+</mct-container>

platform/commonUI/inspect/res/info-table.html

@@ -0,0 +1,8 @@
+<table>
+    <tr ng-repeat="property in ngModel">
+        <td class="label">{{property.name}}</td>
+        <td title="{{property.value}}" class="value align-{{property.align}}">
+            {{property.value}}
+        </td>
+    </tr>
+</table>

platform/commonUI/inspect/src/InfoConstants.js

@@ -19,12 +19,17 @@
  * this source code distribution or the Licensing information page available
  * at runtime from the About dialog for additional information.
  *****************************************************************************/
-@import "compass";
+/*global define*/
-@import "compass/css3";
+define({
-@import "compass/css3/border-radius";
+    BUBBLE_TEMPLATE: "<mct-container key=\"bubble\" " +
-@import "compass/css3/opacity";
+                "bubble-title=\"{{bubbleTitle}}\" " +
-@import "compass/utilities";
+                "bubble-layout=\"{{bubbleLayout}}\">" +
-
+                "<mct-include key=\"bubbleTemplate\" ng-model=\"bubbleModel\">" +
-@import "constants";
+                "</mct-include>" +
-@import "mixins";
+                "</mct-container>",
-@import "plots/plots-main";
+    // Pixel offset for bubble, to align arrow position
+    BUBBLE_OFFSET: [ 0, -26 ],
+	// Max width and margins allowed for bubbles; defined in /platform/commonUI/general/res/sass/_constants.scss
+	BUBBLE_MARGIN_LR: 10,
+	BUBBLE_MAX_WIDTH: 300
+});

platform/commonUI/inspect/src/gestures/InfoGesture.js

@@ -0,0 +1,121 @@
+/*****************************************************************************
+ * 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 `info` gesture displays domain object metadata in a
+         * bubble on hover.
+         *
+         * @constructor
+         * @param $timeout Angular's `$timeout`
+         * @param {InfoService} infoService a service which shows info bubbles
+         * @param {number} DELAY delay, in milliseconds, before bubble appears
+         * @param element jqLite-wrapped DOM element
+         * @param {DomainObject} domainObject the domain object for which to
+         *        show information
+         */
+        function InfoGesture($timeout, infoService, DELAY, element, domainObject) {
+            var dismissBubble,
+                pendingBubble,
+                mousePosition,
+                scopeOff;
+
+            function trackPosition(event) {
+                // Record mouse position, so bubble can be shown at latest
+                // mouse position (not just where the mouse entered)
+                mousePosition = [ event.clientX, event.clientY ];
+            }
+
+            function hideBubble() {
+                // If a bubble is showing, dismiss it
+                if (dismissBubble) {
+                    dismissBubble();
+                    element.off('mouseleave', hideBubble);
+                    dismissBubble = undefined;
+                }
+                // If a bubble will be shown on a timeout, cancel that
+                if (pendingBubble) {
+                    $timeout.cancel(pendingBubble);
+                    element.off('mousemove', trackPosition);
+                    element.off('mouseleave', hideBubble);
+                    pendingBubble = undefined;
+                }
+                // Also clear mouse position so we don't have a ton of tiny
+                // arrays allocated while user mouses over things
+                mousePosition = undefined;
+            }
+
+            function showBubble(event) {
+                trackPosition(event);
+
+                // Also need to track position during hover
+                element.on('mousemove', trackPosition);
+
+                // Show the bubble, after a suitable delay (if mouse has
+                // left before this time is up, this will be canceled.)
+                pendingBubble = $timeout(function () {
+                    dismissBubble = infoService.display(
+                        "info-table",
+                        domainObject.getModel().name,
+                        domainObject.useCapability('metadata'),
+                        mousePosition
+                    );
+                    element.off('mousemove', trackPosition);
+                    pendingBubble = undefined;
+                }, DELAY);
+
+                element.on('mouseleave', hideBubble);
+            }
+
+            // Show bubble (on a timeout) on mouse over
+            element.on('mouseenter', showBubble);
+
+            // Also make sure we dismiss bubble if representation is destroyed
+            // before the mouse actually leaves it
+            scopeOff = element.scope().$on('$destroy', hideBubble);
+
+            return {
+                /**
+                 * Detach any event handlers associated with this gesture.
+                 * @memberof InfoGesture
+                 * @method
+                 */
+                destroy: function () {
+                    // Dismiss any active bubble...
+                    hideBubble();
+                    // ...and detach listeners
+                    element.off('mouseenter', showBubble);
+                    scopeOff();
+                }
+            };
+        }
+
+        return InfoGesture;
+
+    }
+
+);

platform/commonUI/inspect/src/services/InfoService.js

@@ -0,0 +1,95 @@
+/*****************************************************************************
+ * 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(
+    ['../InfoConstants'],
+    function (InfoConstants) {
+        "use strict";
+
+        var BUBBLE_TEMPLATE = InfoConstants.BUBBLE_TEMPLATE,
+            OFFSET = InfoConstants.BUBBLE_OFFSET;
+
+        /**
+         * Displays informative content ("info bubbles") for the user.
+         * @constructor
+         */
+        function InfoService($compile, $document, $window, $rootScope) {
+
+            function display(templateKey, title, content, position) {
+                var body = $document.find('body'),
+                    scope = $rootScope.$new(),
+                    winDim = [$window.innerWidth, $window.innerHeight],
+	                bubbleSpaceLR = InfoConstants.BUBBLE_MARGIN_LR + InfoConstants.BUBBLE_MAX_WIDTH,
+                    goLeft = position[0] > (winDim[0] - bubbleSpaceLR),
+                    goUp = position[1] > (winDim[1] / 2),
+                    bubble;
+
+                // Pass model & container parameters into the scope
+                scope.bubbleModel = content;
+                scope.bubbleTemplate = templateKey;
+                scope.bubbleLayout = (goUp ? 'arw-btm' : 'arw-top') + ' ' +
+                        (goLeft ? 'arw-right' : 'arw-left');
+                scope.bubbleTitle = title;
+
+                // Create the context menu
+                bubble = $compile(BUBBLE_TEMPLATE)(scope);
+
+                // Position the bubble
+                bubble.css('position', 'absolute');
+                if (goLeft) {
+                    bubble.css('right', (winDim[0] - position[0] + OFFSET[0]) + 'px');
+                } else {
+                    bubble.css('left', position[0] + OFFSET[0] + 'px');
+                }
+                if (goUp) {
+                    bubble.css('bottom', (winDim[1] - position[1] + OFFSET[1]) + 'px');
+                } else {
+                    bubble.css('top', position[1] + OFFSET[1] + 'px');
+                }
+
+                // Add the menu to the body
+                body.append(bubble);
+
+                // Return a function to dismiss the bubble
+                return function () { bubble.remove(); };
+            }
+
+            return {
+                /**
+                 * Display an info bubble at the specified location.
+                 * @param {string} templateKey template to place in bubble
+                 * @param {string} title title for the bubble
+                 * @param {*} content content to pass to the template, via
+                 *        `ng-model`
+                 * @param {number[]} x,y position of the info bubble, in
+                 *        pixel coordinates.
+                 * @returns {Function} a function that may be invoked to
+                 *          dismiss the info bubble
+                 */
+                display: display
+            };
+        }
+
+        return InfoService;
+    }
+);

platform/commonUI/inspect/test/gestures/InfoGestureSpec.js

@@ -0,0 +1,157 @@
+/*****************************************************************************
+ * 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/gestures/InfoGesture'],
+    function (InfoGesture) {
+        "use strict";
+
+        describe("The info gesture", function () {
+            var mockTimeout,
+                mockInfoService,
+                testDelay = 12321,
+                mockElement,
+                mockDomainObject,
+                mockScope,
+                mockOff,
+                testMetadata,
+                mockPromise,
+                mockHide,
+                gesture;
+
+            function fireEvent(evt, value) {
+                mockElement.on.calls.forEach(function (call) {
+                    if (call.args[0] === evt) {
+                        call.args[1](value);
+                    }
+                });
+            }
+
+            beforeEach(function () {
+                mockTimeout = jasmine.createSpy('$timeout');
+                mockTimeout.cancel = jasmine.createSpy('cancel');
+                mockInfoService = jasmine.createSpyObj(
+                    'infoService',
+                    [ 'display' ]
+                );
+                mockElement = jasmine.createSpyObj(
+                    'element',
+                    [ 'on', 'off', 'scope', 'css' ]
+                );
+                mockDomainObject = jasmine.createSpyObj(
+                    'domainObject',
+                    [ 'getId', 'getCapability', 'useCapability', 'getModel' ]
+                );
+                mockScope = jasmine.createSpyObj('$scope', [ '$on' ]);
+                mockOff = jasmine.createSpy('$off');
+                testMetadata = [ { name: "Test name", value: "Test value" } ];
+                mockPromise = jasmine.createSpyObj('promise', ['then']);
+                mockHide = jasmine.createSpy('hide');
+
+                mockDomainObject.getModel.andReturn({ name: "Test Object" });
+                mockDomainObject.useCapability.andCallFake(function (c) {
+                    return (c === 'metadata') ? testMetadata : undefined;
+                });
+                mockElement.scope.andReturn(mockScope);
+                mockScope.$on.andReturn(mockOff);
+                mockTimeout.andReturn(mockPromise);
+                mockInfoService.display.andReturn(mockHide);
+
+                gesture = new InfoGesture(
+                    mockTimeout,
+                    mockInfoService,
+                    testDelay,
+                    mockElement,
+                    mockDomainObject
+                );
+            });
+
+            it("listens for mouseenter on the representation", function () {
+                expect(mockElement.on)
+                    .toHaveBeenCalledWith('mouseenter', jasmine.any(Function));
+            });
+
+            it("displays an info bubble on a delay after mouseenter", function () {
+                fireEvent("mouseenter", { clientX: 1977, clientY: 42 });
+                expect(mockTimeout)
+                    .toHaveBeenCalledWith(jasmine.any(Function), testDelay);
+                mockTimeout.mostRecentCall.args[0]();
+                expect(mockInfoService.display).toHaveBeenCalledWith(
+                    jasmine.any(String),
+                    "Test Object",
+                    testMetadata,
+                    [ 1977, 42 ]
+                );
+            });
+
+            it("does not display info bubble if mouse leaves too soon", function () {
+                fireEvent("mouseenter", { clientX: 1977, clientY: 42 });
+                fireEvent("mouseleave", { clientX: 1977, clientY: 42 });
+                expect(mockTimeout.cancel).toHaveBeenCalledWith(mockPromise);
+                expect(mockInfoService.display).not.toHaveBeenCalled();
+            });
+
+            it("hides a shown bubble when mouse leaves", function () {
+                fireEvent("mouseenter", { clientX: 1977, clientY: 42 });
+                mockTimeout.mostRecentCall.args[0]();
+                expect(mockHide).not.toHaveBeenCalled(); // verify precondition
+                fireEvent("mouseleave", {});
+                expect(mockHide).toHaveBeenCalled();
+            });
+
+            it("tracks mouse position", function () {
+                fireEvent("mouseenter", { clientX: 1977, clientY: 42 });
+                fireEvent("mousemove", { clientX: 1999, clientY: 11 });
+                fireEvent("mousemove", { clientX: 1984, clientY: 11 });
+                mockTimeout.mostRecentCall.args[0]();
+                // Should have displayed at the latest observed mouse position
+                expect(mockInfoService.display).toHaveBeenCalledWith(
+                    jasmine.any(String),
+                    "Test Object",
+                    testMetadata,
+                    [ 1984, 11 ]
+                );
+            });
+
+            it("hides shown bubbles when destroyed", function () {
+                fireEvent("mouseenter", { clientX: 1977, clientY: 42 });
+                mockTimeout.mostRecentCall.args[0]();
+                expect(mockHide).not.toHaveBeenCalled(); // verify precondition
+                gesture.destroy();
+                expect(mockHide).toHaveBeenCalled();
+            });
+
+            it("detaches listeners when destroyed", function () {
+                fireEvent("mouseenter", { clientX: 1977, clientY: 42 });
+                gesture.destroy();
+                mockElement.on.calls.forEach(function (call) {
+                    expect(mockElement.off).toHaveBeenCalledWith(
+                        call.args[0],
+                        call.args[1]
+                    );
+                });
+            });
+
+        });
+    }
+);

platform/commonUI/inspect/test/services/InfoServiceSpec.js

@@ -0,0 +1,131 @@
+/*****************************************************************************
+ * 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/services/InfoService', '../../src/InfoConstants'],
+    function (InfoService, InfoConstants) {
+        "use strict";
+
+        describe("The info service", function () {
+            var mockCompile,
+                mockDocument,
+                testWindow,
+                mockRootScope,
+                mockCompiledTemplate,
+                testScope,
+                mockBody,
+                mockElement,
+                service;
+
+            beforeEach(function () {
+                mockCompile = jasmine.createSpy('$compile');
+                mockDocument = jasmine.createSpyObj('$document', ['find']);
+                testWindow = { innerWidth: 1000, innerHeight: 100 };
+                mockRootScope = jasmine.createSpyObj('$rootScope', ['$new']);
+                mockCompiledTemplate = jasmine.createSpy('template');
+                testScope = {};
+                mockBody = jasmine.createSpyObj('body', ['append']);
+                mockElement = jasmine.createSpyObj('element', ['css', 'remove']);
+
+                mockDocument.find.andCallFake(function (tag) {
+                    return tag === 'body' ? mockBody : undefined;
+                });
+                mockCompile.andReturn(mockCompiledTemplate);
+                mockCompiledTemplate.andReturn(mockElement);
+                mockRootScope.$new.andReturn(testScope);
+
+                service = new InfoService(
+                    mockCompile,
+                    mockDocument,
+                    testWindow,
+                    mockRootScope
+                );
+            });
+
+            it("creates elements and appends them to the body to display", function () {
+                service.display('', '', {}, [0, 0]);
+                expect(mockBody.append).toHaveBeenCalledWith(mockElement);
+            });
+
+            it("provides a function to remove displayed info bubbles", function () {
+                var fn = service.display('', '', {}, [0, 0]);
+                expect(mockElement.remove).not.toHaveBeenCalled();
+                fn();
+                expect(mockElement.remove).toHaveBeenCalled();
+            });
+
+            describe("depending on mouse position", function () {
+                // Positioning should vary based on quadrant in window,
+                // which is 1000 x 100 in this test case.
+                it("displays from the top-left in the top-left quadrant", function () {
+                    service.display('', '', {}, [250, 25]);
+                    expect(mockElement.css).toHaveBeenCalledWith(
+                        'left',
+                        (250 + InfoConstants.BUBBLE_OFFSET[0]) + 'px'
+                    );
+                    expect(mockElement.css).toHaveBeenCalledWith(
+                        'top',
+                        (25 + InfoConstants.BUBBLE_OFFSET[1]) + 'px'
+                    );
+                });
+
+                it("displays from the top-right in the top-right quadrant", function () {
+                    service.display('', '', {}, [700, 25]);
+                    expect(mockElement.css).toHaveBeenCalledWith(
+                        'right',
+                        (300 + InfoConstants.BUBBLE_OFFSET[0]) + 'px'
+                    );
+                    expect(mockElement.css).toHaveBeenCalledWith(
+                        'top',
+                        (25 + InfoConstants.BUBBLE_OFFSET[1]) + 'px'
+                    );
+                });
+
+                it("displays from the bottom-left in the bottom-left quadrant", function () {
+                    service.display('', '', {}, [250, 70]);
+                    expect(mockElement.css).toHaveBeenCalledWith(
+                        'left',
+                        (250 + InfoConstants.BUBBLE_OFFSET[0]) + 'px'
+                    );
+                    expect(mockElement.css).toHaveBeenCalledWith(
+                        'bottom',
+                        (30 + InfoConstants.BUBBLE_OFFSET[1]) + 'px'
+                    );
+                });
+
+                it("displays from the bottom-right in the bottom-right quadrant", function () {
+                    service.display('', '', {}, [800, 60]);
+                    expect(mockElement.css).toHaveBeenCalledWith(
+                        'right',
+                        (200 + InfoConstants.BUBBLE_OFFSET[0]) + 'px'
+                    );
+                    expect(mockElement.css).toHaveBeenCalledWith(
+                        'bottom',
+                        (40 + InfoConstants.BUBBLE_OFFSET[1]) + 'px'
+                    );
+                });
+            });
+
+        });
+    }
+);

platform/commonUI/inspect/test/suite.json

@@ -0,0 +1,4 @@
+[
+    "gestures/InfoGesture",
+    "services/InfoService"
+]

platform/core/bundle.json

@@ -165,6 +165,10 @@
                 "implementation": "capabilities/PersistenceCapability.js",
                 "depends": [ "persistenceService", "PERSISTENCE_SPACE" ]
             },
+            {
+                "key": "metadata",
+                "implementation": "capabilities/MetadataCapability.js"
+            },
             {
                 "key": "mutation",
                 "implementation": "capabilities/MutationCapability.js",

platform/core/src/capabilities/MetadataCapability.js

@@ -0,0 +1,92 @@
+/*global define*/
+
+define(
+    ['moment'],
+    function (moment) {
+        "use strict";
+
+        /**
+         * A piece of information about a domain object.
+         * @typedef {Object} MetadataProperty
+         * @property {string} name the human-readable name of this property
+         * @property {string} value the human-readable value of this property,
+         *           for this specific domain object
+         */
+
+        var TIME_FORMAT = "YYYY-MM-DD HH:mm:ss";
+
+        /**
+         * Implements the `metadata` capability of a domain object, providing
+         * properties of that object for display.
+         *
+         * Usage: `domainObject.useCapability("metadata")`
+         *
+         * ...which will return an array of objects containing `name` and
+         * `value` properties describing that domain object (suitable for
+         * display.)
+         *
+         * @constructor
+         */
+        function MetadataCapability(domainObject) {
+            var model = domainObject.getModel();
+
+            function hasDisplayableValue(metadataProperty) {
+                var t = typeof metadataProperty.value;
+                return (t === 'string' || t === 'number');
+            }
+
+            function formatTimestamp(timestamp) {
+                return typeof timestamp === 'number' ?
+                        (moment.utc(timestamp).format(TIME_FORMAT) + " UTC") :
+                        undefined;
+            }
+
+            function getProperties() {
+                var type = domainObject.getCapability('type');
+
+                function lookupProperty(typeProperty) {
+                    return {
+                        name: typeProperty.getDefinition().name,
+                        value: typeProperty.getValue(model)
+                    };
+                }
+
+                return (type ? type.getProperties() : []).map(lookupProperty);
+            }
+
+            function getCommonMetadata() {
+                var type = domainObject.getCapability('type');
+                // Note that invalid values will be filtered out later
+                return [
+                    {
+                        name: "Updated",
+                        value: formatTimestamp(model.modified)
+                    },
+                    {
+                        name: "Type",
+                        value: type && type.getName()
+                    },
+                    {
+                        name: "ID",
+                        value: domainObject.getId()
+                    }
+                ];
+            }
+
+            function getMetadata() {
+                return getProperties().concat(getCommonMetadata())
+                    .filter(hasDisplayableValue);
+            }
+
+            return {
+                /**
+                 * Get metadata about this object.
+                 * @returns {MetadataProperty[]} metadata about this object
+                 */
+                invoke: getMetadata
+            };
+        }
+
+        return MetadataCapability;
+    }
+);

platform/core/test/capabilities/MetadataCapabilitySpec.js

@@ -0,0 +1,101 @@
+/*****************************************************************************
+ * 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/capabilities/MetadataCapability'],
+    function (MetadataCapability) {
+        "use strict";
+
+        describe("The metadata capability", function () {
+            var mockDomainObject,
+                mockType,
+                mockProperties,
+                testModel,
+                metadata;
+
+            function getCapability(key) {
+                return key === 'type' ? mockType : undefined;
+            }
+
+            function findValue(properties, name) {
+                var i;
+                for (i = 0; i < properties.length; i += 1) {
+                    if (properties[i].name === name) {
+                        return properties[i].value;
+                    }
+                }
+            }
+
+            beforeEach(function () {
+                mockDomainObject = jasmine.createSpyObj(
+                    'domainObject',
+                    ['getId', 'getCapability', 'useCapability', 'getModel']
+                );
+                mockType = jasmine.createSpyObj(
+                    'type',
+                    ['getProperties', 'getName']
+                );
+                mockProperties = ['a', 'b', 'c'].map(function (k) {
+                    var mockProperty = jasmine.createSpyObj(
+                            'property-' + k,
+                            ['getValue', 'getDefinition']
+                        );
+                    mockProperty.getValue.andReturn("Value " + k);
+                    mockProperty.getDefinition.andReturn({ name: "Property " + k});
+                    return mockProperty;
+                });
+                testModel = { name: "" };
+
+                mockDomainObject.getId.andReturn("Test id");
+                mockDomainObject.getModel.andReturn(testModel);
+                mockDomainObject.getCapability.andCallFake(getCapability);
+                mockDomainObject.useCapability.andCallFake(getCapability);
+                mockType.getProperties.andReturn(mockProperties);
+                mockType.getName.andReturn("Test type");
+
+                metadata = new MetadataCapability(mockDomainObject);
+            });
+
+            it("reads properties from the domain object model", function () {
+                metadata.invoke();
+                mockProperties.forEach(function (mockProperty) {
+                    expect(mockProperty.getValue).toHaveBeenCalledWith(testModel);
+                });
+            });
+
+            it("reports type-specific properties", function () {
+                var properties = metadata.invoke();
+                expect(findValue(properties, 'Property a')).toEqual("Value a");
+                expect(findValue(properties, 'Property b')).toEqual("Value b");
+                expect(findValue(properties, 'Property c')).toEqual("Value c");
+            });
+
+            it("reports generic properties", function () {
+                var properties = metadata.invoke();
+                expect(findValue(properties, 'ID')).toEqual("Test id");
+                expect(findValue(properties, 'Type')).toEqual("Test type");
+            });
+
+        });
+    }
+);

platform/core/test/suite.json

@@ -9,6 +9,7 @@
     "capabilities/ContextualDomainObject",
     "capabilities/CoreCapabilityProvider",
     "capabilities/DelegationCapability",
+    "capabilities/MetadataCapability",
     "capabilities/MutationCapability",
     "capabilities/PersistenceCapability",
     "capabilities/RelationshipCapability",

platform/features/layout/res/templates/layout.html

@@ -34,50 +34,62 @@
 
         <!-- Drag handles -->
         <span ng-show="domainObject.hasCapability('editor')">
-            <span style="position: absolute; left: 12px; right: 12px; top: 12px; bottom: 12px; cursor: move;"
+
+            <span
+                class="edit-handle edit-move"
                   mct-drag-down="controller.startDrag(childObject.getId(), [1,1], [0,0])"
                   mct-drag="controller.continueDrag(delta)"
                   mct-drag-up="controller.endDrag()">
             </span>
-
+            <!--
-            <span style="position: absolute; left: 0px; width: 12px; top: 12px; bottom: 12px; cursor: w-resize;"
+            <span
+                class="edit-handle edit-resize-w"
                   mct-drag-down="controller.startDrag(childObject.getId(), [1,0], [-1,0])"
                   mct-drag="controller.continueDrag(delta)"
                   mct-drag-up="controller.endDrag()">
             </span>
-            <span style="position: absolute; right: 0px; width: 12px; top: 12px; bottom: 12px; cursor: e-resize;"
+            <span
+                class="edit-handle edit-resize-e"
                   mct-drag-down="controller.startDrag(childObject.getId(), [0,0], [1,0])"
                   mct-drag="controller.continueDrag(delta)"
                   mct-drag-up="controller.endDrag()">
             </span>
 
-            <span style="position: absolute; left: 12px; right: 12px; top: 0px; height: 12px; cursor: n-resize;"
+            <span
+                class="edit-handle edit-resize-n"
                   mct-drag-down="controller.startDrag(childObject.getId(), [0,1], [0,-1])"
                   mct-drag="controller.continueDrag(delta)"
                   mct-drag-up="controller.endDrag()">
             </span>
-            <span style="position: absolute; left: 12px; right: 12px; bottom: 0px; height: 12px; cursor: s-resize;"
+            <span
+                class="edit-handle edit-resize-s"
                   mct-drag-down="controller.startDrag(childObject.getId(), [0,0], [0,1])"
                   mct-drag="controller.continueDrag(delta)"
                   mct-drag-up="controller.endDrag()">
             </span>
+            -->
 
-            <span style="position: absolute; left: 0px; width: 12px; top: 0px; height: 12px; cursor: nw-resize;"
+            <span
+                class="edit-corner edit-resize-nw"
                   mct-drag-down="controller.startDrag(childObject.getId(), [1,1], [-1,-1])"
                   mct-drag="controller.continueDrag(delta)"
                   mct-drag-up="controller.endDrag()">
             </span>
-            <span style="position: absolute; right: 0px; width: 12px; top: 0px; height: 12px; cursor: ne-resize;"
+            <!--span
+                class="edit-corner edit-resize-nw"
+                style="position: absolute; right: 0px; width: 12px; top: 0px; height: 12px; cursor: ne-resize;"
                   mct-drag-down="controller.startDrag(childObject.getId(), [0,1], [1,-1])"
                   mct-drag="controller.continueDrag(delta)"
                   mct-drag-up="controller.endDrag()">
-            </span>
+            </span-->
-            <span style="position: absolute; left: 0px; width: 12px; bottom: 0px; height: 12px; cursor: sw-resize;"
+            <span
+                class="edit-corner edit-resize-sw"
                   mct-drag-down="controller.startDrag(childObject.getId(), [1,0], [-1,1])"
                   mct-drag="controller.continueDrag(delta)"
                   mct-drag-up="controller.endDrag()">
             </span>
-            <span style="position: absolute; right: 0px; width: 12px; bottom: 0px; height: 12px; cursor: se-resize;"
+            <span
+                class="edit-corner edit-resize-se"
                   mct-drag-down="controller.startDrag(childObject.getId(), [0,0], [1,1])"
                   mct-drag="controller.continueDrag(delta)"
                   mct-drag-up="controller.endDrag()">

platform/features/plot/bundle.json

@@ -8,6 +8,7 @@
                 "glyph": "6",
                 "templateUrl": "templates/plot.html",
                 "needs": [ "telemetry" ],
+                "priority": "preferred",
                 "delegation": true
             }
         ],

platform/features/plot/res/templates/plot.html

@@ -87,10 +87,10 @@
                 </mct-chart>
 
                 <!-- TODO: Move into correct position; make part of group; infer from set of actions -->
-                <div class="gl-plot-local-controls"
+                <div class="l-local-controls gl-plot-local-controls"
                      ng-if="$first"
                      ng-show="representation.showControls"
-                     style="position: absolute; top: 8px; right: 8px;">
+                    >
 
                     <a href=""
                        class="t-btn l-btn s-btn s-icon-btn s-very-subtle"
@@ -108,7 +108,7 @@
                         <span class="ui-symbol icon">I</span>
                     </a>
 
-                    <div class="menu-element btn icon-btn very-subtle btn-menu dropdown click-invoke"
+                    <div class="menu-element btn s-very-subtle btn-menu dropdown menus-to-left"
                          ng-if="plot.getModeOptions().length > 1"
                          ng-controller="ClickAwayController as toggle">
 
@@ -116,7 +116,7 @@
 
                         <span class="ui-symbol icon type-icon">{{plot.getMode().glyph}}</span>
                         <span>{{plot.getMode().name}}</span>
-                        <span class='ui-symbol icon invoke-menu'>v</span>
+                        <span class='ui-symbol invoke-menu'>v</span>
 
                         <div class="menu dropdown" ng-show="toggle.isActive()">
                             <ul>

platform/forms/res/templates/controls/color.html

@@ -30,7 +30,7 @@
     <span class="title-label" ng-if="structure.text">
         {{structure.text}}
     </span>
-    <span class='ui-symbol icon invoke-menu' ng-if="!structure.text">v</span>
+    <span class='ui-symbol invoke-menu' ng-if="!structure.text">v</span>
 
 
     <div

platform/forms/res/templates/controls/menu-button.html

@@ -28,7 +28,7 @@
     <span class="title-label" ng-if="structure.text">
         {{structure.text}}
     </span>
-    <span class='ui-symbol icon invoke-menu'
+    <span class='ui-symbol invoke-menu'
           ng-if="!structure.text">
         v
     </span>

platform/forms/test/controllers/DateTimeControllerSpec.js

@@ -85,10 +85,26 @@ define(
                 expect(mockScope.ngModel.test).toBeUndefined();
             });
 
+
             it("exposes date-time format for placeholder", function () {
                 expect(mockScope.format).toEqual(jasmine.any(String));
                 expect(mockScope.format.length).toBeGreaterThan(0);
             });
+            it("initializes form fields with values from ng-model", function () {
+                mockScope.ngModel = { test: 1417215313000 };
+                mockScope.field = "test";
+                mockScope.$watch.calls.forEach(function (call) {
+                    if (call.args[0] === 'ngModel[field]') {
+                        call.args[1](mockScope.ngModel.test);
+                    }
+                });
+                expect(mockScope.datetime).toEqual({
+                    date: "2014-11-28",
+                    hour: "22",
+                    min: "55",
+                    sec: "13"
+                });
+            });
         });
     }
 );

platform/representation/src/gestures/DropGesture.js

@@ -43,7 +43,7 @@ define(
         function DropGesture(dndService, $q, element, domainObject) {
             var actionCapability = domainObject.getCapability('action'),
                 action; // Action for the drop, when it occurs
-
+            
             function broadcastDrop(id, event) {
                 // Find the relevant scope...
                 var scope = element && element.scope && element.scope(),
@@ -92,17 +92,24 @@ define(
 
             function drop(e) {
                 var event = (e || {}).originalEvent || e,
-                    id = event.dataTransfer.getData(GestureConstants.MCT_DRAG_TYPE);
+                    id = event.dataTransfer.getData(GestureConstants.MCT_DRAG_TYPE),
-
+                    domainObjectType = domainObject.getModel().type;
-                // Handle the drop; add the dropped identifier to the
+                
-                // destination domain object's composition, and persist
+                // If currently in edit mode allow drag and drop gestures to the
-                // the change.
+                // domain object. An exception to this is folders which have drop
-                if (id) {
+                // gestures in browse mode.
-                    $q.when(action && action.perform()).then(function (result) {
+                if (domainObjectType === 'folder' || domainObject.hasCapability('editor')) {
-                        broadcastDrop(id, event);
+                
-                    });
+                    // Handle the drop; add the dropped identifier to the
+                    // destination domain object's composition, and persist
+                    // the change.
+                    if (id) {
+                        $q.when(action && action.perform()).then(function (result) {
+                            broadcastDrop(id, event);
+                        });
+                    }
                 }
-
+                // TODO: Alert user if drag and drop is not allowed
             }
 
             // We can only handle drops if we have access to actions...

platform/representation/test/gestures/DropGestureSpec.js

@@ -131,8 +131,11 @@ define(
                 expect(mockEvent.preventDefault).toHaveBeenCalled();
                 expect(mockEvent.dataTransfer.dropEffect).toBeDefined();
             });
-
+            
-            it("invokes compose on drop", function () {
+            it("invokes compose on drop in edit mode", function () {
+                // Set the mockDomainObject to have the editor capability
+                mockDomainObject.hasCapability.andReturn(true);
+                
                 callbacks.dragover(mockEvent);
                 expect(mockAction.getActions).toHaveBeenCalledWith({
                     key: 'compose',
@@ -141,9 +144,43 @@ define(
                 callbacks.drop(mockEvent);
                 expect(mockCompose.perform).toHaveBeenCalled();
             });
+            
+            
+            it("does not invoke compose on drop in browse mode for non-folders", function () {
+                // Set the mockDomainObject to not have the editor capability
+                mockDomainObject.hasCapability.andReturn(false);
+                // Set the mockDomainObject to not have a type of folder
+                mockDomainObject.getModel.andReturn({type: 'notAFolder'});
+                
+                callbacks.dragover(mockEvent);
+                expect(mockAction.getActions).toHaveBeenCalledWith({
+                    key: 'compose',
+                    selectedObject: mockDraggedObject
+                });
+                callbacks.drop(mockEvent);
+                expect(mockCompose.perform).not.toHaveBeenCalled();
+            });
+            
+            
+            it("invokes compose on drop in browse mode for folders", function () {
+                // Set the mockDomainObject to not have the editor capability
+                mockDomainObject.hasCapability.andReturn(false);
+                // Set the mockDomainObject to have a type of folder
+                mockDomainObject.getModel.andReturn({type: 'folder'});
 
-
+                callbacks.dragover(mockEvent);
-            it("broadcasts drop position", function () {
+                expect(mockAction.getActions).toHaveBeenCalledWith({
+                    key: 'compose',
+                    selectedObject: mockDraggedObject
+                });
+                callbacks.drop(mockEvent);
+                expect(mockCompose.perform).toHaveBeenCalled();
+            });
+            
+            it("broadcasts drop position (in edit mode)", function () {
+                // Set the mockDomainObject to have the editor capability
+                mockDomainObject.hasCapability.andReturn(true);
+                
                 testRect.left = 42;
                 testRect.top = 36;
                 mockEvent.pageX = 52;

platform/telemetry/src/TelemetryFormatter.js

@@ -22,8 +22,8 @@
 /*global define,moment*/
 
 define(
-    ['../lib/moment.min.js'],
+    ['moment'],
-    function () {
+    function (moment) {
         "use strict";
 
         // Date format to use for domain values; in particular,

pom.xml

@@ -6,7 +6,7 @@
     <groupId>gov.nasa.arc.wtd</groupId>
     <artifactId>open-mct-web</artifactId>
     <name>Open MCT Web</name>
-    <version>0.7.0-SNAPSHOT</version>
+    <version>0.7.1-SNAPSHOT</version>
     <packaging>war</packaging>
 
     <properties>