1289: Finalize initial version of item view

Task-Url: https://pm.winseda.de/issues/1289

item/view.jsp

@@ -6,6 +6,9 @@
 <% pageContext.setAttribute("newLineChar", "\n"); %>
 
 <div id="item-detail-container" class="container<c:if test="${fluidLayout==true}">-fluid</c:if>">
+	<input type="hidden" id="modelId" value="${datamodel.id}" />
+	<input type="hidden" id="itemId" value="${item.id}" />
+
 	<div class="row">
 	    <div class="col-12 ${fn:length(images)>0 ? 'col-md-7 col-lg-8 col-xl-9' : ''}">			
 			<h3 id="item-detail-collection">${collectionName}</h3>
@@ -89,14 +92,30 @@
 		
 		
 		<div class="col-12 col-md-7 col-lg-8 col-xl-9">
-			<h2 class="item-detail-heading"><s:message code="~eu.dariah.de.minfba.search.view.item.integrated_dataset" /></h2>
-			<div id="item-detail-dataset-container">${item.integrationHtml}</div>
+			<h2><s:message code="~eu.dariah.de.minfba.search.view.item.additional_data" /></h2>
+			
+			<div class="row">
+				<div class="col-12">
+					<button type="button" onclick="resultItem.loadIntegratedData(this);" class="btn btn-primary-var-2"><s:message code="~eu.dariah.de.minfba.search.view.item.integrated_dataset" /></button>
+					<div id="item-detail-integrated-container" class="collapse">
+						<h3 class="item-detail-heading"><s:message code="~eu.dariah.de.minfba.search.view.item.integrated_dataset" /></h3>
+						<div id="item-detail-integrated" class="item-dataset-container"></div>
+					</div>
+				</div>
+			</div>
 			
-			<h2 class="item-detail-heading"><s:message code="~eu.dariah.de.minfba.search.view.item.original_dataset" /></h2>
-			<div id="item-detail-dataset-container">${item.contentHtml}</div>
+			<div class="row mt-2">
+				<div class="col-12">
+					<button type="button" onclick="resultItem.loadOriginalData(this);" class="btn btn-primary-var-2"><s:message code="~eu.dariah.de.minfba.search.view.item.original_dataset" /></button>
+					<div id="item-detail-dataset-container" class="collapse">
+						<h3 class="item-detail-heading"><s:message code="~eu.dariah.de.minfba.search.view.item.original_dataset" /></h3>
+						<div id="item-detail-dataset" class="item-dataset-container"></div>
+					</div>
+				</div>
+			</div>
 		</div>
 		<div class="col-12 col-md-5 col-lg-4 col-xl-3" >
-			<div class="item-collection-image" style="background-image: url(${collection.imageUrl};);"></div>
+			<div class="item-collection-image" style="width: 100%; height: 100%; background-size: cover; background-position: center; background-image: url(${collection.imageUrl};);"></div>
 			
 			
 		</div>