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             .match_div {
  25                 height: 95%;
  26                 width: 95%;
  27             }
  28             .match_div a {
  29                 color: red;
  30                 font-weight:bold;
  31             }
  32             .match_div a:visited {
  33                 color: red;
  34                 font-weight:bold;
  35             }
  36         </style>
  37         <script type="text/javascript" djConfig="parseOnLoad: true,isDebug:true" src="/js/dojo/dojo/dojo.js"></script>
  38         <script type="text/javascript" src='vandelay.js'></script>
  39     </head>
  40     <body class="tundra" style='height:100%;'>
  41         <div id="vl-generic-progress" style='width:100%;text-align:center'>
  42             <div dojoType="dijit.ProgressBar" style="width:200px" indeterminate="true"></div>
  43         </div>
  44         <div id="vl-generic-progress-with-total" style='width:100%;text-align:center;display:none;'>
  45             <div dojoType="dijit.ProgressBar" jsId='vlControlledProgressBar' style="width:200px"></div>
  46         </div>
  47
  48         <!-- MARC upload form -->
  49         <div id='vl-marc-upload-div' style='display:none;'>
  50             <h1>Evergreen MARC File Upload</h1>
  51             <form id="vl-marc-upload-form" enctype="multipart/form-data">
  52                 <input type='hidden' name='ses' id='vl-ses-input'/>
  53                 <br>
  54                 <table>
  55                     <tr>
  56                         <td>Queue Name</td>
  57                         <td>
  58                             <input type='text' dojoType='dijit.form.TextBox' id='vl-queue-name' size='32'></input>
  59                         </td>
  60                     </tr>
  61                     <tr>
  62                         <td>Record Type</td>
  63                         <td>
  64                             <select id='vl-record-type' dojoType='dijit.form.FilteringSelect'>
  65                                 <option value='bib'>Bibliographic Records</option>
  66                                 <option value='auth'>Authority Records</option>
  67                             </select>
  68                         </td>
  69                     </tr>
  70                     <tr>
  71                         <td>Purpose</td>
  72                         <td>
  73                             <select name='purpose' dojoType='dijit.form.FilteringSelect'>
  74                                 <option value='import'>Import</option>
  75                             </select>
  76                         </td>
  77                     </tr>
  78                     <tr>
  79                         <td>
  80                             <span id="vl-file-label">File to Upload:</span><br>
  81                             <span id="vl-file-uploading" style='display:none;'>Uploading...</span><br>
  82                         </td>
  83                         <td id='vl-input-td'>
  84                             <input size='48' type="file" name="marc_upload">
  85                         </td>
  86                     </tr>
  87                     <tr>
  88                         <td colspan='2'>
  89                             <span id="vl-upload-progress-span" style="display:none;">
  90                                 <div dojoType="dijit.ProgressBar" style="width:200px" indeterminate="true"></div>
  91                             </span>
  92                         </td>
  93                     </tr>
  94                     <tr>
  95                         <td colspan='2' align='center'>
  96                             <button dojoType="dijit.form.Button" onclick="batchUpload()">Upload</button>
  97                         </td>
  98                     </tr>
  99                 </table>
 100             </form>
 101         </div>
 102         <div id='vl-queue-div' style='display:none;height:100%;'>
 103             <h1>Record Queue</h1><br/>
 104             <script>
 105                 var vlQueueGridLayout;
 106                 function resetVlQueueGridLayout() {
 107                     vlQueueGridLayout = [{
 108                         defaultCell: {styles: 'text-align: center;'},
 109                         cells : [[
 110                             {name: 'Selected', get: vlQueueGridDrawSelectBox },
 111                             {name: 'Import Time', field:'import_time', get:getDateTimeField}
 112                         ]]
 113                     }];
 114                 }
 115             </script>
 116             <button dojoType='dijit.form.Button' onclick='vlSelectAllGridRecords'>Select All</button>
 117             <button dojoType='dijit.form.Button' onclick='vlSelectNoGridRecords'>Select None</button>
 118             <button dojoType='dijit.form.Button' onclick='vlImportSelectedRecords'>Import Selected</button>
 119             <div style='height:100%;'>
 120                 <div dojoType='dojox.Grid' jsId='vlQueueGrid'> </div>
 121             </div>
 122         </div>
 123     </body>
 124 </html>