[#1475] ie fixes

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