Ignore:
Timestamp:
Mar 2, 2011, 5:40:25 PM (10 years ago)
Author:
s.h.sikkema@…
Message:

UI improvements to assay exporter (ticket #159)

Location:
trunk/grails-app/views/assay
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/grails-app/views/assay/compileExportData.gsp

    r1581 r1583  
    1313  </head>
    1414  <body>
     15
     16  <h1>Below you see a preview of the resulting Excel file, click OK to generate it</h1>
    1517
    1618  <table>
  • trunk/grails-app/views/assay/selectAssay.gsp

    r1559 r1583  
    3333    ${flash.errorMessage}
    3434  </div>
    35   %{--<g:form name="assaySelect" action="exportAssayAsExcel">--}%
     35
     36  <h1>Select the assay you want to export data from</h1>
     37
    3638  <g:form name="assaySelect" action="selectFields">
    3739    <g:select optionKey="id" optionValue="title" name="studyId" from="${userStudies}" id="study"
  • trunk/grails-app/views/assay/selectFields.gsp

    r1581 r1583  
    1111  <meta name="layout" content="main" />
    1212  <title>Select assay fields</title>
     13  <script type="text/javascript" src="${resource(dir: 'js', file: 'tooltips.js', plugin: 'gdt')}"></script>
     14  <script type="text/javascript" src="${resource(dir: 'js', file: 'jquery.qtip-1.0.0-rc3.min.js', plugin: 'gdt')}"></script>
     15  <link rel="stylesheet" href="${resource(dir: 'css', file: 'templates.css')}"/>
    1316
    1417  <style type="text/css">
    15 
    16     .selectCategoryDiv{
    17       float: left;
    18       width: auto;
     18    .category{
     19      margin-left: 5px;
    1920    }
    2021
    21     .selectFieldDiv{
     22    .field{
     23      margin-left: 20px;
    2224    }
    2325
    24     .clear {clear: both;}
     26    .element .helpIcon{
     27      margin-top: 0;
     28    }
     29  </style>
    2530
    26   </style>
     31  <script type="text/javascript">
     32    $(document).ready(function() {
     33      attachHelpTooltips();
     34    })
     35  </script>
    2736</head>
    2837  <body>
    2938  <div>
     39
     40    <h1>Select the columns that you want to be included in the resulting Excel file</h1>
     41
    3042    <g:form name="fieldSelectForm" action="compileExportData">
    31       <div class="selectCategoryDiv">
    3243
    33         <g:set var="catNum" value="${0}"/>
     44      <g:set var="catNum" value="${0}"/>
     45      <g:each in="${fieldMap}" var="entry">
    3446
    35         <g:each in="${fieldMap + ['Measurement tokens':'']}">
     47          <assayExporter:categorySelector category="${entry.key}" ref="cat_${catNum}"/>
    3648
    37           <assay:categorySelector category="${it.key}" ref="cat_${catNum}"/><br/>
     49          <assayExporter:fieldSelectors ref="cat_${catNum}" fields="${entry.value}"/>
     50
    3851          <g:set var="catNum" value="${catNum + 1}"/>
    3952
    40         </g:each>
     53      </g:each>
    4154
    42       </div>
    43 
    44       <div class="selectFieldDiv">
    45 
    46         <g:set var="catNum" value="${0}"/>
    47 
    48         <g:each in="${fieldMap}">
    49 
    50           <assay:fieldSelector ref="cat_${catNum}" fieldNames="${it.value}"/><br/>
    51           <g:set var="catNum" value="${catNum + 1}"/>
    52 
    53         </g:each>
    54 
    55         <g:select name="measurementToken" id="measurementToken" from="${measurementTokens}" noSelection="${[null:'All tokens']}"/>
    56 
    57       </div>
    58 
    59       <div class="clear"></div>
    60 
     55      <assayExporter:categorySelector category="Measurements" ref="cat_${catNum}"/>
     56      <g:select name="measurementToken" id="measurementToken" from="${measurementTokens}" class="field" multiple="true"/>
     57      <br /><br />
    6158      <g:submitButton name="submit" value="Submit"/>
    6259
    6360    </g:form>
     61
    6462  </div>
    6563  </body>
Note: See TracChangeset for help on using the changeset viewer.