From 67bb110dc8d11cca390b9231ef79dfb005767794 Mon Sep 17 00:00:00 2001
From: Victor Woeltjen <victor.woeltjen@nasa.gov>
Date: Mon, 9 Mar 2015 16:54:22 -0700
Subject: [PATCH] [Forms] Update selector template

Update selector template to request necessary information
to populate domain object selector, as shown in UI diagrams
for WTD-987.
---
 .../res/templates/controls/selector.html      | 29 +++++++++++++++----
 1 file changed, 24 insertions(+), 5 deletions(-)

diff --git a/platform/commonUI/general/res/templates/controls/selector.html b/platform/commonUI/general/res/templates/controls/selector.html
index a867ad0516..b8ec1a2849 100644
--- a/platform/commonUI/general/res/templates/controls/selector.html
+++ b/platform/commonUI/general/res/templates/controls/selector.html
@@ -1,5 +1,5 @@
 <div class='form-control complex channel-selector cols cols-32'
-     ng-controller="">
+     ng-controller="SelectorController as selector">
     <div class='col col-15'>
         <div class='line field-hints'>Available</div>
         <div id='_form_filter' class='line filter'>
@@ -14,26 +14,45 @@
         </div>
 
         <div class='line treeview checkbox-list' name='available'>
-
+            <mct-representation key="'tree'"
+                                mct-object="selector.root()"
+                                ng-model="selector.treeModel">
+            </mct-representation>
         </div>
     </div>
     <div class='col col-2'>
         <div class='btn-holder valign-mid btns-add-remove'>
-            <a class='btn major' href=''><span class='ui-symbol'>&gt;</span></a>
-            <a class='btn major' href=''><span class='ui-symbol'>&lt;</span></a>
+            <a class='btn major' href=''
+               ng-click="selector.select(selector.treeModel.selectedObject)">
+                <span class='ui-symbol'>&gt;</span>
+            </a>
+            <a class='btn major' href=''
+               ng-click="selector.deselect">
+                <span class='ui-symbol'>&lt;</span>
+            </a>
         </div>
     </div>
     <div class='col col-15'>
         <div class='line field-hints'>Selected</div>
         <div id='_form_filter' class='line filter'>
             <input type='text' class='control filter' name='filter-selected' />
-            <a class='icon ui-symbol t-selected-trigger' href='' title="Filter is case sensitive">M</a>
+            <a class='icon ui-symbol t-selected-trigger'
+               href=''
+               title="Filter is case sensitive">
+                M
+            </a>
         </div>
         <div class="line">
             Showing {{shown}} of {{count}} available options.
         </div>
 
         <div class='line treeview checkbox-list' name='selected'>
+            <mct-representation ng-repeat="selectedObject in selector.selected()"
+                                key="'breadcrumb'"
+                                mct-object="selectedObject"
+                                ng-click="selector.listModel.selectedObject = selectedObject"
+                                ng-class="{ test: selector.listModel.selectedObject === selectedObject }">
+            </mct-representation>
         </div>
     </div>
 </div>
\ No newline at end of file