added logic to find matches. centering cell data
[Evergreen.git] / Open-ILS / web / vandelay / vandelay.html
1 <!--
2 # Copyright (C) 2008  Georgia Public Library Service
3 # Bill Erickson <erickson@esilibrary.com>
4
5 # This program is free software; you can redistribute it and/or
6 # modify it under the terms of the GNU General Public License
7 # as published by the Free Software Foundation; either version 2
8 # of the License, or (at your option) any later version.
9
10 # This program is distributed in the hope that it will be useful,
11 # but WITHOUT ANY WARRANTY; without even the implied warranty of
12 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
13 # GNU General Public License for more details.
14 -->
15 <html>
16     <head>
17         <title>Vandelay</title>
18         <style type="text/css">
19             @import "/js/dojo/dojo/resources/dojo.css";
20             @import "/js/dojo/dijit/themes/tundra/tundra.css";
21             @import "/js/dojo/dijit/tests/css/dijitTests.css"; 
22             @import "/js/dojo/dojox/grid/_grid/Grid.css";
23             td { padding: 6px; }
24         </style>
25         <script type="text/javascript" djConfig="parseOnLoad: true,isDebug:false" src="/js/dojo/dojo/dojo.js"></script>
26         <script type="text/javascript" src='vandelay.js'></script>
27     </head>
28     <body class="tundra" style='height:100%;'>
29         <div id="vl-generic-progress" style='width:100%;text-align:center'>
30             <div dojoType="dijit.ProgressBar" style="width:200px" indeterminate="true"></div>
31         </div>
32         <div id="vl-generic-progress-with-total" style='width:100%;text-align:center;display:none;'>
33             <div dojoType="dijit.ProgressBar" jsId='vlControlledProgressBar' style="width:200px"></div>
34         </div>
35
36         <!-- MARC upload form -->
37         <div id='vl-marc-upload-div' style='display:none;'>
38             <h1>Evergreen MARC File Upload</h1>
39             <form id="vl-marc-upload-form" enctype="multipart/form-data">
40                 <input type='hidden' name='ses' id='vl-ses-input'/>
41                 <br>
42                 <table>
43                     <tr>
44                         <td>Queue Name</td>
45                         <td>
46                             <input type='text' dojoType='dijit.form.TextBox' id='vl-queue-name' size='32'></input>
47                         </td>
48                     </tr>
49                     <tr>
50                         <td>Record Type</td>
51                         <td>
52                             <select id='vl-record-type' dojoType='dijit.form.FilteringSelect'>
53                                 <option value='bib'>Bibliographic Records</option>
54                                 <option value='auth'>Authority Records</option>
55                             </select>
56                         </td>
57                     </tr>
58                     <tr>
59                         <td>Purpose</td>
60                         <td>
61                             <select name='purpose' dojoType='dijit.form.FilteringSelect'>
62                                 <option value='import'>Import</option>
63                             </select>
64                         </td>
65                     </tr>
66                     <tr>
67                         <td>
68                             <span id="vl-file-label">File to Upload:</span><br>
69                             <span id="vl-file-uploading" style='display:none;'>Uploading...</span><br>
70                         </td>
71                         <td id='vl-input-td'>
72                             <input size='48' type="file" name="marc_upload">
73                         </td>
74                     </tr>
75                     <tr>
76                         <td colspan='2'>
77                             <span id="vl-upload-progress-span" style="display:none;">
78                                 <div dojoType="dijit.ProgressBar" style="width:200px" indeterminate="true"></div>
79                             </span>
80                         </td>
81                     </tr>
82                     <tr>
83                         <td colspan='2' align='center'>
84                             <button dojoType="dijit.form.Button" onclick="batchUpload()">Upload</button>
85                         </td>
86                     </tr>
87                 </table>
88             </form>
89         </div>
90         <div id='vl-queue-div' style='display:none;height:100%;'>
91             <h1>Record Queue</h1><br/>
92             <script>
93                 var vlQueueGridLayout;
94                 function resetVlQueueGridLayout() {
95                     vlQueueGridLayout = [{
96                         defaultCell: {styles: 'text-align: center;'},
97                         cells : [[
98                             {name: 'Selected', get: vlQueueGridDrawSelectBox },
99                             {name: 'Import Time', field:'import_time', get:getDateTimeField}
100                         ]]
101                     }];
102                 }
103             </script>
104             <button dojoType='dijit.form.Button' onclick='vlSelectAllGridRecords'>Select All</button>
105             <button dojoType='dijit.form.Button' onclick='vlSelectNoGridRecords'>Select None</button>
106             <button dojoType='dijit.form.Button' onclick='vlImportSelectedRecords'>Import Selected</button>
107             <div style='height:100%;'>
108                 <div dojoType='dojox.Grid' jsId='vlQueueGrid'> </div>
109             </div>
110         </div>
111     </body>
112 </html>