2021-04-29 16:42:17 +08:00
|
|
|
<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;
|
2021-04-29 21:21:58 +08:00
|
|
|
padding: 0;
|
2021-04-29 16:42:17 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
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">
|
2021-04-29 21:21:58 +08:00
|
|
|
<td colspan=4 style="vertical-align: top;">
|
2021-04-29 16:42:17 +08:00
|
|
|
<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">
|
2021-04-29 21:21:58 +08:00
|
|
|
<td colspan=4 style="vertical-align: top;">
|
2021-04-29 16:42:17 +08:00
|
|
|
<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>
|