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" src="/js/dojo/dojo/dojo.js"></script>
  26         <script type="text/javascript" src='vandelay.js'></script>
  27     </head>
  28     <body class="tundra" onload='vlInit();'>
  29         <!-- MARC upload form -->
  30         <div id='vl-marc-upload-div'>
  31             <h1>Evergreen MARC File Upload</h1>
  32             <form id="vl-marc-upload-form" enctype="multipart/form-data">
  33                 <input type='hidden' name='ses' id='vl-ses-input'/>
  34                 <br>
  35                 <table>
  36                     <tr>
  37                         <td>Queue Name</td>
  38                         <td>
  39                             <input type='text' dojoType='dijit.form.TextBox' id='vl-queue-name' size='32'></input>
  40                         </td>
  41                     </tr>
  42                     <tr>
  43                         <td>Record Type</td>
  44                         <td>
  45                             <select id='vl-record-type' dojoType='dijit.form.FilteringSelect'>
  46                                 <option value='bib'>Bibliographic Records</option>
  47                                 <option value='auth'>Authority Records</option>
  48                             </select>
  49                         </td>
  50                     </tr>
  51                     <tr>
  52                         <td>Purpose</td>
  53                         <td>
  54                             <select name='purpose' dojoType='dijit.form.FilteringSelect'>
  55                                 <option value='import'>Import</option>
  56                             </select>
  57                         </td>
  58                     </tr>
  59                     <tr>
  60                         <td>
  61                             <span id="vl-file-label">File to Upload:</span><br>
  62                             <span id="vl-file-uploading" style='display:none;'>Uploading...</span><br>
  63                         </td>
  64                         <td id='vl-input-td'>
  65                             <input size='48' type="file" name="marc_upload">
  66                         </td>
  67                     </tr>
  68                     <tr>
  69                         <td colspan='2'>
  70                             <span id="vl-upload-progress-span" style="display:none;">
  71                                 <div dojoType="dijit.ProgressBar" style="width:200px" indeterminate="true"></div>
  72                             </span>
  73                         </td>
  74                     </tr>
  75                     <tr>
  76                         <td colspan='2' align='center'>
  77                             <button dojoType="dijit.form.Button" onclick="batchUpload()">Upload</button>
  78                         </td>
  79                     </tr>
  80                 </table>
  81             </form>
  82         </div>
  83         <div id='vl-queue-div' style='display:none;height:100%;'>
  84             <h1>Record Queue</h1>
  85             <div style='height:100%;'>
  86                 <div dojoType='dojox.Grid' jsId='vlQueueGrid'> </div>
  87             </div>
  88         </div>
  89     </body>
  90 </html>