helm/uwobo-panel/control.html

   1 <html>
   2
   3 <head>
   4 <title>UWOBO Control Panel</title>
   5
   6 <style type="text/css">
   7 #normal { background-color: white; font-family: sans-serif }
   8 td.head { font-weight: bold; background-color: #e6e6fa; color: brown }
   9 td.back { background-color: #e6e6fa; color: brown }
  10 #indent { margin-left: 1cm; margin-right: 1cm }
  11 </style>
  12
  13 <script language="JavaScript" src="control.js">
  14 </script>
  15
  16 </head>
  17
  18 <body id="normal">
  19 <a name="top"/>
  20 <table border="0" width="100%" cellpadding="4">
  21 <tr><td class="head" align="center"><big><big>UWOBO Control Panel</big></big></td></tr>
  22 </table>
  23
  24 <br />
  25
  26 <div id="indent">
  27 This is a control panel for the UWOBO servlet. You can control a local or remote UWOBO servlet by filling
  28 the appropriate fields <a href="#params">below</a> and sending the desired commands. In most cases, results of commands, such as error
  29 messages or documents, will be opened in the frame at the bottom of this page. For those commands sending multiple
  30 requests to the UWOBO server, a new window will be opened for each request issued. Note that in order to use
  31 this page <i>you must have JavaScript enabled</i>.
  32 If you have troubles, please send an email to the author:
  33 <a href="mailto:luca.padovani@cs.unibo.it">luca.padovani@cs.unibo.it</a>
  34
  35 <br /><br />
  36
  37 The sections:
  38 <ul>
  39   <li><a href="#params">Global Parameters</a></li>
  40   <li><a href="#queries">Queries</a></li>
  41   <li><a href="#stylesheets">Stylesheet Management</a></li>
  42   <li><a href="#process">Processing</a></li>
  43 </ul>
  44
  45 In case you want to customize the panel for your own needs, you can download the source archive
  46 (HTML + JavaScript):
  47 <ul>
  48   <li>UWOBO Panel [<a href="uwobo-panel.tar.gz">.tar.gz</a>]</li>
  49 </ul>
  50
  51 </div>
  52
  53 <a name="params"/>
  54 <table border="0" width="100%" cellpadding="4" cellspacing="0">
  55 <tr>
  56   <td class="head" align="left"><big>Global Parameters</big></td>
  57   <td class="back" align="right"><a href="#top">top</a></td>
  58 </tr>
  59 </table>
  60
  61 <br />
  62
  63 <div id="indent">
  64 The following are global parameters used by all the other section to contact the UWOBO servlet and possibly a
  65 getter. The getter is not required for some operations and can be excluded by unchecking the proper buttons
  66 below.
  67
  68 <br /><br />
  69
  70 The following is the URL used to contact the UWOBO servlet. Note that the servlet is usually launched by
  71 <a href="http://jakarta.apache.org" target="top">TOMCAT</a>. <tt>localhost</tt> is relative to your machine.
  72
  73 <br /><br />
  74
  75 <table border="0">
  76   <tr>
  77     <th colspan="2" align="left">UWOBO URL</th>
  78   </tr>
  79   <tr>
  80     <td>
  81       <form name="uwoboURL">
  82         <script>
  83           document.write('<input type="text" value="' + getInitialProcessorURL() + '" size="50"/>');
  84         </script>
  85       </form>
  86     </td>
  87     <td>
  88       <form>
  89         <select onChange="selectUwoboURL(this)">
  90           <option value="">---</option>
  91           <option value="localhost">localhost</option>
  92           <option value="marcello.cs.unibo.it">marcello</option>
  93           <option value="phd.cs.unibo.it">phd</option>
  94           <option value="eolo.cs.unibo.it">eolo</option>
  95         </select>
  96       </form>
  97     </td>
  98     <td>
  99       <form>
 100         <input type="button" value="Check" onClick="top.result.location.replace(getUwoboURL() + 'help')"/>
 101       </form>
 102     </td>
 103   </tr>
 104 </table>
 105
 106 The following is the URL used to contact the getter. The getter is usually launched manually.
 107 In all cases except for the check button below,
 108 <tt>localhost</tt> is relative to the host running UWOBO, because the getter URL is sent as
 109 a parameter along with UWOBO commands. In other words, <tt>localhost</tt> <i>is</i> the host
 110 running UWOBO and not your machine.
 111
 112 <br /><br />
 113
 114 <table border="0">
 115   <tr>
 116     <th colspan="2" align="left">Getter URL</th>
 117   </tr>
 118   <tr>
 119     <td>
 120       <form name="getterURL">
 121         <script>
 122           document.write('<input type="text" value="' + getInitialGetterURL() + '" size="50"/>');
 123         </script>
 124       </form>
 125     </td>
 126     <td>
 127       <form>
 128         <select onChange="selectGetterURL(this)">
 129           <option value="">---</option>
 130           <option value="localhost">localhost</option>
 131           <option value="marcello.cs.unibo.it">marcello</option>
 132           <option value="phd.cs.unibo.it">phd</option>
 133           <option value="eolo.cs.unibo.it">eolo</option>
 134         </select>
 135       </form>
 136     </td>
 137     <td>
 138       <form>
 139         <input type="button" value="Check" onClick="top.result.location.replace(getGetterURL() + 'help')"/>
 140       </form>
 141     </td>
 142   </tr>
 143 </table>
 144 </div>
 145
 146 <a name="queries"/>
 147 <table border="0" width="100%" cellpadding="4" cellspacing="0">
 148 <tr>
 149   <td class="head" align="left"><big>Queries</big></td>
 150   <td class="back" align="right"><a href="#top">top</a></td>
 151 </tr>
 152 </table>
 153
 154 <div id="indent">
 155
 156 <br />
 157
 158 The following are commands to do some simple queries about the UWOBO servlet.
 159
 160 <br /><br />
 161
 162 <table border="0">
 163 <tr>
 164   <td>
 165     Retrieve the version of the UWOBO servlet running at the UWOBO URL and list the syntax
 166     of the accepted commands.
 167     You can use this button to verify that a UWOBO servlet
 168     is actually running there:
 169   </td>
 170 </tr>
 171 <tr>
 172   <td><form><input type="button" value="Help" onClick="top.result.location.replace(getUwoboURL() + 'help')"/></form></td>
 173 </tr>
 174 <tr>
 175   <td>
 176     Ask UWOBO for a list of the stylesheets currently compiled inside the servlet, along with their keys:
 177   </td>
 178 </tr>
 179 <tr>
 180   <td><form><input type="button" value="List Stylesheets" onClick="top.result.location.replace(getUwoboURL() + 'list')"/></form></td>
 181 </tr>
 182 </table>
 183
 184 <br />
 185
 186 </div>
 187
 188 <a name="stylesheets"/>
 189 <table border="0" width="100%" cellpadding="4" cellspacing="0">
 190 <tr>
 191   <td class="head" align="left"><big>Stylesheet Management</big></td>
 192   <td class="back" align="right"><a href="#top">top</a></td>
 193 </tr>
 194 </table>
 195
 196 <div id="indent">
 197
 198 <br />
 199
 200 In this section you can add, remove and reload stylesheet into the server. There are
 201 some frequently used stylesheets whose URIs and keys can be automatically filled in
 202 by selecting one of the options of the box below. Note that for such stylesheets
 203 the getter is used by default (you can deselect it, however):
 204
 205 <br /><br 7>
 206
 207 <table border="0">
 208 <tr>
 209   <th align="left">Predefined Stylesheets</th>
 210 </tr>
 211 <tr>
 212   <td>
 213     <form name="predefinedStylesheets">
 214       <select size="1" onChange="selectPredefinedStylesheet(this)">
 215         <option value="">---</option>
 216         <option value="C1,rootcontent.xsl,true">CIC ==&gt; MathML Content</option>
 217         <option value="TC1,objtheorycontent.xsl,true">CIC ==&gt; MathML Content (Show only the thesis)</option>
 218         <option value="C2,annotatedpres.xsl,true">MathML Content ==&gt; MathML Presentation</option>
 219         <option value="T1,theory_content.xsl,true">Theory CIC ==&gt; MathML Content</option>
 220         <option value="T2,theory_pres.xsl,true">Theory Content ==&gt; MathML Presentation</option>
 221         <option value="E,expandobj.xsl,true">Expander</option>
 222         <option value="HC2,content_to_html.xsl,true">MathML Content ==&gt; HTML</option>
 223         <option value="L,link.xsl,true">Resolve links</option>
 224         <option value="L2H,http://phd.cs.unibo.it/helm/xslt/ls2html.xsl,false">Getter LS ==&gt; HTML</option>
 225         <option value="GP,http://phd.cs.unibo.it/helm/xslt/getParam.xsl,false">Get Param</option>
 226       </select>
 227     </form>
 228   </td>
 229   <td>
 230     <form>
 231       <input type="button" value="Load All Predefined" onClick="loadAllPredefined()"/>
 232     </form>
 233   </td>
 234   <td>
 235     <form>
 236       <input type="button" value="Remove All Predefined" onClick="removeAllPredefined()"/>
 237     </form>
 238   </td>
 239 </tr>
 240 </table>
 241
 242 Here you have to identify a stylesheet by means of a relative or absolute URI. Usually
 243 you will specify a relative URI when using the getter to retrieve the stylesheet.
 244 Moreover, you can specify a key associated to this stylesheet, so that it will be easier to
 245 refer to it in subsequent operations. If escaping is enabled, then the stylesheet URI will
 246 be escaped. This might be particularly useful if the stylesheet is loaded by the getter.
 247
 248 <br /><br />
 249
 250 <table border="0">
 251 <tr>
 252   <th align="left">Stylesheet</th>
 253   <th align="left">Key</th>
 254   <th align="left">Use Getter</th>
 255   <th align="left">Escape</th>
 256 </tr>
 257 <tr>
 258   <td>
 259     <form name="stylesheetURI">
 260       <input type="text" size="50"/>
 261     </form>
 262   </td>
 263   <td>
 264     <form name="stylesheetKey">
 265       <input type="text" size="10"/>
 266     </form>
 267   </td>
 268   <td>
 269     <form name="loadUseGetter">
 270       <input type="checkbox" checked="true"/>
 271     </form>
 272   </td>
 273   <td>
 274     <form name="loadEscape">
 275       <input type="checkbox" checked="true"/>
 276     </form>
 277   </td>
 278   <td>
 279     <form>
 280       <input type="button" value="Load" onClick="loadStylesheet()"/>
 281     </form>
 282   </td>
 283   <td>
 284     <form>
 285       <input type="button" value="Reload" onClick="reloadStylesheet()"/>
 286     </form>
 287   </td>
 288   <td>
 289     <form>
 290       <input type="button" value="Remove" onClick="removeStylesheet()"/>
 291     </form>
 292   </td>
 293 </tr>
 294 </table>
 295
 296 Use the buttons below to remove or reload <i>all</i> the stylesheets inside the servlet. Use these commands with
 297 care, and remember that the servlet can be shared among different users:
 298
 299 <br /><br />
 300
 301 <table border="0">
 302 <tr>
 303   <td>
 304     <form>
 305       <input type="button" value="Remove All" onClick="removeAllStylesheets()"/>
 306     </form>
 307   </td>
 308   <td>
 309     <form>
 310       <input type="button" value="Reload All" onClick="top.result.location.replace(getUwoboURL() + 'reload')"/>
 311     </form>
 312   </td>
 313 </tr>
 314 </table>
 315 </div>
 316
 317 <a name="process"/>
 318 <table border="0" width="100%" cellpadding="4" cellspacing="0">
 319 <tr>
 320   <td class="head" align="left"><big>Processing</big></td>
 321   <td class="back" align="right"><a href="#top">top</a></td>
 322 </tr>
 323 </table>
 324
 325 <div id="indent">
 326
 327 <br />
 328
 329 You can use the &quot;Apply&quot; command to perform a transformation. Specify the URI of the source
 330 document in the form below. The URI can be relative or absolute (in the former case you
 331 will probably want to enable the use of the getter).
 332 If escaping is enabled, then special characters are escaped. This might be particularly useful
 333 if the source is loaded by the getter.
 334
 335 <br /><br />
 336
 337 <table border="0">
 338 <tr>
 339   <th align="left">Source Document</th>
 340   <th align="left">Escape</th>
 341 </tr>
 342 <tr>
 343   <td>
 344     <form name="sourceDocument">
 345       <input type="text" size="50"/>
 346     </form>
 347   </td>
 348   <td>
 349     <form name="escapeSource">
 350       <input type="checkbox" checked="true"/>
 351     </form>
 352   </td>
 353 </tr>
 354 </table>
 355
 356 You can specify a sequence of zero or more parameters separated by blanks. Each
 357 parameter is made of a name immediately followed by <tt>=</tt> and then a value.
 358 If &quot;Escape&quot; is checked, then parameters are escaped in the final
 359 URI.
 360
 361 <br /><br />
 362
 363 <table border="0">
 364 <tr>
 365   <th align="left">Parameters (optional)</th>
 366   <th align="left">Escape</th>
 367 </tr>
 368 <tr>
 369   <td>
 370     <form name="parameters">
 371       <input type="text" size="50"/>
 372     </form>
 373   </td>
 374   <td>
 375     <form name="escapeParameters">
 376       <input type="checkbox" checked="true"/>
 377     </form>
 378   </td>
 379 </tr>
 380 </table>
 381
 382 In the key list specify a list of keys
 383 separated by blanks. This is the list of stylesheets to be applied in sequence to the
 384 source document.
 385 When ready, click on the button and have fun!
 386
 387 <br /><br />
 388
 389 <table border="0">
 390 <tr>
 391   <th align="left">Key list</th>
 392   <th align="left">Use Getter</th>
 393 </tr>
 394 <tr>
 395   <td>
 396     <form name="keyList">
 397       <input type="text" size="50"/>
 398     </form>
 399   </td>
 400   <td>
 401     <form name="applyUseGetter">
 402       <input type="checkbox" checked="true"/>
 403     </form>
 404   </td>
 405   <td>
 406     <form>
 407       <input type="button" value="Apply" onClick="applyStylesheets()"/>
 408     </form>
 409   </td>
 410 </tr>
 411 </table>
 412
 413 </div>
 414
 415 <table border="0" width="100%" cellpadding="4" cellspacing="0">
 416 <tr>
 417   <td class="back" align="left">Page maintained by: <a href="mailto:luca.padovani@cs.unibo.it">Luca Padovani</a></td>
 418   <td class="back" align="right"><a href="#top">top</a></td>
 419 </tr>
 420 </table>
 421
 422 </body>
 423
 424 </html>
 425