From 703382cb1a4bc6fee09cb3fc71ec99559ad21561 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Phillip=20K=C3=BChne?= <phillipkhne@gmail.com>
Date: Sat, 29 Jun 2019 02:12:23 +0200
Subject: [PATCH] Add PDF export/printing for list of played songs

---
 app/templates/main.html        | 12 +++++++-----
 app/templates/main_admin.html  | 14 +++++++------
 app/templates/played_list.html | 36 +++++++++++++++++++++++++++++-----
 3 files changed, 46 insertions(+), 16 deletions(-)

diff --git a/app/templates/main.html b/app/templates/main.html
index 880cdb4..ae93315 100644
--- a/app/templates/main.html
+++ b/app/templates/main.html
@@ -4,11 +4,13 @@
 {% block title %}Home{% endblock %}
 {% block content %}
 <table class="table">
-    <tr>
-        <th scope="col">Name</th>
-        <th scope="col">Song</th>
-        <th scope="col">Künstler</th>
-    </tr>
+    <thead>
+        <tr>
+            <th scope="col">Name</th>
+            <th scope="col">Song</th>
+            <th scope="col">Künstler</th>
+        </tr>
+    </thead>
     {% for entry in list: %}
     <tr>
         <td>
diff --git a/app/templates/main_admin.html b/app/templates/main_admin.html
index 7db53eb..2afa130 100644
--- a/app/templates/main_admin.html
+++ b/app/templates/main_admin.html
@@ -17,12 +17,14 @@
     </div>
     <div class="row">
         <table class="table">
-            <tr>
-                <th scope="col">Name</th>
-                <th scope="col">Song</th>
-                <th scope="col">Künstler</th>
-                <th scope="col">Aktionen</th>
-            </tr>
+            <thead>
+                <tr>
+                    <th scope="col">Name</th>
+                    <th scope="col">Song</th>
+                    <th scope="col">Künstler</th>
+                    <th scope="col">Aktionen</th>
+                </tr>
+            </thead>
             {% for entry in list: %}
             <tr>
                 <td>
diff --git a/app/templates/played_list.html b/app/templates/played_list.html
index a787a75..25a9625 100644
--- a/app/templates/played_list.html
+++ b/app/templates/played_list.html
@@ -5,13 +5,18 @@
     <div class="card-body">
         <button type="button" class="topbutton btn btn-danger" onclick="confirmDeleteAllEntries()"><i
                 class="fas fa-trash mr-2"></i>Abspielliste löschen</button>
+        <button type="button" class="topbutton btn" onclick="printPDF()"><i class="fas fa-print mr-2"></i>Drucken</button>
+        <button type="button" class="topbutton btn" onclick="exportPDF()"><i class="fas fa-file-pdf mr-2"></i>Als PDF
+            herunterladen</button>
     </div>
 </div>
-<table class="table">
-    <tr>
-        <th scope="col">Song</th>
-        <th scope="col">Wiedergaben</th>
-    </tr>
+<table class="table" id="table">
+    <thead>
+        <tr>
+            <th scope="col">Song</th>
+            <th scope="col">Wiedergaben</th>
+        </tr>
+    </thead>
     {% for entry in list: %}
     <tr>
         <td>
@@ -26,6 +31,8 @@
 </table>
 {% endblock %}
 {% block extrajs %}
+<script src="https://unpkg.com/jspdf@latest/dist/jspdf.min.js"></script>
+<script src="https://unpkg.com/jspdf-autotable@3.1.1/dist/jspdf.plugin.autotable.js"></script>
 <script>
     function confirmDeleteAllEntries() {
         bootbox.confirm({
@@ -57,5 +64,24 @@
         });
         location.reload();
     }
+
+    function exportPDF() {
+        var doc = new jsPDF();
+        doc.autoTable({
+            html: '#table',
+            theme: 'grid'
+        });
+        doc.save('Abspielliste.pdf');
+    }
+
+    function printPDF() {
+        var doc = new jsPDF();
+        doc.autoTable({
+            html: '#table',
+            theme: 'grid'
+        });
+        doc.autoPrint();
+        doc.output('dataurlnewwindow');
+    }
 </script>
 {% endblock %}
\ No newline at end of file