mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2025-09-18 02:54:39 +08:00
Add second template for reports [SCI-5617] (#3268)
This commit is contained in:
parent
e711c783af
commit
6b023603f9
5 changed files with 199 additions and 1 deletions
117
app/views/reports/templates/template_2/cover.html.erb
Normal file
117
app/views/reports/templates/template_2/cover.html.erb
Normal file
|
@ -0,0 +1,117 @@
|
|||
<div class="report-template-index">
|
||||
<style type="text/css" scoped>
|
||||
.report-template-index .template-table {
|
||||
height: 297mm;
|
||||
width: 100%;
|
||||
font-size: 16px;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.executive-summary {
|
||||
height: 170mm;
|
||||
}
|
||||
|
||||
.table-of-contents {
|
||||
height: 250mm;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
li {
|
||||
padding: .5em 0;
|
||||
}
|
||||
|
||||
.divider {
|
||||
height: 4px;
|
||||
background: black;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<table class="template-table">
|
||||
<tr>
|
||||
<td colspan=2 class="logo"></td>
|
||||
<td colspan=2></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=4 class="align-center"><b>Technical Report</b></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=4><div class="divider"></div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Date:</b></td>
|
||||
<td colspan=3><%= render Reports::DateInputComponent.new(report: report, name: :report_date, label: 'Date', editing: false) %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>From:</b> </td>
|
||||
<td colspan=3><%= render Reports::TextInputComponent.new(report: report, name: :report_from, label: 'From', editing: false) %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Through:</b></td>
|
||||
<td colspan=3><%= render Reports::TextInputComponent.new(report: report, name: :report_through, label: 'Through', editing: false) %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>To:</b></td>
|
||||
<td colspan=3><%= render Reports::TextInputComponent.new(report: report, name: :report_to, label: 'To', editing: false) %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><b>Subject:</b></td>
|
||||
<td colspan=3><%= render Reports::TextInputComponent.new(report: report, name: :report_subject, label: 'Subject', editing: false) %></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=4><div class="divider"></div></td>
|
||||
</tr>
|
||||
<tr class="executive-summary">
|
||||
<td colspan=4>
|
||||
<b>EXECUTIVE SUMMARY</b>
|
||||
<ul>
|
||||
<li><b>Report file name: </b><%= render Reports::TextInputComponent.new(report: report, name: :report_file_name, label: 'Report file name', editing: false) %></li>
|
||||
<li><b>Personnel: </b><%= render Reports::TextInputComponent.new(report: report, name: :report_from, label: 'From', editing: false) %></li>
|
||||
<li><b>Associated Protocol: </b><%= render Reports::TextInputComponent.new(report: report, name: :associated_protocol, label: 'Associated Protocol', editing: false) %></li>
|
||||
<li><b>Background: </b><%= render Reports::LargeTextInputComponent.new(report: report, name: :report_background, label: 'Summary background', editing: false) %></li>
|
||||
<li><b>Outcome/Impact: </b><%= render Reports::LargeTextInputComponent.new(report: report, name: :outcome_impact, label: 'Outcome/Impact', editing: false) %></li>
|
||||
<li><b>Conclusion: </b><%= render Reports::LargeTextInputComponent.new(report: report, name: :outcome_impact, label: 'Conclusion', editing: false) %></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="height: 30px">
|
||||
<td colspan=1><%= render Reports::TextInputComponent.new(report: report, name: :report_file_name, label: 'Report file name', editing: false) %></td>
|
||||
<td colspan=2 class="align-center">Page 1 of</td>
|
||||
<td colspan=1><%= render Reports::DateInputComponent.new(report: report, name: :report_date, label: 'Date', editing: false) %></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div style="page-break-before: always"></div>
|
||||
<table class="template-table">
|
||||
<tr>
|
||||
<td colspan=2 class="logo"></td>
|
||||
<td colspan=2></td>
|
||||
</tr>
|
||||
<tr class="table-of-contents">
|
||||
<td colspan=4>
|
||||
<ul>
|
||||
<li><b>Objective </b><%= render Reports::LargeTextInputComponent.new(report: report, name: :objective, label: 'Objective', editing: false) %></li>
|
||||
<li><b>Background </b><%= render Reports::LargeTextInputComponent.new(report: report, name: :background, label: 'Background ', editing: false) %></li>
|
||||
<li><b>Materials and Methods </b><%= render Reports::LargeTextInputComponent.new(report: report, name: :materials_and_methods, label: 'Materials and Methods', editing: false) %></li>
|
||||
<li><b>Results and Discussion </b><%= render Reports::LargeTextInputComponent.new(report: report, name: :results, label: 'Results and Discussion', editing: false) %></li>
|
||||
<li><b>References </b><%= render Reports::LargeTextInputComponent.new(report: report, name: :references, label: 'References', editing: false) %></li>
|
||||
<li><b>Records Management Project Name: </b><%= render Reports::LargeTextInputComponent.new(report: report, name: :management_project_name, label: 'Records Management Project Name', editing: false) %></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=1><%= render Reports::TextInputComponent.new(report: report, name: :report_file_name, label: 'Report file name', editing: false) %></td>
|
||||
<td colspan=2 class="align-center">Page 2 of</td>
|
||||
<td colspan=1><%= render Reports::DateInputComponent.new(report: report, name: :report_date, label: 'Date', editing: false) %></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
18
app/views/reports/templates/template_2/edit.html.erb
Normal file
18
app/views/reports/templates/template_2/edit.html.erb
Normal file
|
@ -0,0 +1,18 @@
|
|||
<% content_for :cover do %>
|
||||
<%= render Reports::DateInputComponent.new(report: report, name: :report_date, label: 'Date') %>
|
||||
<%= render Reports::TextInputComponent.new(report: report, name: :report_from, label: 'From') %>
|
||||
<%= render Reports::TextInputComponent.new(report: report, name: :report_through, label: 'Through') %>
|
||||
<%= render Reports::TextInputComponent.new(report: report, name: :report_to, label: 'To') %>
|
||||
<%= render Reports::TextInputComponent.new(report: report, name: :report_subject, label: 'Subject') %>
|
||||
<%= render Reports::TextInputComponent.new(report: report, name: :report_file_name, label: 'Report file name') %>
|
||||
<%= render Reports::TextInputComponent.new(report: report, name: :associated_protocol, label: 'Associated Protocol') %>
|
||||
<%= render Reports::LargeTextInputComponent.new(report: report, name: :report_background, label: 'Summary background') %>
|
||||
<%= render Reports::LargeTextInputComponent.new(report: report, name: :outcome_impact, label: 'Outcome/Impact') %>
|
||||
<%= render Reports::LargeTextInputComponent.new(report: report, name: :outcome_impact, label: 'Conclusion') %>
|
||||
<%= render Reports::LargeTextInputComponent.new(report: report, name: :objective, label: 'Objective') %>
|
||||
<%= render Reports::LargeTextInputComponent.new(report: report, name: :background, label: 'Background ') %>
|
||||
<%= render Reports::LargeTextInputComponent.new(report: report, name: :materials_and_methods, label: 'Materials and Methods') %>
|
||||
<%= render Reports::LargeTextInputComponent.new(report: report, name: :results, label: 'Results and Discussion') %>
|
||||
<%= render Reports::LargeTextInputComponent.new(report: report, name: :references, label: 'References') %>
|
||||
<%= render Reports::TextInputComponent.new(report: report, name: :management_project_name, label: 'Records Management Project Name') %>
|
||||
<% end %>
|
36
app/views/reports/templates/template_2/footer.html.erb
Normal file
36
app/views/reports/templates/template_2/footer.html.erb
Normal file
|
@ -0,0 +1,36 @@
|
|||
<style>
|
||||
body {
|
||||
height: 95px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
height: 80px;
|
||||
table-layout: fixed;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
table td {
|
||||
font-size: 16px;
|
||||
padding: .25em;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table td.pagination {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
</style>
|
||||
<table>
|
||||
<tr>
|
||||
<td colspan=1><%= render Reports::TextInputComponent.new(report: report, name: :report_file_name, label: 'Report file name', editing: false) %></td>
|
||||
<td colspan=2 class="pagination">Page <span class="page"></span> of <span class="topage"></span></td>
|
||||
<td colspan=1><%= render Reports::DateInputComponent.new(report: report, name: :report_date, label: 'Date', editing: false) %></td>
|
||||
</tr>
|
||||
</table>
|
26
app/views/reports/templates/template_2/header.html.erb
Normal file
26
app/views/reports/templates/template_2/header.html.erb
Normal file
|
@ -0,0 +1,26 @@
|
|||
<style>
|
||||
body {
|
||||
height: 95px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
height: 80px;
|
||||
table-layout: fixed;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
table td {
|
||||
font-size: 16px;
|
||||
padding: .25em;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
</style>
|
||||
<table>
|
||||
<tr>
|
||||
<td colspan=2 class="logo"></td>
|
||||
<td colspan=2></td>
|
||||
</tr>
|
||||
</table>
|
|
@ -421,6 +421,7 @@ class Extends
|
|||
]
|
||||
|
||||
REPORT_TEMPLATES = {
|
||||
template_1: 'template_1'
|
||||
template_1: 'template_1',
|
||||
template_2: 'template_2'
|
||||
}
|
||||
end
|
||||
|
|
Loading…
Add table
Reference in a new issue