moved queue grid to dojo.data.DataGrid plus some other dojo-istic updates. need...
[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     <!-- column picker dialog -->
37     <div dojoType="dijit.Dialog" jsId='vlQueueGridColumePickerDialog' title="&vandelay.queue.column_picker.title;">
38         <table class='form_table'>
39             <thead>
40                 <tr><th width='33%'>&vandelay.column;</th>
41                 <th width='33%'>&vandelay.display;</th>
42                 <th width='33%'>&vandelay.auto.width;</th></tr>
43             </thead>
44             <tbody>
45                 <tr>
46                     <td colspan='3' align='center'>
47                         <button jsId='vlQueueGridColumnPickerButton' 
48                             onclick='
49                                 vlQueueGridColumePickerDialog.hide();
50                                 vlQueueGridColumePicker[currentType].update(true);'
51                             dojoType='dijit.form.Button'>&vandelay.done;</button>
52                     </td>
53                 </tr>
54             </tbody>
55         </table>
56     </div>
57
58     <!-- queue grid navigation row -->
59     <div dojoType="dijit.layout.ContentPane" layoutAlign='client'>
60         <table width='100%' style='margin-bottom:0px;'>
61             <tr>
62                 <td align='left' valign='bottom'>
63                     <select id='vl-queue-actions-selector'>
64                         <option selected='selected' disabled='disabled' value='select-actions'>&vandelay.select_actions;</option>
65                         <option value='import'>&vandelay.import.selected;</option>
66                         <option value='import_all'>&vandelay.import.all;</option>
67                         <option value='delete_queue'>&vandelay.delete.queue;</option>
68                     </select>
69                     <script>
70                         var sel = dojo.byId('vl-queue-actions-selector');
71                         sel.onchange = function(evt) {
72                             switch(openils.Util.selectorValue(evt.target)) {
73                                 case 'import': vlImportSelectedRecords(); break;;
74                                 case 'import_all': vlImportAllRecords(); break;;
75                                 case 'delete_queue': 
76                                     if(confirm('&vandelay.sure.to.delete.queue;')) {
77                                         vlDeleteQueue(currentType, currentQueueId, 
78                                             function() { displayGlobalDiv('vl-marc-upload-div'); });
79                                     }
80                             }
81                             evt.target.selectedIndex = 0;
82                         }
83                     </script>
84                 </td>
85                 <td align='middle' valign='bottom'>
86                     <style>.filter_span { padding-right: 5px; border-right: 2px solid #e8e1cf; } </style>
87                     <table><tr>
88                         <td>
89                             <span>&vandelay.limit.to.collision.matches;</span>
90                             <span class='filter_span'>
91                                 <input dojoType='dijit.form.CheckBox' jsId='vlQueueGridShowMatches' onchange='retrieveQueuedRecords();'/>
92                             </span>
93
94                             <span>&vandelay.limit.to.non.imported;</span>
95                             <span class='filter_span'>
96                                 <input dojoType='dijit.form.CheckBox' jsId='vlQueueGridShowNonImport' checked='checked' onchange='retrieveQueuedRecords();'/>
97                             </span>
98
99                             <span>&vandelay.results.per.page;</span>
100                             <span class='filter_span'>
101                                 <select jsId='vlQueueDisplayLimit' id='vl-queue-display-limit-selector'
102                                     value='10' onchange='retrieveQueuedRecords();'>
103                                     <option value='10'>10</option>
104                                     <option value='20'>20</option>
105                                     <option value='50'>50</option>
106                                     <option value='100'>100</option>
107                                 </select>
108                             </span>
109
110                             <span style='padding-left:5px;'>&vandelay.page;</span>
111                             <input style='width:36px;' dojoType='dijit.form.TextBox' jsId='vlQueueDisplayPage' value='1'/>
112                         </td>
113                     </tr></table>
114                 </td>
115                 <td align='right' valign='bottom'>
116                     <span style='padding-right:4px;'>
117                         <a href='javascript:void(0);' onclick='vlQueueGridPrevPage();'>&#171; &vandelay.prev.page;</a>
118                     </span>
119                     <span style='padding-right:10px;'>
120                         <a href='javascript:void(0);' onclick='vlQueueGridNextPage();'>&vandelay.next.page; &#187;</a>
121                     </span>
122                     <span style='background:#e8e1cf;padding:3px 2px 2px 6px;-moz-border-radius:6px 0px 0px 0px;'>
123                         <a href='javascript:void(0);' onclick='vlQueueGridColumePickerDialog.show();'>&vandelay.select.cols;</a>
124                     </span>
125                 </td>
126             </tr>
127         </table>
128     </div>
129
130     <!-- Queue Grid -->
131     <div dojoType="openils.widget.GridColumnPicker" jsid="vlQueueGridMenu" style="display: none;" grid='vlQueueGrid'>
132         <div dojoType="dojox.widget.PlaceholderMenuItem" label="GridColumns"></div>
133     </div>
134     <div style='height:600px' dojoType="dijit.layout.ContentPane" layoutAlign='client'>
135         <!--
136         <table dojoType='dojox.grid.DataGrid' jsId='vlQueueGrid' query="{id:'*'}" headerMenu='vlQueueGridMenu'> 
137         -->
138         <table dojoType='dojox.grid.DataGrid' jsId='vlQueueGrid' query="{id:'*'}"> 
139         </table>
140     </div>
141 </div>
142