Changeset 5917


Ignore:
Timestamp:
Dec 19, 2011, 12:28:45 PM (11 years ago)
Author:
Nicklas Nordborg
Message:

References #1655: GUI improvements

Edit dialogs for array lims.

Location:
trunk/www
Files:
15 edited

Legend:

Unmodified
Added
Removed
  • trunk/www/common/import/index.jsp

    r5615 r5917  
    125125    if (totalPlugins == 0)
    126126    {
    127       String msg = "No plugins can be used in this context, for the following reasons:<br><ul><li>";
     127      String msg = "<b>No plugins can be used in this context, for the following reasons:</b><br><ul><li>";
    128128      if (contextMessages.size() == 0)
    129129      {
  • trunk/www/common/plugin/index.jsp

    r5629 r5917  
    198198    if (totalPlugins == 0)
    199199    {
    200       String msg = "No plugins can be used in this context, for the following reasons:<br><ul><li>";
     200      String msg = "<b>No plugins can be used in this context, for the following reasons:</b><br><ul><li>";
    201201      if (contextMessages.size() == 0)
    202202      {
  • trunk/www/exception/web.jsp

    r5426 r5917  
    5353<base:head scripts="exception.js" />
    5454<base:body onload="Exception.fixWindow(false)">
    55   <br>
    56   <div align="center">
    57     <base:note type="error" title="<%=ex.getTitle()%>" style="width:90%;">
    58     <br> 
    59     <%=ex.getDetail()%><br><br>
    60     </base:note>
    61     <br>
     55
     56  <h1><%=ex.getTitle()%></h1>
     57 
     58  <div class="content filled bottomborder">
     59    <table style="margin: auto; height: 100%;">
     60    <tr><td>
     61      <div style="text-align: left;">
     62      <%=ex.getDetail()%>
     63      </div>
     64    </td></tr>
     65    </table>
     66   
    6267  </div>
    6368 
    64   <table align="center">
    65   <tr>
    66     <td id="goback" width="50%"><base:button onclick="history.go(-1);" title="Back" /></td>
    67     <td id="close" width="50%"><base:button onclick="window.top.close();" title="Close" /></td>
    68   </tr>
    69   </table>
     69  <base:buttongroup subclass="dialogbuttons">
     70    <base:button id="goback" onclick="history.go(-1);" title="Back" />
     71    <base:button id="close" onclick="window.top.close();" title="Close" />
     72  </base:buttongroup>
     73 
    7074</base:body>
    7175</base:page>
  • trunk/www/include/scripts/main.js

    r5916 r5917  
    572572    this.controllers['FILESERVER'] = { url:'filemanager/fileservers/index.jsp', width:600, height:400 };
    573573    this.controllers['DIRECTORY'] = { url:'filemanager/directories/index.jsp', width:600, height:400, popup:true };
    574     this.controllers['ARRAYBATCH'] = { url:'lims/arraybatches/index.jsp', width:800, height:500 };
    575     this.controllers['ARRAYDESIGN'] = { url:'lims/arraydesigns/index.jsp', width:800, height:500 };
    576     this.controllers['FEATURE'] = { url:'lims/arraydesigns/features/index.jsp', width:700, height:540, popup:true, edit:false };
    577     this.controllers['ARRAYSLIDE'] = { url:'lims/arrayslides/index.jsp', width:800, height:500 };
     574    this.controllers['ARRAYBATCH'] = { url:'lims/arraybatches/index.jsp', width:750, height:500 };
     575    this.controllers['ARRAYDESIGN'] = { url:'lims/arraydesigns/index.jsp', width:750, height:500 };
     576    this.controllers['FEATURE'] = { url:'lims/arraydesigns/features/index.jsp', width:750, height:500, popup:true, edit:false };
     577    this.controllers['ARRAYSLIDE'] = { url:'lims/arrayslides/index.jsp', width:750, height:500 };
    578578    this.controllers['PLATEGEOMETRY'] = { url:'lims/geometries/index.jsp', width:500, height:340 };
    579579    this.controllers['PLATEMAPPING'] = { url:'lims/platemappings/index.jsp', width:600, height:400 };
  • trunk/www/lims/arraybatches/edit_batch.jsp

    r5908 r5917  
    362362  </base:head>
    363363  <base:body onload="init()">
    364     <p>
     364    <h1><%=title%> <base:help tabcontrol="settings" /></h1>
    365365    <form action="index.jsp?ID=<%=ID%>" method="post" name="batch" onsubmit="return false;">
    366366    <input type="hidden" name="cmd" value="UpdateItem">
    367367
    368     <h3 class="docked"><%=title%> <base:help tabcontrol="settings" /></h3>
    369     <t:tabcontrol id="settings" contentstyle="<%="height: "+(int)(scale*370)+"px;"%>"
     368    <t:tabcontrol id="settings"
     369      subclass="content dialogtabcontrol"
    370370      position="bottom"  remember="<%=batch != null%>" switch="switchTab"
    371371      extensions="<%=invoker%>">
    372372    <t:tab id="info" title="Array batch" validate="validateArrayBatch()" helpid="arraybatch.edit">
    373       <table class="form" cellspacing=0>
     373      <table class="fullform input100">
    374374      <tr>
    375         <td class="prompt">Name</td>
     375        <th>Name</th>
    376376        <td><input <%=requiredClazz%> type="text" name="name"
    377377          value="<%=HTML.encodeTags(batch == null ? Values.getString(cc.getPropertyValue("name"), "New array batch") : batch.getName())%>"
    378           size="40" maxlength="<%=ArrayBatch.MAX_NAME_LENGTH%>"></td>
     378          maxlength="<%=ArrayBatch.MAX_NAME_LENGTH%>"></td>
     379        <td></td>
    379380      </tr>
    380381      <tr>
    381         <td class="prompt">Array design</td>
     382        <th>Array design</th>
    382383        <td>
    383384          <%
     
    407408          %>
    408409        </td>
     410        <td></td>
    409411      </tr>
    410412      <tr>
    411         <td class="prompt">Print robot</td>
     413        <th>Print robot</th>
    412414        <td>
    413415          <base:select
     
    423425          />
    424426        </td>
     427        <td></td>
    425428      </tr>
    426429      <tr>
    427         <td class="prompt">Protocol</td>
     430        <th>Protocol</th>
    428431        <td>
    429432          <base:select
     
    440443          />
    441444        </td>
     445        <td></td>
    442446      </tr>
    443       <tr >
    444         <td class="prompt">Description</td>
    445         <td nowrap>
    446           <textarea <%=clazz%> rows="4" cols="40" name="description"
     447      <tr class="dynamic">
     448        <th>Description</th>
     449        <td>
     450          <textarea <%=clazz%> rows="6" name="description"
    447451            ><%=HTML.encodeTags(batch == null ? cc.getPropertyValue("description") : batch.getDescription())%></textarea>
    448           <a href="javascript:Main.zoom('Description', 'batch', 'description')"
    449             title="Edit in larger window"><base:icon image="zoom.png" /></a>
     452        </td>
     453        <td style="width: 20px;">
     454          <base:icon image="zoom.png"
     455            onclick="Main.zoom('Description', 'batch', 'description')"
     456            tooltip="Edit in larger window"
     457          />
    450458        </td>
    451459      </tr>
    452460      </table>
    453       <div align=right>&nbsp;<i><base:icon image="required.gif" /> = required information</i></div>
    454461    </t:tab>
    455462   
    456     <t:tab id="annotations" title="Annotations &amp; parameters"
    457       helpid="annotations.edit" tooltip="Enter values for annotations and protocol parameters">
    458       <iframe name="annotations" id="idAnnotations" src="../../common/annotations/wait.jsp"
    459         width="100%"  height="<%=(int)(scale*370)%>" frameborder=0 vspace=0 hspace=0
    460         marginwidth=0 marginheight=0 scrolling="auto" style="overflow: visible"></iframe>
    461     </t:tab>
     463    <t:tab id="annotations" title="Annotations &amp; parameters" helpid="annotations.edit"><iframe
     464      name="annotations" id="idAnnotations" src="../../common/annotations/wait.jsp"
     465      style="width: 100%; height: 100%;"></iframe></t:tab>
    462466   
    463     <t:tab id="inheritedAnnotations" title="Inherited annotations" helpid="annotations.edit.inherited">
    464    
    465       <iframe name="inheritedAnnotations" id="idInheritedAnnotations" src="../../common/annotations/wait.jsp"
    466         width="100%"  height="<%=(int)(scale*370)%>" frameborder=0 vspace=0 hspace=0
    467         marginwidth=0 marginheight=0 scrolling="auto" style="overflow: visible"></iframe>
    468     </t:tab>
     467    <t:tab id="inheritedAnnotations" title="Inherited annotations"
     468      helpid="annotations.edit.inherited"><iframe
     469        name="inheritedAnnotations" id="idInheritedAnnotations" src="../../common/annotations/wait.jsp"
     470        style="width: 100%; height: 100%;"></iframe></t:tab>
    469471    </t:tabcontrol>
    470 
    471     <table align="center">
    472     <tr>
    473       <td width="50%"><base:button onclick="saveSettings()" title="Save" /></td>
    474       <td width="50%"><base:button onclick="window.close()" title="Cancel" /></td>
    475     </tr>
    476     </table>
    477472    </form>
     473
     474    <div class="legend">
     475      <base:icon image="required.gif" /> = required information
     476    </div>
     477
     478    <base:buttongroup subclass="dialogbuttons">
     479      <base:button onclick="saveSettings()" title="Save" />
     480      <base:button onclick="window.close()" title="Cancel" />
     481    </base:buttongroup>
    478482  </base:body>
    479483  </base:page>
  • trunk/www/lims/arraybatches/list_batches.jsp

    r5910 r5917  
    203203    function multipleNewSlides(batchId)
    204204    {     
    205       Main.openPopup('../arrayslides/index.jsp?ID=<%=ID%>&cmd=NewItems&arraybatch_id='+batchId, 'NewArraySlides', 800, 500);
     205      Main.openPopup('../arrayslides/index.jsp?ID=<%=ID%>&cmd=NewItems&arraybatch_id='+batchId, 'NewArraySlides', 750, 500);
    206206    }
    207207    </script>
  • trunk/www/lims/arraybatches/view_batch.jsp

    r5910 r5917  
    154154    function multipleNewSlides()
    155155    {     
    156       Main.openPopup('../arrayslides/index.jsp?ID=<%=ID%>&cmd=NewItems&arraybatch_id=<%=itemId%>', 'NewArraySlides', 800, 500);
     156      Main.openPopup('../arrayslides/index.jsp?ID=<%=ID%>&cmd=NewItems&arraybatch_id=<%=itemId%>', 'NewArraySlides', 750, 500);
    157157    }
    158158    function switchTab(tabControlId, tabId)
  • trunk/www/lims/arraydesigns/edit_design.jsp

    r5908 r5917  
    294294  </base:head>
    295295  <base:body onload="init()">
    296     <p>
     296    <h1><%=title%> <base:help tabcontrol="settings" /></h1>
    297297    <form action="index.jsp?ID=<%=ID%>" method="post" name="design" onsubmit="return false;">
    298298    <input type="hidden" name="cmd" value="UpdateItem">
    299299
    300     <h3 class="docked"><%=title%> <base:help tabcontrol="settings" /></h3>
    301     <t:tabcontrol id="settings" contentstyle="<%="height: "+(int)(scale*370)+"px;"%>"
     300    <t:tabcontrol id="settings"
     301      subclass="content dialogtabcontrol"
    302302      position="bottom" active="<%=tabId%>" remember="<%=tabId == null && design != null%>" switch="switchTab"
    303303      extensions="<%=invoker%>">
    304304    <t:tab id="info" title="Array design" validate="validateArrayDesign()" helpid="arraydesign.edit">
    305       <table class="form" cellspacing=0>
     305      <table class="fullform input100">
    306306      <tr>
    307         <td class="prompt">Name</td>
     307        <th>Name</th>
    308308        <td><input <%=requiredClazz%> type="text" name="name"
    309309          value="<%=HTML.encodeTags(design == null ? Values.getString(cc.getPropertyValue("name"), "New array design") : design.getName())%>"
    310           size="40" maxlength="<%=ArrayDesign.MAX_NAME_LENGTH%>"></td>
     310          maxlength="<%=ArrayDesign.MAX_NAME_LENGTH%>"></td>
     311        <td></td>
    311312      </tr>
    312313      <tr>
    313         <td class="prompt">Platform</td>
     314        <th>Platform</th>
    314315        <td>
    315316          <select name="platform" onchange="platformOnChange()" class="required"
     
    325326          </select>
    326327        </td>
     328        <td></td>
    327329      </tr>
    328330      <tr>
    329         <td class="prompt">Arrays / slide</td>
    330         <td><input <%=requiredClazz%> type="text" name="numArrays"
     331        <th>Arrays / slide</th>
     332        <td><input <%=requiredClazz%> type="text" name="numArrays" style="width: 15em;"
    331333          value="<%=design == null ? Values.getString(cc.getPropertyValue("numArrays"), "1") : design.getNumArrays()%>"
    332           size="12" maxlength="10" onkeypress="return Numbers.integerOnly(event)"></td>
     334          maxlength="10" onkeypress="return Numbers.integerOnly(event)"></td>
     335        <td></td>
    333336      </tr>
    334       <tr >
    335         <td class="prompt">Description</td>
     337      <tr class="dynamic">
     338        <th>Description</th>
    336339        <td nowrap>
    337           <textarea <%=clazz%> rows="4" cols="40" name="description"
     340          <textarea <%=clazz%> rows="6" name="description"
    338341            ><%=HTML.encodeTags(design == null ? cc.getPropertyValue("description") : design.getDescription())%></textarea>
    339           <a href="javascript:Main.zoom('Description', 'design', 'description')"
    340             title="Edit in larger window"><base:icon image="zoom.png" /></a>
     342        </td>
     343        <td style="width: 20px;">
     344          <base:icon image="zoom.png"
     345            onclick="Main.zoom('Description', 'design', 'description')"
     346            tooltip="Edit in larger window"
     347          />
    341348        </td>
    342349      </tr>
    343350      </table>
    344       <div align=right>&nbsp;<i><base:icon image="required.gif" /> = required information</i></div>
    345351    </t:tab>
    346352
    347     <t:tab id="datafiles" title="Data files" helpid="datafiles.edit">
    348       <iframe name="datafiles" id="idDatafiles" src="../../common/datafiles/wait.jsp"
    349         width="100%"  height="<%=(int)(scale*370)%>" frameborder=0 vspace=0 hspace=0
    350         marginwidth=0 marginheight=0 scrolling="auto" style="overflow: visible"></iframe>
    351     </t:tab>
    352    
    353     <t:tab id="annotations" title="Annotations" helpid="annotations.edit">
    354       <iframe name="annotations" id="idAnnotations" src="../../common/annotations/wait.jsp"
    355         width="100%"  height="<%=(int)(scale*370)%>" frameborder=0 vspace=0 hspace=0
    356         marginwidth=0 marginheight=0 scrolling="auto" style="overflow: visible"></iframe>
    357     </t:tab>
    358    
    359     <t:tab id="inheritedAnnotations" title="Inherited annotations" helpid="annotations.edit.inherited">
    360    
    361       <iframe name="inheritedAnnotations" id="idInheritedAnnotations" src="../../common/annotations/wait.jsp"
    362         width="100%"  height="<%=(int)(scale*370)%>" frameborder=0 vspace=0 hspace=0
    363         marginwidth=0 marginheight=0 scrolling="auto" style="overflow: visible"></iframe>
    364     </t:tab>
     353    <t:tab id="datafiles" title="Data files" helpid="datafiles.edit"><iframe
     354      name="datafiles" id="idDatafiles" src="../../common/datafiles/wait.jsp"
     355      style="width: 100%; height: 100%;"></iframe></t:tab>
     356
     357    <t:tab id="annotations" title="Annotations &amp; parameters" helpid="annotations.edit"><iframe
     358      name="annotations" id="idAnnotations" src="../../common/annotations/wait.jsp"
     359      style="width: 100%; height: 100%;"></iframe></t:tab>
     360   
     361    <t:tab id="inheritedAnnotations" title="Inherited annotations"
     362      helpid="annotations.edit.inherited"><iframe
     363        name="inheritedAnnotations" id="idInheritedAnnotations" src="../../common/annotations/wait.jsp"
     364        style="width: 100%; height: 100%;"></iframe></t:tab>
    365365    </t:tabcontrol>
    366 
    367     <table align="center">
    368     <tr>
    369       <td width="50%"><base:button onclick="saveSettings()" title="Save" /></td>
    370       <td width="50%"><base:button onclick="window.close()" title="Cancel" /></td>
    371     </tr>
    372     </table>
    373366    </form>
     367
     368    <div class="legend">
     369      <base:icon image="required.gif" /> = required information
     370    </div>
     371
     372    <base:buttongroup subclass="dialogbuttons">
     373      <base:button onclick="saveSettings()" title="Save" />
     374      <base:button onclick="window.close()" title="Cancel" />
     375    </base:buttongroup>
    374376  </base:body>
    375377  </base:page>
  • trunk/www/lims/arraydesigns/features/list_features.jsp

    r5900 r5917  
    162162    function runPlugin(cmd)
    163163    {
    164       Table.submitToPopup(formId, cmd, 540, 460);
     164      Table.submitToPopup(formId, cmd, 750, 500);
    165165    }
    166166    function returnSelected()
     
    186186    function newReporterList()
    187187    {
    188       Table.submitToPopup(formId, 'CreateReporterList', 540, 400);
     188      Table.submitToPopup(formId, 'CreateReporterList', 600, 400);
    189189    }
    190190    </script>
  • trunk/www/lims/arraydesigns/features/view_feature.jsp

    r5905 r5917  
    8282  final ArrayDesign design = ArrayDesign.getById(dc, arrayDesignId);
    8383  FeatureData feature = design.getFeatureById(itemId, true);
     84  ReporterData reporter = feature.getReporter();
     85
     86  ArrayDesignBlock block = Feature.getArrayDesignBlock(dc, feature);
    8487 
    85   ArrayDesignBlock block = Feature.getArrayDesignBlock(dc, feature);
     88  Well well = null;
     89  boolean readWell = true;
     90  try
     91  {
     92    well = Feature.getWell(dc, feature);
     93  }
     94  catch (PermissionDeniedException ex)
     95  {
     96    readWell = false;
     97  }
     98
     99 
    86100 
    87101  String title = "Feature of "+HTML.encodeTags(design.getName()) + " at position " + feature.getPosition();
     
    89103
    90104  <base:page title="<%=title%>" type="popup">
    91   <base:head styles="toolbar.css">
     105  <base:head scripts="tabcontrol.js" styles="tabcontrol.css">
    92106    <script language="JavaScript">
    93107    function runPlugin(cmd)
     
    98112  </base:head>
    99113  <base:body>
    100     <p>
    101     <h3 class="docked"><%=title%> <base:help helpid="feature.view.properties" /></h3>
    102     <div class="boxed" style="height: <%=(int)(scale*440)%>px; overflow: auto;">
    103       <h4>Array design</h4>
    104       <table class="form" cellspacing=0>
    105       <tr>
    106         <td class="prompt">Name</td>
    107         <td><%=HTML.encodeTags(design.getName())%></td>
    108       </tr>
    109       <tr>
    110         <td class="prompt">Platform / Variant</td>
    111         <td><base:propertyvalue item="<%=design%>" property="platform" /> / <base:propertyvalue item="<%=design%>" property="variant" /></td>
    112       </tr>
    113       <tr>
    114         <td class="prompt">Feature identification method</td>
    115         <td><%=design.getFeatureIdentificationMethod()%></td>
    116       </tr>
     114    <h1><%=title%> <base:help helpid="feature.view.properties" /></h1>
     115
     116    <t:tabcontrol id="feature"
     117      subclass="content dialogtabcontrol"
     118      position="bottom">
     119    <t:tab id="feat" title="Feature">
     120   
     121      <table class="fullform outlined">
     122      <tbody class="section">
     123        <tr>
     124          <th colspan="6">Array design</th>
     125        </tr>
     126      </tbody>
     127      <tbody>
     128      <tr>
     129        <th>Name</th>
     130        <td colspan="5"><%=HTML.encodeTags(design.getName())%></td>
     131      </tr>
     132      <tr>
     133        <th>Platform / Variant</th>
     134        <td colspan="5"><base:propertyvalue item="<%=design%>" property="platform" /> / <base:propertyvalue item="<%=design%>" property="variant" /></td>
     135      </tr>
     136      <tr>
     137        <th>Feature identification method</th>
     138        <td colspan="5"><%=design.getFeatureIdentificationMethod()%></td>
     139      </tr>
     140      </tbody>
     141     
     142      <tbody class="section">
     143        <tr>
     144          <th colspan="6">Feature / block</th>
     145        </tr>
     146      </tbody>
     147     
     148      <tbody>
     149      <tr>
     150        <th>Feature ID</td>
     151        <td><%=HTML.encodeTags(feature.getExternalId())%></td>
     152        <th class="leftborder">Reporter</th>
     153        <td><%=reporter == null ? "<i>- none -</i>" : HTML.encodeTags(reporter.getName())%></td>
     154        <th class="leftborder">Diameter</th>
     155        <td><%=block.getFeatureDiameter()%></td>
     156      </tr>
     157      <tr>
     158        <th>Position</th>
     159        <td><%=feature.getPosition()%></td>
     160        <th class="leftborder">Meta grid X</th>
     161        <td><%=block.getMetaGridX()%></td>
     162        <th class="leftborder">Meta grid Y</th>
     163        <td><%=block.getMetaGridY()%></td>
     164      </tr>
     165      <tr>
     166        <th>Block number</th>
     167        <td><%=block.getBlockNumber()%></td>
     168        <th class="leftborder">Block size X</th>
     169        <td><%=block.getBlockSizeX()%></td>
     170        <th class="leftborder">Block size Y</th>
     171        <td><%=block.getBlockSizeY()%></td>
     172      </tr>
     173      <tr>
     174        <th>Row</th>
     175        <td><%=feature.getRow()%></td>
     176        <th class="leftborder">Origin X</th>
     177        <td><%=block.getOriginX()%></td>
     178        <th class="leftborder">Origin Y</th>
     179        <td><%=block.getOriginY()%></td>
     180      </tr>
     181      <tr>
     182        <th>Column</th>
     183        <td><%=feature.getColumn()%></td>
     184        <th class="leftborder">Spacing X</th>
     185        <td><%=block.getSpacingX()%></td>
     186        <th class="leftborder">Spacing Y</th>
     187        <td><%=block.getSpacingY()%></td>
     188      </tr>
     189      </tbody>
     190     
     191      <tbody class="section">
     192        <tr>
     193          <th colspan="6">Plage / well</th>
     194        </tr>
     195      </tbody>
     196     
     197      <tbody>
     198        <%
     199        if (!readWell)
     200        {
     201          %>
     202          <tr>
     203            <th>Plate</th>
     204            <td colspan="5"><i>- denied -</i></td>
     205          </tr>
     206          <%
     207        }
     208        else if (well == null)
     209        {
     210          %>
     211          <tr>
     212            <th>Plate</th>
     213            <td colspan="5"><i>- none -</i></td>
     214          </tr>
     215          <%
     216        }
     217        else
     218        {
     219          Plate plate = well.getPlate();
     220          %>
     221          <tr>
     222            <th>Plate</th>
     223            <td colspan="5"><%=HTML.encodeTags(plate.getName())%></td>
     224          </tr>
     225          <tr>
     226            <th>Well</th>
     227            <td colspan="5"><%=rowFormatter.format(well.getRow())%><%=columnFormatter.format(well.getColumn())%></td>
     228          </tr>
     229          <%
     230        }
     231        %>
     232        <tr class="dynamic">
     233          <th></th>
     234          <td colspan="5"></td>
     235        </tr>
     236      </tbody>
    117237      </table>
    118238     
    119       <h4>Feature / block</h4>
    120       <table class="form" cellspacing=0>
    121       <tr>
    122         <td class="prompt">Feature ID</td>
    123         <td colspan="7"><%=HTML.encodeTags(feature.getExternalId())%></td>
    124       </tr>
    125       <tr>
    126         <td class="prompt">Position</td>
    127         <td><%=feature.getPosition()%></td>
    128         <td>&nbsp;&nbsp;</td>
    129         <td class="prompt">Meta grid X</td>
    130         <td><%=block.getMetaGridX()%></td>
    131         <td>&nbsp;&nbsp;</td>
    132         <td class="prompt">Meta grid Y</td>
    133         <td><%=block.getMetaGridY()%></td>
    134       </tr>
    135       <tr>
    136         <td class="prompt">Row</td>
    137         <td><%=feature.getRow()%></td>
    138         <td>&nbsp;&nbsp;</td>
    139         <td class="prompt">Block size X</td>
    140         <td><%=block.getBlockSizeX()%></td>
    141         <td>&nbsp;&nbsp;</td>
    142         <td class="prompt">Block size Y</td>
    143         <td><%=block.getBlockSizeY()%></td>
    144       </tr>
    145       <tr>
    146         <td class="prompt">Column</td>
    147         <td><%=feature.getColumn()%></td>
    148         <td>&nbsp;&nbsp;</td>
    149         <td class="prompt">Origin X</td>
    150         <td><%=block.getOriginX()%></td>
    151         <td>&nbsp;&nbsp;</td>
    152         <td class="prompt">Origin Y</td>
    153         <td><%=block.getOriginY()%></td>
    154       </tr>
    155       <tr>
    156         <td class="prompt">Block number</td>
    157         <td><%=block.getBlockNumber()%></td>
    158         <td>&nbsp;&nbsp;</td>
    159         <td class="prompt">Spacing X</td>
    160         <td><%=block.getSpacingX()%></td>
    161         <td>&nbsp;&nbsp;</td>
    162         <td class="prompt">Spacing Y</td>
    163         <td><%=block.getSpacingY()%></td>
    164       </tr>
    165       <tr>
    166         <td class="prompt">Diameter</td>
    167         <td><%=block.getFeatureDiameter()%></td>
    168       </tr>
    169       </table>
    170      
    171       <h4>Plate / well</h4>
    172       <%
    173       Well well = null;
    174       boolean readWell = true;
     239    </t:tab>
     240   
     241    <%
     242    if (reporter != null)
     243    {
     244      boolean readCurrentReporterType = true;
     245      ReporterType currentReporterType = null;
    175246      try
    176247      {
    177         well = Feature.getWell(dc, feature);
     248        currentReporterType = Reporter.getReporterType(dc, reporter);
    178249      }
    179250      catch (PermissionDeniedException ex)
    180251      {
    181         readWell = false;
    182       }
    183       if (!readWell)
    184       {
    185         %>
    186         <i>- denied -</i>
    187         <%
    188       }
    189       else if (well == null)
    190       {
    191         %>
    192         <i>- none -</i>
    193         <%
    194       }
    195       else
    196       {
    197         Plate plate = well.getPlate();
    198         %>
    199         <table  class="form" cellspacing=0>
    200         <tr>
    201           <td class="prompt">Plate</td>
    202           <td><%=HTML.encodeTags(plate.getName())%></td>
    203         </tr>
    204         <tr>
    205           <td class="prompt">Row</td>
    206           <td><%=rowFormatter.format(well.getRow())%></td>
    207         </tr>
    208         <tr>
    209           <td class="prompt">Column</td>
    210           <td><%=columnFormatter.format(well.getColumn())%></td>
    211         </tr>
    212         </table>
    213         <%
     252        readCurrentReporterType = false;
    214253      }
    215254      %>
    216 
    217       <h4>Reporter</h4>
    218       <%
    219       ReporterData reporter = feature.getReporter();
    220       if (reporter == null)
    221       {
    222         %>
    223         <i>- none -</i>
    224         <%
    225       }
    226       else
    227       {
    228         boolean readCurrentReporterType = true;
    229         ReporterType currentReporterType = null;
    230         try
    231         {
    232           currentReporterType = Reporter.getReporterType(dc, reporter);
    233         }
    234         catch (PermissionDeniedException ex)
    235         {
    236           readCurrentReporterType = false;
    237         }
    238         %>
    239         <table border="0" cellspacing="0" cellpadding="0">
    240         <tr >
    241         <td>
    242           <table class="form" cellspacing=0>
    243           <tr>
    244             <td class="prompt">Name</td>
    245             <td><%=HTML.encodeTags(reporter.getName())%></td>
    246           </tr>
    247           <tr>
    248             <td class="prompt">External ID</td>
    249             <td><%=HTML.encodeTags(reporter.getExternalId())%></td>
    250           </tr>
    251           <tr>
    252             <td class="prompt">Type</td>
    253             <td><%=Base.getEncodedName(currentReporterType, !readCurrentReporterType)%></td>
    254           </tr>
    255           <tr>
    256             <td class="prompt">Gene symbol</td>
    257             <td><%=HTML.encodeTags(reporter.getSymbol())%></td>
    258           </tr>
    259           <tr >
    260             <td class="prompt">Description</td>
    261             <td><%=HTML.niceFormat(reporter.getDescription())%></td>
    262           </tr>
    263           <tr>
    264             <td class="prompt">Registered</td>
    265             <td><%=dateFormatter.format(reporter.getEntryDate())%></td>
    266           </tr>
    267           <tr>
    268             <td class="prompt">Last update</td>
    269             <td><%=dateTimeFormatter.format(reporter.getLastUpdate())%></td>
    270           </tr>
    271           </table>
    272         </td>
    273         <td>&nbsp;&nbsp;</td>
    274         <td>
    275           <table class="form" cellspacing=0>
     255      <t:tab id="reporter" title="Reporter" >
     256        <table class="fullform outlined">
     257        <tbody class="section">
     258          <tr>
     259            <th colspan="4">Common reporter properties</th>
     260          </tr>
     261        </tbody>
     262        <tbody>
     263       
     264        <tr>
     265          <th>Name</th>
     266          <td><%=HTML.encodeTags(reporter.getName())%></td>
     267          <th class="leftborder">External ID</th>
     268          <td><%=HTML.encodeTags(reporter.getExternalId())%></td>
     269        </tr>
     270        <tr>
     271          <th>Gene symbol</td>
     272          <td><%=HTML.encodeTags(reporter.getSymbol())%></td>
     273          <th class="leftborder">Type</th>
     274          <td><%=Base.getEncodedName(currentReporterType, !readCurrentReporterType)%></td>
     275        </tr>
     276        <tr>
     277          <th>Last update</th>
     278          <td><%=dateFormatter.format(reporter.getLastUpdate())%></td>
     279          <th class="leftborder">from/by</th>
     280          <td><%=reporter.getLastSource() %></td>
     281        </tr>
     282        <tr>
     283          <th>Description</th>
     284          <td colspan="3"><%=HTML.niceFormat(reporter.getDescription())%></td>
     285        </tr>
     286        </tbody>
     287       
     288        <tbody class="section">
     289          <tr>
     290            <th colspan="4">Extended reporter properties</th>
     291          </tr>
     292        </tbody>
     293        <tbody>
    276294          <%
    277           List<ExtendedProperty> reporterProperties = ExtendedProperties.getProperties("ReporterData");
    278           if (reporterProperties != null)
    279           {
    280             boolean needsTr = true;
    281             for (ExtendedProperty ep : reporterProperties)
     295            List<ExtendedProperty> reporterProperties = ExtendedProperties.getProperties("ReporterData");
     296            if (reporterProperties != null)
    282297            {
    283               String name = ep.getName();
    284               Formatter f = FormatterFactory.getExtendedPropertyFormatter(sc, ep);
    285               String value = f.format(reporter.getExtended(name));
     298              boolean needsTr = true;
     299              for (ExtendedProperty ep : reporterProperties)
     300              {
     301                String name = ep.getName();
     302                Formatter f = FormatterFactory.getExtendedPropertyFormatter(sc, ep);
     303                String value = f.format(reporter.getExtended(name));
     304                %>
     305                  <%=needsTr ? "<tr><th>" : "<th class=\"leftborder\">" %>
     306                  <%=HTML.encodeTags(ep.getTitle())%></td>
     307                  <td><%=value%></td>
     308                  <%=needsTr ? "" : "</tr>"%>
     309                <%
     310                needsTr = !needsTr;
     311              }
    286312              %>
    287                 <%=needsTr ? "<tr>" : "" %>
    288                 <td class="prompt"><%=HTML.encodeTags(ep.getTitle())%></td>
    289                 <td><%=value%></td>
    290                 <td>&nbsp;&nbsp;</td>
    291                 <%=needsTr ? "" : "</tr>"%>
     313              <%=needsTr ? "" : "<th class=\"leftborder\"></th><td></td></tr>"%>
    292314              <%
    293               needsTr = !needsTr;
    294315            }
    295316            %>
    296             <%=needsTr ? "" : "</tr>"%>
    297             <%
    298           }
    299           %>
    300           </table>
    301         </td>
    302         </tr>
     317          <tr class="dynamic">
     318            <th></th>
     319            <td></td>
     320            <th class="leftborder"></th>
     321            <td></td>
     322          </tr>
     323        </tbody>
    303324        </table>
    304         <%
    305       }
    306       %>
    307     </div>
    308 
    309     <div align="center">
    310       <table>
    311       <tr>
    312       <td><base:button onclick="window.close()" title="Close" /></td>
    313       </tr>
    314       </table>
    315     </div>
     325      </t:tab>
     326      <%
     327    }
     328    %>
     329    </t:tabcontrol>
     330
     331    <base:buttongroup subclass="dialogbuttons">
     332      <base:button onclick="window.close()" title="Close" />
     333    </base:buttongroup>
    316334   
    317335  </base:body>
  • trunk/www/lims/arraydesigns/manage_plates.jsp

    r5906 r5917  
    138138  </base:head>
    139139  <base:body onload="init()">
    140     <p>
     140    <h1><%=title%> <base:help helpid="arraydesign.edit.plates" /></h1>
    141141    <form action="index.jsp?ID=<%=ID%>" method="post" name="design" onsubmit="return false;">
    142142    <input type="hidden" name="cmd" value="UpdatePlates">
    143143
    144     <h3 class="docked"><%=title%> <base:help tabcontrol="settings" /></h3>
    145     <t:tabcontrol id="settings" contentstyle="<%="height: "+(int)(scale*280)+"px;"%>"
    146       position="bottom" remember="false">
    147     <t:tab id="info" title="Plates" validate="validatePlates()" helpid="arraydesign.edit.plates">
    148       <table class="form" cellspacing=0>
     144    <div class="content bottomborder">
     145      <table class="fullform">
    149146      <tr>
    150         <td class="prompt">Name</td>
     147        <th>Array design</th>
    151148        <td><%=HTML.encodeTags(design.getName())%></td>
    152149      </tr>
    153 
    154       <tr >
    155         <td class="prompt">Plates</td>
     150      <tr class="dynamic">
     151        <th>Plates</th>
    156152        <td>
    157 
     153          <div class="selectionlist">
    158154          <table>
    159           <tr >
     155          <tr style="vertical-align: top;">
    160156          <td>
    161             <base:button
    162               onclick="Forms.moveListOptions(document.forms['design'].plates, false)"
    163               title="<img src='../../images/move_up.png' alt='' style='vertical-align: middle;'>"
    164               tooltip="Move up"
    165             /><p>
    166             <base:button
    167               onclick="Forms.moveListOptions(document.forms['design'].plates, true)"
    168               title="<img src='../../images/move_down.png' alt='' style='vertical-align: middle;'>"
    169               tooltip="Move down"
    170             />
     157            <base:buttongroup vertical="true">
     158              <base:button
     159                onclick="Forms.moveListOptions(document.forms['design'].plates, false)"
     160                image="move_up.png"
     161                tooltip="Move up"
     162                subclass="square"
     163              />
     164              <base:button
     165                onclick="Forms.moveListOptions(document.forms['design'].plates, true)"
     166                image="move_down.png"
     167                tooltip="Move down"
     168                subclass="square"
     169              />
     170            </base:buttongroup>
    171171          </td>
    172172          <td>
    173             <select name="plates" size="15" multiple
    174               style="width: 15em;">
     173            <select name="plates" size="15" multiple>
    175174            </select>
    176175          </td>
    177176          <td>
    178             <table width="150">
    179             <tr><td><base:button
    180               onclick="addPlatesOnClick()"
    181               title="Add plates..."
    182               tooltip="Add plates to be used"
    183               /></td></tr>
    184             <tr><td><base:button
    185               onclick="removePlatesOnClick()"
    186               title="Remove"
    187               tooltip="Remove the selected plates"
    188               /></td></tr>
    189             </table>
     177            <base:buttongroup vertical="true">
     178              <base:button
     179                subclass="leftaligned"
     180                style="width: 12em;"
     181                onclick="addPlatesOnClick()"
     182                title="Add plates..."
     183                tooltip="Add plates to be used"
     184              />
     185              <base:button
     186                subclass="leftaligned"
     187                style="width: 12em;"
     188                onclick="removePlatesOnClick()"
     189                title="Remove"
     190                tooltip="Remove the selected plates"
     191              />
     192            </base:buttongroup>
    190193          </td>
    191194          </tr>
    192195          </table>
     196          </div>
    193197        </td>
    194198      </tr>
    195      
    196199      </table>
    197       <div align=right>&nbsp;<i><base:icon image="required.gif" /> = required information</i></div>
    198     </t:tab>
    199    
    200     </t:tabcontrol>
    201 
    202     <table align="center">
    203     <tr>
    204       <td width="50%"><base:button onclick="saveSettings()" title="Save" /></td>
    205       <td width="50%"><base:button onclick="window.close()" title="Cancel" /></td>
    206     </tr>
    207     </table>
     200    </div>
    208201    </form>
     202
     203    <base:buttongroup subclass="dialogbuttons">
     204      <base:button onclick="saveSettings()" title="Save" />
     205      <base:button onclick="window.close()" title="Cancel" />
     206    </base:buttongroup>
    209207  </base:body>
    210208  </base:page>
  • trunk/www/lims/arrayslides/create_wizard.jsp

    r5908 r5917  
    195195    function pasteMultiple(prefix)
    196196    {
    197       Main.openPopup('paste_multiple.jsp?ID=<%=ID%>&form=WizardStep2&prefix=' + prefix, 'PasteMultiple', 500, 600);
     197      Main.openPopup('paste_multiple.jsp?ID=<%=ID%>&form=WizardStep2&prefix=' + prefix, 'PasteMultiple', 400, 600);
    198198    }
    199199
     
    232232    {
    233233    %>       
    234       <p>
     234      <h1><%=title%> <base:help tabcontrol="settings" /></h1>
    235235      <form action="create_wizard.jsp?ID=<%=ID%>" method="post" name="WizardStep1" onsubmit="return false;">
    236236      <input type="hidden" name="cmd" value="WizardStep2">
    237237     
    238       <h3 class="docked"><%=title%> <base:help tabcontrol="settings" /></h3>
    239       <t:tabcontrol id="settings" contentstyle="<%="height: "+(int)(scale*370)+"px;"%>"
    240         position="bottom" remember="false">
    241       <t:tab id="info" title="Array slides" validate="validateArraySlide()"
    242         helpid="arrayslide.createwizard.1">
    243         <table class="form" cellspacing=0>
    244         <tr>
    245           <td class="prompt">Name</td>
     238      <div class="content bottomborder">
     239        <table class="fullform input100">
     240        <tr>
     241          <th>Name</th>
    246242          <td><input <%=requiredClazz%> type="text" name="name"
    247243            value="<%=name%>"
    248             size="40" maxlength="<%=ArraySlide.MAX_NAME_LENGTH%>"></td>
    249         </tr>
    250         <tr>
    251           <td class="prompt">Array batch</td>
     244            maxlength="<%=ArraySlide.MAX_NAME_LENGTH%>"></td>
     245          <td></td>
     246        </tr>
     247        <tr>
     248          <th>Array batch</th>
    252249          <td>
    253250            <base:select
     
    262259            />
    263260          </td>
    264         </tr>
    265         <tr>
    266           <td class="prompt">Quantity</td>
     261          <td></td>
     262        </tr>
     263        <tr>
     264          <th>Quantity</th>
    267265          <td><input <%=requiredClazz%> type="text" name="quantity" value="50"
    268             size="12" maxlength="3"
     266             maxlength="3" style="width: 5em;"
    269267            onkeypress="return Numbers.integerOnly(event)"><i> (1-999)</i></td>
    270         </tr>
    271         <tr>
    272           <td class="prompt">Start at</td>
     268          <td></td>
     269        </tr>
     270        <tr>
     271          <th>Start at</th>
    273272          <td><input <%=clazz%> type="text" name="start_at" value="1"
    274             size="12" maxlength="10"
     273            maxlength="10" style="width: 10em;"
    275274            onkeypress="return Numbers.integerOnly(event)">
    276             <b>Pad size</b>
     275          </td>
     276          <td></td>
     277        </tr>
     278        <tr>
     279          <th class="subprompt">- pad size</th>
     280          <td>
    277281            <input <%=clazz%> type="text" name="pad_length" value=""
    278             size="12" maxlength="1"
     282            maxlength="1" style="width: 10em;"
    279283            onkeypress="return Numbers.integerOnly(event)">
    280             <br>
     284          </td>
     285          <td>
     286        </tr>
     287        <tr>
     288          <th class="subprompt"></th>
     289          <td>
     290            <div class="messagecontainer help">
    281291            The index number will be padded with zeroes to this length
    282             (ie, 1 --&gt; Slide.001; 10 --&gt; Slide.010).<br>
    283             Leave empty for automatic selection.
    284           </td>
    285         </tr>
    286         <tr>
    287           <td class="prompt" >Description</td>
    288           <td nowrap>
    289             <textarea <%=clazz%> rows="4" cols="40" name="description"
     292            (ie, 1 --&gt; Slide.001; 10 --&gt; Slide.010). Leave empty
     293            for automatic selection.
     294            </div>
     295          </td>
     296          <td></td>
     297        </tr>
     298        <tr class="dynamic">
     299          <th>Description</th>
     300          <td>
     301            <textarea <%=clazz%> rows="6" name="description"
    290302              ><%=HTML.encodeTags(cc.getPropertyValue("description"))%></textarea>
    291             <a href="javascript:Main.zoom('Description', 'WizardStep1', 'description')"
    292               title="Edit in larger window"><base:icon image="zoom.png" /></a>
     303          </td>
     304          <td style="width: 20px;">
     305            <base:icon image="zoom.png"
     306              onclick="Main.zoom('Description', 'WizardStep1', 'description')"
     307              tooltip="Edit in larger window"
     308            />
    293309          </td>
    294310        </tr>
    295311        </table>
    296         <div align=right>&nbsp;<i><base:icon image="required.gif" /> = required information</i></div>
    297       </t:tab>
    298       </t:tabcontrol>     
     312        </div>
    299313      </form>
    300314    <%
     
    308322      int quantity = Values.getInt(request.getParameter("quantity"));
    309323      int startAt = Values.getInt(request.getParameter("start_at"), 1);
    310       %>   
    311       <p>
     324      %> 
     325      <h1><%=title%> <base:help tabcontrol="settings" /></h1>
    312326      <form action="index.jsp?ID=<%=ID%>" method="post" name="WizardStep2" onsubmit="return false;">       
    313327      <input type="hidden" name="cmd" value="CreateItems">
     
    316330      <input type="hidden" name="quantity" value="<%=quantity%>">
    317331      <input type="hidden" name="start_at" value="<%=startAt%>">
    318            
    319       <h3 class="docked"><%=title%> <base:help tabcontrol="settings" /></h3>
    320       <t:tabcontrol id="settings" contentstyle="<%="height: "+(int)(scale*370)+"px;"%>"
    321         position="bottom" remember="false">
    322       <t:tab id="barcodes" title="Names and barcodes" validate="validateArraySlide()"
    323         helpid="arrayslide.createwizard.2">
    324         <table class="form" cellspacing=0>
     332     
     333      <div class="content bottomborder">
     334
     335        <table class="fullform input100">
     336          <colgroup>
     337            <col style="max-width: 5em;">
     338            <col span="2" style="width: 47%;">
     339          </colgroup>
     340          <tbody class="section">
    325341          <tr>
    326             <td>&nbsp;</td>
    327             <td class="prompt">Name:
     342            <th>&nbsp;</th>
     343            <th>Name:
    328344              <base:icon image="paste.png" onclick="pasteMultiple('name')"
    329345                tooltip="Paste multiple values in a single large textarea" />
    330346              <base:icon image="clear_down.png" onclick="clearAll('name')"
    331347                tooltip="Clear all values" />
    332             </td>
    333             <td class="prompt">Barcode:
     348            </th>
     349            <th>Barcode:
    334350              <base:icon image="paste.png" onclick="pasteMultiple('barcode')"
    335351                tooltip="Paste multiple values in a single large textarea" />
    336352              <base:icon image="clear_down.png" onclick="clearAll('barcode')"
    337353                tooltip="Clear all values" />
    338             </td>
     354            </th>
    339355          </tr>
     356          </tbody>
     357          <tbody>
    340358          <%
    341359          int padLength = Values.getInt(request.getParameter("pad_length"));
     
    351369            %>
    352370            <tr>
    353               <td class="prompt"><%=index%></td>
     371              <th><%=index%></th>
    354372              <td><input type="text" <%=requiredClazz%> name="name<%=i%>"
    355373                value="<%=paddedName%>" size="40" maxlength="<%=ArraySlide.MAX_NAME_LENGTH%>"></td>
     
    361379          }
    362380          %>
     381          <tr class="dynamic">
     382            <th></th>
     383            <td></td>
     384            <td></td>
     385          </tr>
     386          </tbody>
    363387        </table>
    364       </t:tab>
    365       </t:tabcontrol>
     388        </div>
    366389      </form>
     390     
    367391    <%
    368392    }
    369393    %>   
    370     <base:buttongroup>
     394    <div class="legend" style="height: 2em;">
     395      <base:icon image="required.gif" /> = required information
     396    </div>
     397   
     398    <base:buttongroup subclass="dialogbuttons">
    371399      <base:button onclick="saveSettings();" title="Save" visible="<%=cmd.equals("WizardStep2")%>" />
    372       <base:button onclick="nextStep();" title="Next" image="gonext.gif" visible="<%=cmd.equals("WizardStep1")%>" />
     400      <base:button onclick="nextStep();" title="Next" image="gonext.png" visible="<%=cmd.equals("WizardStep1")%>" />
    373401      <base:button onclick="window.close();" title="Cancel" />
    374402    </base:buttongroup>
  • trunk/www/lims/arrayslides/edit_slide.jsp

    r5908 r5917  
    131131        return false;
    132132      }
    133       if (frm.arraybatch_id && frm.arraybatch_id[frm.arraybatch_id.selectedIndex].value == 0)
     133      if (frm.arraybatch_id && frm.arraybatch_id.selectedIndex < 0)
    134134      {
    135135        alert("You must select an array batch");
     
    232232  </base:head>
    233233  <base:body onload="init()">
    234     <p>
     234    <h1><%=title%> <base:help tabcontrol="settings" /></h1>
    235235    <form action="index.jsp?ID=<%=ID%>" method="post" name="slide" onsubmit="return false;">
    236236    <input type="hidden" name="cmd" value="UpdateItem">
    237237
    238     <h3 class="docked"><%=title%> <base:help tabcontrol="settings" /></h3>
    239     <t:tabcontrol id="settings" contentstyle="<%="height: "+(int)(scale*370)+"px;"%>"
     238    <t:tabcontrol id="settings"
     239      subclass="content dialogtabcontrol"
    240240      position="bottom"  remember="<%=slide != null%>" switch="switchTab"
    241241      extensions="<%=invoker%>">
    242242    <t:tab id="info" title="Array slide" validate="validateArraySlide()" helpid="arrayslide.edit">
    243       <table class="form" cellspacing=0>
    244       <tr>
    245         <td class="prompt">Name</td>
     243      <table class="fullform input100">
     244      <tr>
     245        <th>Name</th>
    246246        <td><input <%=requiredClazz%> type="text" name="name"
    247247          value="<%=HTML.encodeTags(slide == null ? Values.getString(cc.getPropertyValue("name"), "New array slide") : slide.getName())%>"
    248           size="40" maxlength="<%=ArraySlide.MAX_NAME_LENGTH%>"></td>
    249       </tr>
    250       <tr>
    251         <td class="prompt">Barcode</td>
     248          maxlength="<%=ArraySlide.MAX_NAME_LENGTH%>"></td>
     249        <td></td>
     250      </tr>
     251      <tr>
     252        <th>Barcode</th>
    252253        <td><input <%=clazz%> type="text" name="barcode"
    253254          value="<%=HTML.encodeTags(slide == null ? Values.getString(cc.getPropertyValue("barcode"), "") : slide.getBarcode())%>"
    254           size="40" maxlength="<%=ArraySlide.MAX_BARCODE_LENGTH%>"></td>
    255       </tr>
    256       <tr>
    257         <td class="prompt"><label for="destroyed">Destroyed</label></td>
     255          maxlength="<%=ArraySlide.MAX_BARCODE_LENGTH%>"></td>
     256        <td></td>
     257      </tr>
     258      <tr>
     259        <th><label for="destroyed">Destroyed</label></th>
    258260        <td><input type="checkbox" name="destroyed" id="destroyed" value="1"
    259261          <%=(slide != null && slide.isDestroyed()) || (slide == null && Values.getBoolean(cc.getPropertyValue("destroyed"))) ? "checked" : ""%>>
    260262        </td>
    261       </tr>
    262       <tr>
    263         <td class="prompt">Array batch</td>
     263        <td></td>
     264      </tr>
     265      <tr>
     266        <th>Array batch</th>
    264267        <td>
    265268          <%
     
    288291          %>
    289292        </td>
    290       </tr>
    291       <tr>
    292         <td class="prompt">Index</td>
     293        <td></td>
     294      </tr>
     295      <tr>
     296        <th>Index</th>
    293297        <td><input <%=clazz%> type="text" name="batch_index" value="<%=slide == null ? Values.getInt(cc.getPropertyValue("batchIndex"), maxIndex + 1) : slide.getBatchIndex()%>"
    294           size="12" maxlength="10"
     298          maxlength="10" style="width: 15em;"
    295299          onkeypress="return Numbers.integerOnly(event)"></td>
    296       </tr>
    297       <tr >
    298         <td class="prompt">Description</td>
    299         <td nowrap>
    300           <textarea <%=clazz%> rows="4" cols="40" name="description"
     300        <td></td>
     301      </tr>
     302      <tr class="dynamic">
     303        <th>Description</th>
     304        <td>
     305          <textarea <%=clazz%> rows="6" name="description"
    301306            ><%=HTML.encodeTags(slide == null ? cc.getPropertyValue("description") : slide.getDescription())%></textarea>
    302           <a href="javascript:Main.zoom('Description', 'slide', 'description')"
    303             title="Edit in larger window"><base:icon image="zoom.png" /></a>
    304307        </td>
     308        <td style="width: 20px;">
     309          <base:icon image="zoom.png"
     310            onclick="Main.zoom('Description', 'slide', 'description')"
     311            tooltip="Edit in larger window"
     312          />
     313        </td>
    305314      </tr>
    306315      </table>
    307       <div align=right>&nbsp;<i><base:icon image="required.gif" /> = required information</i></div>
    308316    </t:tab>
    309317   
    310     <t:tab id="annotations" title="Annotations" helpid="annotations.edit">
    311       <iframe name="annotations" id="idAnnotations" src="../../common/annotations/wait.jsp"
    312         width="100%"  height="<%=(int)(scale*370)%>" frameborder=0 vspace=0 hspace=0
    313         marginwidth=0 marginheight=0 scrolling="auto" style="overflow: visible"></iframe>
    314     </t:tab>
    315    
    316     <t:tab id="inheritedAnnotations" title="Inherited annotations" helpid="annotations.edit.inherited">
    317    
    318       <iframe name="inheritedAnnotations" id="idInheritedAnnotations" src="../../common/annotations/wait.jsp"
    319         width="100%"  height="<%=(int)(scale*370)%>" frameborder=0 vspace=0 hspace=0
    320         marginwidth=0 marginheight=0 scrolling="auto" style="overflow: visible"></iframe>
    321     </t:tab>
     318    <t:tab id="annotations" title="Annotations &amp; parameters" helpid="annotations.edit"><iframe
     319      name="annotations" id="idAnnotations" src="../../common/annotations/wait.jsp"
     320      style="width: 100%; height: 100%;"></iframe></t:tab>
     321   
     322    <t:tab id="inheritedAnnotations" title="Inherited annotations"
     323      helpid="annotations.edit.inherited"><iframe
     324        name="inheritedAnnotations" id="idInheritedAnnotations" src="../../common/annotations/wait.jsp"
     325        style="width: 100%; height: 100%;"></iframe></t:tab>
    322326    </t:tabcontrol>
    323 
    324     <table align="center">
    325     <tr>
    326       <td width="50%"><base:button onclick="saveSettings()" title="Save" /></td>
    327       <td width="50%"><base:button onclick="window.close()" title="Cancel" /></td>
    328     </tr>
    329     </table>
    330327    </form>
     328
     329    <div class="legend">
     330      <base:icon image="required.gif" /> = required information
     331    </div>
     332
     333    <base:buttongroup subclass="dialogbuttons">
     334      <base:button onclick="saveSettings()" title="Save" />
     335      <base:button onclick="window.close()" title="Cancel" />
     336    </base:buttongroup>
    331337  </base:body>
    332338  </base:page>
  • trunk/www/lims/arrayslides/list_slides.jsp

    r5910 r5917  
    118118    function newItems()
    119119    {     
    120       Main.openPopup('index.jsp?ID=<%=ID%>&cmd=NewItems', 'NewArraySlides', 800, 500);
     120      Main.openPopup('index.jsp?ID=<%=ID%>&cmd=NewItems', 'NewArraySlides', 750, 500);
    121121    }
    122122    function editItem(itemId)
  • trunk/www/lims/arrayslides/paste_multiple.jsp

    r5796 r5917  
    105105  </base:head>
    106106  <base:body onload="init()">
    107     <p>
     107    <h1><%=title%> <base:help helpid="arrayslide.createwizard.pastemultiple" /></h1>
    108108    <form name="paste" onsubmit="return false;">
    109109
    110     <h3 class="docked"><%=title%> <base:help helpid="arrayslide.createwizard.pastemultiple" /></h3>
    111     <div class="boxedbottom">
    112       <textarea class="text" rows="30" cols="60" name="text"></textarea>
     110    <div class="content">
     111      <table style="width: 100%; height: 100%;">
     112      <tr>
     113        <td class="padded filled">
     114        <i>
     115          Enter one name or barcode per line. Click <b>Save</b> to store the
     116          result in the parent form.
     117        </i>
     118        </td>
     119      </tr>
     120      <tr>
     121      <td style="height: 98%;">
     122        <table class="fullcc input100"><tr><td>
     123        <textarea class="autohight" rows="20"name="text"></textarea>
     124        </td></tr></table>
     125      </td>
     126      </tr>
     127      </table>
    113128    </div>
    114    
    115     <i>
    116       Enter one name or barcode per line. Click <b>Save</b> to store the
    117       result in the parent form.
    118     </i>
     129    </form>
    119130
    120     <table align="center">
    121     <tr>
    122       <td width="50%"><base:button onclick="save()" title="Save" /></td>
    123       <td width="50%"><base:button onclick="window.close()" title="Cancel" /></td>
    124     </tr>
    125     </table>
    126     </form>
     131    <base:buttongroup subclass="dialogbuttons">
     132      <base:button onclick="save()" title="Save" />
     133      <base:button onclick="window.close()" title="Cancel" />
     134    </base:buttongroup>
    127135  </base:body>
    128136  </base:page>
Note: See TracChangeset for help on using the changeset viewer.