alexdbondoc17
/
cdao-pjet
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Relayout document views

pull/44/head
janpaulo 4 years ago
parent
806cb3d197
commit
30eacb2484
No known key found for this signature in database
GPG Key ID: 50CA753050F1541C
5 changed files with 121 additions and 129 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      app/javascript/images/application/search-icon.png
  2. 1
      app/javascript/src/application.scss
  3. 5
      app/javascript/src/application/nav-bar.scss
  4. 89
      app/views/documents/index.html.erb
  5. 155
      app/views/documents/show.html.erb

BIN
app/javascript/images/application/search-icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

1
app/javascript/src/application.scss
Unescape View File

@ -4,6 +4,7 @@
@import "./application/pagination"; @import "./application/pagination";
@import "./application/table"; @import "./application/table";
@import "./application/nav-bar"; @import "./application/nav-bar";
@import "./application/document-search";
.tableFixHead { .tableFixHead {
overflow: auto; overflow: auto;

5
app/javascript/src/application/nav-bar.scss
Unescape View File

@ -8,4 +8,9 @@ img.nav-bar-app-logo {
.active-red a:hover { .active-red a:hover {
background: transparent; background: transparent;
}
.nav-body {
box-shadow: 0 2px 2px rgb(0 0 0 / 5%), 0 1px 0 rgb(0 0 0 / 5%);
background: #fff;
} }

89
app/views/documents/index.html.erb
Unescape View File

@ -1,63 +1,40 @@
<div class="container"> <div class="container-fluid row p-0 m-0">
<%= form_tag(documents_path, method: :get) do %> <div class="container col-xs-12 col-sm-12 col-md-3 col-lg-3 col-xl-3" >
<div class="row justify-content-center"> <div class="advanced-search-box">
<div class="col-sm-8 col-md-7 col-lg-8 col-xl-9 p-2 ps-1"> <%= render(DocumentAdvancedSearchComponent.new(current_user: current_user, opts: {})) %>
<%= text_field_tag :q, params[:q], placeholder: 'Full text search', class: "form-control" %> </div>
</div> </div>
<div class="container col-xs-12 col-sm-12 col-md-9 col-lg-9 col-xl-9">
<div class="col-sm-4 col-md-5 col-lg-4 col-xl-3 mt-2 d-flex justify-content-end align-items-baseline"> <% if @search_params.present? %>
<%= submit_tag "Search", class: "btn btn-primary text-white me-3" %> <div class="container m-2"> <%= render PaginationComponent.new(data: @jurisprudences) %> </div>
<button type="button" class="btn btn-info text-white" data-bs-toggle="modal" data-bs-target="#citationFinder"> Citation Finder </button> <hr style="margin: 0 18px;"/>
<div class="modal fade" id="citationFinder" tabindex="-1" aria-labelledby="citationFinder" aria-hidden="true"> <div class="card-header mt-1 col-sm-12 bg-transparent">
<%= form_tag(documents_path, method: :get) do %> <div class="card g-3 " style="border:none;">
<div class="modal-dialog modal-lg modal-dialog-scrollable"> <div class="card-body col-sm-12 tableFixHead p-0">
<div class="modal-content"> <table class="table table-hover mb-0">
<div class="modal-header"> <thead>
<h5 class="modal-title"> Citation Finder </h5> <th class="bg-light"> Reference No. </th>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <th class="bg-light"> Title </th>
</div> <th class="bg-light"> Date </th>
</thead>
<div class="modal-body">
<div class="row">
<div class="col-sm-12 p-2">
<%= text_field_tag :citation_finder, params[:citation_finder], class: "form-control", placeholder: "PHILREP/SCRA" %>
</div>
</div>
</div>
<div class="modal-footer"> <tbody>
<button type="submit" class="btn btn-primary">Search</button> <%= render(DocumentIndexTableComponent.with_collection(@jurisprudences, current_user: current_user, opts: {})) %>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> </tbody>
</div> </table>
</div> </div>
</div>
<% end %>
</div> </div>
</div> </div>
</div> <% else %>
<div class="d-flex justify-content-center flex-column no-search-body">
<% end %> <div class="text-center ">
</div> <%= image_pack_tag 'application/search-icon.png', class: "search-doc-icon"%>
</div> </div>
<% if @search_params.present? %> <div class="text-center label-no-search" >
<div class="container m-2"> <%= render PaginationComponent.new(data: @jurisprudences) %> </div> No Documents Found
<hr style="margin: 0 18px;"/>
<div class="card-header mt-1 col-sm-12 bg-transparent">
<div class="card g-3 " style="border:none;">
<div class="card-body col-sm-12 tableFixHead p-0">
<table class="table table-hover mb-0">
<thead>
<th class="bg-light"> Reference No. </th>
<th class="bg-light"> Title </th>
<th class="bg-light"> Date </th>
</thead>
<tbody>
<%= render(DocumentIndexTableComponent.with_collection(@jurisprudences, current_user: current_user, opts: {})) %>
</tbody>
</table>
</div> </div>
</div> </div>
<% end %>
</div> </div>
<% end %> </div>

155
app/views/documents/show.html.erb
Unescape View File

@ -1,90 +1,99 @@
<div class="card mt-1 g-3"> <div class="container-fluid row p-0 m-0">
<div class="container p-2 card-header"> <div class="container col-md-3">
<div class="row"> <div class="advanced-search-box">
<div class="col-lg-12"> <%= render(DocumentAdvancedSearchComponent.new(current_user: current_user, opts: {})) %>
</div>
</div>
<div class="container col-md-9">
<div class="card mt-1 g-3">
<div class="container p-2 card-header">
<div class="row"> <div class="row">
<div class="col-lg-6"> <div class="col-lg-12">
</div> <div class="row">
<div class="col-lg-3 text-end"> <div class="col-lg-6">
<b>Date : </b> </div>
<div class="col-lg-3 text-end">
<b>Date : </b>
</div>
<div class="col-lg-3 text-end">
<b><%= @document.docdate.present? ? @document.docdate.strftime("%m/%d/%Y") : @document.year %> </b>
</div>
</div>
</div> </div>
<div class="col-lg-3 text-end">
<b><%= @document.docdate.present? ? @document.docdate.strftime("%m/%d/%Y") : @document.year %> </b>
</div>
</div>
</div>
<div class="col-lg-12 mt-2 mb-2"> <div class="col-lg-12 mt-2 mb-2">
<div class="row"> <div class="row">
<div class="col-lg-3"> <div class="col-lg-3">
Reference Number : Reference Number :
</div>
<div class="col-lg-9">
<b><%= @document.reference_number %></b>
</div>
</div>
</div> </div>
<div class="col-lg-9"> <div class="col-lg-12 mb-2">
<b><%= @document.reference_number %></b> <div class="row">
<div class="col-lg-3">
Title :
</div>
<div class="col-lg-9">
<strong> <%= @document.title %> </strong>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-12 mb-2"> <div class="card-body p-0">
<div class="row"> <ul class="doc-nav-body nav nav-tabs nav-justified" id="menuTab" role="tablist">
<div class="col-lg-3"> <li class="nav-item" role="presentation">
Title : <button class="nav-link active" id="analysisMenuTab" data-bs-toggle="tab" data-bs-target="#analysisTabContent" type="button" role="tab" aria-controls="analysisTab" aria-selected="true">Analysis</button>
</div> </li>
<div class="col-lg-9"> <li class="nav-item" role="presentation">
<strong> <%= @document.title %> </strong> <button class="nav-link" id="analysisMenuTab" data-bs-toggle="tab" data-bs-target="#documentTabContent" type="button" role="tab" aria-controls="analysisTab" aria-selected="true">Full Text</button>
</div> </li>
</div> <li class="nav-item" role="presentation">
</div> <button class="nav-link" id="analysisMenuTab" data-bs-toggle="tab" data-bs-target="#ciatatonTabContent" type="button" role="tab" aria-controls="analysisTab" aria-selected="true">Citator</button>
</div> </li>
</div> </ul>
<div class="card-body p-0">
<ul class="doc-nav-body nav nav-tabs nav-justified" id="menuTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="analysisMenuTab" data-bs-toggle="tab" data-bs-target="#analysisTabContent" type="button" role="tab" aria-controls="analysisTab" aria-selected="true">Analysis</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="analysisMenuTab" data-bs-toggle="tab" data-bs-target="#documentTabContent" type="button" role="tab" aria-controls="analysisTab" aria-selected="true">Full Text</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="analysisMenuTab" data-bs-toggle="tab" data-bs-target="#ciatatonTabContent" type="button" role="tab" aria-controls="analysisTab" aria-selected="true">Citator</button>
</li>
</ul>
<div class="tab-content" style="height: 550px;overflow: auto;"> <div class="tab-content" style="height: 550px;overflow: auto;">
<div class="tab-pane fade show active" id="analysisTabContent" role="tabpanel" aria-labelledby="home-tab"> <div class="tab-pane fade show active" id="analysisTabContent" role="tabpanel" aria-labelledby="home-tab">
<div class="row"> <div class="row">
<div class="d-flex justify-content-end" style="margin: 10px 0 0 -20px;"> <div class="d-flex justify-content-end" style="margin: 10px 0 0 -20px;">
<a class="btn btn-sm btn-primary" data-controller="doctrines" data-document-id="<%= @document.id %>" data-action="click->doctrines#renderForm" data-bs-toggle="modal" data-bs-target="#doctrineModal"> Add Doctrine </a> <a class="btn btn-sm btn-primary" data-controller="doctrines" data-document-id="<%= @document.id %>" data-action="click->doctrines#renderForm" data-bs-toggle="modal" data-bs-target="#doctrineModal"> Add Doctrine </a>
</div>
<div class="container-sm row-flex col-sm-12 mt-2">
<%= render(DoctrineModalFormComponent.new(current_user: current_user)) %>
</div>
</div>
<div class="container-sm row-flex col-sm-12 p-0 doct-body-index">
<%= render(DocumentDoctrineIndexComponent.with_collection(@doctrines, current_user: current_user, opts: { document_id: @document.id })) %>
</div>
</div> </div>
<div class="container-sm row-flex col-sm-12 mt-2">
<%= render(DoctrineModalFormComponent.new(current_user: current_user)) %> <div class="tab-pane fade" id="documentTabContent" role="tabpanel">
<div class="container-sm mt-2">
<%= raw @document.content.html_safe%>
</div>
</div> </div>
</div>
<div class="container-sm row-flex col-sm-12 p-0 doct-body-index"> <div class="tab-pane fade cited-table-body" id="ciatatonTabContent" role="tabpanel">
<%= render(DocumentDoctrineIndexComponent.with_collection(@doctrines, current_user: current_user, opts: { document_id: @document.id })) %> <div class="mt-3 ps-3"> <h4> Cited Ins Documents </h4> </div>
</div> <table class="table table-hover mb-0 table-width">
</div> <thead style="position: sticky;top: 0">
<th class="bg-light"> Reference No. </th>
<th class="bg-light"> Title </th>
<th class="bg-light"> Date </th>
</thead>
<div class="tab-pane fade" id="documentTabContent" role="tabpanel"> <tbody>
<div class="container-sm mt-2"> <%= render(DocumentIndexTableComponent.with_collection(@cited_in_documents, current_user: current_user)) %>
<%= raw @document.content.html_safe%> </tbody>
</table>
</div>
</div> </div>
</div> </div>
<div class="tab-pane fade cited-table-body" id="ciatatonTabContent" role="tabpanel">
<div class="mt-3 ps-3"> <h4> Cited Ins Documents </h4> </div>
<table class="table table-hover mb-0 table-width">
<thead style="position: sticky;top: 0">
<th class="bg-light"> Reference No. </th>
<th class="bg-light"> Title </th>
<th class="bg-light"> Date </th>
</thead>
<tbody>
<%= render(DocumentIndexTableComponent.with_collection(@cited_in_documents, current_user: current_user)) %>
</tbody>
</table>
</div>
</div> </div>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save