Merge pull request #5 from c3ho/issue-1

Added hotkey to save and wrote a save function

index.html

@@ -56,9 +56,47 @@ <h1 id ="title" style="color: black;" contenteditable></h1>
             <div id="summary" contenteditable></div>
         </div>
         <script src="https://unpkg.com/filer/dist/filer.min.js"></script>
+        <script src="https://unpkg.com/hotkeys-js/dist/hotkeys.min.js"></script>
         <script>
             const fs = new Filer.FileSystem();
 
+            //ctrl+q to save current window
+            hotkeys('ctrl+q', function(){
+                save();
+                alert('Save key pressed!');
+            })
+
+            //save function to be used as part of save hotkey
+            var save = function(){
+                fs.writeFile('/title', document.querySelector('#title').innerHTML, function(err) {
+                    if(err) {
+                        console.log(err);
+                        throw err;
+                    }
+                });
+
+                fs.writeFile('/main', document.querySelector('#main').innerHTML, function(err) {
+                    if(err) {
+                        console.log(err);
+                        throw err;
+                    }
+                });
+
+                fs.writeFile('/cues', document.querySelector('#cues').innerHTML, function(err) {
+                    if(err) {
+                        console.log(err); 
+                        throw err; 
+                    }
+                });
+
+                fs.writeFile('/summary', document.querySelector('#summary').innerHTML, function(err) {
+                    if(err) {
+                        console.log(err); 
+                        throw err; 
+                    }
+                });
+                alert('Document saved!')
+            }
             window.addEventListener('DOMContentLoaded', (event) => {
                 fs.readFile('/title', 'utf8', (err, data) => {
                     if(err) {
@@ -126,7 +164,6 @@ <h1 id ="title" style="color: black;" contenteditable></h1>
                 });
             }, 1000);
 
-
         </script>
     </body>
 </html>