0ct0pu5/fess
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added copy smb path icon in search results

Browse source
This commit is contained in:
unknown 2022-04-30 23:39:51 +09:00
parent 17d9ae7c6e
commit 269dd0cd2c
2 changed files with 51 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/main/webapp/WEB-INF/view/searchResults.jsp
View file

@ -1,5 +1,6 @@
<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%-- query matched some document --%>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script>
<div id="subheader" class="row">
<div class="col">
<p>
@ -38,10 +39,13 @@
<ol class="list-unstyled col-md-8">
<c:forEach var="doc" varStatus="s" items="${documentItems}">
<li id="result${s.index}">
<h3 class="title text-truncate">
<h3 class="title text-truncate" style="margin-bottom:0;">
<a class="link" href="${doc.url_link}" data-uri="${doc.url_link}"
data-id="${doc.doc_id}" data-order="${s.index}">${doc.content_title}</a>
</h3>
<c:if test="${ fn:substring(doc.url,0,4)=='smb:' }">
<i id="tooltip${s.index}" class="clipboard-copy-button fa fa-copy" aria-hidden="true" data-clipboard-text="${doc.url_link}"></i>
</c:if>
<div class="body">
<c:if test="${thumbnailSupport && !empty doc.thumbnail}">
<div class="mr-3">
@ -226,4 +230,14 @@
</c:if>
</ul>
</nav>
<script>
const clipboard = new ClipboardJS('.clipboard-copy-button');
clipboard.on('success', function(e) {
e.trigger.classList.add('clipboard-copy-copied');
setTimeout(()=>{
e.trigger.classList.remove('clipboard-copy-copied');
},1200);
e.clearSelection();
});
</script>
</div>

36
src/main/webapp/css/style.css
View file

@ -160,3 +160,39 @@ legend{
white-space: nowrap;
}
}
.clipboard-copy-button{
cursor: pointer;
color:gray;
text-overflow: unset;
}
.clipboard-copy-button::after{
content:'copied!';
font-size:.7em;
border-radius:3px;
padding:5px;margin:5px;
background: gray;
color: white;
opacity: 0;
}
.clipboard-copy-copied::after {
opacity: 1;
}
.clipboard-copy-button{
cursor: pointer;
color:gray;
text-overflow: unset;
}
.clipboard-copy-button::after{
content:'copied!';
font-size:.7em;
border-radius:3px;
padding:5px;margin:5px;
background: gray;
color: white;
opacity: 0;
}
.clipboard-copy-copied::after {
opacity: 1;
}