From 04d16e4d6efa771ece8770c726beca29b9d2ca61 Mon Sep 17 00:00:00 2001
From: Sheogorath
Date: Sun, 24 Jun 2018 23:50:19 +0200
Subject: Add Print icon to slide view

It redirects the user to the print view of the document. I claim that
people should either be smart enough to use ctrl+P or ask someone who
knows how to print a webpage. I don't want to babysit our users.

Signed-off-by: Sheogorath <sheogorath@shivering-isles.com>
---
 public/docs/slide-example.md | 8 ++++++++
 public/js/slide.js           | 1 +
 public/views/slide.ejs       | 2 +-
 3 files changed, 10 insertions(+), 1 deletion(-)

(limited to 'public')

diff --git a/public/docs/slide-example.md b/public/docs/slide-example.md
index e2e024b1..411f31d4 100644
--- a/public/docs/slide-example.md
+++ b/public/docs/slide-example.md
@@ -266,4 +266,12 @@ Press `B` or `.` on your keyboard to pause the presentation. This is helpful whe
 
 ---
 
+## Print your Slides
+
+Down below you can find a print icon<i class="fa fa-fw fa-print"></i>.
+
+After you click on it, use the print function of your browser (either CTRL+P or cmd+P) to print the slides as PDF.
+
+---
+
 # The End
diff --git a/public/js/slide.js b/public/js/slide.js
index 59a352ec..1eb8dfd4 100644
--- a/public/js/slide.js
+++ b/public/js/slide.js
@@ -14,6 +14,7 @@ window.lastchangetime = window.lastchangeui.time.attr('data-updatetime')
 updateLastChange()
 const url = window.location.pathname
 $('.ui-edit').attr('href', `${url}/edit`)
+$('.ui-print').attr('href', `${url}?print-pdf`)
 
 $(document).ready(() => {
     // tooltip
diff --git a/public/views/slide.ejs b/public/views/slide.ejs
index 7b9ae29d..d9be51f9 100644
--- a/public/views/slide.ejs
+++ b/public/views/slide.ejs
@@ -69,7 +69,7 @@
                             &nbsp;<span class="text-uppercase ui-status-lastchange"></span>
                             <span class="ui-lastchange text-uppercase" data-createtime="<%- createtime %>" data-updatetime="<%- updatetime %>"></span>
                         </span>
-                        <span class="pull-right"><%- viewcount %> views <a href="#" class="ui-edit" title="Edit this note"><i class="fa fa-fw fa-pencil"></i></a></span>
+                        <span class="pull-right"><%- viewcount %> views <a href="#" class="ui-edit" title="Edit this note"><i class="fa fa-fw fa-pencil"></i></a><a class="ui-print" href="" title="Open print view"><i class="fa fa-fw fa-print"></i></a></span>
                         <br>
                         <% if(ownerprofile && owner !== lastchangeuser) { %>
                         <span class="ui-owner">
-- 
cgit v1.2.3