Changeset 5912


Ignore:
Timestamp:
Dec 15, 2011, 9:51:01 AM (10 years ago)
Author:
Nicklas Nordborg
Message:

References #1655: GUI improvements

  • Table exporter
Location:
trunk/www
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/www/common/plugin/download_immediately.jsp

    r5910 r5912  
    8888      var remainElement = document.getElementById('percentRemain');
    8989      remainElement.style.width = (100-percentDone)+'%';
    90       if (percentDone == 100) Main.hide('percentRemain');
     90      if (percentDone == 100)
     91      {
     92        Main.hide('percentRemain');
     93        Main.hide('cancel');
     94        Main.show('close');
     95      }
    9196    }
    9297    function init()
     
    112117        Do not close this window until the download has finished.
    113118        </div>
    114         <br>
     119       
     120        <table id="download" style="margin: auto; margin-top: 2em;"><tr><td>
     121        <base:button onclick="downloadExport();" title="Download" image="download.gif" />
     122        </td></tr></table>
     123       
    115124        <!-- The progress bar -->
    116         <div id="progress" style="align:center;">
     125        <div id="progress" style="align:center; margin-top: 2em;">
    117126          <table class="progressbar" style="margin: auto;">
    118127          <tr>
     
    135144
    136145    <base:buttongroup subclass="dialogbuttons">
    137       <base:button id="download" onclick="downloadExport();" title="Download" image="download.gif" />
    138       <base:button onclick="doCancel();" title="Cancel" />
     146      <base:button id="cancel" onclick="doCancel();" title="Cancel" />
     147      <base:button id="close" onclick="window.close()" title="Close" style="display: none; "/>
    139148    </base:buttongroup>
    140149   
  • trunk/www/plugins/net/sf/basedb/clients/web/plugins/simple_export.jsp

    r5906 r5912  
    276276  </base:head>
    277277  <base:body onload="init()">
     278    <h1>Export options <base:help helpid="simpleexport.options" /></h1>
    278279    <form name="export" action="index.jsp" method="post" onsubmit="return false;">
    279280    <input type="hidden" name="ID" value="<%=ID%>">
     
    283284    <input type="hidden" name="subcontext" value="<%=subContext == null ? "" : subContext%>">
    284285   
    285     <h3 class="docked">Export options <base:help helpid="simpleexport.options" /></h3>
    286     <div class="boxed">
     286    <div class="content">
    287287   
    288288    <%
     
    321321    }
    322322    %>
    323       <table class="form" width="100%">
    324       <tr >
    325         <td class="prompt">Format</td>
     323      <table class="fullform input100 bottomborder">
     324      <tr>
     325        <th style="height: 4em;">Format</th>
    326326        <td>
    327327          <input type="radio" name="parameter:format" id="formatText" value="text" checked
     
    331331        </td>
    332332      </tr>
    333       <tr >
    334         <td class="prompt">Which items?</td>
     333      <tr>
     334        <th style="height: 5em;">Which items?</th>
    335335        <td>
    336336          <input type="radio" name="parameter:whichItems" id="whichSelected" value="selected"
     
    342342        </td>
    343343      </tr>
    344       <tr >
    345         <td class="prompt">
     344      <tr class="big">
     345        <th>
    346346          Which columns?<br>
    347347          <select name="presets" onChange="updateColumns()">
     
    370370            %>
    371371          </select>
    372           <br>
    373           <table align="right">
     372        </th>
     373        <td>
     374          <table width="100%">
    374375          <tr>
    375           <td>
    376             <base:button
    377               onclick="moveSelected(document.forms['export'].exported, false)"
    378               title="<img src='../../images/move_up.png' alt='' style='vertical-align: middle;'>"
    379               tooltip="Move up"
    380             /><p>
    381             <base:button
    382               onclick="moveSelected(document.forms['export'].exported, true)"
    383               title="<img src='../../images/move_down.png' alt='' style='vertical-align: middle;'>"
    384               tooltip="Move down"
    385             />
    386           </td>
    387           </tr>
    388           </table>
    389         </td>
    390         <td>
    391           <table border=0 cellspacing=0 cellpadding=2 width="100%">
    392           <tr>
     376            <td>
     377            <base:buttongroup vertical="true">
     378              <base:button
     379                onclick="moveSelected(document.forms['export'].exported, false)"
     380                image="move_up.png"
     381                tooltip="Move up"
     382              />
     383              <base:button
     384                onclick="moveSelected(document.forms['export'].exported, true)"
     385                image="move_down.png"
     386                tooltip="Move down"
     387              />
     388            </base:buttongroup>
     389            </td>
    393390            <td width="50%">
    394391              <b>Exported columns</b><br>
     
    397394              </select>
    398395            </td>
    399        
    400             <td>
    401               <br>
     396            <td style="padding-left: 2px;">
     397            <base:buttongroup vertical="true">
    402398              <base:button
    403399                onclick="moveBetween(document.forms['export'].not_exported, document.forms['export'].exported)"
    404                 title="<img src='../../images/move_left.png' alt='' style='vertical-align: middle;'>"
     400                image="move_left.png"
    405401                tooltip="Make the selected hidden column(s) visible"
    406               /><p>
     402              />
    407403              <base:button
    408404                onclick="moveBetween(document.forms['export'].exported, document.forms['export'].not_exported)"
    409                 title="<img src='../../images/move_right.png' alt='' style='vertical-align: middle;'>"
     405                image="move_right.png"
    410406                tooltip="Make the selected visible column(s) hidden"
    411407              />
    412               <br>
     408            </base:buttongroup>
    413409            </td>
    414410            <td width="50%">
     
    422418        </td>
    423419      </tr>
    424       <tr >
    425         <td class="prompt">Units</td>
     420      <tr>
     421        <th>Units</th>
    426422        <td><input type="checkbox" name="sameUnits" id="sameUnits"
    427423          value="true" checked><label for="sameUnits"
    428424          >Use same unit for all annotations in a column</label></td>
    429425      </tr>
    430       <tr >
    431         <td class="prompt">Column prefix</td>
     426      <tr>
     427        <th>Column prefix</th>
    432428        <td>
    433429          <input type="text" name="parameter:columnPrefix"
    434430            class="text" size="50" maxlength="255" value=""></td>
    435431      </tr>
    436       <tr >
    437         <td class="prompt">Save as</td>
    438         <td>
    439           <table cellpadding="0" border="0" cellspacing="0">
     432      <tr>
     433        <th>Save as</th>
     434        <td>
     435          <table style="width:98%;">
    440436          <tr>
    441           <td><input type="text" class="text" name="path" size="50" value=""><br>
    442           Leave empty to download immediately</td>
     437          <td style="width: 98%;"><input type="text" class="text" name="path" value="" placeholder="Leave empty to download immediately"></td>
    443438          <td><base:button
    444439              title="Browse..."
    445440              onclick="browseOnClick()"
    446               style="margin-left: 6px;"
     441             
    447442              />
    448443          </td>
    449444          </tr>
    450445          </table>
     446        </td>
     447      </tr>
     448      <tr>
     449        <th class="subprompt"></th>
     450        <td>
    451451          <input type="checkbox" name="parameter:overwrite" id="overwrite" value="true">
    452             <label for="overwrite">Overwrite existing file</label><br>
     452            <label for="overwrite">Overwrite existing file</label>
    453453        </td>
     454      </tr>
     455       
     456      <tr class="dynamic">
     457        <th></th>
     458        <td></td>
    454459      </tr>
    455460      </table>
     
    457462    </form>
    458463 
    459     <table align="center">
    460     <tr>
    461       <td width="50%"><base:button onclick="doExport();" title="Ok" /></td>
    462       <td width="50%"><base:button onclick="doCancel();" title="Cancel" /></td>
    463     </tr>
    464     </table>
     464    <base:buttongroup subclass="dialogbuttons">
     465      <base:button onclick="doExport();" title="Ok" />
     466      <base:button onclick="doCancel();" title="Cancel" />
     467    </base:buttongroup>
    465468  </base:body>
    466469  </base:page>
Note: See TracChangeset for help on using the changeset viewer.