Changeset 13 for trunk/grails-app/views


Ignore:
Timestamp:
Feb 10, 2011, 5:03:02 PM (10 years ago)
Author:
robert@…
Message:

Improved user interface and implemented basic export functionality

Location:
trunk/grails-app/views
Files:
5 edited

Legend:

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

    r12 r13  
    1212                </g:if>
    1313                <g:else>
    14                         <table class="paginate">
     14                        <form id="assayForm">
     15                        </form>
     16                        <table id="assays" class="paginate">
    1517                                <thead>
    1618                                        <tr>
     19                                                <th class="nonsortable"></th>
    1720                                                <th>Assay</th>
    1821                                                <th>Study</th>
     
    2629                                                        <g:each in="${study.assays}" var="assay">
    2730                                                                <tr>
     31                                                                        <td><g:checkBox name="ids" value="${assay.id}" checked="${false}" /></td>
     32                                                               
    2833                                                                        <td><g:link controller="assay" action="show" id="${assay.id}">${assay.name}</g:link></td>
    2934                                                                        <td><a href="${study.viewUrl()}">${study.name}</a></td>
     
    4348                                </tbody>
    4449                        </table>
     50                        <p class="options">
     51                                <a class="fasta" href="#" onClick="submitPaginatedForm( $( '#assayForm' ), '<g:createLink action="exportAsFasta" />', '#assays', 'Please select an assay to export' ); return false;">Export as fasta</a>
     52                        </p>
     53                       
    4554                </g:else>                       
    4655        </body>
  • trunk/grails-app/views/assay/show.gsp

    r12 r13  
    100100                        </tbody>
    101101                </table>
     102                <p class="options">
     103                        <g:if test="${editable}">
     104                                <a class="editAssociation" onClick="showEnterTagsDialog();" href="#">Edit sample data</a>
     105                        </g:if>
     106                        <g:else>
     107                                <a class="editAssociation disabled" onClick="return false;" href="#">Edit sample data</a>
     108                        </g:else>
     109                        <g:if test="${!editable || assay.runs == null || assay.runs.size() == 0}">
     110                                <a class="addSequences disabled" onClick="return false;" href="#">Add sequence files</a>
     111                        </g:if>
     112                        <g:else>
     113                                <a class="addSequences" onClick="showAddFilesDialog();" href="#">Add sequence files</a>
     114                        </g:else>
     115                </p>
     116
    102117                <g:if test="${editable}">
    103                         <input type="button" value="Edit sample data" onClick="showEnterTagsDialog();">
    104                         <input type="button" value="Add sequence files" onClick="showAddFilesDialog();" <g:if test="${assay.runs == null || assay.runs.size() == 0}">disabled="disabled"</g:if>>
    105118                        <g:render template="enterTagsDialog" model="[assay: assay, sortedAssaySamples: assaySamples]" />
    106119                        <g:render template="addFilesDialog" model="[assay: assay]" />
     
    162175                </table>
    163176        </g:else>
     177        <p class="options">
     178                <g:if test="${editable}">
     179                        <a class="addAssociation" onClick="showAddRunDialog();" href="#">Add run</a>
     180                </g:if>
     181                <g:else>
     182                        <a class="addAssociation disabled" onClick="return false;" href="#">Add run</a>
     183                </g:else>
     184        </p>
     185
    164186        <g:if test="${editable}">
    165                 <input type="button" value="Add run" onClick="showAddRunDialog();">
    166187                <g:render template="addRunDialog" model="[assay: assay]" />
    167188                <div id="editRunDialog" class="dialog"></div>
  • trunk/grails-app/views/layouts/main.gsp

    r7 r13  
    88                <link rel="stylesheet" href="${resource(dir: 'css', file: session.style + '.css')}"/>
    99                <link rel="stylesheet" href="${resource(dir: 'css', file: 'login_panel.css')}"/>
     10                <link rel="stylesheet" href="${resource(dir: 'css', file: 'buttons.css')}"/>
    1011                <link rel="shortcut icon" href="${resource(dir: 'images', file: 'favicon.ico')}" type="image/x-icon"/>
    1112               
     
    2122                </script>
    2223                <script type="text/javascript" src="${resource(dir: 'js', file: 'paginate.js')}"></script>
     24                <script type="text/javascript" src="${resource(dir: 'js', file: 'forms.js')}"></script>
    2325               
    2426                <g:layoutHead/>
  • trunk/grails-app/views/run/index.gsp

    r7 r13  
    2525                </g:if>
    2626                <g:else>
    27                         <table class="paginate">
     27                        <form id="runForm">
     28                        </form>
     29                        <table id="runs" class="paginate">
    2830                                <thead>
    2931                                        <tr>
     32                                                <th class="nonsortable"></th>
    3033                                                <th>Run</th>
    3134                                                <th># samples</th>
     
    3639                                        <g:each in="${runs}" var="run">
    3740                                                <tr>
     41                                                        <td><g:checkBox name="ids" value="${run.id}" checked="${false}" /></td>
    3842                                                        <td><g:link controller="run" action="show" id="${run.id}">${run.name}</g:link></td>
    3943                                                        <td>${run.assaySamples?.size()}</td>
     
    4347                                </tbody>
    4448                        </table>
     49                        <p class="options">
     50                                <a class="add" href="#" onClick="showAddRunDialog(); return false;">Add run</a>
     51                                <a class="fasta" href="#" onClick="submitPaginatedForm( $( '#runForm' ), '<g:createLink action="exportAsFasta" />', '#runs', 'Please select a run to export' ); return false;">Export as fasta</a>
     52                        </p>
    4553                </g:else>
    4654                <g:render template="addRunDialog" />
  • trunk/grails-app/views/run/show.gsp

    r12 r13  
    5656                <label>Machine</label>: ${run.machine}<br />
    5757                <label>Parameters</label>: <g:uploadedFile value="${run.parameterFile}" /><br />
    58                 <a href="#" onClick="showEditRunDialog( ${run.id} ); return false;">Edit run</a>
    5958        </div>
    6059        <div class="blok_data">
     
    7978                <label># files</label>: ${run.numFiles()}<br />
    8079        </div>
     80        <p class="options">
     81                <a class="edit" href="#" onClick="showEditRunDialog( ${run.id} ); return false;">Edit run</a>
     82        </p>
    8183       
    8284        <!-- Samples -->
     
    137139                </table>
    138140                <g:if test="${editable}">
    139                         <% def writableAssaySamples = assaySamples.findAll { it.assay.study.canWrite( session.user ) } %>
     141                        <p class="options">
     142                                <% def writableAssaySamples = assaySamples.findAll { it.assay.study.canWrite( session.user ) } %>
     143                                <a class="addAssociation" onClick="showAddSamplesDialog();" href="#">Add samples</a>
     144
     145                                <g:if test="${writableAssaySamples.size() > 0}">
     146                                        <a class="editAssociation" onClick="showEnterTagsDialog();" href="#">Edit sample data</a>
     147                                </g:if>
     148                                <g:else>
     149                                        <a class="editAssociation disabled" onClick="return false;" href="#">Edit sample data</a>
     150                                </g:else>
     151
     152                                <g:if test="${writableAssaySamples.size() == 0 || !run.assays?.size()}">
     153                                        <a class="addSequences disabled" onClick="return false;" href="#">Add sequence files</a>
     154                                </g:if>
     155                                <g:else>
     156                                        <a class="addSequences" onClick="showAddFilesDialog();" href="#">Add sequence files</a>
     157                                </g:else>
     158
     159                        </p>
    140160                        <g:if test="${writableAssaySamples.size() > 0}">
    141                                 <input type="button" value="Edit sample data" onClick="showEnterTagsDialog();">
    142                                 <input type="button" value="Add sequence files" onClick="showAddFilesDialog();" <g:if test="${run.assays == null || run.assays.size() == 0}">disabled="disabled"</g:if>>
    143161                                <g:render template="enterTagsDialog" model="[run: run, writableAssaySamples: writableAssaySamples]" />
    144162                                <g:render template="addFilesDialog" model="[run: run]" />
    145163                        </g:if>
    146                         <g:else>
    147                                 <input type="button" value="Edit sample data" disabled="disabled">
    148                                 <input type="button" value="Add sequence files" disabled="disabled">
    149                         </g:else>
    150                         <input type="button" value="Add sample" onClick="showAddSamplesDialog();">
     164                       
    151165                        <g:render template="addSamplesDialog" model="[run: run]" />
     166                       
    152167                </g:if>
    153168                <div id="showSampleDialog" class="dialog"></div>
     
    208223        <% def writableAssays = otherAssays.findAll { it.study.canWrite( session.user ) } %>
    209224        <g:if test="${editable}">
     225                <p class="options">
     226                        <g:if test="${writableAssays.size() > 0}">
     227                                <a class="addAssociation" href="#" onClick="showAddAssayDialog();">Add assay</a>
     228                        </g:if>
     229                        <g:else>
     230                                <a class="addAssociation disabled" href="#" onClick="return false;">Add assay</a>
     231                        </g:else>
     232                </p>
    210233                <g:if test="${writableAssays.size() > 0}">
    211                         <input type="button" value="Add assay" onClick="showAddAssayDialog();" />
    212234                        <g:render template="addAssayDialog" model="[run: run, writableAssays: writableAssays]" />
    213235                </g:if>
    214                 <g:else>
    215                         <input type="button" value="Add assay" disabled="disabled" />
    216                 </g:else>
    217236        </g:if>
    218237        <div id="showRunDialog" class="dialog"></div>
Note: See TracChangeset for help on using the changeset viewer.