[Common UI] Initial commonUI bundles

Bring in work on general-purpose and over-arching
user interface bundles from the sandbox transition
branch. WTD-574.

platform/commonUI/general/res/templates/bottombar.html

@@ -0,0 +1,13 @@
+<div class='abs bottom-bar ue-bottom-bar'>
+    <div id='status' class='status-holder abs'>
+        <div id='status_data_flow' class='status block data-flow'>
+            <span class='ui-symbol status-indicator ok'>.</span>
+            <span class='label'>Connected</span>
+        </div>
+        <!--div id='status_data_connection' class='status block data-connection'>
+            <span class='ui-symbol status-indicator caution'>D</span>
+            <span class='label'>Connected CPU 0.1% / Mem 1.9%</span>
+        </div-->
+    </div>
+    <!--mct-include key="'app-logo'"></mct-include-->
+</div>

platform/commonUI/general/res/templates/containers/accordion.html

@@ -0,0 +1,10 @@
+<div class="accordion" ng-controller="AccordionController as accordion">
+    <div class="accordion-head" ng-click="accordion.toggle()">
+        {{container.title}}
+    </div>
+    <div class="accordion-contents"
+         ng-show="accordion.expanded()"
+         style="height: 180px;"
+         ng-transclude>
+    </div>
+</div>

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

@@ -0,0 +1,12 @@
+<a href=""
+   class="t-btn l-btn s-btn s-icon-btn s-very-subtle"
+   ng-class="{ labeled: parameters.labeled }"
+   title="{{parameters.action.getMetadata().description}}"
+   ng-click="parameters.action.perform()">
+    <span class="ui-symbol icon">
+        {{parameters.action.getMetadata().glyph}}
+    </span>
+    <span class="title-label" ng-if="parameters.labeled">
+        {{parameters.action.getMetadata().name}}
+    </span>
+</a>

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

@@ -0,0 +1,15 @@
+<span ng-controller="ActionGroupController">
+
+    <span ng-repeat="action in ungrouped">
+        <mct-include key="'action-button'" parameters="{ action: action }">
+        </mct-include>
+    </span>
+
+    <span class="btn-set" ng-repeat="group in groups">
+        <span ng-repeat="action in group">
+            <mct-include key="'action-button'" parameters="{ action: action }">
+            </mct-include>
+        </span>
+    </span>
+
+</span>

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

@@ -0,0 +1,28 @@
+<div class="menu-element btn icon-btn very-subtle btn-menu dropdown click-invoke"
+     ng-if="ngModel.options.length > 1">
+
+    <span ng-click="ngModel.expanded = !ngModel.expanded">
+        <span class="ui-symbol icon type-icon">{{ngModel.selected.glyph}}</span>
+        <span>{{ngModel.selected.name}}</span>
+        <span class='ui-symbol icon invoke-menu'>v</span>
+    </span>
+
+    <div class="menu dropdown" ng-show="ngModel.expanded">
+        <ul>
+            <li ng-repeat="option in ngModel.options">
+                <a href="" ng-click="ngModel.selected = option; ngModel.expanded = false;">
+                    <span class="ui-symbol type-icon icon">
+                        {{option.glyph}}
+                    </span>
+                    {{option.name}}
+                </a>
+            </li>
+        </ul>
+    </div>
+</div>
+
+<span class="btn"
+      ng-if="ngModel.options.length === 1">
+    <span class="ui-symbol icon type-icon">{{ngModel.selected.glyph}}</span>
+    <span>{{ngModel.selected.name}}</span>
+</span>

platform/commonUI/general/res/templates/label.html

@@ -0,0 +1,7 @@
+<span class="label">
+    <span class='ui-symbol icon type-icon'>
+        {{type.getGlyph()}}
+        <span class='ui-symbol icon alert hidden'>!</span>
+    </span>
+    <span class='title-label'>{{model.name}}</span>
+</span>

platform/commonUI/general/res/templates/menu/context-menu.html

@@ -0,0 +1,18 @@
+<div class="menu-element context-menu-wrapper" ng-controller="ContextMenuController">
+    <div class="menu context-menu dropdown">
+        <ul>
+
+            <li ng-repeat="menuAction in menuActions">
+                <a href=""
+                   ng-click="menuAction.perform()"
+                   title="{{menuAction.getMetadata().description}}">
+                    <span class="ui-symbol icon type-icon">
+                        {{menuAction.getMetadata().glyph}}
+                    </span>
+                    {{menuAction.getMetadata().name}}
+                </a>
+            </li>
+
+        </ul>
+    </div>
+</div>

platform/commonUI/general/res/templates/test.html

@@ -0,0 +1,3 @@
+<b>
+    <div style="width: 400px; border: 4px green solid; text-align:right;">{{model.name}}</div>
+</b>

platform/commonUI/general/res/templates/tree-item.html

@@ -0,0 +1,19 @@
+<span ng-controller="TreeNodeController">
+<span class="tree-item menus-to-left">
+	<span class='ui-symbol view-control' ng-click="toggle()" ng-if="model.composition !== undefined">
+        {{node.expanded ? "v" : ">"}}
+    </span>
+    <mct-representation key="'label'"
+                        mct-object="domainObject"
+                        parameters="parameters"
+                        ng-click="parameters.callback(domainObject)"
+                        ng-class="{selected: node.isSelected}">
+    </mct-representation>
+</span>
+<span class="tree-item-subtree" ng-show="node.expanded" ng-if="model.composition !== undefined">
+    <mct-representation key="'tree'"
+                        parameters="parameters"
+                        mct-object="node.domainObject">
+    </mct-representation>
+</span>
+</span>

platform/commonUI/general/res/templates/tree.html

@@ -0,0 +1,6 @@
+<ul class="tree">
+    <li ng-repeat="child in composition">
+        <mct-representation key="'tree-item'" mct-object="child" parameters="parameters">
+        </mct-representation>
+    </li>
+</ul>