[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/browse/res/templates/browse-object.html

@@ -0,0 +1,26 @@
+<span ng-controller="ViewSwitcherController">
+    <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">
+
+            <mct-representation key="'action-group'"
+                                mct-object="domainObject"
+                                parameters="{ category: 'view-control' }">
+            </mct-representation>
+
+            <mct-include key="'switcher'" ng-model="switcher" ng-if="switcher.options.length > 0">
+            </mct-include>
+        </div>
+
+    </div>
+
+    <div class='object-holder abs vscroll'>
+        <mct-representation key="switcher.selected.key" mct-object="domainObject">
+        </mct-representation>
+    </div>
+</span>

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

@@ -0,0 +1,25 @@
+<div content="jquery-wrapper" class="abs holder-all browse-mode">
+    <mct-include key="'topbar-browse'"></mct-include>
+    <div class="holder browse-area outline abs" ng-controller="BrowseController as browse">
+        <div class='split-layout vertical contents abs'>
+            <div class='split-pane-component treeview pane' style="width: 200px;">
+                <mct-representation key="'create-button'" mct-object="navigatedObject">
+                </mct-representation>
+                <div class='holder tree-holder abs'>
+                    <mct-representation key="'tree'"
+                                        mct-object="domainObject"
+                                        parameters="{callback: browse.setNavigation}">
+                    </mct-representation>
+                </div>
+            </div>
+            <div class="splitter" style="left: 200px"></div>
+            <div class='split-pane-component items pane' style="right:0; left:200px;">
+                <div class='holder abs' id='content-area'>
+                    <mct-representation mct-object="navigatedObject" key="'browse-object'">
+                    </mct-representation>
+                </div>
+            </div>
+        </div>
+    </div>
+    <mct-include key="'bottombar'"></mct-include>
+</div>

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

@@ -0,0 +1,7 @@
+<div class='object-header'>
+    <span class='type-icon icon ui-symbol'>{{type.getGlyph()}}</span>
+    <span class='action'>{{parameters.mode}}</span>
+    <span class='type'>{{type.getName()}}</span>
+    <span class='title'>{{model.name}}</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>
+</div>

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

@@ -0,0 +1,9 @@
+<div class="menu-element wrapper" ng-controller="CreateButtonController">
+    <div class="btn btn-menu create-btn major" ng-click="toggle()">
+        <span class='ui-symbol major' href=''>+</span> Create<!--span class='ui-symbol invoke-menu'>v</span-->
+    </div>
+    <div class="menu dropdown super-menu" ng-show="createState.visible">
+        <mct-representation mct-object="domainObject" key="'create-menu'">
+        </mct-representation>
+    </div>
+</div>

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

@@ -0,0 +1,30 @@
+<div class="contents" ng-controller="CreateMenuController">
+    <div class="pane left menu-items">
+        <ul>
+
+            <li ng-repeat="createAction in createActions">
+                <a href=''
+                   ng-click="createAction.perform()"
+                   ng-mouseover="representation.activeMetadata = createAction.getMetadata()"
+                   ng-mouseleave="representation.activeMetadata = undefined">
+                    <span class="ui-symbol icon type-icon">
+                        {{createAction.getMetadata().glyph}}
+                    </span>
+                    {{createAction.getMetadata().name}}
+                </a>
+            </li>
+
+        </ul>
+    </div>
+    <div class="pane right menu-item-description">
+        <div class="desc-area ui-symbol icon type-icon">
+            {{representation.activeMetadata.glyph}}
+        </div>
+        <div class="desc-area title">
+            {{representation.activeMetadata.name}}
+        </div>
+        <div class="desc-area description">
+            {{representation.activeMetadata.description}}
+        </div>
+    </div>
+</div>

platform/commonUI/browse/res/templates/items/grid-item.html

@@ -0,0 +1,26 @@
+<!-- For selected, add class 'selected' to outer div -->
+<div class='item grid-item' ng-click='action.perform("navigate")'>
+    <div class="contents abs">
+        <div class='top-bar bar abs'>
+            <div class='left abs'>
+                <mct-include key="_checkbox"></mct-include>
+            </div>
+            <div class='right abs'>
+                <div class='ui-symbol icon alert hidden' onclick="alert('Not yet functional. When this is visible, it means that this object needs to be updated. Clicking will allow that action via a dialog.');">!</div>
+                <div class='ui-symbol icon profile' onclick="alert('Not yet functional. This will allow sharing and permissions to be controlled for this object.');">P</div>
+            </div>
+        </div>
+        <div class='item-main abs'>
+            <div class='ui-symbol icon lg abs item-type'>{{type.getGlyph()}}</div>
+            <div class='ui-symbol icon abs item-open'>}</div>
+        </div>
+        <div class='bottom-bar bar abs'>
+            <div class='title'>{{model.name}}</div>
+            <div class='details'>
+                <span ng-show="model.composition !== undefined">
+                    {{model.composition.length}} Items
+                </span>
+            </div>
+        </div>
+    </div>
+</div>

platform/commonUI/browse/res/templates/items/items.html

@@ -0,0 +1,6 @@
+<div class='items-holder grid abs'>
+    <mct-representation key="'grid-item'"
+                        ng-repeat="childObject in composition"
+                        mct-object="childObject">
+    </mct-representation>
+</div>

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

@@ -0,0 +1,15 @@
+<div class='top-bar browse abs'>
+    <!-- TO-DO: replace JS placeholders for click actions -->
+    <div class='browse-main bar abs left'>
+        <a class="menu-element btn btn-menu browse-btn" onclick="alert('Not yet functional. This will allow filtering of browsed objects and search context.');">
+            <span class='ui-symbol badge major' href=''>*</span>Browse All<span class='ui-symbol invoke-menu'>v</span>
+        </a>
+        <input type='text' class='control filter' name='filter-available'/>
+        <a class='icon icon-filter ui-symbol' onclick="alert('Not yet functional. This will initiate a search.');">M</a>
+    </div>
+    <div class='icon-buttons-main bar abs right'>
+        <a class='ui-symbol icon major alert' onclick="alert('Not yet functional. This will allow updating of domain objects that need to be refreshed.');">!<span id='alert-actions-menu' class='ui-symbol invoke-menu'>v</span></a>
+        <!--a class='ui-symbol icon major profile' href=''>P<span id='profile-actions-menu' class='ui-symbol invoke-menu'>v</span></a-->
+        <a class='ui-symbol icon major settings' onclick="alert('Not yet functional. This will allow access to application configuration settings.');">G<span id='settings-actions-menu' class='ui-symbol invoke-menu'>v</span></a>
+    </div>
+</div>