Short to long sorting (#16)

Author: generic-github-user

src/index.html

@@ -39,6 +39,7 @@ <h3>PowerNote</h3>
                         <button id="deselect-notes-button" type="button" class="btn btn-primary btn-block" data-toggle="tooltip" data-placement="right" title="Deselect currently selected notes">Deselect</button>
                         <button id="sort_az-notes-button" type="button" class="btn btn-primary btn-block" data-toggle="tooltip" data-placement="right" title="Sort selected notes alphabetically">Sort A &#8594; Z</button>
                         <button id="sort_za-notes-button" type="button" class="btn btn-primary btn-block" data-toggle="tooltip" data-placement="right" title="Sort selected notes reverse alphabetically">Sort Z &#8594; A</button>
+                        <button id="sort_sl-notes-button" type="button" class="btn btn-primary btn-block" data-toggle="tooltip" data-placement="right" title="Sort selected notes from shortest to longest">Sort short &#8594; long</button>
                         <button id="deselect-notes-button" type="button" class="btn btn-primary btn-block" data-toggle="tooltip" data-placement="right" title="Export all notes">Export All</button>
                         <button id="deselect-notes-button" type="button" class="btn btn-primary btn-block" data-toggle="tooltip" data-placement="right" title="Import notes from clipboard (copy & paste)">Clipboard</button>
                         <button id="deselect-notes-button" type="button" class="btn btn-primary btn-block" data-toggle="tooltip" data-placement="right" title="Undo the last action">Undo</button>

src/script.js

@@ -108,6 +108,7 @@ function update_buttons() {
       update_single_button(selection_size > 0, $('#deselect-notes-button'), 'Deselect')
       update_single_button(selection_size > 0, $('#sort_az-notes-button'), 'Sort', 'A → Z')
       update_single_button(selection_size > 0, $('#sort_za-notes-button'), 'Sort', 'Z → A')
+      update_single_button(selection_size > 0, $('#sort_sl-notes-button'), 'Sort', 'Short → Long')
       update_single_button(selection_size > 0, $('#number-notes-button'), 'Number')
 
       // if (selection_size > 1) {
@@ -215,6 +216,16 @@ $('#sort_za-notes-button').click(() => {
       sorted_list = note_elements_to_array(selection).sort().reverse();
       replace_note_elements(selection, sorted_list);
 });
+// Short to long sort
+$('#sort_sl-notes-button').click(() => {
+      selection = $('li.selected');
+      record_event({
+            'type': 'sort_sl',
+            'items': selection
+      });
+      sorted_list = note_elements_to_array(selection).sort((a, b) => a.length - b.length);
+      replace_note_elements(selection, sorted_list);
+});
 // Reverse alphabetical sort
 $('#number-notes-button').click(() => {
       selection = $('li.selected');