Alexander D. Bondoc
4 years ago
committed by
GitHub
22 changed files with 412 additions and 202 deletions
@ -0,0 +1,47 @@ |
|||||||
|
class ReportsSearchResultsComponent < BaseComponent |
||||||
|
with_collection_parameter :search_result |
||||||
|
attr_reader :search_result, :opts |
||||||
|
|
||||||
|
def initialize(search_result:, current_user:, opts: {}) |
||||||
|
@search_result = search_result |
||||||
|
@opts = opts |
||||||
|
end |
||||||
|
|
||||||
|
delegate :id, to: :search_result |
||||||
|
delegate :headnote, to: :search_result |
||||||
|
delegate :subject_ids, to: :search_result |
||||||
|
delegate :content, to: :search_result |
||||||
|
delegate :annotations, to: :search_result |
||||||
|
delegate :subjects, to: :search_result |
||||||
|
delegate :doctrine_jurisprudences, to: :search_result |
||||||
|
|
||||||
|
def annotation_form_url |
||||||
|
doctrine_annotations_path(doctrine_id: id) |
||||||
|
end |
||||||
|
|
||||||
|
def subject_names |
||||||
|
"(No Subjects Provided)" |
||||||
|
end |
||||||
|
|
||||||
|
def jurisprudence |
||||||
|
return nil if doctrine_jurisprudences.blank? |
||||||
|
|
||||||
|
doctrine_jurisprudences.first.jurisprudence |
||||||
|
end |
||||||
|
|
||||||
|
def document_title(annotation) |
||||||
|
return annotation.document.short_title if annotation.document.short_title.present? |
||||||
|
|
||||||
|
annotation.document.title |
||||||
|
end |
||||||
|
|
||||||
|
def date_or_year(annotation) |
||||||
|
return annotation.document.docdate.to_date.strftime("%B %d, %Y") if annotation.document.docdate.present? |
||||||
|
|
||||||
|
annotation.document.year |
||||||
|
end |
||||||
|
|
||||||
|
def render? |
||||||
|
opts[:is_render].present? |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,40 @@ |
|||||||
|
<div class="row-flex m-3 mt-0 doctrine-content-body clickable-link" href="<%= jurisprudence.present? ? document_doctrine_path(jurisprudence.id, id) : doctrine_path(id)%>"> |
||||||
|
<div class="container-sm <%= opts[:is_subjects_index].present? ? 'm-0 ps-0' : '' %>"> |
||||||
|
<p class="mb-0"> <%= raw content.html_safe %> </p> |
||||||
|
|
||||||
|
|
||||||
|
<div class="container-fluid p-0"> |
||||||
|
<% document_title = jurisprudence.short_title || jurisprudence.title %> |
||||||
|
<% date_or_year = jurisprudence.docdate.present? ? jurisprudence.docdate.strftime : jurisprudence.year %> |
||||||
|
<h5 style="color: darkred;"> <%= [document_title, jurisprudence.reference_number, date_or_year].join(", ") %> </h5> |
||||||
|
|
||||||
|
<% annotations.each do |annotation| %> |
||||||
|
<p class="mb-0 ms-5"> |
||||||
|
<% annotated_documents_title = [] %> |
||||||
|
<% annotation.documents.each do |annotated_document| %> |
||||||
|
<% ad_title = annotated_document.short_title || annotated_document.title %> |
||||||
|
<% ad_date_or_year = annotated_document.docdate.present? ? annotated_document.docdate.strftime("%B %d, %Y") : annotated_document.year %> |
||||||
|
<% annotated_documents_title << [" citing #{ad_title}", annotated_document.reference_number, ad_date_or_year].join(", ") %> |
||||||
|
<% end %> |
||||||
|
|
||||||
|
<strong> <%= "#{annotation.annomarks.map { |annomark| "(#{annomark.code})" }.join(" ")}" %> </strong> |
||||||
|
<%= raw [document_title(annotation), annotation.document.reference_number, date_or_year(annotation), annotation.phil_rep, annotated_documents_title].reject(&:blank?).join(', ') %> |
||||||
|
</p> |
||||||
|
|
||||||
|
<% if annotation.editor_notes.present? %> |
||||||
|
<div class="row ms-5"> |
||||||
|
<div class="col-sm-2 p-0" style="width: 105px;"> |
||||||
|
<span> Editors Note: </span> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="col-sm-10 ps-0"> |
||||||
|
<%= raw annotation.editor_notes %> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<% end %> |
||||||
|
<% end %> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<hr/> |
||||||
|
</div> |
||||||
@ -0,0 +1,17 @@ |
|||||||
|
class ReportsController < ApplicationController |
||||||
|
include DoctrineSearch |
||||||
|
|
||||||
|
def index |
||||||
|
authorize! :display, Doctrine |
||||||
|
|
||||||
|
search = doctrine_search(search_params) |
||||||
|
@results = search.results |
||||||
|
@users = User.all |
||||||
|
end |
||||||
|
|
||||||
|
private |
||||||
|
|
||||||
|
def search_params |
||||||
|
params.permit(:created_at, :q, :page, :per_page, exclude_ids: [], subject_ids: [], user_ids: []) |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,17 @@ |
|||||||
|
import ApplicationController from './application_controller' |
||||||
|
export default class extends ApplicationController { |
||||||
|
static targets = ["q", "headnote", "date_created"] |
||||||
|
|
||||||
|
connect () { |
||||||
|
super.connect() |
||||||
|
} |
||||||
|
|
||||||
|
search () { |
||||||
|
var $search_box = $('.advanced-search-box'),
|
||||||
|
search_params = { q: this.qTarget.value, headnote: this.headnoteTarget.value,
|
||||||
|
subject_ids: $search_box.find("select[name='subject_ids[]']").val(), |
||||||
|
user_ids: $search_box.find("select[name='user_ids[]']").val() } |
||||||
|
|
||||||
|
this.stimulate("ReportsReflex#render_search_results", search_params) |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,145 @@ |
|||||||
|
(function ($) { |
||||||
|
'use strict'; |
||||||
|
$.fn.footnotes = function () { |
||||||
|
var a, b, c; |
||||||
|
a = $(this), b = a.find('a[href^="#footnote"]') |
||||||
|
c = a.find('p>span, p>a[href^="#fn"]>span').filter(function() { |
||||||
|
return ($(this).css('color') == 'rgb(255, 0, 0)') |
||||||
|
}) |
||||||
|
|
||||||
|
b.each(function(){ |
||||||
|
var $this = $(this); |
||||||
|
console.log($this) |
||||||
|
if($this.anchor_check()){ |
||||||
|
if(!$this.parent('span.footnote-x').length){ |
||||||
|
// Wrap the anchor with 'footnote-x'
|
||||||
|
$this.wrap('<span class="footnote-x"></span>') |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
// Append index to every anchor
|
||||||
|
b = a.find('span.footnote-x a[href^="#footnote"]') |
||||||
|
b.each(function(){ |
||||||
|
var $this = $(this); |
||||||
|
var $matches = $($this.prop("tagName") + '#' + $this.attr("id") + ':not([data-index])') |
||||||
|
var index = 0; |
||||||
|
$matches.each(function(){ |
||||||
|
$(this).attr('id', $(this).attr('id') + '_' + index) |
||||||
|
$(this).attr('name', $(this).attr('name') + '_' + index) |
||||||
|
$(this).attr('href', $(this).attr('href') + '_' + index) |
||||||
|
$(this).attr('data-index', index) |
||||||
|
index = index + 1; |
||||||
|
}) |
||||||
|
}) |
||||||
|
c.each(function(){ |
||||||
|
var $this = $(this) |
||||||
|
$this.footnote_check() |
||||||
|
}) |
||||||
|
c = a.find('a[href^="#fn"]') |
||||||
|
c.each(function(){ |
||||||
|
var $this = $(this); |
||||||
|
var $matches = $($this.prop("tagName") + '#' + $this.attr("id") + ':not([data-index])') |
||||||
|
var index = 0; |
||||||
|
$matches.each(function(){ |
||||||
|
var self, parent |
||||||
|
self = $(this), parent = self.parent() |
||||||
|
self.closest('p').find('#cdasiatab').detach() |
||||||
|
self.attr('id', self.attr('id') + '_' + index) |
||||||
|
self.attr('name', self.attr('name') + '_' + index) |
||||||
|
self.attr('href', self.attr('href') + '_' + index) |
||||||
|
self.attr('data-index', index) |
||||||
|
parent.is('a') ? parent.replaceWith(self) : parent.closest('a').replaceWith(parent) // Remove parent its parent 'a' tag
|
||||||
|
index = index + 1; |
||||||
|
}) |
||||||
|
}) |
||||||
|
} |
||||||
|
$.fn.anchor_check = function () { |
||||||
|
var a, b, c, d; |
||||||
|
a = $(this), b = a.attr('href'), c = $.trim(a.text()) |
||||||
|
if(!$.isNumeric($.trim(c)) && c != '*' && c != 'n'){return false} |
||||||
|
if($.trim(b) && a.is('[href^="#footnote"]')){ |
||||||
|
// Check whether href, name and text is valid
|
||||||
|
var a_href_id = a.attr('href').substring(9) // Get only the value after '#footnote'
|
||||||
|
var a_name_id = a.attr('name') ? a.attr('name').substring(2) : a_href_id // Get only the value after 'fn' if name attr is present if not return a_href_id
|
||||||
|
var a_id = a.attr('id') ? a.attr('id').substring(2) : '' |
||||||
|
if(a_href_id != a_name_id || a_href_id != c || a_id != c || a_name_id != c){ |
||||||
|
a.attr('href', '#footnote' + c), a.attr('id', 'fn' + c), a.attr('name', 'fn' + c) |
||||||
|
} |
||||||
|
}else{ |
||||||
|
// If anchor to footnote is invalid by href=#footnote*** or no href
|
||||||
|
// the text inside the 'a' tag will use as a reference
|
||||||
|
a.attr('href', '#footnote' + c), a.attr('id', 'fn' + c), a.attr('name', 'fn' + c) |
||||||
|
} |
||||||
|
return true; |
||||||
|
} |
||||||
|
$.fn.footnote_check = function () { |
||||||
|
var a, b, c, d; |
||||||
|
a = $(this), d = null |
||||||
|
if(a.find('a:not([href^="#footnote"])').length){ |
||||||
|
a.find('a').each(function(){ |
||||||
|
b = $.trim($(this).text()), c = b.match(/([\*]{1,3}|[\d]{1,3})/) |
||||||
|
if(c!= null){ |
||||||
|
c = c[0] |
||||||
|
d = $(document.createElement('a')) |
||||||
|
d.text(b), d.attr('href', '#fn' + c), d.attr('id', 'footnote' + c), d.attr('name', 'footnote' + c), d.addClass('m-r-lg'), d.css('color', 'red') |
||||||
|
a.html(''), a.append(d) |
||||||
|
return true; |
||||||
|
} |
||||||
|
}) |
||||||
|
if(d=null){ |
||||||
|
return false |
||||||
|
} |
||||||
|
}else if(!a.find('a').length){ |
||||||
|
b = $.trim(a.text()), c = b.match(/([\*]{1,3}|[\d]{1,3})/) |
||||||
|
if(c!= null){ |
||||||
|
c = c[0] |
||||||
|
d = $(document.createElement('a')) |
||||||
|
d.text(b), d.attr('href', '#fn' + c), d.attr('id', 'footnote' + c), d.attr('name', 'footnote' + c), d.addClass('m-r-lg'), d.css('color', 'red') |
||||||
|
a.html(''), a.append(d) |
||||||
|
}else{ |
||||||
|
return false |
||||||
|
} |
||||||
|
} |
||||||
|
return true |
||||||
|
} |
||||||
|
$.fn.footnote = function () { |
||||||
|
var a = $(this) |
||||||
|
// Validation of footnote
|
||||||
|
var b, c, d; |
||||||
|
b = $(a.attr('href')) |
||||||
|
if(b.length<=0 && a.data('index')>0){ |
||||||
|
var a_id = a.attr('id').substring(0, a.attr('id').indexOf('_')) |
||||||
|
var a_like = $('a[href^="#footnote"][id^="' + a_id + '"]') |
||||||
|
var a_found = false; |
||||||
|
a_like.each(function(){ |
||||||
|
if(!a_found){b = $($(this).attr('href'))} |
||||||
|
a_found = b.length>0 |
||||||
|
}) |
||||||
|
} |
||||||
|
if(b.length>0){ |
||||||
|
c = b.closest('p') |
||||||
|
d = c.footnote_text(b.parent('span') || b), d = d.substring(0,499) + (d.length > 500 ? '...' : '') |
||||||
|
a.attr('data-original-title', d), a.attr('data-toggle', 'tooltip') |
||||||
|
a.tooltip({title: d}), a.tooltip('show') |
||||||
|
}else{ |
||||||
|
// typeof a._errorReport === "function" && a._errorReport({
|
||||||
|
// type: 'footnote',
|
||||||
|
// details: 'Footnote not found @ ' + a.attr('href')
|
||||||
|
// })
|
||||||
|
} |
||||||
|
return a |
||||||
|
} |
||||||
|
$.fn.footnote_text = function (except) { |
||||||
|
var a = ''; |
||||||
|
$(this).children().not(except).each(function(){ |
||||||
|
// Check first if the current select element not equal to except
|
||||||
|
var self = $(this) |
||||||
|
a += self.text() |
||||||
|
}) |
||||||
|
return a; |
||||||
|
} |
||||||
|
$(document).on('mouseover mouseenter focus', 'a[href^="#footnote"]', function(event){ |
||||||
|
event.preventDefault() |
||||||
|
$(this).footnote() |
||||||
|
}) |
||||||
|
}(jQuery)) |
||||||
@ -0,0 +1,10 @@ |
|||||||
|
# frozen_string_literal: true |
||||||
|
|
||||||
|
class ReportsReflex < ApplicationReflex |
||||||
|
include DoctrineSearch |
||||||
|
|
||||||
|
def render_search_results(search_params) |
||||||
|
search = doctrine_search(search_params.reject { |k, v| v.blank? }) |
||||||
|
morph "div#searchResultsTable", render(partial: "search_results_table", locals: { search: search, current_user: current_user }) |
||||||
|
end |
||||||
|
end |
||||||
@ -0,0 +1,12 @@ |
|||||||
|
<% if search.results.present? %> |
||||||
|
<%= render(ReportsSearchResultsComponent.with_collection(search.results, current_user: current_user, opts: { is_render: true })) %> |
||||||
|
<% else %> |
||||||
|
<div class="d-flex justify-content-center flex-column no-search-body"> |
||||||
|
<div class="text-center "> |
||||||
|
<%= image_pack_tag 'application/search-icon.png', class: "search-doc-icon"%> |
||||||
|
</div> |
||||||
|
<div class="text-center label-no-search" > |
||||||
|
No Results Found |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<% end %> |
||||||
@ -0,0 +1,45 @@ |
|||||||
|
<div class="container-fluid row p-0 m-0"> |
||||||
|
<div class="container col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3" > |
||||||
|
<div class="advanced-search-box"> |
||||||
|
<%= form_with(url: reports_path, method: :get) do %> |
||||||
|
<div class="mb-3"> |
||||||
|
<%= text_field_tag :q, params[:q], placeholder: 'Full text search', class: "form-control" %> |
||||||
|
</div> |
||||||
|
<hr class="simple"> |
||||||
|
<div class="mb-3"> |
||||||
|
<label for="exampleFormControlInput1" class="form-label text-white"> Subjects </label> |
||||||
|
<select class="form-control subject-ids-selectize p-0" name="subject_ids[]" id="subject_ids_" multiple="true"> </select> |
||||||
|
</div> |
||||||
|
<div class="mb-3"> |
||||||
|
<label for="exampleFormControlInput1" class="form-label text-white"> Date Created At </label> |
||||||
|
<%= text_field_tag :created_at, params[:created_at], class: "default-flatpickr" %> |
||||||
|
</div> |
||||||
|
<hr class="simple"> |
||||||
|
<div class="mb-3"> |
||||||
|
<label for="exampleFormControlInput1" class="form-label text-white"> Users </label> |
||||||
|
<%= select_tag :user_ids, options_from_collection_for_select(@users, :id, :name, params[:user_ids]), class: "form-control default-selectize p-0", multiple: true %> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="d-flex justify-content-end mt-5"> |
||||||
|
<button type="button" class="btn btn-success me-2 mb-3">Refresh</button> |
||||||
|
<button type="submit" class="btn btn-danger mb-3">Search</button> |
||||||
|
</div> |
||||||
|
<% end %> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="container col-xs-12 col-sm-12 col-md-9 col-lg-9 col-xl-9" id="searchResultsTable"> |
||||||
|
<div class="m-2 ps-0"> <%= render PaginationComponent.new(data: @results, opts: { is_subject_breadcrums: true, subject_ids: params[:subject_ids] }) %> </div> |
||||||
|
<% if @results.present? %> |
||||||
|
<%= render(ReportsSearchResultsComponent.with_collection(@results, current_user: current_user, opts: { is_render: true })) %> |
||||||
|
<% else %> |
||||||
|
<div class="d-flex justify-content-center flex-column no-search-body"> |
||||||
|
<div class="text-center "> |
||||||
|
<%= image_pack_tag 'application/search-icon.png', class: "search-doc-icon"%> |
||||||
|
</div> |
||||||
|
<div class="text-center label-no-search" > |
||||||
|
No Results Found |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<% end %> |
||||||
|
</div> |
||||||
|
</div> |
||||||
@ -0,0 +1,15 @@ |
|||||||
|
<nav> |
||||||
|
<ul class="pagination"> |
||||||
|
<li class="page-item"><a href="#" class="page-link" data-reflex="click->TabularReflex#paginate" data-page="<%= prev_page %>">←</a></li> |
||||||
|
<% @pagy.series.each do |item| %> |
||||||
|
<% if item == :gap %> |
||||||
|
<li class="page-item disabled"><a class="page-link">...</a></li> |
||||||
|
<% else %> |
||||||
|
<li class="page-item <%= "active" if item.is_a?(String) %>"> |
||||||
|
<a href="#" class="page-link" data-reflex="click->TabularReflex#paginate" data-page="<%= item %>"><%= item %></a> |
||||||
|
</li> |
||||||
|
<% end %> |
||||||
|
<% end %> |
||||||
|
<li class="page-item"><a href="#" class="page-link" data-reflex="click->TabularReflex#paginate" data-page="<%= next_page %>">→</a></li> |
||||||
|
</ul> |
||||||
|
</nav> |
||||||
Loading…
Reference in new issue