891: Highlighting von Treffen in der Suchausgabe

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

search/incl/result_item.jsp

@@ -5,22 +5,13 @@
 <div class="search-results-item d-md-flex flex-row">
 
 	<div class="search-results-image" id="search-results-image-~{index}" style="flex: 0 0 145px;">
-		<div class="no-preview-overlay">
+		<div class="image-loading-overlay">
+			<i class="fas fa-circle-notch fa-spin fa-3x"></i>
+		</div>		
+		<div class="no-preview-overlay hide">
 		    <s:message code="~eu.dariah.de.minfba.search.view.result.resources.no_preview" />
 		</div>
-		<div id="search-results-image-carousel-~{index}" class="carousel slide hide" data-interval="false">
-			<div class="carousel-inner" role="listbox"></div>
-
-			<!-- Controls -->
-			<a class="carousel-control-prev" href=#search-results-image-carousel-~{index}" role="button" data-slide="prev">
-				<span class="carousel-control-prev-icon" aria-hidden="true"></span>
-			    <span class="sr-only">Previous</span>
-			</a>
-			<a class="carousel-control-next" href="#search-results-image-carousel-~{index}" role="button" data-slide="next">
-			    <span class="carousel-control-next-icon" aria-hidden="true"></span>
-			    <span class="sr-only">Next</span>
-			</a>
-		</div>
+		<div id="search-results-image-~{index}" class="hide"></div>
 
 	</div>
 	
@@ -33,9 +24,9 @@
 					<i class="fas fa-external-link-square-alt"></i> ~{title}
 				</a>
 			</h2>
-			<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-highlights">~{highlights}</div>
+			<div class="search-result-explanation">Explanation: ~{explanation}</div>
 		</div>	
 	</div>
 </div>