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                         cells : [[
  97                             {name: 'Selected', get: vlQueueGridDrawSelectBox },
  98                             {name: 'Import Time', field:'import_time', get:getDateTimeField}
  99                         ]]
 100                     }];
 101                 }
 102             </script>
 103             <button dojoType='dijit.form.Button' onclick='vlSelectAllGridRecords'>Select All</button>
 104             <button dojoType='dijit.form.Button' onclick='vlSelectNoGridRecords'>Select None</button>
 105             <button dojoType='dijit.form.Button' onclick='vlImportSelectedRecords'>Import Selected</button>
 106             <div style='height:100%;'>
 107                 <div dojoType='dojox.Grid' jsId='vlQueueGrid'> </div>
 108             </div>
 109         </div>
 110     </body>
 111 </html>