added pdf button on menu

package.json

@@ -62,6 +62,7 @@
     "jsdoc": "^3.6.3",
     "jsdoc-route-plugin": "^0.1.0",
     "markdownlint": "^0.17.0",
+    "pdf": "^0.1.0",
     "puppeteer": "^1.20.0",
     "puppeteer-har": "^1.1.1",
     "shelljs": "^0.8.3",

views/menu.handlebars

@@ -25,6 +25,57 @@
 		</table>
 		<button type="button" name="adding" onclick="window.location='/adding'">Add</button>
 		<br><br><br>
+		<button type="button" name="pdf" onclick="createPDF()">Create PDF</button>
+		<br><br><br>
 		<button type="button" name="mainmenu" onclick="window.location='/mainmenu'">Menu</button>
 	</body>
-</html>
+</html>
+
+<script src = "./lib/pdf.js" type = "text/javascript"></script>
+  <script>
+
+    /* create the PDF document */
+	function createPDF(){
+      var doc = new pdf();
+      doc.text(20, 20, 'hello, I am PDF.');
+      doc.text(20, 30, 'i was created in the browser using javascript.');
+      doc.text(20, 40, 'i can also be created from node.js');
+
+      /* Optional - set properties on the document */
+      doc.setProperties({
+      	title: 'A sample document created by pdf.js',
+      	subject: 'PDFs are kinda cool, i guess',		
+      	author: 'Marak Squires',
+      	keywords: 'pdf.js, javascript, Marak, Marak Squires',
+      	creator: 'pdf.js'
+      });
+      doc.addPage();
+
+      doc.setFontSize(22);
+      doc.text(20, 20, 'This is a title');
+
+      doc.setFontSize(16);
+      doc.text(20, 30, 'This is some normal sized text underneath.');
+
+      var fileName = "testFile"+new Date().getSeconds()+".pdf";
+      var pdfAsDataURI = doc.output('datauri', {"fileName":fileName});
+
+    /* inject the pdf into the browser */
+
+      // inject using an iframe
+      // this seems to work in FF but not Chrome? try testing some more on your own >.<
+      //$('#theFrame').attr('src',pdfAsDataURI);
+
+      // inject using an object tag
+      // doesnt really work but it does something interesting
+      //$('body').append('<object data="'+pdfAsDataURI+'" type="application/pdf"></object>');
+
+      // inject changing document.location
+      // doesn't work in FF, kinda works in Chrome. this method is a bit brutal as the user sees a huge URL
+      // document.location = pdfAsDataURI;
+
+      // create a link
+      // this seems to always work, except clicking the link destroys my FF instantly 
+      $('#pdfLink').html('<a href = "'+pdfAsDataURI+'">'+fileName+'</a> <span class = "helper">right click and save file as pdf</span');
+	}
+  </script>