implemented column persistence via user setting. only update grid layout when necess...
[working/Evergreen.git] / Open-ILS / web / vandelay / inc / queue.xml
1 <h1>&vandelay.record.queue;</h1><br/>
2 <script>
3     var vlQueueGridLayout;
4     function resetVlQueueGridLayout() {
5         vlQueueGridLayout = [{
6             defaultCell: {styles: 'text-align: center;'},
7             cells : [[
8                 {name: '&lt;input id="vl-queue-grid-row-selector" type="checkbox" onclick="vlToggleQueueGridSelect();"/>', 
9                     get: vlQueueGridDrawSelectBox },
10                 {   name: '&vandelay.view.marc;', 
11                     get: vlGetViewMARC, 
12                     value:'&lt;a href="javascript:void(0);" onclick="vlLoadMARCHtml(RECID, false, '+
13                         'function(){displayGlobalDiv(\'vl-queue-div\');});">&vandelay.view.marc;&lt;/a>'
14                 },
15                 {   name: '&vandelay.matches;', 
16                     get: vlGetViewMatches,
17                     value:'&lt;a href="javascript:void(0);" onclick="vlLoadMatchUI(RECID);">&vandelay.matches;&lt;/a>'
18                 },
19                 {name: '&vandelay.import.time;', field:'import_time', get:vlGetDateTimeField, selectableColumn:true}
20             ]]
21         }];
22     }
23 </script>
24 <div id='vl-queue-div-grid' class='tall' dojoType="dijit.layout.ContentPane" layoutAlign='client'>
25
26     <!-- column picker dialog -->
27     <div dojoType="dijit.Dialog" jsId='vlQueueGridColumePickerDialog' title="Column Picker" execute="alert(2);">
28         <table class='form_table'>
29             <thead>
30                 <tr><th width='33%'>&vandelay.column;</th>
31                 <th width='33%'>&vandelay.display;</th>
32                 <th width='33%'>&vandelay.auto.width;</th></tr>
33             </thead>
34             <tbody>
35                 <tr>
36                     <td colspan='3' align='center'>
37                         <button jsId='vlQueueGridColumnPickerButton' 
38                             onclick='
39                                 vlQueueGridColumePickerDialog.hide();
40                                 vlQueueGridColumePicker.update(true);'
41                             dojoType='dijit.form.Button'>&vandelay.done;</button>
42                     </td>
43                 </tr>
44             </tbody>
45         </table>
46     </div>
47
48     <!-- queue grid navigation row -->
49     <div dojoType="dijit.layout.ContentPane" layoutAlign='client'>
50         <table width='100%' style='margin-bottom:0px;'>
51             <tr>
52                 <td align='left'>
53                     <button dojoType='dijit.form.Button' onclick='vlImportSelectedRecords();'>&vandelay.import.selected;</button>
54                     <button dojoType='dijit.form.Button' onclick="
55                         if(confirm('&vandelay.sure.to.delete.queue;')) {
56                             vlDeleteQueue(currentType, currentQueueId, 
57                                 function() { displayGlobalDiv('vl-marc-upload-div'); });
58                         }">&vandelay.delete.queue;</button>
59                 </td>
60                 <td align='middle'>
61                     <style>.filter_td { padding-right: 5px; border-right: 2px solid #e8e1cf; } </style>
62                     <table><tr>
63                         <td class='filter_td'>
64                             &vandelay.limit.to.collision.matches;
65                             <input dojoType='dijit.form.CheckBox' jsId='vlQueueGridShowMatches'/>
66                         </td>
67                         <td class='filter_td' style='padding-left:5px;'>
68                             &vandelay.limit.to.non.imported;
69                             <input dojoType='dijit.form.CheckBox' jsId='vlQueueGridShowNonImport' checked='checked'/>
70                         </td>
71                         <td class='filter_td' style='padding-left:5px;'>
72                             &vandelay.results.per.page; 
73                             <select style='width:68px;' jsId='vlQueueDisplayLimit' dojoType='dijit.form.FilteringSelect' value='10'>
74                                 <option value='10'>10</option>
75                                 <option value='20'>20</option>
76                                 <option value='50'>50</option>
77                                 <option value='100'>100</option>
78                             </select>
79                         </td>
80                         <td class='filter_td' style='padding-left:5px;'>
81                             &vandelay.page; <input style='width:36px;' dojoType='dijit.form.TextBox' jsId='vlQueueDisplayPage' value='1'/>
82                         </td>
83                         <td style='padding-left:5px;'>
84                             <button dojoType='dijit.form.Button' 
85                                 onclick='retrieveQueuedRecords(currentType, currentQueueId, handleRetrieveRecords)'>&vandelay.refresh;</button>
86                         </td>
87                     </tr></table>
88                 </td>
89                 <td align='right' valign='bottom'>
90                     <span style='padding-right:4px;'>
91                         <a href='javascript:void(0);' onclick='vlQueueGridPrevPage();'>&#171; &vandelay.prev.page;</a>
92                     </span>
93                     <span style='padding-right:10px;'>
94                         <a href='javascript:void(0);' onclick='vlQueueGridNextPage();'>&vandelay.next.page; &#187;</a>
95                     </span>
96                     <span style='background:#e8e1cf;padding:3px 0px 0px 6px;-moz-border-radius:6px 0px 0px 0px;'>
97                         <a href='javascript:void(0);' onclick='vlQueueGridColumePickerDialog.show();'>&vandelay.select.cols;</a>
98                     </span>
99                 </td>
100             </tr>
101         </table>
102     </div>
103
104     <!-- Queue Grid -->
105     <div class='' style='height:87%;' dojoType="dijit.layout.ContentPane" layoutAlign='client'>
106         <div dojoType='dojox.Grid' jsId='vlQueueGrid'> </div>
107     </div>
108 </div>
109