Changeset 5540


Ignore:
Timestamp:
Jan 13, 2011, 11:55:14 AM (11 years ago)
Author:
Nicklas Nordborg
Message:

References #1559: Place biomaterial on plates

Same interface changes as made for #1564 in [5539].

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/www/biomaterials/wizards/place_on_plate.jsp

    r5538 r5540  
    293293    function clearMapping()
    294294    {
     295      if (!plate)
     296      {
     297        alert('No destination plate has been selected');
     298        return;
     299      }
    295300      if (!confirm('This will remove all placed biomaterial. Continue?')) return;
    296301      itemList.unmapAll();
     
    303308    function placeByRow()
    304309    {
     310      if (!plate)
     311      {
     312        alert('No destination plate has been selected');
     313        return;
     314      }
    305315      var index = 0;
    306316      var numItems = itemList.items.length;
     
    334344    function placeByColumn()
    335345    {
     346      if (!plate)
     347      {
     348        alert('No destination plate has been selected');
     349        return;
     350      }
    336351      var index = 0;
    337352      var numItems = itemList.items.length;
     
    409424     
    410425      // Create html table representing the bioplate
    411       var html = '<table class="'+plateClass+'" style="border-top: 0px;" cellspacing="0" cellpadding="0" onmouseout="event.cancelBubble=true">';
     426      var html = '<table class="'+plateClass+'" cellspacing="0" cellpadding="0" onmouseout="event.cancelBubble=true">';
    412427      html += '<tr><td></td>';
    413428      for (var c = 0; c < plate.columns; c++)
     
    555570    <div id="canvas"></div>
    556571    <h3>Place biomaterial on plate</h3>
    557     <div class="boxedbottom" style="height: <%=(int)(scale*480)%>px; overflow: auto:">
     572    <div class="boxedbottom" style="height: <%=(int)(scale*500)%>px; padding: 0px;">
    558573      <form name="main" action="index.jsp" method="post">
    559574      <input type="hidden" name="ID" value="<%=ID%>">
     
    577592    {
    578593      %>
    579      
    580       <table cellspacing="0" border="0" width="100%">
     594      <table cellspacing="0" border="0" width="100%" style="background: #e0e0e0; padding-bottom: 6px;">
    581595      <tr valign="top">
    582596        <td style="width: 50%;">
     
    649663      </table>
    650664     
    651       <table cellspacing="0" border="0">
    652       <tr>
    653         <td><b>Items to place</b></td>
    654         <td><b>Destination plate</b> (<span id="plate.name">no plate selected</span>) <a href="javascript:selectBioPlateOnClick()">Select plate...</a></td>
    655       </tr>
     665      <tbl:toolbar id="toolbar.mappings" style="border-left: 0px; border-right: 0px;">
     666        <tbl:button title="Select plate&hellip;"
     667          onclick="javascript:selectBioPlateOnClick()"
     668          image="place_on_plate.png"
     669          tooltip="Select the destination plate"
     670        />
     671        <tbl:button title="Clear"
     672          onclick="clearMapping()"
     673          image="cancel.gif"
     674          tooltip="Clear all mapped wells"
     675        />
     676        <tbl:button title="Place by row"
     677          onclick="placeByRow()"
     678          image="place_by_row.png"
     679          tooltip="Place remaining items; start with rows"
     680        />
     681        <tbl:button title="Place by column"
     682          onclick="placeByColumn()"
     683          image="place_by_column.png"
     684          tooltip="Place remaining items; start with columns"
     685        />
     686      </tbl:toolbar>
     687     
     688      <table cellspacing="0" cellpadding="0" border="0" width="100%" style="padding: 4px;">
    656689      <tr valign="top">
    657690        <td style="width: 280px;">
    658         <div id="itemlist" class="biomateriallist" style="height: <%=(int)(scale*300)%>px; width:270px;" onscroll="onItemListScroll()">
     691          <b>Items to place</b>
     692          <div id="itemlist" class="biomateriallist" style="height: <%=(int)(scale*320)%>px; width:270px;" onscroll="onItemListScroll()">
    659693          <table border="0" cellspacing="0" cellpadding="0" width="100%">
    660694          <%
     
    674708          %>
    675709          </table>
    676         </div>
    677         <input type="checkbox" name="autoSelectUnmappedItem"
    678           <%=autoSelectUnmappedItem ? "checked" : ""%> value="1">Auto-select next unmapped item
     710          </div>
     711          <input type="checkbox" name="autoSelectUnmappedItem"
     712            <%=autoSelectUnmappedItem ? "checked" : ""%> value="1">Auto-select next unmapped item
    679713        </td>
    680714        <td>
    681           <tbl:toolbar id="toolbar.mappings" style="display: none;">
    682             <tbl:button title="Clear"
    683               onclick="clearMapping()"
    684               image="cancel.gif"
    685               tooltip="Clear all mapped wells"
    686             />
    687             <tbl:button title="Place by row"
    688               onclick="placeByRow()"
    689               image="place_by_row.png"
    690               tooltip="Place remaining items; start with rows"
    691             />
    692             <tbl:button title="Place by column"
    693               onclick="placeByColumn()"
    694               image="place_by_column.png"
    695               tooltip="Place remaining items; start with columns"
    696             />
    697           </tbl:toolbar>
    698           <div id="plate"></div>
     715          <div style="max-height: <%=(int)(scale*350)%>px; overflow: auto;">
     716            <b>Destination plate:</b> <span id="plate.name"><i>no plate selected</i></span>
     717            <div id="plate"></div>
    699718          </div>
    700719        </td>
Note: See TracChangeset for help on using the changeset viewer.