mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2025-01-27 10:08:11 +08:00
Add basic layout [SCI-5548]
This commit is contained in:
aignatov-bio
parent
be33ab0ebd
commit
c99e8f19fd
7 changed files with 86 additions and 45 deletions
|
|
@ -134,27 +134,34 @@
|
|||
function initDatatable() {
|
||||
var $table = $('#reports-table')
|
||||
DATATABLE = $table.dataTable({
|
||||
'order': [[2, 'desc']],
|
||||
'processing': true,
|
||||
'serverSide': true,
|
||||
'ajax': $table.data('source'),
|
||||
'pagingType': 'simple_numbers',
|
||||
'colReorder': {
|
||||
'fixedColumnsLeft': 1000000 // Disable reordering
|
||||
dom: "Rt<'pagination-row hidden'<'pagination-info'li><'pagination-actions'p>>",
|
||||
order: [[2, 'desc']],
|
||||
sScrollX: '100%',
|
||||
sScrollXInner: '100%',
|
||||
processing: true,
|
||||
serverSide: true,
|
||||
ajax: $table.data('source'),
|
||||
pagingType: 'simple_numbers',
|
||||
colReorder: {
|
||||
fixedColumnsLeft: 1000000 // Disable reordering
|
||||
},
|
||||
'columnDefs': [{
|
||||
'targets': 0,
|
||||
'searchable': false,
|
||||
'orderable': false,
|
||||
'className': 'dt-body-center',
|
||||
'sWidth': '1%',
|
||||
'render': renderCheckboxHTML
|
||||
columnDefs: [{
|
||||
targets: 0,
|
||||
searchable: false,
|
||||
orderable: false,
|
||||
className: 'dt-body-center',
|
||||
sWidth: '1%',
|
||||
render: renderCheckboxHTML
|
||||
}],
|
||||
'oLanguage': {
|
||||
'sSearch': I18n.t('general.filter')
|
||||
oLanguage: {
|
||||
sSearch: I18n.t('general.filter')
|
||||
},
|
||||
'fnDrawCallback': tableDrowCallback,
|
||||
'createdRow': appendEditPathToRow
|
||||
fnDrawCallback: tableDrowCallback,
|
||||
createdRow: appendEditPathToRow,
|
||||
fnInitComplete: function() {
|
||||
DataTableHelpers.initLengthApearance($table.closest('.dataTables_wrapper'));
|
||||
$('.pagination-row').removeClass('hidden');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
|
|
|||
25
app/assets/stylesheets/report_index.scss
Normal file
25
app/assets/stylesheets/report_index.scss
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
.reports-datatable {
|
||||
height: calc(100vh - var(--navbar-height) - var(--content-header-size));
|
||||
|
||||
#reports-table_wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
|
||||
.dataTables_scroll {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
height: calc(100% - var(--datatable-pagination-row));
|
||||
|
||||
.dataTables_scrollHead {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.pagination-row {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
// scss-lint:disable NestingDepth QualifyingElement
|
||||
|
||||
.dataTables_wrapper {
|
||||
|
||||
--datatable-pagination-row: 68px;
|
||||
.main-actions {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
align-items: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
min-height: 68px;
|
||||
min-height: var(--datatable-pagination-row);
|
||||
width: 100%;
|
||||
|
||||
.pagination-info,
|
||||
|
|
|
|||
|
|
@ -35,10 +35,12 @@ class ReportDatatable < CustomDatatable
|
|||
'0' => record.id,
|
||||
'1' => sanitize_input(record.project_name),
|
||||
'2' => sanitize_input(record.name),
|
||||
'3' => sanitize_input(record.created_by),
|
||||
'4' => sanitize_input(record.modified_by),
|
||||
'5' => I18n.l(record.created_at, format: :full),
|
||||
'6' => I18n.l(record.updated_at, format: :full),
|
||||
'3' => '',
|
||||
'4' => '',
|
||||
'5' => sanitize_input(record.created_by),
|
||||
'6' => sanitize_input(record.modified_by),
|
||||
'7' => I18n.l(record.created_at, format: :full),
|
||||
'8' => I18n.l(record.updated_at, format: :full),
|
||||
'edit' => edit_project_report_path(record.project_id, record.id)
|
||||
}
|
||||
end
|
||||
|
|
|
|||
10
app/views/reports/_index_header.html.erb
Normal file
10
app/views/reports/_index_header.html.erb
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<div class="content-header sticky-header">
|
||||
<div class="title-row">
|
||||
<h1>
|
||||
<%= t('projects.reports.index.head_title') %>
|
||||
</h1>
|
||||
</div>
|
||||
<div id="toolbarWrapper" class="toolbar-row">
|
||||
<%= render partial: 'reports/index_toolbar' %>
|
||||
</div>
|
||||
</div>
|
||||
14
app/views/reports/_index_toolbar.html.erb
Normal file
14
app/views/reports/_index_toolbar.html.erb
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<% if can_manage_reports?(current_team) %>
|
||||
<%= link_to '#', remote: true, class: 'btn btn-primary', id: 'new-report-btn' do %>
|
||||
<span class="fas fa-plus" aria-hidden="true"></span>
|
||||
<span class="hidden-xs"><%=t "projects.reports.index.new" %></span>
|
||||
<% end %>
|
||||
<%= link_to "", remote: true, class: "btn btn-light disabled hidden", id: "edit-report-btn" do %>
|
||||
<span class="fas fa-pencil-alt" aria-hidden="true"></span>
|
||||
<span class="hidden-xs"><%=t "projects.reports.index.edit" %></span>
|
||||
<% end %>
|
||||
<%= link_to "", remote: true, class: "btn btn-light disabled hidden", id: "delete-reports-btn" do %>
|
||||
<span class="fas fa-times" aria-hidden="true"></span>
|
||||
<span class="hidden-xs"><%=t "projects.reports.index.delete" %></span>
|
||||
<% end %>
|
||||
<% end %>
|
||||
|
|
@ -2,30 +2,11 @@
|
|||
<meta name="turbolinks-cache-control" content="no-cache">
|
||||
<% end %>
|
||||
|
||||
<% provide(:head_title, t('projects.reports.index.head_title').html_safe) %>
|
||||
<%= stylesheet_link_tag 'datatables' %>
|
||||
|
||||
<div class="content-pane">
|
||||
<div class="content-pane flexible">
|
||||
<%= render partial: 'reports/index_header' %>
|
||||
<div id="content-reports-index">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<% if can_manage_reports?(current_team) %>
|
||||
<%= link_to '#', remote: true, class: 'btn btn-primary', id: 'new-report-btn' do %>
|
||||
<span class="fas fa-plus" aria-hidden="true"></span>
|
||||
<span class="hidden-xs"><%=t "projects.reports.index.new" %></span>
|
||||
<% end %>
|
||||
<%= link_to "", remote: true, class: "btn btn-light disabled hidden", id: "edit-report-btn" do %>
|
||||
<span class="fas fa-pencil-alt" aria-hidden="true"></span>
|
||||
<span class="hidden-xs"><%=t "projects.reports.index.edit" %></span>
|
||||
<% end %>
|
||||
<%= link_to "", remote: true, class: "btn btn-light disabled hidden", id: "delete-reports-btn" do %>
|
||||
<span class="fas fa-times" aria-hidden="true"></span>
|
||||
<span class="hidden-xs"><%=t "projects.reports.index.delete" %></span>
|
||||
<% end %>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="reports-datatable">
|
||||
|
|
@ -42,6 +23,8 @@
|
|||
</th>
|
||||
<th id="project-name"><%=t 'projects.reports.index.thead_project_name' %></th>
|
||||
<th id="report-name"><%=t 'projects.reports.index.thead_name' %></th>
|
||||
<th id="report-pdf">PDF</th>
|
||||
<th id="report-docx">DOCX</th>
|
||||
<th id="report-created-by"><%=t 'projects.reports.index.thead_created_by' %></th>
|
||||
<th id="report-last-modified-by"><%=t 'projects.reports.index.thead_last_modified_by' %></th>
|
||||
<th id="report-created-at"><%=t 'projects.reports.index.thead_created_at' %></th>
|
||||
|
|
|
|||
Loading…
Reference in a new issue