out with the old-style grid column picker, in with the new
[working/Evergreen.git] / Open-ILS / web / vandelay / inc / queue.xml
1 <table class='wide'>
2     <tr>
3         <td align='left'>
4             <h1>&vandelay.record.queue; <span style='font-style:italic;' id='vl-queue-summary-name'/></h1><br/>
5         </td>
6         <td align='right'>
7             &vandelay.queue.total; <span style='font-weight:bold;' id='vl-queue-summary-total-count'/>
8             &vandelay.queue.imported; <span style='font-weight:bold;' id='vl-queue-summary-import-count'/>
9         </td>
10     </tr>
11 </table>
12 <script>
13     var vlQueueGridLayout;
14     function resetVlQueueGridLayout() {
15         vlQueueGridLayout = [{
16             cells : [[
17                 {name: '&lt;input id="vl-queue-grid-row-selector" type="checkbox" onclick="vlToggleQueueGridSelect();"/>', 
18                     get: vlQueueGridDrawSelectBox, styles : 'text-align: center;' },
19                 {   name: '&vandelay.view.marc;', 
20                     get: vlGetViewMARC, styles : 'text-align: center;',
21                     value:'&lt;a href="javascript:void(0);" onclick="vlLoadMARCHtml(RECID, false, '+
22                         'function(){displayGlobalDiv(\'vl-queue-div\');});">&vandelay.view.marc;&lt;/a>'
23                 },
24                 {   name: '&vandelay.matches;', 
25                     get: vlGetViewMatches, styles : 'text-align: center;',
26                     value:'&lt;a href="javascript:void(0);" onclick="vlLoadMatchUI(RECID);">&vandelay.matches;&lt;/a>'
27                 },
28                 {name: '&vandelay.import.time;', field:'import_time',  styles : 'text-align: center;',
29                     get:vlGetDateTimeField, selectableColumn:true}
30             ]]
31         }];
32     }
33 </script>
34 <div id='vl-queue-div-grid' class='tall' dojoType="dijit.layout.ContentPane" layoutAlign='client'>
35
36     <!-- queue grid navigation row -->
37     <div dojoType="dijit.layout.ContentPane" layoutAlign='client'>
38         <table width='100%' style='margin-bottom:0px;'>
39             <tr>
40                 <td align='left' valign='bottom'>
41                     <select id='vl-queue-actions-selector'>
42                         <option selected='selected' disabled='disabled' value='select-actions'>&vandelay.select_actions;</option>
43                         <option value='import'>&vandelay.import.selected;</option>
44                         <option value='import_all'>&vandelay.import.all;</option>
45                         <option value='delete_queue'>&vandelay.delete.queue;</option>
46                     </select>
47                     <script>
48                         var sel = dojo.byId('vl-queue-actions-selector');
49                         sel.onchange = function(evt) {
50                             switch(openils.Util.selectorValue(evt.target)) {
51                                 case 'import': vlImportSelectedRecords(); break;;
52                                 case 'import_all': vlImportAllRecords(); break;;
53                                 case 'delete_queue': 
54                                     if(confirm('&vandelay.sure.to.delete.queue;')) {
55                                         vlDeleteQueue(currentType, currentQueueId, 
56                                             function() { displayGlobalDiv('vl-marc-upload-div'); });
57                                     }
58                             }
59                             evt.target.selectedIndex = 0;
60                         }
61                     </script>
62                 </td>
63                 <td align='middle' valign='bottom'>
64                     <style>.filter_span { padding-right: 5px; border-right: 2px solid #e8e1cf; } </style>
65                     <table><tr>
66                         <td>
67                             <span>&vandelay.limit.to.collision.matches;</span>
68                             <span class='filter_span'>
69                                 <input dojoType='dijit.form.CheckBox' jsId='vlQueueGridShowMatches' onchange='retrieveQueuedRecords();'/>
70                             </span>
71
72                             <span>&vandelay.limit.to.non.imported;</span>
73                             <span class='filter_span'>
74                                 <input dojoType='dijit.form.CheckBox' jsId='vlQueueGridShowNonImport' checked='checked' onchange='retrieveQueuedRecords();'/>
75                             </span>
76
77                             <span>&vandelay.results.per.page;</span>
78                             <span class='filter_span'>
79                                 <select jsId='vlQueueDisplayLimit' id='vl-queue-display-limit-selector'
80                                     value='10' onchange='retrieveQueuedRecords();'>
81                                     <option value='10'>10</option>
82                                     <option value='20'>20</option>
83                                     <option value='50'>50</option>
84                                     <option value='100'>100</option>
85                                 </select>
86                             </span>
87
88                             <span style='padding-left:5px;'>&vandelay.page;</span>
89                             <input style='width:36px;' dojoType='dijit.form.TextBox' jsId='vlQueueDisplayPage' value='1'/>
90                         </td>
91                     </tr></table>
92                 </td>
93                 <td align='right' valign='bottom'>
94                     <span style='padding-right:4px;'>
95                         <a href='javascript:void(0);' onclick='vlQueueGridPrevPage();'>&#171; &vandelay.prev.page;</a>
96                     </span>
97                     <span style='padding-right:10px;'>
98                         <a href='javascript:void(0);' onclick='vlQueueGridNextPage();'>&vandelay.next.page; &#187;</a>
99                     </span>
100                 </td>
101             </tr>
102         </table>
103     </div>
104
105     <!-- Queue Grid -->
106     <div class='hidden' id='vl-bib-queue-grid-wrapper'>
107         <div dojoType="openils.widget.GridColumnPicker" jsid="vlBibQueueGridMenu" style="display: none;" grid='vlBibQueueGrid'>
108             <div dojoType="dojox.widget.PlaceholderMenuItem" label="GridColumns"></div>
109         </div>
110         <div style='height:600px' dojoType="dijit.layout.ContentPane" layoutAlign='client'>
111             <table dojoType='dojox.grid.DataGrid' jsId='vlBibQueueGrid' query="{id:'*'}" headerMenu='vlBibQueueGridMenu'> 
112             </table>
113         </div>
114     </div>
115     <div class='hidden' id='vl-auth-queue-grid-wrapper'>
116         <div dojoType="openils.widget.GridColumnPicker" jsid="vlAuthQueueGridMenu" style="display: none;" grid='vlAuthQueueGrid'>
117             <div dojoType="dojox.widget.PlaceholderMenuItem" label="GridColumns"></div>
118         </div>
119         <div style='height:600px' dojoType="dijit.layout.ContentPane" layoutAlign='client'>
120             <table dojoType='dojox.grid.DataGrid' jsId='vlAuthQueueGrid' query="{id:'*'}" headerMenu='vlAuthQueueGridMenu'> 
121             </table>
122         </div>
123     </div>
124 </div>
125