Questionnaire: Print attempt view - add a 'Print' button (#588)

Co-authored-by: tai.letan <[email protected]>

Author: 2 people

classes/output/renderer.php

@@ -54,6 +54,10 @@ public function render_completepage($page) {
      */
     public function render_reportpage($page) {
         $data = $page->export_for_template($this);
+        $printparam = optional_param('target', '', PARAM_TEXT);
+
+        $data->printparam = $printparam == 'print';
+
         return $this->render_from_template('mod_questionnaire/reportpage', $data);
     }
 

lang/en/questionnaire.php

@@ -421,6 +421,7 @@
 $string['previous'] = 'Previous';
 $string['previouspage'] = 'Previous Page';
 $string['print'] = 'Print this Response';
+$string['printbutton'] = 'Print';
 $string['printblank'] = 'Print Blank';
 $string['printblanktooltip'] = 'Opens printer-friendly window with blank Questionnaire';
 $string['printstrictdateformatting'] = 'Enter the date';

module.js

@@ -268,6 +268,16 @@ M.mod_questionnaire.init_sendmessage = function(Y) {
     }, '#checkstarted');
 
 };
+
+M.mod_questionnaire.init_printing = function(Y) {
+    var printbutton = Y.one('#print-button');
+    if (printbutton) {
+        printbutton.on('click', function(e) {
+            e.preventDefault();
+            window.print();
+        });
+    }
+};
 M.mod_questionnaire.init_slider = function() {
     const allRanges = document.querySelectorAll(".question-slider");
     allRanges.forEach(wrap => {

report.php

@@ -126,6 +126,7 @@
 $PAGE->set_context($context);
 if ($outputtarget == 'print') {
     $PAGE->set_pagelayout('popup');
+    $PAGE->requires->js_init_call('M.mod_questionnaire.init_printing');
 }
 
 // Tab setup.

styles.css

@@ -191,6 +191,12 @@ td.selected {
     display: inline;
 }
 
+@media print {
+    #page-mod-questionnaire-report #print-button {
+        display: none;
+    }
+}
+
 #page-mod-questionnaire-complete .notice .buttons input {
     margin-bottom: 10px;
 }

templates/reportpage.mustache

@@ -82,6 +82,11 @@
         {{#feedbacknotes}}{{{.}}}{{/feedbacknotes}}
         {{#responses}}{{{.}}}{{/responses}}
         {{#bottomnavigationbar}}<div class="box respondentsnavbar">{{{.}}}</div>{{/bottomnavigationbar}}
+        {{#printparam}}
+            <button id="print-button" title="{{#str}}print, mod_questionnaire{{/str}}">
+                    {{#str}}printbutton, mod_questionnaire{{/str}}
+            </button>
+        {{/printparam}}
     </div>
 </div>
 {{#js}}
@@ -90,4 +95,4 @@
             TableSort.init();
         });
     });
-{{/js}}
+{{/js}}