summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authormconway <michael_conway@unc.edu>2013-06-07 16:30:21 (GMT)
committer mconway <michael_conway@unc.edu>2013-06-07 16:30:21 (GMT)
commit06a7e389f67cfdf117bce572bd7bb0395e58d5ed (patch)
tree298abba7b8e4c447be7da04d3fcc31e4e911ae7e
parentdc5b9a1d397bafb5f3528fc1b8ef20dd6e0e8380 (diff)
downloadQCG-Data-06a7e389f67cfdf117bce572bd7bb0395e58d5ed.zip
QCG-Data-06a7e389f67cfdf117bce572bd7bb0395e58d5ed.tar.gz
QCG-Data-06a7e389f67cfdf117bce572bd7bb0395e58d5ed.tar.bz2
[#1475] ie fixes
-rw-r--r--idrop-web/grails-app/views/browse/dataObjectInfo.gsp492
1 files changed, 285 insertions, 207 deletions
diff --git a/idrop-web/grails-app/views/browse/dataObjectInfo.gsp b/idrop-web/grails-app/views/browse/dataObjectInfo.gsp
index d562d2a..93c5f19 100644
--- a/idrop-web/grails-app/views/browse/dataObjectInfo.gsp
+++ b/idrop-web/grails-app/views/browse/dataObjectInfo.gsp
@@ -10,229 +10,307 @@
<div id="toggleHtmlArea">
<div id="displayArea">
<g:render template="/browse/dataObjectInfoToolbar" />
- <div id="infoDialogArea"><!-- no empty divs --></div>
-
- <div class="well">
- <image style="float:left;margin-right:10px;" src="<g:resource dir='images' file='file.png' alt='file icon' />"/>
-
- <div id="container" style="height:100%;width:100%;">
-
- <div >
- <div><label><g:message code="text.file.name" />:</label></div>
- <div style="overflow:auto;"><a href="#" onclick="dibDownloadFile( )">${dataObject.dataName}</a></div>
- </div>
- <div>
- <div style="width:20%;"><label><g:message code="text.parent" />:</label></div>
- <div style="overflow:auto;">${dataObject.collectionName}</div>
- </div>
- </div>
- <div id="infoThumbnailLoadArea"></div>
- <g:if test="${renderMedia}">
- <a class="media" href="${resource(absolute:true,dir:'file/download',file:dataObject.absolutePath)}"></a>
- </g:if>
- <g:else>
- <a href="${resource(absolute:true,dir:'file/download',file:dataObject.absolutePath)}"></a>
- </g:else>
- </div>
- </div>
+ <div id="infoDialogArea">
+ <!-- no empty divs -->
</div>
-
- <ul class="nav nav-tabs" id="infoTabs">
- <li class="active"><a href="#info" id="infoTab"><g:message code="text.info" /></a></li>
- <li><a href="#metadata" id="metadataTab"><g:message code="text.metadata" /></a></li>
- <li><a href="#permissions" id="permissionTab"><g:message code="text.permissions" /></a></li>
- <g:if test="${grailsApplication.config.idrop.config.use.tickets==true}">
- <li><a href="#tickets" id="ticketTab"><g:message code="text.tickets" /></a></li>
- </g:if>
- <li><a href="#audit" id="auditTab"><g:message code="text.audit" /></a></li>
- </ul>
-
- <div class="tab-content">
- <div class="tab-pane active" id="info">
- <div id="container" style="height:100%;width:100%;">
-
- <div >
- <div style="width:20%;"><label><g:message code="text.length" />:</label></div>
- <div>${dataObject.displayDataSize}</div>
- </div>
-
- <div>
- <div><label><g:message code="text.created" />:</label></div>
- <div>${dataObject.createdAt}</div>
- </div>
- <div>
- <div><label><g:message code="text.modified" />:</label></div>
- <div>${dataObject.updatedAt}</div>
- </div>
- <div>
- <div><label><g:message code="text.owner" />:</label></div>
- <div>${dataObject.dataOwnerName}</div>
- </div>
- <div>
- <div><label><g:message code="text.owner.zone" />:</label></div>
- <div>${dataObject.dataOwnerZone}</div>
- </div>
- <div>
- <div><label><g:message code="text.data.path" />:</label></div>
- <div style="overflow:auto;"><span class="longText">${dataObject.dataPath}</span></div>
- </div>
- <div>
- <div><label><g:message code="text.resource.group" />:</label></div>
- <div>${dataObject.resourceGroupName}</div>
- </div>
- <div>
- <div><label><g:message code="text.checksum" />:</label></div>
- <div>${dataObject.checksum}</div>
- </div>
- <div>
- <div><label><g:message code="text.resource" />:</label></div>
- <div>${dataObject.resourceName}</div>
- </div>
- <div>
- <div><label><g:message code="text.replica.number" />:</label></div>
- <div>${dataObject.dataReplicationNumber}</div>
- </div>
- <div>
- <div><label><g:message code="text.replication.status" />:</label></div>
- <div>${dataObject.replicationStatus}</div>
- </div>
- <div>
- <div><label><g:message code="text.status" />:</label></div>
- <div>${dataObject.dataStatus}</div>
- </div>
- <div>
- <div><label><g:message code="text.type" />:</label></div>
- <div>${dataObject.dataTypeName}</div>
- </div>
- <div>
- <div><label><g:message code="text.version" />:</label></div>
- <div>${dataObject.dataVersion}</div>
- </div>
-
+
+
+ <div class="well">
+ <image style="float:left;margin-right:10px;"
+ src='<g:resource dir="images" file="file.png" alt="file icon" />' />
+
+
+ <h3>
+ ${dataObject.dataName}
+ </h3>
</div>
- <div id="container" style="height:100%;width:100%;">
- <div>
- <div><label><g:message code="text.tags" />:</label></div>
- <div><g:textField id="infoTags" name="tags"
- value="${tags.spaceDelimitedTagsForDomain}" /></div>
- </div>
- <div>
- <div><label><g:message code="text.comment" />:</label></div>
- <div><g:textArea id="infoComment" name="comment" rows="5" cols="80"
- value="${comment}" /></div>
+
+
+
+ <ul class="nav nav-tabs" id="infoTabs">
+ <li class="active"><a href="#info" id="infoTab"><g:message
+ code="text.info" /></a></li>
+ <li><a href="#metadata" id="metadataTab"><g:message
+ code="text.metadata" /></a></li>
+ <li><a href="#permissions" id="permissionTab"><g:message
+ code="text.permissions" /></a></li>
+ <g:if
+ test="${grailsApplication.config.idrop.config.use.tickets==true}">
+ <li><a href="#tickets" id="ticketTab"><g:message
+ code="text.tickets" /></a></li>
+ </g:if>
+ <li><a href="#audit" id="auditTab"><g:message
+ code="text.audit" /></a></li>
+ </ul>
+
+ <div class="tab-content">
+ <div class="tab-pane active" id="info">
+ <div class="container-fluid">
+
+ <div class="row" id="infoThumbnailLoadArea">
+ <div class="span12">
+ <g:if test="${renderMedia}">
+ <a class="media"
+ href="${resource(absolute:true,dir:'file/download',file:dataObject.absolutePath)}"></a>
+ </g:if>
+ <g:else>
+ <a
+ href="${resource(absolute:true,dir:'file/download',file:dataObject.absolutePath)}"></a>
+ </g:else>
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="span2">
+ <label><g:message code="text.length" />:</label>
+ </div>
+ <div class="span10">
+ ${dataObject.displayDataSize}
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="span2">
+ <label><g:message code="text.created" />:</label>
+ </div>
+ <div class="span10">
+ ${dataObject.createdAt}
+ </div>
+ </div>
+ <div class="row">
+ <div class="span2">
+ <label><g:message code="text.modified" />:</label>
+ </div>
+ <div class="span10">
+ ${dataObject.updatedAt}
+ </div>
+ </div>
+ <div class="row">
+ <div class="span2">
+ <label><g:message code="text.owner" />:</label>
+ </div>
+ <div class="span10">
+ ${dataObject.dataOwnerName}
+ </div>
+ </div>
+ <div class="row">
+ <div class="span2">
+ <label><g:message code="text.owner.zone" />:</label>
+ </div>
+ <div class="span10">
+ ${dataObject.dataOwnerZone}
+ </div>
+ </div>
+ <div class="row">
+ <div class="span2">
+ <label><g:message code="text.data.path" />:</label>
+ </div>
+ <div class="span10 longText" style="overflow: auto;">
+ ${dataObject.dataPath}
+ </div>
+ </div>
+ <div class="row">
+ <div class="span2">
+ <label><g:message code="text.resource.group" />:</label>
+ </div>
+ <div class="span10">
+ ${dataObject.resourceGroupName}
+ </div>
+ </div>
+ <div class="row">
+ <div class="span2">
+ <label><g:message code="text.checksum" />:</label>
+ </div>
+ <div class="span10">
+ ${dataObject.checksum}
+ </div>
+ </div>
+ <div class="row">
+ <div class="span2">
+ <label><g:message code="text.resource" />:</label>
+ </div>
+ <div class="span10">
+ ${dataObject.resourceName}
+ </div>
+ </div>
+ <div class="row">
+ <div class="span2">
+ <label><g:message code="text.replica.number" />:</label>
+ </div>
+ <div class="span10">
+ ${dataObject.dataReplicationNumber}
+ </div>
+ </div>
+ <div class="row">
+ <div class="span2">
+ <label><g:message code="text.replication.status" />:</label>
+ </div>
+ <div class="span10">
+ ${dataObject.replicationStatus}
+ </div>
+ </div>
+ <div class="row">
+ <div class="span2">
+ <label><g:message code="text.status" />:</label>
+ </div>
+ <div class="span10">
+ ${dataObject.dataStatus}
+ </div>
+ </div>
+ <div class="row">
+ <div class="span2">
+ <label><g:message code="text.type" />:</label>
+ </div>
+ <div class="span10">
+ ${dataObject.dataTypeName}
+ </div>
+ </div>
+ <div class="row">
+ <div class="span2">
+ <label><g:message code="text.version" />:</label>
+ </div>
+ <div class="span10">
+ ${dataObject.dataVersion}
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="span2">
+ <label><g:message code="text.tags" />:</label>
+ </div>
+ <div class="span10">
+ <g:textField id="infoTags" name="tags"
+ value="${tags.spaceDelimitedTagsForDomain}" />
+ </div>
+ </div>
+ <div class="row">
+ <div class="span2">
+ <label><g:message code="text.comment" />:</label>
+ </div>
+ <div class="span10">
+ <g:textArea id="infoComment" name="comment" rows="5" cols="80"
+ value="${comment}" />
+ </div>
+ </div>
+ <div class="row">
+ <div class="span2"></div>
+ <div class="span10">
+ <button type="button" id="updateTags" value="updateTags"
+ onclick="updateTags()">Update Tags</button>
+ </div>
+ </div>
+
+
</div>
- <div>
- <div></div>
- <div><button type="button" id="updateTags" value="updateTags" onclick="updateTags()">Update Tags</button></div>
+ </div>
+ <div class="tab-pane" id="metadata">
+ <div id="infoAccordionMetadataInner"></div>
+ </div>
+ <div class="tab-pane" id="permissions">
+ <div id="infoAccordionACLInner"></div>
+ </div>
+ <g:if
+ test="${grailsApplication.config.idrop.config.use.tickets==true}">
+ <div class="tab-pane" id="tickets">
+ <div id="infoAccordionTicketsInner"></div>
</div>
+ </g:if>
+ <div class="tab-pane" id="audit">
+ <div id="infoAccordionAuditInner"></div>
+ </div>
</div>
+
</div>
- <div class="tab-pane" id="metadata">
- <div id="infoAccordionMetadataInner"></div>
- </div>
- <div class="tab-pane" id="permissions">
- <div id="infoAccordionACLInner"></div>
- </div>
- <g:if test="${grailsApplication.config.idrop.config.use.tickets==true}">
- <div class="tab-pane" id="tickets">
- <div id="infoAccordionTicketsInner">
- </div>
- </div>
- </g:if>
- <div class="tab-pane" id="audit">
- <div id="infoAccordionAuditInner"></div>
- </div>
-</div>
+ <!-- toggle html area -->
-</div><!-- toggle html area -->
-
-<script>
- $(function() {
- $(".idropLiteBulkUpload").hide();
- $("#menuDownload").show();
- $("#menuUpload").hide();
- $("#menuBulkUpload").hide();
+ <script type="text/javascript">
+ $(function() {
+ $(".idropLiteBulkUpload").hide();
+ $("#menuDownload").show();
+ $("#menuUpload").hide();
+ $("#menuBulkUpload").hide();
+ $('#infoTabs a').click(function(e) {
+ e.preventDefault();
+ $(this).tab('show');
+ });
- $('#infoTabs a').click(function (e) {
- e.preventDefault();
- $(this).tab('show');
- });
-
- $('#infoTab').on('shown', function (e) {
- //e.target // activated tab
- //e.relatedTarget // previous tab
- showMetadataView(selectedPath, "#infoAccordionMetadataInner");
- });
-
- $('#metadataTab').on('shown', function (e) {
- showMetadataView(selectedPath, "#infoAccordionMetadataInner");
- });
+ $('#infoTab').on('shown', function(e) {
+ //e.target // activated tab
+ //e.relatedTarget // previous tab
+ showMetadataView(selectedPath, "#infoAccordionMetadataInner");
+ });
- $('#permissionTab').on('shown', function (e) {
- showSharingView(selectedPath, "#infoAccordionACLInner");
- });
+ $('#metadataTab').on('shown', function(e) {
+ showMetadataView(selectedPath, "#infoAccordionMetadataInner");
+ });
- $('#ticketTab').on('shown', function (e) {
- showTicketView(selectedPath, "#infoAccordionTicketsInner");
- });
+ $('#permissionTab').on('shown', function(e) {
+ showSharingView(selectedPath, "#infoAccordionACLInner");
+ });
+
+ $('#ticketTab').on('shown', function(e) {
+ showTicketView(selectedPath, "#infoAccordionTicketsInner");
+ });
+
+ $('#auditTab').on('shown', function(e) {
+ showAuditView(selectedPath, "#infoAccordionAuditInner");
+ });
- $('#auditTab').on('shown', function (e) {
- showAuditView(selectedPath, "#infoAccordionAuditInner");
});
-
- });
- function callUpdateTags() {
- updateTags();
- }
+ function callUpdateTags() {
+ updateTags();
+ }
- /*
-
+ /*
+
- $("#infoAccordion").accordion({
- clearStyle : true,
- autoHeight : false
- }).bind("accordionchange", function(event, ui) {
- var infoSection = ui.newHeader[0].id;
- updateDataObjectInfoSection(infoSection);
- });
- */
-
- /**
- Update the info for a section in the info accordion based on the provided section id
- */
- function updateDataObjectInfoSection(sectionToUpdate) {
- //alert("sectionToUpdate:" + sectionToUpdate);
- if (sectionToUpdate == "infoAccordionMetadata") {
- showMetadataView(selectedPath, "#infoAccordionMetadataInner");
- } else if (sectionToUpdate == "infoAccordionACL") {
- showSharingView(selectedPath, "#infoAccordionACLInner");
- } else if (sectionToUpdate == "infoAccordionTickets") {
- showTicketView(selectedPath, "#infoAccordionTicketsInner");
- } else if (sectionToUpdate == "infoAccordionAudit") {
- showAuditView(selectedPath, "#infoAccordionAuditInner");
- } else {
+ $("#infoAccordion").accordion({
+ clearStyle : true,
+ autoHeight : false
+ }).bind("accordionchange", function(event, ui) {
+ var infoSection = ui.newHeader[0].id;
+ updateDataObjectInfoSection(infoSection);
+ });
+ */
+
+ /**
+ Update the info for a section in the info accordion based on the provided section id
+ */
+ function updateDataObjectInfoSection(sectionToUpdate) {
+ //alert("sectionToUpdate:" + sectionToUpdate);
+ if (sectionToUpdate == "infoAccordionMetadata") {
+ showMetadataView(selectedPath, "#infoAccordionMetadataInner");
+ } else if (sectionToUpdate == "infoAccordionACL") {
+ showSharingView(selectedPath, "#infoAccordionACLInner");
+ } else if (sectionToUpdate == "infoAccordionTickets") {
+ showTicketView(selectedPath, "#infoAccordionTicketsInner");
+ } else if (sectionToUpdate == "infoAccordionAudit") {
+ showAuditView(selectedPath, "#infoAccordionAuditInner");
+ } else {
+ }
}
- }
-</script>
-<g:if test="${getThumbnail}">
- <script>
- $(function() {
- requestThumbnailImageForInfoPane();
- });
</script>
-</g:if>
-<g:else>
-<script>
- $(function() {
- //$.fn.media.mapFormat('pdf', 'quicktime');
- $('.media').media({
- width : 300,
- height : 200,
- autoplay : true
- });
+ <g:if test="${getThumbnail}">
+ <script type="text/javascript">
+ $(function() {
+ requestThumbnailImageForInfoPane();
+ });
+ </script>
+ </g:if>
+ <g:else>
+ <script type="text/javascript">
+ $(function() {
+ //$.fn.media.mapFormat('pdf', 'quicktime');
+ $('.media').media({
+ width : 300,
+ height : 200,
+ autoplay : true
+ });
- });
-</script>
-</g:else>
+ });
+ </script>
+ </g:else>
+</div>
+</div> \ No newline at end of file