You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
4.4 KiB
98 lines
4.4 KiB
<div class="row" data-controller="annotations"> |
|
<div class="col-sm-10 p-2"> |
|
<%= text_field_tag :q, opts[:q], class: "form-control", placeholder: "Search GR Number, Title or Short Title", data: { target: "annotations.input" } %> |
|
</div> |
|
<div class="col-sm-1 p-2"> |
|
<%= button_tag "Search", class: "btn btn-success", data: { action: "click->annotations#searchDocuments" } %> |
|
</div> |
|
</div> |
|
|
|
<header class="header bg-white b-b clearfix"> |
|
<div class="row m-t-sm align-items-end pagination-body"> |
|
<div class="<%= documents.present? ? "col-md-6 mb-0 " : "col-md-12 mb-0"%> "> |
|
<h4 style="color: darkred" class="m-0">Search Results</h4> |
|
<small style="color: darkred"> |
|
<%= page_entries_info documents, entry_name: 'records' if documents.present? %> |
|
</small> |
|
</div> |
|
<div class="<%= documents.present? ? "col-md-6 position-relative" : "d-none"%>"> |
|
<div class="text-center pagination justify-content-end me-3"> |
|
<nav class="pagination pagination-sm" role="navigation" aria-label="pager"> |
|
<% unless documents.first_page? %> |
|
<span class="page-item first"> |
|
<a class="page-link" data-controller="annotations" data-q="<%= opts[:q] %>" data-page="<%= 1 %>" data-action="click->annotations#paginateDocuments"> |
|
<i class="fas fa-angle-double-left"></i> |
|
</a> |
|
</span> |
|
|
|
<span class="page-item prev"> |
|
<a class="page-link" data-controller="annotations" data-q="<%= opts[:q] %>" data-page="<%= opts[:current_page].to_i - 1 %>" data-action="click->annotations#paginateDocuments"> |
|
<i class="fas fa-angle-left"></i> |
|
</a> |
|
</span> |
|
<% end %> |
|
|
|
<% documents.total_pages.times do |page| -%> |
|
<% if (page + 1) <= (opts[:current_page].to_i + 4) && (page + 1) >= (opts[:current_page].to_i - 4) %> |
|
<% if opts[:current_page].to_i.eql?(page + 1) %> |
|
<span class="page-item page current page-link"> <%= page + 1 %> </span> |
|
<% else %> |
|
<span class="page-item page <%= 'current' if opts[:current_page].to_i.eql?(page + 1) %>"> |
|
<a class="page-link <%= 'current' if opts[:current_page].to_i.eql?(page + 1) %>" |
|
data-controller="annotations" data-q="<%= opts[:q] %>" data-page="<%= page + 1 %>" |
|
data-action="click->annotations#paginateDocuments"> <%= page + 1 %> </a> |
|
</span> |
|
<% end %> |
|
<% end %> |
|
<% end -%> |
|
|
|
<% unless documents.last_page? %> |
|
<span class="page-item next"> |
|
<a class="page-link" data-controller="annotations" data-q="<%= opts[:q] %>" |
|
data-page="<%= opts[:current_page].to_i + 1 %>" data-action="click->annotations#paginateDocuments"> |
|
<i class="fas fa-angle-right"></i> |
|
</a> |
|
</span> |
|
|
|
<span class="page-item last"> |
|
<a class="page-link" data-controller="annotations" data-q="<%= opts[:q] %>" |
|
data-page="<%= documents.total_pages %>" data-action="click->annotations#paginateDocuments"> |
|
<i class="fas fa-angle-double-right"></i> |
|
</a> |
|
</span> |
|
<% end %> |
|
</nav> |
|
</div> |
|
</div> |
|
</div> |
|
</header> |
|
|
|
<div class="row tab"> |
|
<table class="table table-striped table-hover mb-0" style="width: 98%; margin: 0 auto;"> |
|
<thead> |
|
<th class="bg-light"> Reference No. </th> |
|
<th class="bg-light"> Title </th> |
|
<th class="bg-light"> Date </th> |
|
<th class="bg-light"> </th> |
|
</thead> |
|
|
|
<tbody> |
|
<% documents.each do |document| %> |
|
<tr> |
|
<td> <%= document.clean_reference_number %> </td> |
|
<td> <%= document.short_title || document.title %> </td> |
|
<td> <%= document.doc_date.present? ? document.doc_date : document.year %> </td> |
|
<td> |
|
<a class="btn btn-success" data-controller="annotations" data-document-id="<%= document.id %>" |
|
data-document-reference-number="<%= document.clean_reference_number %>" |
|
data-document-date="<%= document.doc_date || document.year %>" |
|
data-document-title="<%= document.short_title || document.title %>" |
|
data-action="click->annotations#addAnnotatedDocument" > |
|
Add |
|
</a> |
|
</td> |
|
</tr> |
|
<% end %> |
|
</tbody> |
|
</table> |
|
</div>
|
|
|