Add field to add new notes (#43)

Author: generic-github-user

src/index.html

@@ -47,6 +47,12 @@ <h3>PowerNote</h3>
                         <!-- <button id="deselect-notes-button" type="button" class="btn btn-primary btn-block" data-toggle="tooltip" data-placement="right" title="Redo the last undone action">Redo</button> -->
                         <button id="number-notes-button" type="button" class="btn btn-primary btn-block" data-toggle="tooltip" data-placement="right" title="Convert selected notes into a numbered list">Number</button>
                   </div>
+                  <div class="input-group mb-3">
+                        <div class="input-group-prepend">
+                              <span class="input-group-text" id="basic-addon3">Add</span>
+                        </div>
+                        <input id="add-note-field" class="form-control" aria-describedby="basic-addon3" type="text" data-toggle="tooltip" data-placement="right" title="Quick add a new note" placeholder="New"></input>
+                  </div>
                   <!-- </div> -->
             </div>
             <div class="container">

src/script.js

@@ -153,6 +153,21 @@ function update_buttons() {
       // }
 }
 
+function add_note(content) {
+      notes.push(content);
+}
+
+$('#add-note-field').keyup(function(event) {
+      if (event.keyCode === 13) {
+            var note_text = $('#add-note-field').val();
+            console.log(note_text)
+            add_note(note_text);
+            $('#notes-panel').append(load_note(note_text));
+            sync();
+            $('#add-note-field').val('');
+      }
+});
+
 // Delete selection
 $('#delete-notes-button').click(() => {
       record_event({

src/stylesheet.css

@@ -14,6 +14,10 @@ li {
       border-color: #00c84a;
 }
 
+div.input-group {
+      width: 80% !important;
+}
+
 /* #content>* {
       display: inline-block !important;
 } */