updating template for Phurion

slaneyrw · Dec 15, 2012 · 4042795 · 4042795
1 parent 81226e5
commit 4042795
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 4 deletions.
diff --git a/workbench/Phurion/combinedCellTemplate.html b/workbench/Phurion/combinedCellTemplate.html
@@ -0,0 +1,4 @@
+<div class="colt1">
+    <span class="colt1" style="float: left; display: block;" data-bind="text: $parent.getProperty('From')"></span>
+    <span class="colt1" style="clear: both; display: block;" data-bind="text: $parent.getProperty('Subject')"></span>
+</div>
diff --git a/workbench/Phurion/combinedHeaderTemplate.html b/workbench/Phurion/combinedHeaderTemplate.html
@@ -0,0 +1,9 @@
+<div class="col1 kgHeaderSortColumn">
+    <span style="position: absolute; left: 200px; top:4px;">
+        <div class="kgSortButtonDown" style="top: 8px; right: 100px;" data-bind="visible: $parent.columns()[1].showSortButtonDown"></div>
+        <div class="kgSortButtonUp" style="top: 8px; right: 100px;" data-bind="visible: $parent.columns()[1].showSortButtonUp"></div>
+        <span style="margin-left: 15px;" data-bind="click: $parent.columns()[1].sort">From</span>  /  <span data-bind="click: $parent.columns()[2].sort">Subject</span>
+        <div class="kgSortButtonDown" style="top: 8px; left: 115px;" data-bind="visible: $parent.columns()[2].showSortButtonDown"></div>
+        <div class="kgSortButtonUp" style="top: 8px; left: 115px;" data-bind="visible: $parent.columns()[2].showSortButtonUp"></div>
+    </span>
+</div>
diff --git a/workbench/Phurion/main.js b/workbench/Phurion/main.js
@@ -62,11 +62,12 @@ function mainViewModel() {
         beforeSelectionChange: self.markEmailRead,
         rowTemplate: 'rowTemplate.html',
         selectedItems: self.selectedItems,
+        showColumnMenu: false,
         columnDefs: [
-            { field: '', width: '*', cellTemplate: 'imageCellTemplate.html' },
-            { field: 'From', width: '***' },
-            { field: 'Subject', width: '***************' },
-            { field: 'Date', width: '***' }]
+            { field: '', width: 50, cellTemplate: 'imageCellTemplate.html', resizable: false, sortable: false },
+            { field: 'From', width: 691, resizable: false, cellTemplate: 'combinedCellTemplate.html', headerCellTemplate: 'combinedHeaderTemplate.html' },
+            { field: 'Subject', width: 0, visible: false }, // fake column for sorting.
+            { field: 'Date', width: 200, resizable: false }]
     };
 }
 ko.applyBindings(new mainViewModel());