mirror of
https://github.com/alexankitty/Myrient-Search-Engine.git
synced 2026-01-15 16:33:15 -03:00
187 lines
11 KiB
Plaintext
187 lines
11 KiB
Plaintext
<%
|
||
pageCount = pageCount ? pageCount : 1 //always ensure 1 page
|
||
if(pageNum > pageCount){
|
||
pageNum = 1
|
||
}
|
||
%>
|
||
<script src='https://code.jquery.com/jquery-3.7.1.js' crossorigin="anonymous"></script>
|
||
<script src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js' crossorigin="anonymous"></script>
|
||
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js' crossorigin="anonymous"></script>
|
||
<script src='https://cdn.datatables.net/2.1.8/js/dataTables.js' crossorigin="anonymous"></script>
|
||
<script src='https://cdn.datatables.net/2.1.8/js/dataTables.bootstrap4.js' crossorigin="anonymous"></script>
|
||
<link rel="stylesheet" href="https://cdn.datatables.net/2.1.8/css/dataTables.bootstrap4.css" crossorigin="anonymous">
|
||
<link rel="stylesheet" href="/public/css/resultsold.css">
|
||
<div class="row w-100 m-0">
|
||
<form class="ml-2 form-inline w-100" action="/search">
|
||
<div class="w-100 align-items-center">
|
||
<div class="form-group">
|
||
<a href="/">
|
||
<pre class="mt-4 ml-2" style="font: 6px / 5px monospace; color: white; text-align: center; overflow: hidden; display: inline-flex;">
|
||
<%= generateAsciiArt() %>
|
||
</pre>
|
||
</a>
|
||
<input type="hidden" name="s" id="searchSettings">
|
||
<input id="search" type="text" class="w-50 form-control bg-dark text-white ml-2" name="q" value="<%= query %>" autocomplete="off" placeholder="<%= __('search.placeholder') %>">
|
||
<button type="submit" class="btn btn-secondary ml-2"><div id="loading" class="hidden spinner-border text-dark" role="status"></div><%= __('search.button') %></button>
|
||
|
||
</div>
|
||
<ul class="SuggestionList col-sm-12" id="suggestionList" style="width: 50%;left: 195px;"></ul>
|
||
</div>
|
||
<p class="m-2">
|
||
<%= __('search.found_plural', { count: count }) %> <%= __('search.in_seconds', { seconds: elapsed }) %>.
|
||
<%= indexing ? __('search.indexing') : "" %>
|
||
<% if (settings.hideNonGame) { %>
|
||
<span class="badge badge-info" data-toggle="tooltip" data-placement="top" title="<%= __('settings.extras.hide_non_game.tooltip') %>">
|
||
<%= __('search.non_game_filter') %>
|
||
<a href="/settings" class="text-white ml-1"><i class="bi bi-gear-fill"></i></a>
|
||
</span>
|
||
<% } %>
|
||
<span class="badge badge-success" data-toggle="tooltip" data-placement="top" title="<%= __('settings.extras.use_old_results.tooltip') %>">
|
||
<%= __('search.old_experience') %>
|
||
<a href="/settings" class="text-white ml-1"><i class="bi bi-gear-fill"></i></a>
|
||
</span>
|
||
</p>
|
||
</form>
|
||
|
||
<div class="col-sm-12 w-100 mt-3">
|
||
<p><%= __('search.displaying_results', { start: ((pageNum - 1) * 100), end: pageNum * 100 < count ? pageNum * 100 : count }) %></p>
|
||
<table class="table text-white table-bordered" id="results">
|
||
<thead>
|
||
<tr>
|
||
<th class="" id="filename"><span><%= __('results.table.name') %></span><span class="dt-column-order"></span></th>
|
||
<th class="" id="group"><span><%= __('results.table.group') %></span><span class="dt-column-order"></span></th>
|
||
<th class="" id="category"><span><%= __('results.table.category') %></span><span class="dt-column-order"></span></th>
|
||
<th class="" id="region"><span><%= __('results.table.region') %></span><span class="dt-column-order"></span></th>
|
||
<th class="" id="type"><span><%= __('results.table.type') %></span><span class="dt-column-order"></span></th>
|
||
<th class="" id="size"><span><%= __('results.table.size') %></span><span class="dt-column-order"></span></th>
|
||
<th class="" id="date"><span><%= __('results.table.date') %></span><span class="dt-column-order"></span></th>
|
||
<th class="" id="score"><span><%= __('results.table.score') %></span><span class="dt-column-order"></span></th>
|
||
<% if (process.env.EMULATOR_ENABLED === 'true') { %>
|
||
<th><%= __('results.table.play') %></th>
|
||
<% } %>
|
||
</tr>
|
||
</thead>
|
||
<% for (let x = 0; x < results.length; x++) { %>
|
||
<tr>
|
||
<td>
|
||
<a href="<%= results[x].file.path %>">
|
||
<%= results[x].file.filename %>
|
||
</a>
|
||
</td>
|
||
<td>
|
||
<%= results[x].file.group %>
|
||
</td>
|
||
<td>
|
||
<%= results[x].file.category %>
|
||
</td>
|
||
<td>
|
||
<%= results[x].file.region %>
|
||
</td>
|
||
<td>
|
||
<%= results[x].file.type %>
|
||
</td>
|
||
<td>
|
||
<%= results[x].file.size %>
|
||
</td>
|
||
<td>
|
||
<%= results[x].file.date %>
|
||
</td>
|
||
<td>
|
||
<%= results[x].score.toFixed(2) %>
|
||
</td>
|
||
<% if (process.env.EMULATOR_ENABLED === 'true') { %>
|
||
<td>
|
||
<% if (isEmulatorCompatible(results[x].category)) { %>
|
||
<a href="/play/<%= results[x].id %>" class="btn btn-sm btn-secondary"><%= __('emulator.play') %></a>
|
||
<% } else { %>
|
||
<button class="btn btn-sm btn-secondary" disabled><%= __('emulator.not_available') %> <i class="bi bi-question-circle" data-toggle="tooltip" data-placement="top" title="<%= __('emulator.not_available_tooltip') %>"></i></button>
|
||
<% } %>
|
||
</td>
|
||
<% } %>
|
||
</tr>
|
||
<% } %>
|
||
</table>
|
||
<%
|
||
if(pageCount > 1) {
|
||
%>
|
||
<div class="row justify-content-between">
|
||
<div class="d-md-flex justify-content-between align-items-center dt-layout-end col-md-auto ml-auto">
|
||
<div class="dt-paging">
|
||
<nav aria-label="pagination">
|
||
<ul class="pagination">
|
||
<%
|
||
let ellipsesElem = '<li class="dt-paging-button page-item disabled"><a class="page-link ellipsis" aria-controls="results" aria-disabled="true" data-dt-idx="ellipsis" tabindex="-1">…</a></li> '
|
||
let pageUrlPrefix = ''
|
||
const getPageRange = (page) => {
|
||
let pageUpperLimit = pageCount - 4
|
||
if(page > 4 && page < pageUpperLimit){
|
||
return {
|
||
lower: page,
|
||
upper: page + 3
|
||
}
|
||
}
|
||
else if(page <= 4){
|
||
return {
|
||
lower: 2,
|
||
upper: pageCount >= 5 ? 5 : pageCount
|
||
}
|
||
}
|
||
else if(page >= pageUpperLimit){
|
||
return {
|
||
lower: pageCount - 4,
|
||
upper: pageCount - 1
|
||
}
|
||
}
|
||
}
|
||
let pageRange = getPageRange(pageNum)
|
||
%>
|
||
<li class="dt-paging-button page-item <%= pageNum == 1 ? 'disabled' : '' %>"><a <%= pageNum != 1 ? `href=${urlPrefix + (pageNum - 1)}` : '' %> class="page-link previous" aria-controls="results" aria-disabled="true" aria-label="Previous" data-dt-idx="previous" tabindex="-1">‹</a></li>
|
||
<li class="dt-paging-button page-item <%= pageNum == 1 ? 'active' : '' %>"><a href="<%= urlPrefix + 1 %>" class="page-link" aria-controls="results" aria-current="page" data-dt-idx="0">1</a></li>
|
||
<%- pageNum >= 5 ? ellipsesElem : '' %>
|
||
<% for(let x = pageRange.lower; x <= pageRange.upper; x++){
|
||
if(x == pageCount) break;
|
||
%>
|
||
<li class="dt-paging-button page-item <%= pageNum == x ? 'active' : '' %>"><a href="<%= urlPrefix + x %>" class="page-link" aria-controls="results" aria-current="page" data-dt-idx="<%= x - 1 %>"><%= x %></a></li>
|
||
<% } %>
|
||
<%- pageNum <= pageCount - 5 ? ellipsesElem : '' %>
|
||
<li class="dt-paging-button page-item <%= pageNum == pageCount ? 'active' : '' %>"><a href="<%= urlPrefix + pageCount %>" class="page-link" aria-controls="results" data-dt-idx="<%= pageCount - 1 %>"><%= pageCount %></a></li>
|
||
<li class="dt-paging-button page-item <%= pageNum == pageCount ? 'disabled' : '' %>"><a <%= pageNum != pageCount ? `href=${urlPrefix + (pageNum + 1)}` : '' %> class="page-link next" aria-controls="results" aria-label="Next" data-dt-idx="next">›</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<% } %>
|
||
</div>
|
||
</div>
|
||
<script defer>
|
||
// URLParams = new URLSearchParams(window.location.search);
|
||
// if(!URLParams.get('o')){
|
||
// // URLParams.set('o', 'score:asc');
|
||
// // $('#score .dt-column-order').addClass('order-asc')
|
||
// }
|
||
// else{
|
||
// let sorting = URLParams.get('o').split(':');
|
||
// $(`#${sorting[0]} .dt-column-order`).addClass(`order-${sorting[1]}`)
|
||
// }
|
||
// $(".dt-orderable").each(function( i ){
|
||
|
||
// $( this ).on( "click", function (){
|
||
// if($(this).find('.dt-column-order').hasClass('order-asc')){
|
||
// URLParams.set('o', `${$(this).attr('id')}:desc`)
|
||
// }
|
||
// else if($(this).find('.dt-column-order').hasClass('order-desc')){
|
||
// URLParams.delete('o')
|
||
// }
|
||
// else {
|
||
// URLParams.set('o', `${$(this).attr('id')}:asc`)
|
||
// }
|
||
// window.location = location.protocol + '//' + location.host + location.pathname + '?' + URLParams.toString()
|
||
// })
|
||
// })
|
||
</script>
|
||
<script defer>
|
||
$( "#searchform" ).on( "submit", function( event ) {
|
||
$("#loading").removeClass('hidden')
|
||
});
|
||
</script> |