Open-ILS/web/vandelay/vandelay.html

   1 <!--
   2 # Copyright (C) 2008  Georgia Public Library Service
   3 # Bill Erickson <erickson@esilibrary.com>
   4 # This program is free software; you can redistribute it and/or
   5 # modify it under the terms of the GNU General Public License
   6 # as published by the Free Software Foundation; either version 2
   7 # of the License, or (at your option) any later version.
   8 #
   9 # This program is distributed in the hope that it will be useful,
  10 # but WITHOUT ANY WARRANTY; without even the implied warranty of
  11 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  12 # GNU General Public License for more details.
  13 -->
  14 <html>
  15     <head>
  16         <title>Vandelay</title>
  17         <style type="text/css">
  18             @import "/js/dojo/dojo/resources/dojo.css";
  19             @import "/js/dojo/dijit/themes/tundra/tundra.css";
  20             @import "/js/dojo/dijit/tests/css/dijitTests.css";
  21             @import "/js/dojo/dojox/grid/_grid/Grid.css";
  22             td { padding: 6px; }
  23             .match_div {
  24                 height: 95%;
  25                 width: 95%;
  26             }
  27             .match_div a {
  28                 color: red;
  29                 font-weight:bold;
  30             }
  31             .match_div a:visited {
  32                 color: red;
  33                 font-weight:bold;
  34             }
  35             .tall { height:100%; }
  36             .hidden { display: none; }
  37         </style>
  38         <script type="text/javascript" djConfig="parseOnLoad: true,isDebug:false" src="/js/dojo/dojo/dojo.js"></script>
  39         <script type="text/javascript" src='vandelay.js'></script>
  40     </head>
  41     <body class="tundra" class='tall'>
  42         <div id="vl-generic-progress" style='width:100%;text-align:center'>
  43             <div dojoType="dijit.ProgressBar" style="width:200px" indeterminate="true"></div>
  44         </div>
  45         <div id="vl-generic-progress-with-total" class='hidden' style='width:100%;text-align:center;'>
  46             <div dojoType="dijit.ProgressBar" jsId='vlControlledProgressBar' style="width:200px"></div>
  47         </div>
  48
  49         <!-- MARC upload form -->
  50         <div id='vl-marc-upload-div' class='hidden'>
  51             <h1>Evergreen MARC File Upload</h1><br/>
  52             <form id="vl-marc-upload-form" enctype="multipart/form-data">
  53                 <input type='hidden' name='ses' id='vl-ses-input'/>
  54                 <br>
  55                 <table>
  56                     <tr>
  57                         <td>Queue Name</td>
  58                         <td>
  59                             <input type='text' dojoType='dijit.form.TextBox' id='vl-queue-name' size='32'></input>
  60                         </td>
  61                     </tr>
  62                     <tr>
  63                         <td>Record Type</td>
  64                         <td>
  65                             <select id='vl-record-type' dojoType='dijit.form.FilteringSelect'>
  66                                 <option value='bib'>Bibliographic Records</option>
  67                                 <option value='auth'>Authority Records</option>
  68                             </select>
  69                         </td>
  70                     </tr>
  71                     <tr>
  72                         <td>Purpose</td>
  73                         <td>
  74                             <select name='purpose' dojoType='dijit.form.FilteringSelect'>
  75                                 <option value='import'>Import</option>
  76                             </select>
  77                         </td>
  78                     </tr>
  79                     <tr>
  80                         <td>
  81                             <span id="vl-file-label">File to Upload:</span><br>
  82                             <span id="vl-file-uploading" class='hidden'>Uploading...</span><br>
  83                         </td>
  84                         <td id='vl-input-td'>
  85                             <input size='48' type="file" name="marc_upload">
  86                         </td>
  87                     </tr>
  88                     <tr>
  89                         <td colspan='2'>
  90                             <span id="vl-upload-progress-span" class='hidden'>
  91                                 <div dojoType="dijit.ProgressBar" style="width:200px" indeterminate="true"></div>
  92                             </span>
  93                         </td>
  94                     </tr>
  95                     <tr>
  96                         <td colspan='2' align='center'>
  97                             <button dojoType="dijit.form.Button" onclick="batchUpload()">Upload</button>
  98                         </td>
  99                     </tr>
 100                 </table>
 101             </form>
 102         </div>
 103
 104         <!-- record queue grid -->
 105         <div id='vl-queue-div' class='tall hidden'>
 106             <h1>Record Queue</h1><br/>
 107             <script>
 108                 var vlQueueGridLayout;
 109                 function resetVlQueueGridLayout() {
 110                     vlQueueGridLayout = [{
 111                         defaultCell: {styles: 'text-align: center;'},
 112                         cells : [[
 113                             {name: 'Selected', get: vlQueueGridDrawSelectBox },
 114                             {name: 'Import Time', field:'import_time', get:vlGetDateTimeField}
 115                         ]]
 116                     }];
 117                 }
 118             </script>
 119             <button dojoType='dijit.form.Button' onclick='vlSelectAllGridRecords();'>Select All</button>
 120             <button dojoType='dijit.form.Button' onclick='vlSelectNoGridRecords();'>Select None</button>
 121             <button dojoType='dijit.form.Button' onclick='vlImportSelectedRecords();'>Import Selected</button>
 122             <div class='tall'>
 123                 <div dojoType='dojox.Grid' jsId='vlQueueGrid'> </div>
 124             </div>
 125         </div>
 126
 127         <!-- Grid of record matches -->
 128         <div id='vl-match-div' class='tall hidden'>
 129             <script>
 130                 var vlMatchGridLayout;
 131                 function resetVlMatchGridLayout() {
 132                     vlMatchGridLayout = [{
 133                         defaultCell: {styles: 'text-align: center;'},
 134                         cells : [[
 135                             {name: 'ID', field:'id'},
 136                             {   name: 'View MARC',
 137                                 get: vlGetViewMARC,
 138                                 value:'<a href="javascript:void(0);" onclick="vlLoadMARCHtml(RECID);">View MARC</a>'
 139                             },
 140                             {name: 'Creator', get: vlGetCreator},
 141                             {name: 'Create Date', field:'create_date', get: vlGetDateTimeField},
 142                             {name: 'Last Edit Date', field:'edit_date', get: vlGetDateTimeField},
 143                             {name: 'Source', field:'source'},
 144                             {name: 'TCN Source', field:'tcn_source'},
 145                             {name: 'TCN Value', field:'tcn_value'}
 146                         ]]
 147                     }];
 148                 }
 149             </script>
 150             <h1>Import Matches</h1></br>
 151             <div>
 152                 <button dojoType='dijit.form.Button'
 153                     onclick='displayGlobalDiv("vl-queue-div");'>Back To Import Queue...</button>
 154             </div>
 155             <div class='tall'>
 156                 <div dojoType='dojox.Grid' jsId='vlMatchGrid'> </div>
 157             </div>
 158         </div>
 159
 160
 161         <!-- MARC as HTML for matched records -->
 162         <div id='vl-match-html-div' class='tall hidden'>
 163             <h1>MARC Record</h1><br/>
 164             <div>
 165                 <button dojoType='dijit.form.Button'
 166                     onclick='displayGlobalDiv("vl-match-div");'>Back To Matches...</button>
 167             </div>
 168             <div>
 169                 <style>#vl-match-record-html td {padding:0px;}</style>
 170                 <div id='vl-match-record-html'/>
 171             </div>
 172         </div>
 173
 174     </body>
 175 </html>