From 86854b015d5d7a893ab5025dd9aa037d2719cd22 Mon Sep 17 00:00:00 2001
From: aignatov-bio <aignatov@biosistemika.com>
Date: Thu, 29 Apr 2021 15:21:58 +0200
Subject: [PATCH] Add third template to reports [SCI-5618]

---
 app/assets/javascripts/reports/new.js         |  4 +-
 app/controllers/reports_controller.rb         |  4 +-
 .../templates/template_2/cover.html.erb       |  5 +-
 .../templates/template_3/cover.html.erb       | 90 +++++++++++++++++++
 .../templates/template_3/edit.html.erb        | 14 +++
 .../templates/template_3/footer.html.erb      | 36 ++++++++
 .../templates/template_3/header.html.erb      | 26 ++++++
 .../_project_template_selector.html.erb       |  2 +-
 config/initializers/extends.rb                |  3 +-
 9 files changed, 175 insertions(+), 9 deletions(-)
 create mode 100644 app/views/reports/templates/template_3/cover.html.erb
 create mode 100644 app/views/reports/templates/template_3/edit.html.erb
 create mode 100644 app/views/reports/templates/template_3/footer.html.erb
 create mode 100644 app/views/reports/templates/template_3/header.html.erb

diff --git a/app/assets/javascripts/reports/new.js b/app/assets/javascripts/reports/new.js
index b63d148c1..4da092c4a 100644
--- a/app/assets/javascripts/reports/new.js
+++ b/app/assets/javascripts/reports/new.js
@@ -980,9 +980,6 @@ function reportHandsonTableConverter() {
     // Project
     reportData.project_id = dropdownSelector.getValues('#projectSelector');
 
-    // Template
-    reportData.template_id = dropdownSelector.getValues('#templateSelector');
-
     // Template values
     reportData.template_values = {};
     $.each($('.report-template-values-container').find('.sci-input-field, select'), function(i, field) {
@@ -1030,6 +1027,7 @@ function reportHandsonTableConverter() {
     });
 
     // Settings
+    reportData.report.settings.template = dropdownSelector.getValues('#templateSelector');
     reportData.report.settings.all_tasks = $('.project-contents-container .select-all-my-modules-checkbox')
       .prop('checked');
     $.each($('.task-contents-container .content-element .protocol-setting'), function(i, e) {
diff --git a/app/controllers/reports_controller.rb b/app/controllers/reports_controller.rb
index a12fe6ea9..897e21727 100644
--- a/app/controllers/reports_controller.rb
+++ b/app/controllers/reports_controller.rb
@@ -186,7 +186,7 @@ class ReportsController < ApplicationController
     respond_to do |format|
       format.json do
         @report.update!(pdf_file_processing: true)
-        Reports::PdfJob.perform_later(@report, 'template_1', current_user)
+        Reports::PdfJob.perform_later(@report, @report.settings[:template], current_user)
         render json: {
           message: I18n.t('projects.reports.index.generation.accepted_message')
         }
@@ -548,6 +548,6 @@ class ReportsController < ApplicationController
   end
 
   def generate_pdf_report
-    Reports::PdfJob.perform_later(@report, 'template_1', current_user) if @report.persisted?
+    Reports::PdfJob.perform_later(@report, @report.settings[:template], current_user) if @report.persisted?
   end
 end
diff --git a/app/views/reports/templates/template_2/cover.html.erb b/app/views/reports/templates/template_2/cover.html.erb
index fe859aeaf..6bd740f9b 100644
--- a/app/views/reports/templates/template_2/cover.html.erb
+++ b/app/views/reports/templates/template_2/cover.html.erb
@@ -23,6 +23,7 @@
 
     ul {
       list-style-type: none;
+      padding: 0;
     }
 
     li {
@@ -72,7 +73,7 @@
       <td colspan=4><div class="divider"></div></td>
     </tr>
     <tr class="executive-summary">
-      <td colspan=4>
+      <td colspan=4 style="vertical-align: top;">
         <b>EXECUTIVE SUMMARY</b>
         <ul>
           <li><b>Report file name:&nbsp;</b><%= render Reports::TextInputComponent.new(report: report, name: :report_file_name, label: 'Report file name', editing: false) %></li>
@@ -97,7 +98,7 @@
       <td colspan=2></td>
     </tr>
     <tr class="table-of-contents">
-      <td colspan=4>
+      <td colspan=4 style="vertical-align: top;">
         <ul>
           <li><b>Objective&nbsp;</b><%= render Reports::LargeTextInputComponent.new(report: report, name: :objective, label: 'Objective', editing: false) %></li>
           <li><b>Background&nbsp;</b><%= render Reports::LargeTextInputComponent.new(report: report, name: :background, label: 'Background ', editing: false) %></li>
diff --git a/app/views/reports/templates/template_3/cover.html.erb b/app/views/reports/templates/template_3/cover.html.erb
new file mode 100644
index 000000000..a5f41cbd7
--- /dev/null
+++ b/app/views/reports/templates/template_3/cover.html.erb
@@ -0,0 +1,90 @@
+<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;
+    }
+
+    ul {
+      list-style-type: none;
+      padding: 0;
+    }
+
+    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>OTR-Short Form 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 style="vertical-align: top;">
+        <ul>
+          <li><b>Report file name:&nbsp;</b><%= render Reports::TextInputComponent.new(report: report, name: :report_file_name, label: 'Report file name', editing: false) %></li>
+          <li><b>Associated Protocol:&nbsp;</b><%= render Reports::TextInputComponent.new(report: report, name: :associated_protocol, label: 'Associated Protocol', editing: false) %></li>
+          <li><b>Background:&nbsp;</b><%= render Reports::LargeTextInputComponent.new(report: report, name: :report_background, label: 'Background', editing: false) %></li>
+          <li><b>Conclusions:&nbsp;</b><%= render Reports::LargeTextInputComponent.new(report: report, name: :outcome_impact, label: 'Conclusions', editing: false) %></li>
+          <li><b>Results and Discussion&nbsp;</b><%= render Reports::LargeTextInputComponent.new(report: report, name: :results, label: 'Results and Discussion', editing: false) %></li>
+          <li><b>References (if needed)&nbsp;</b><%= render Reports::LargeTextInputComponent.new(report: report, name: :references, label: 'References (if needed)', editing: false) %></li>
+          <li><b>Records Management Project Name:&nbsp;</b><%= render Reports::LargeTextInputComponent.new(report: report, name: :management_project_name, label: 'Records Management Project Name', 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>
diff --git a/app/views/reports/templates/template_3/edit.html.erb b/app/views/reports/templates/template_3/edit.html.erb
new file mode 100644
index 000000000..be0882810
--- /dev/null
+++ b/app/views/reports/templates/template_3/edit.html.erb
@@ -0,0 +1,14 @@
+<% 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: 'Background') %>
+  <%= render Reports::LargeTextInputComponent.new(report: report, name: :outcome_impact, label: 'Conclusions') %>
+  <%= render Reports::LargeTextInputComponent.new(report: report, name: :results, label: 'Results and Discussion') %>
+  <%= render Reports::LargeTextInputComponent.new(report: report, name: :references, label: 'References (if needed)') %>
+  <%= render Reports::TextInputComponent.new(report: report, name: :management_project_name, label: 'Records Management Project Name') %>
+<% end %>
diff --git a/app/views/reports/templates/template_3/footer.html.erb b/app/views/reports/templates/template_3/footer.html.erb
new file mode 100644
index 000000000..d7a5c7ff4
--- /dev/null
+++ b/app/views/reports/templates/template_3/footer.html.erb
@@ -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>
diff --git a/app/views/reports/templates/template_3/header.html.erb b/app/views/reports/templates/template_3/header.html.erb
new file mode 100644
index 000000000..7b52b05f8
--- /dev/null
+++ b/app/views/reports/templates/template_3/header.html.erb
@@ -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>
diff --git a/app/views/reports/wizard/_project_template_selector.html.erb b/app/views/reports/wizard/_project_template_selector.html.erb
index 4473d2683..0cf371d7d 100644
--- a/app/views/reports/wizard/_project_template_selector.html.erb
+++ b/app/views/reports/wizard/_project_template_selector.html.erb
@@ -12,7 +12,7 @@
     <div class='template-selector'>
       <%= label_tag :templateSelector, t('projects.reports.wizard.first_step.select_template') %>
       <%= select_tag :templateSelector,
-                     options_for_select(@templates),
+                     options_for_select(@templates, report.settings[:template]),
                      data: {
                        placeholder: t('projects.reports.wizard.first_step.select_template'),
                        values_editor_path: reports_new_template_values_path(report_id: report.id)
diff --git a/config/initializers/extends.rb b/config/initializers/extends.rb
index 1aa69f9ed..b0c95139a 100644
--- a/config/initializers/extends.rb
+++ b/config/initializers/extends.rb
@@ -422,6 +422,7 @@ class Extends
 
   REPORT_TEMPLATES = {
     template_1: 'template_1',
-    template_2: 'template_2'
+    template_2: 'template_2',
+    template_3: 'template_3'
   }
 end