1245: Implement DARIAH-DE Styleguide

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

collections/incl/crawls.jsp

@@ -7,7 +7,7 @@
 <c:choose>
 	<c:when test="${crawls!=null && fn:length(crawls)>0}">
 		<div class="previous-crawls">
-			<table class="state-table table-striped">
+			<table class="table state-table table-striped">
 				<tbody>
 					<c:forEach items="${crawls}" var="crawl" varStatus="status" >
 						<c:set var="state" value="ok" />
@@ -40,15 +40,14 @@
 						<tr id="crawl-${crawl.id}" class="state-row-${state}">
 							<th class="state-${state}">
 								<div class="cell-heading no-wrap">
+									<i class="${icon} fa-lg" aria-hidden="true"></i>
 									<c:if test="${crawl.online}">
-										<i class="fa fa-lg fa-globe" aria-hidden="true"></i>
+										<i class="fas fa-plug fa-lg" aria-hidden="true"></i> 
 									</c:if>
-									<i class="${icon} fa-lg" aria-hidden="true"></i>
 								</div>
 							</th>
 													
 							<td>
-							
 								<ul class="inner-state-list">
 									<li>
 										<span class="state-heading state-${state}">
@@ -79,29 +78,28 @@
 									<c:if test="${crawl.logAvailable}">
 										<li>
 											<span class="state-heading">
-												<a href='<s:url value="/logs/${crawl.id}.html"></s:url>' target="_blank">
-													<i class="fa fa-external-link" aria-hidden="true"></i> 
+												<a class="btn btn-link" href='<s:url value="/logs/${crawl.id}.html"></s:url>' target="_blank">
+													<i class="fas fa-external-link-alt" aria-hidden="true"></i> 
 													<s:message code="~eu.dariah.de.minfba.common.view.label.open_log" />
 												</a>
 											</span>
 										</li>
 									</c:if>
-								</ul>
 									<c:if test="${_auth.level >= 100}">
-								<td>
+										<c:if test="${state!='info'}">
+											<li><button type="button" onclick="editor.removeCrawl('${crawl.id}', this);" class="btn btn-link"><i class="fa fa-trash fa-color-danger"></i> <s:message code="~eu.dariah.de.minfba.search.actions.crawls.remove" /></button></li>
+										</c:if>
 										<c:if test="${crawl.online}">
 											<c:if test="${state=='ok'}">
-											<button type="button" onclick="editor.performOffline('${crawl.id}');" class="btn btn-link"><i class="fa fa-repeat"></i> <s:message code="~eu.dariah.de.minfba.search.actions.crawls.reindex" /></button><br />
+												<li><button type="button" onclick="editor.performOffline('${crawl.id}');" class="btn btn-link"><i class="fas fa-redo"></i> <s:message code="~eu.dariah.de.minfba.search.actions.crawls.reindex" /></button> </li>
 											</c:if>
 											<c:if test="${state=='error'}">
-											<button type="button" onclick="editor.performOffline('${crawl.id}');" class="btn btn-link"><i class="fa fa-play"></i> <s:message code="~eu.dariah.de.minfba.search.actions.crawls.try_continue" /></button><br />
+												<li><button type="button" onclick="editor.performOffline('${crawl.id}');" class="btn btn-link"><i class="fas fa-play"></i> <s:message code="~eu.dariah.de.minfba.search.actions.crawls.try_continue" /></button> </li>
 											</c:if>
 										</c:if> 			
-									<c:if test="${state!='info'}">
-										<button type="button" onclick="editor.removeCrawl('${crawl.id}', this);" class="btn btn-link"><i class="fa fa-trash fa-color-danger"></i> <s:message code="~eu.dariah.de.minfba.search.actions.crawls.remove" /></button>
 									</c:if>
+								</ul>
 							</td>
-							</c:if>
 						</tr>
 					</c:forEach>
 				</tbody>

collections/incl/state_crawl.jsp

@@ -12,11 +12,11 @@
 			    <li>
 				    <c:choose>
 				    	<c:when test="${i<crawlState.pipelineIndex}">
-				    		<i class="fa fa-check fa-lg"></i>
+				    		<i class="fas fa-check-circle fa-lg"></i>
 							<s:message code="${crawlState.serviceTitleMessageCode[i]}" />: <s:message code="~eu.dariah.de.minfba.common.status.ok" />
 				    	</c:when>
 				    	<c:when test="${i==crawlState.pipelineIndex}">
-				    		<i class="fa fa-refresh fa-spin fa-lg"></i> 
+				    		<i class="fas fa-sync-alt fa-spin fa-lg"></i> 
 							
 								<s:message code="~eu.dariah.de.minfba.common.status.busy" var="counts" />
 								<c:choose>
@@ -40,7 +40,7 @@
 							
 				    	</c:when>
 				    	<c:otherwise>
-				    		<i class="fa fa-clock-o fa-lg"></i> 
+				    		<i class="fas fa-clock fa-lg"></i> 
 							<s:message code="${crawlState.serviceTitleMessageCode[i]}" />: <s:message code="~eu.dariah.de.minfba.common.status.waiting" />
 				    	</c:otherwise>
 				    </c:choose>