web staff: autogrid experiments

Signed-off-by: Bill Erickson <berick@esilibrary.com>

diff --git a/Open-ILS/src/templates/staff/parts/t_autogrid.tt2 b/Open-ILS/src/templates/staff/parts/t_autogrid.tt2
index f0c09af..be9f99d 100644 (file)
--- a/Open-ILS/src/templates/staff/parts/t_autogrid.tt2
+++ b/Open-ILS/src/templates/staff/parts/t_autogrid.tt2
@@ -2,23 +2,33 @@
 <style>
   /* TODO: move me */
   .eg-grid-header-row { font-weight: bold; }
-  .eg-grid div.row {padding: 3px; border-right: 2px solid rgb(248, 248, 248);}
-  .eg-grid div.row:nth-child(odd) {background-color: rgb(248, 248, 248);}
-  .eg-grid div[class*="col-"] {border-right: 1px solid rgb(248, 248, 248);}
+  .eg-grid div.row {border-bottom: 2px solid #ddd}
+  .eg-grid-content-row:nth-child(even) {background-color: rgb(248, 248, 248);}
 </style>
 
 <div class="container-fluid eg-grid">
+  <div class="row eg-grid-action-row">
+    <div class="col-md-1 col-md-offset-11 text-right">
+      <div class="btn-group text-left">
+        [% INCLUDE 'staff/parts/column_picker.tt2' listname='dataList' %]
+      </div>
+    </div>
+  </div>
   <!-- import any embedded eg-grid-field defs via no-op transclude -->
   <div ng-transclude></div>
   <div class="row eg-grid-header-row">
-    <div class="col-md-1" ng-repeat="column in dataList.allColumns"
-      ng-show="dataList.displayColumns[column.name]">
+    <div class="col-md-1 eg-grid-header-cell" 
+        ng-repeat="column in dataList.allColumns"
+        ng-show="dataList.displayColumns[column.name]">
       {{column.label}}
     </div>
   </div>
-  <div class="row eg-grid-content-row" ng-repeat="item in dataList.items">
-    <div class="col-md-1" ng-repeat="field in dataList.allColumns">
-        {{dataList.fieldValue(item, field.name)}}
+  <div class="row eg-grid-content-row" 
+    ng-repeat="item in dataList.items">
+    <div class="col-md-1 eg-grid-content-cell" 
+          ng-repeat="column in dataList.allColumns"
+          ng-show="dataList.displayColumns[column.name]">
+      {{dataList.fieldValue(item, column.name)}}
     </div>
   </div>
 </div>

diff --git a/Open-ILS/web/js/ui/default/staff/services/autogrid.js b/Open-ILS/web/js/ui/default/staff/services/autogrid.js
index 2613424..dccfb0c 100644 (file)
--- a/Open-ILS/web/js/ui/default/staff/services/autogrid.js
+++ b/Open-ILS/web/js/ui/default/staff/services/autogrid.js
@@ -26,7 +26,7 @@ angular.module('egGridMod', ['egCoreMod', 'egListMod'])
                     name : fieldScope.name,
                     label : fieldScope.label,
                     path : fieldScope.path,
-                    display : (fieldScope === false) ? false : true
+                    display : (fieldScope.display === false) ? false : true
                 };
                 self.applyFieldLabel(field);
                 $scope.dataList.addColumn(field);
@@ -58,8 +58,10 @@ angular.module('egGridMod', ['egCoreMod', 'egListMod'])
                                 }
                             }
                         }
-                        if ($scope.dataList.allColumns.length >= self.maxFieldCount) 
+                        if ($scope.dataList.allColumns.length >= self.maxFieldCount) {
+                            console.log('setting to false ' + field.name);
                             field.display = false;
+                        }
                         self.addField(field);
                     }
                 );