diff options
Diffstat (limited to 'idrop-web/grails-app/views/browse/_browseTabContent.gsp')
| -rwxr-xr-x | idrop-web/grails-app/views/browse/_browseTabContent.gsp | 141 |
1 files changed, 85 insertions, 56 deletions
diff --git a/idrop-web/grails-app/views/browse/_browseTabContent.gsp b/idrop-web/grails-app/views/browse/_browseTabContent.gsp index 334a69f..e184204 100755 --- a/idrop-web/grails-app/views/browse/_browseTabContent.gsp +++ b/idrop-web/grails-app/views/browse/_browseTabContent.gsp @@ -1,58 +1,87 @@ - <div id="browseDialogArea"><!-- general area to spawn jquery dialogs --></div> - <div id="browseToolbar" style="display:block; width:100%;position:relative;"> - - <div id="infoDivPathArea" - style="overflow: hidden; display:block; margin: 3px; font-size: 120%;position:relative;"> - <!-- area for the path crumb-trails --> + +<div id="browseDialogArea"> + <!-- general area to spawn jquery dialogs --> +</div> +<div id="browseToolbar" + style="display: block; width: 100%; position: relative;"> + + <div id="infoDivPathArea" + style="overflow: hidden; display: block; margin: 3px; font-size: 120%; position: relative;"> + <!-- area for the path crumb-trails --> + </div> + +</div> +<!-- browseToolbar --> +<div id="browseMenuDiv" + style="display: block; width: 100%; position: relative;"> + <g:render template="/common/topToolbar" /> +</div> + +<div id="browseDialogArea"> + <!-- general area to spawn jquery dialogs --> +</div> + +<div id="browser" class="wrapper" + style="height: 85%; width: 100%; clear: both; overflow: hidden;"> + <div id="dataTreeView" + style="width: 100%; height: 700px; overflow: hidden;"> + + <div id="dataTreeDivWrapper" class="ui-layout-west" + style="width: 25%; height: 100%; overflow: hidden;"> + <div id="dataTreeToolbar" + style="width: 100%; height: 4%; display: block; margin: 5px;" + class="fg-toolbar"> + + + <div id="dataTreeMenu"> + <button type="button" id="refreshTreeButton" + value="refreshTreeButton" onclick="refreshTree()")> + <i class="icon-refresh"></i> + </button> + + <g:if test="${!irodsAccount.anonymousAccount}"> + + <button type="button" id="homeTreeButton" + onclick="setTreeToUserHome()")> + <i class="icon-home"></i> + </button> + <button type="button" id="rootTreeButton" value="rootTreeButton" + onclick="setTreeToRoot()")> + <i class="icon-arrow-up"></i> + </button> + + </g:if> + + </div> + <!-- dataTreeMenu --> + + </div> + <!-- dataTreeToolbar --> + + <div id="dataTreeDiv" class="clearfix" + style="height: 95%; width: 100%; overflow: auto;"> + <!-- no empty div --> + </div> </div> - - </div> <!-- browseToolbar --> - <div id="browseMenuDiv" style="display:block; width:100%;position:relative;"> - <g:render template="/common/topToolbar" /> - </div> - - <div id="browseDialogArea"><!-- general area to spawn jquery dialogs --></div> + <!-- dataTreeDivWrapper --> + + <div id="infoDivOuter" + style="display: block; width: 75%; height: 100%; position: relative; overflow: auto;" + class="ui-layout-center"> + + <div id="infoDiv" class=""> + <h2> + <g:message code="browse.page.prompt" /> + </h2> + </div> + <!-- infoDiv --> + + </div> + <!-- infoDivOuter --> + </div> + <!-- data tree view --> +</div> +<!-- browser --> +<script> - <div id="browser" class="wrapper" style="height:85%;width:100%;clear:both;overflow:hidden;"> - <div id="dataTreeView" style="width: 100%; height: 700px; overflow: hidden;"> - - <div id="dataTreeDivWrapper" class="ui-layout-west" style="width: 25%; height: 100%; overflow:hidden;"> - <div id="dataTreeToolbar" style="width:100%; height:4%;display:block; margin:5px;" class="fg-toolbar"> - - - <div id="dataTreeMenu"> - <button type="button" id="refreshTreeButton" - value="refreshTreeButton" - onclick="refreshTree()")> - <i class="icon-refresh"></i> - </button> - <button type="button" id="homeTreeButton" - - onclick="setTreeToUserHome()")> - <i class="icon-home"></i> - </button> - <button type="button" id="rootTreeButton" - value="rootTreeButton" - onclick="setTreeToRoot()")> - <i class="icon-arrow-up"></i> - </button> - </div> <!-- dataTreeMenu --> - - </div> <!-- dataTreeToolbar --> - - <div id="dataTreeDiv" class="clearfix" style="height:95%; width:100%; overflow:auto;"><!-- no empty div --></div> - </div> <!-- dataTreeDivWrapper --> - - <div id="infoDivOuter" style="display: block; width: 75%; height: 100%; position: relative; overflow: auto;" - class="ui-layout-center"> - - <div id="infoDiv" class=""><h2><g:message code="browse.page.prompt" /></h2> - </div> <!-- infoDiv --> - - </div> <!-- infoDivOuter --> - </div> <!-- data tree view --> - </div> <!-- browser --> - <script> - - - </script> +</script> |