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>
  21     <div class="row" ng-repeat="col in columns"
  22       ng-class="{visible : col.visible}">
  23       <div class="col-md-1" ng-click="toggle(col)">
  24         <span ng-if="col.visible" class="label label-success">&#x2713;</span>
  25         <span ng-if="!col.visible" class="label label-warning">&#x2717;</span>
  26       </div>
  27       <div class="col-md-3" ng-click="toggle(col)">{{col.label}}</div>
  28       <div class="col-md-1">
  29         <a href title="[% l('Move column up') %]"
  30           ng-click="modifyColumnPos(col, -1)">
  31           <span class="glyphicon glyphicon-arrow-up"></span>
  32         </a>
  33       </div>
  34       <div class="col-md-1">
  35         <a href title="[% l('Move column down') %]"
  36           ng-click="modifyColumnPos(col, 1)">
  37           <span class="glyphicon glyphicon-arrow-down"></span>
  38         </a>
  39       </div>
  40       <div class="col-md-1">
  41         <a href title="[% l('Make first visible') %]"
  42           ng-click="modifyColumnPos(col, -10000)">
  43           <span class="glyphicon glyphicon-open"></span>
  44         </a>
  45       </div>
  46       <div class="col-md-1">
  47         <a href title="[% l('Make last visible') %]"
  48           ng-click="modifyColumnPos(col, 10000)">
  49           <span class="glyphicon glyphicon-save"></span>
  50         </a>
  51       </div>
  52       <div class="col-md-1" ng-if="!disableMultiSort">
  53         <div ng-if="col.multisortable">
  54           <input type='number' ng-model="col.sort"
  55             title="[% l('Sort Priority / Direction') %]" style='width:2.3em'/>
  56         </div>
  57       </div>
  58     </div>
  59   </div>
  60   <div class="modal-footer">
  61     <input type="submit" class="btn btn-primary"
  62       ng-click="ok()" value="[% l('Close') %]"/>
  63   </div>
  64 </div>