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

Enahnce ui for doctrine show

pull/34/head
janpaulo 4 years ago
parent
e8c604f349
commit
36757e77bd
No known key found for this signature in database
GPG Key ID: 50CA753050F1541C
6 changed files with 169 additions and 155 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. 6
      app/components/annotation_marks_modal_form_component/annotation_marks_modal_form_component.html.erb
  2. 49
      app/components/document_doctrine_show_component/document_doctrine_show_component.html.erb
  3. 3
      app/components/pagination_component/pagination_component.html.erb
  4. 9
      app/javascript/src/application.scss
  5. 3
      app/views/doctrines/search.html.erb
  6. 2
      app/views/kaminari/_gap.html.erb

6
app/components/annotation_marks_modal_form_component/annotation_marks_modal_form_component.html.erb
Unescape View File

@ -3,7 +3,7 @@
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">Edit Annotations</h5> <h5 class="modal-title">Edit Annotations</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close-x" data-bs-dismiss="modal" aria-label="Close">x</button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
@ -12,7 +12,7 @@
<strong> <%= label_tag :annotation_marks %> </strong> <strong> <%= label_tag :annotation_marks %> </strong>
<%= hidden_field_tag :document_id, document.id %> <%= hidden_field_tag :document_id, document.id %>
<%= hidden_field_tag :document_ids, citing_document_ids %> <%= hidden_field_tag :document_ids, citing_document_ids %>
<%= select_tag "annomark_ids[]", options_from_collection_for_select(Annomark.all, :id, :name, annotation.annomark_ids), class: "form-select default-selectize", multiple: true, prompt: "Please select" %> <%= select_tag "annomark_ids[]", options_from_collection_for_select(Annomark.all, :id, :name, annotation.annomark_ids), class: "form-control default-selectize pe-0 ps-0", multiple: true, prompt: "Please select" %>
</div> </div>
</div> </div>
@ -33,7 +33,7 @@
</div> </div>
</div> </div>
<div class="row tab"> <div class="row tab ms-1 ps-0">
<table class="table table-striped table-hover mb-0"> <table class="table table-striped table-hover mb-0">
<thead> <thead>
<th class="bg-light"> Reference No. </th> <th class="bg-light"> Reference No. </th>

49
app/components/document_doctrine_show_component/document_doctrine_show_component.html.erb
Unescape View File

@ -1,22 +1,23 @@
<div class="card"> <hr class="mt-0"/>
<div class="card-header"> <div class="row pe-0">
<div class="row">
<div class="col-sm-10"> <div class="col-sm-10">
<h5> Doctrine Details </h5> <h5> <b>Doctrine Details</b> </h5>
</div> </div>
<div class="col-sm-2 justify-content-end"> <div class="col-sm-2 d-flex justify-content-end pe-0">
<a class="btn btn-sm btn-secondary" data-bs-toggle="modal" data-bs-target="#doctrineModal"> Edit </a> <a class="btn btn-sm btn-secondary me-3" data-bs-toggle="modal" data-bs-target="#doctrineModal"> Edit </a>
<a class="btn btn-sm btn-danger" href="<%= jurisprudence_doctrine_path(document_id, id) %>" data-confirm="Are you sure to delete this record?" data-method="DELETE"> Delete </a> <a class="btn btn-sm btn-danger" href="<%= jurisprudence_doctrine_path(document_id, id) %>" data-confirm="Are you sure to delete this record?" data-method="DELETE"> Delete </a>
</div> </div>
</div> </div>
<hr class="mt-3"/>
<div class="">
<div class="container-sm row-flex col-sm-12 mt-2"> <div class="container-sm row-flex col-sm-12 mt-2">
<%= render(DoctrineModalFormComponent.new(current_user: current_user, doctrine: doctrine, subjects: all_subjects, opts: { form_url: jurisprudence_doctrine_path(jurisprudence_id: document_id, id: doctrine.id), form_method: "PUT" })) %> <%= render(DoctrineModalFormComponent.new(current_user: current_user, doctrine: doctrine, subjects: all_subjects, opts: { form_url: jurisprudence_doctrine_path(jurisprudence_id: document_id, id: doctrine.id), form_method: "PUT" })) %>
</div> </div>
</div> </div>
<div class="card-body"> <div class="card-body pt-0">
<div class="row"> <div class="row">
<div class="col-sm-2" style="width: 100px;"> <div class="col-sm-2" style="width: 100px;">
<strong> Subjects: </strong> <strong> Subjects: </strong>
@ -40,22 +41,22 @@
<div class="row"> <div class="row">
<div class="col-sm-10"> </div> <div class="col-sm-10"> </div>
<div class="col-sm-2 p-2"> <div class="col-sm-2 p-2">
<button type="button" class="btn btn-primary" data-bs-toggle="collapse" data-bs-target="#caseListsCollapse" aria-expanded="false" aria-controls="collapseExample"> Case Lists </button> <button type="button" class="btn btn-primary d-block ms-auto" data-bs-toggle="collapse" data-bs-target="#caseListsCollapse" aria-expanded="false" aria-controls="collapseExample"> Case Lists </button>
</div> </div>
</div> </div>
<div class="collapse mb-3" id="caseListsCollapse"> <div class="collapse mb-3 mt-2" id="caseListsCollapse">
<div class="row" data-controller="document" data-document-id="<%= document_id %>" data-doctrine-id="<%= id %>"> <div class="row" data-controller="document" data-document-id="<%= document_id %>" data-doctrine-id="<%= id %>">
<div class="col-sm-10 p-2"> <div class="col-sm-11 p-2">
<%= text_field_tag :q, nil, class: "form-control", placeholder: "Search GR Number", data: { target: "document.input" } %> <%= text_field_tag :q, nil, class: "form-control", placeholder: "Search GR Number", data: { target: "document.input" } %>
</div> </div>
<div class="col-sm-1 p-2"> <div class="col p-2">
<%= button_tag "Search", class: "btn btn-primary", data: { action: "click->document#search" } %> <%= button_tag "Search", class: "btn btn-primary", data: { action: "click->document#search" } %>
</div> </div>
</div> </div>
<div class="row tab"> <div class="row tab">
<table class="table table-striped table-hover mb-0"> <table class="table table-striped table-hover mb-0" style="width: 98%;margin: 0 auto;">
<thead> <thead>
<th class="bg-light"> Reference No. </th> <th class="bg-light"> Reference No. </th>
<th class="bg-light"> Title </th> <th class="bg-light"> Title </th>
@ -63,7 +64,9 @@
<th class="bg-light"> </th> <th class="bg-light"> </th>
</thead> </thead>
<tbody id="documentIndexTable"> </tbody> <tbody id="documentIndexTable">
</tbody>
</table> </table>
<div class="modal fade new-annotation-modal" id="newAnnotationModal" tabindex="-1" aria-labelledby="annotationModal" aria-hidden="true"> <div class="modal fade new-annotation-modal" id="newAnnotationModal" tabindex="-1" aria-labelledby="annotationModal" aria-hidden="true">
@ -142,9 +145,11 @@
</div> </div>
</div> </div>
<div class="card row-flex"> <div class="row-flex">
<h5 class="card-header"> Annotations </h5> <div class="annot-header">
<div class="card-body"> <h5> Annotations </h5>
</div>
<div class="">
<% doctrine.annotations.order(rank: :asc).each do |annotation| %> <% doctrine.annotations.order(rank: :asc).each do |annotation| %>
<div class="row"> <div class="row">
<div class="col-sm-10"> <div class="col-sm-10">
@ -162,8 +167,8 @@
</p> </p>
</div> </div>
<div class="col-sm-2"> <div class="col-sm-2 d-flex justify-content-end align-items-baseline">
<a class="btn btn-sm btn-secondary" data-bs-toggle="modal" data-bs-target="#editAnnotationModal<%= annotation.id %>"> Edit </a> <a class="btn btn-sm btn-secondary me-3" data-bs-toggle="modal" data-bs-target="#editAnnotationModal<%= annotation.id %>"> Edit </a>
<a class="btn btn-sm btn-danger" href="<%= doctrine_annotation_path(doctrine.id, annotation.id) %>" data-confirm="Are you sure to delete this record?" data-method="DELETE"> Delete </a> <a class="btn btn-sm btn-danger" href="<%= doctrine_annotation_path(doctrine.id, annotation.id) %>" data-confirm="Are you sure to delete this record?" data-method="DELETE"> Delete </a>
</div> </div>
</div> </div>
@ -178,15 +183,15 @@
<%= raw annotation.editor_notes %> <%= raw annotation.editor_notes %>
</div> </div>
</div> </div>
<hr/>
<% end %> <% end %>
<div class="row annotation-marks-modal-container"> <div class="row annotation-marks-modal-container">
<div class="modal fade" id="editAnnotationModal<%= annotation.id %>" tabindex="-1" aria-labelledby="annotationModal" aria-hidden="true"> <div class="modal fade modal-doctrine-body" id="editAnnotationModal<%= annotation.id %>" tabindex="-1" aria-labelledby="annotationModal" aria-hidden="true">
<%= render AnnotationMarksModalFormComponent.new(current_user: current_user, document: document, annotation: annotation, opts: { form_url: doctrine_annotation_path(id, annotation.id), form_method: "PUT" }) %> <%= render AnnotationMarksModalFormComponent.new(current_user: current_user, document: document, annotation: annotation, opts: { form_url: doctrine_annotation_path(id, annotation.id), form_method: "PUT" }) %>
</div> </div>
</div> </div>
<% end %> <% end %>
</div> </div>
</div> </div>
</div>
</div> </div>

3
app/components/pagination_component/pagination_component.html.erb
Unescape View File

@ -1,7 +1,7 @@
<div class="col col-md-12"> <div class="col col-md-12">
<header class="header bg-white b-b clearfix"> <header class="header bg-white b-b clearfix">
<div class="row m-t-sm align-items-end pagination-body"> <div class="row m-t-sm align-items-end pagination-body">
<div class="col-md-6 mb-0"> <div class="col-md-6 mb-0<%=opts[:is_subject_breadcrums].present? && subjects.present? ? '' : ' ps-0' %> ">
<% if opts[:is_subject_breadcrums].present? && subjects.present? %> <% if opts[:is_subject_breadcrums].present? && subjects.present? %>
<ol class="breadcrumb mb-0"> <ol class="breadcrumb mb-0">
<% subjects.each do |subject| %> <% subjects.each do |subject| %>
@ -30,5 +30,4 @@
</div> </div>
</div> </div>
</header> </header>
<hr class="mt-0"/>
</div> </div>

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

@ -94,3 +94,12 @@
.doctrine-index-body .doctrine-content-body { .doctrine-index-body .doctrine-content-body {
padding-left: 15px; padding-left: 15px;
} }
.annot-header {
border-bottom: 1px solid darkred;
border-top: 1px solid darkred;
padding-top: 8px;
margin-bottom: 10px;
padding-left: 5px;
background: #efefef;
}

3
app/views/doctrines/search.html.erb
Unescape View File

@ -1,6 +1,6 @@
<div class="container-sm mt-1 p-0 doctrine-index-body"> <div class="container-sm mt-1 p-0 doctrine-index-body">
<div class="container m-2 ps-0"> <%= render PaginationComponent.new(data: @doctrines, opts: { is_subject_breadcrums: true, subject_ids: params[:subject_ids] }) %> </div> <div class="container m-2 ps-0"> <%= render PaginationComponent.new(data: @doctrines, opts: { is_subject_breadcrums: true, subject_ids: params[:subject_ids] }) %> </div>
<hr class="mt-0"/>
<% if params[:is_index_table].to_s.eql?("true") %> <% if params[:is_index_table].to_s.eql?("true") %>
<div class="card-body col-sm-12 tableFixHead p-0 mt-1"> <div class="card-body col-sm-12 tableFixHead p-0 mt-1">
<%= render(DoctrineIndexTableComponent.new(current_user: current_user, search_results: @doctrines)) %> <%= render(DoctrineIndexTableComponent.new(current_user: current_user, search_results: @doctrines)) %>
@ -8,4 +8,5 @@
<% else %> <% else %>
<%= render(DocumentDoctrineIndexComponent.with_collection(@doctrines, current_user: current_user, opts: { is_doctrines_index: true, subject_ids: params[:subject_ids] })) %> <%= render(DocumentDoctrineIndexComponent.with_collection(@doctrines, current_user: current_user, opts: { is_doctrines_index: true, subject_ids: params[:subject_ids] })) %>
<% end %> <% end %>
</div> </div>

2
app/views/kaminari/_gap.html.erb
Unescape View File

@ -5,4 +5,4 @@
per_page: number of items to fetch per page per_page: number of items to fetch per page
remote: data-remote remote: data-remote
-%> -%>
<span class="page gap"><%= t('views.pagination.truncate').html_safe %></span> <span class="page gap ms-2 me-2"><%= t('views.pagination.truncate').html_safe %></span>

Write Preview
Loading…
Cancel
Save