Commit 31f7255d authored by Gradl, Tobias's avatar Gradl, Tobias
Browse files

1191: Create search result detail view

Task-Url: https://pm.winseda.de/issues/1191
parent c2b9cfe6
......@@ -5,27 +5,18 @@
<% pageContext.setAttribute("newLineChar", "\n"); %>
<ul class="breadcrumb">
<li class="active"><s:message code="~eu.dariah.de.minfba.common.titles.administration" /></li>
<li><a href="<s:url value="/collections" />"><s:message code="~eu.dariah.de.minfba.search.view.titles.collection_management" /></a></li>
<li class="active">Something</li>
</ul>
<div id="main-content">
<div id="item-detail-container" class="container<c:if test="${fluidLayout==true}">-fluid</c:if>">
<div class="row">
<div class="col-sm-12">
<h2>
<div class="col-12 ${fn:length(images)>0 ? 'col-md-7 col-lg-8 col-xl-9' : ''}">
<h3 id="item-detail-collection">${collectionName}</h3>
<h1 id="item-detail-resource">
<c:forEach items="${titles}" var="title">
${fn:replace(title.value, newLineChar, "<br />")}
</c:forEach>
<br />
<small>${collectionName}</small>
</h2>
</div>
<div class="col-sm-12">
<ul>
</c:forEach><br />
</h1>
<h2 class="item-detail-heading"><s:message code="~eu.dariah.de.minfba.search.view.item.links" /></h2>
<ul class="item-detail-linklist">
<c:forEach items="${links}" var="link">
<c:set var="linkType" value="" />
<c:set var="linkUrl" value="N/A" />
......@@ -48,62 +39,66 @@
<a href="${link}" target="_blank">${link}</a>
</c:otherwise>
</c:choose>
<li><em>${linkType}${linkUrl}</em></li>
<li><span class="item-detail-linklist-label">${linkType}</span><span class="item-detail-linklist-url">${linkUrl}</span></li>
</c:forEach>
</ul>
</div>
<c:if test="${fn:length(images)>0}">
<div id="item-images-container" class="col-sm-12 col-lg-6">
<h4>~ Vorschau</h4>
<div id="carousel-item-images" class="carousel slide" data-ride="carousel" data-interval="false">
<!-- Indicators -->
<ol class="carousel-indicators${fn:length(images)==1 ? ' hide' : ''}">
<c:forEach items="${images}" var="image" varStatus="status">
<li data-target="#carousel-item-images" data-slide-to="${status.index}"${status.index==0 ? ' class="active"' : ''}></li>
</c:forEach>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<c:forEach items="${images}" var="image" varStatus="status">
<div class="item${status.index==0 ? ' active' : ''}">
<!-- <img src="<s:url value="/cachedimages/${collection.id}/${endpointId}/${datamodel.id}?i=${image.value}&type=DISPLAY" />">-->
<a href="<s:url value="/cachedimages/${collection.id}/${endpointId}/${datamodel.id}?i=${image.value}&type=DISPLAY" />" data-gall="item-image" class="venobox">
<div class="item-image" style="background-image: url(<s:url value="/cachedimages/${collection.id}/${endpointId}/${datamodel.id}?i=${image.value}&type=DISPLAY" />);"></div>
</a>
</div>
</c:forEach>
</div>
<!-- Controls -->
<a class="left carousel-control${fn:length(images)==1 ? ' hide' : ''}" href="#carousel-item-images" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control${fn:length(images)==1 ? ' hide' : ''}" href="#carousel-item-images" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<div id="item-images-container" class="col-12 col-md-5 col-lg-4 col-xl-3">
<div id="item-images">
<!-- h3 style="text-align: center;"><s:message code="~eu.dariah.de.minfba.search.view.item.preview" /></h3> -->
<div id="carousel-item-images" class="carousel slide" style="margin: 0 auto;" data-ride="carousel" data-interval="false">
<!-- Indicators -->
<ol class="carousel-indicators${fn:length(images)==1 ? ' hide' : ''}">
<c:forEach items="${images}" var="image" varStatus="status">
<li data-target="#carousel-item-images" data-slide-to="${status.index}"${status.index==0 ? ' class="active"' : ''}></li>
</c:forEach>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<c:forEach items="${images}" var="image" varStatus="status">
<div class="item${status.index==0 ? ' active' : ''}">
<!-- <img src="<s:url value="/cachedimages/${collection.id}/${endpointId}/${datamodel.id}?i=${image.value}&type=DISPLAY" />">-->
<a href="<s:url value="/cachedimages/${collection.id}/${endpointId}/${datamodel.id}?i=${image.value}&type=DISPLAY" />" data-gall="item-image" class="venobox">
<div class="item-image" style="background-image: url(<s:url value="/cachedimages/${collection.id}/${endpointId}/${datamodel.id}?i=${image.value}&type=DISPLAY" />);"></div>
</a>
</div>
</c:forEach>
</div>
<!-- Controls -->
<a class="left carousel-control${fn:length(images)==1 ? ' hide' : ''}" href="#carousel-item-images" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control${fn:length(images)==1 ? ' hide' : ''}" href="#carousel-item-images" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</c:if>
<div class="col-sm-12${fn:length(images)>0 ? ' col-lg-6' : ''}" style="background-color: green;">
<h4>~ Main Metadata</h4>
</div>
<div class="row">
<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 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>
<div class="col-12 col-md-5 col-lg-4 col-xl-3" style="background-color: red;">
<div class="item-collection-image" style="background-image: url(${collection.imageUrl};);"></div>
<div class="item-image" style="background-image: url(<s:url value="/cachedimages/${collection.id}/${endpointId}/${datamodel.id}?i=${image.value}&type=DISPLAY" />);"></div>
</div>
</div>
</div>
\ No newline at end of file
......@@ -36,26 +36,6 @@
<ul class="search-result-links">~{link}</ul>
<div class="search-result-objects" id="search-result-objects-~{index}"></div>
<ul class="search-result-highlights">~{highlights}</ul>
<!-- <div class="search-result-panel" id="search-results-content-~{index}-accordion">
<button class="btn btn-link" data-toggle="collapse" href="#search-results-content-~{index}" role="button" aria-expanded="false" aria-controls="search-results-content-~{index}">
<s:message code="~eu.dariah.de.minfba.search.view.result.resources.content" />
</button>
<div class="collapse" id="search-results-content-~{index}">~{snippet}</div>
</div>
<div class="search-result-panel original-data-panel" id="search-results-original-~{index}-accordion">
<button class="btn btn-link" data-toggle="collapse" href="#search-results-original-~{index}" role="button" aria-expanded="false" aria-controls="search-results-original-~{index}">
<s:message code="~eu.dariah.de.minfba.search.view.result.original.content" />
</button>
<div class="collapse" id="search-results-original-~{index}">~{original}</div>
</div>
<c:if test="${explain}">
<div class="search-result-panel" id="search-results-explanation-~{index}-accordion">
<button class="btn btn-link" data-toggle="collapse" href="#search-results-explanation-~{index}" role="button" aria-expanded="false" aria-controls="search-results-explanation-~{index}">
<s:message code="~eu.dariah.de.minfba.search.view.result.resources.explanation" />
</button>
<div class="collapse" id="search-results-explanation-~{index}">~{explanation}</div>
</div>
</c:if> -->
</div>
</div>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment