Open-ILS/src/templates/staff/share/t_grid_columns.tt2

   1 <div>
   2   <div class="modal-header">
   3     <button type="button" class="close"
   4       ng-click="cancel()" aria-hidden="true">&times;</button>
   5     <h4 class="modal-title alert alert-info">
   6       [% l('Grid Columns Configuration') %]
   7     </h4>
   8   </div>
   9   <div class="modal-body eg-grid-columns-modal-body">
  10     <div class="row eg-grid-header-row">
  11       <div class="col-md-1">[% l('Visible') %]</div>
  12       <div class="col-md-3">[% l('Column Name') %]</div>
  13       <div class="col-md-1">[% l('Move Up') %]</div>
  14       <div class="col-md-1">[% l('Move Down') %]</div>
  15       <div class="col-md-1">[% l('First Visible') %]</div>
  16       <div class="col-md-1">[% l('Last Visible') %]</div>
  17       <div class="col-md-1" ng-if="!disableMultiSort">
  18         [% l('Sort Priority') %]
  19       </div>
  20       <div class="col-md-3">
  21         <button class="btn btn-default" ng-click="elevateVisible()">
  22           [% l('Sort Visible Columns To Top') %]
  23         </button>
  24       </div>
  25     </div>
  26     <div class="row" ng-repeat="col in columns"
  27       ng-class="{visible : col.visible}">
  28       <div class="col-md-1" ng-click="toggle(col)">
  29         <span ng-if="col.visible" class="label label-success">&#x2713;</span>
  30         <span ng-if="!col.visible" class="label label-warning">&#x2717;</span>
  31       </div>
  32       <div class="col-md-3" ng-click="toggle(col)">{{col.label}}</div>
  33       <div class="col-md-1">
  34         <a href title="[% l('Move column up') %]"
  35           ng-click="modifyColumnPos(col, -1)">
  36           <span class="glyphicon glyphicon-arrow-up"></span>
  37         </a>
  38       </div>
  39       <div class="col-md-1">
  40         <a href title="[% l('Move column down') %]"
  41           ng-click="modifyColumnPos(col, 1)">
  42           <span class="glyphicon glyphicon-arrow-down"></span>
  43         </a>
  44       </div>
  45       <div class="col-md-1">
  46         <a href title="[% l('Make first visible') %]"
  47           ng-click="modifyColumnPos(col, -10000)">
  48           <span class="glyphicon glyphicon-open"></span>
  49         </a>
  50       </div>
  51       <div class="col-md-1">
  52         <a href title="[% l('Make last visible') %]"
  53           ng-click="modifyColumnPos(col, 10000)">
  54           <span class="glyphicon glyphicon-save"></span>
  55         </a>
  56       </div>
  57       <div class="col-md-1" ng-if="!disableMultiSort">
  58         <div ng-if="col.multisortable">
  59           <input type='number' ng-model="col.sort"
  60             title="[% l('Sort Priority / Direction') %]" style='width:2.3em'/>
  61         </div>
  62       </div>
  63     </div>
  64   </div>
  65   <div class="modal-footer">
  66     <input type="submit" class="btn btn-primary"
  67       ng-click="ok()" value="[% l('Close') %]"/>
  68   </div>
  69 </div>