LP#1730752 Webstaff grid column batch config dialog
[working/Evergreen.git] / 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>