allow specifying include note widget size

src/public/javascripts/dialogs/include_note.js

@@ -25,13 +25,15 @@ async function includeNote(notePath) {
     const noteId = treeService.getNoteIdFromNotePath(notePath);
     const note = await treeCache.getNote(noteId);
 
+    const boxSize = $("input[name='include-note-box-size']:checked").val();
+
     if (note.type === 'image') {
         // there's no benefit to use insert note functionlity for images
         // so we'll just add an IMG tag
         textTypeWidget.addImage(noteId);
     }
     else {
-        textTypeWidget.addIncludeNote(noteId);
+        textTypeWidget.addIncludeNote(noteId, boxSize);
     }
 }
 

src/public/javascripts/widgets/type_widgets/editable_text.js

@@ -237,12 +237,13 @@ export default class EditableTextTypeWidget extends AbstractTextTypeWidget {
         import("../../dialogs/include_note.js").then(d => d.showDialog(this));
     }
 
-    addIncludeNote(noteId) {
+    addIncludeNote(noteId, boxSize) {
         this.textEditor.model.change( writer => {
             // Insert <includeNote>*</includeNote> at the current selection position
             // in a way that will result in creating a valid model structure
             this.textEditor.model.insertContent(writer.createElement('includeNote', {
-                noteId: noteId
+                noteId: noteId,
+                boxSize: boxSize
             }));
         } );
     }

src/public/stylesheets/style.css

@@ -864,3 +864,13 @@ body {
 .hidden-int, .hidden-ext {
     display: none !important;
 }
+
+.include-note.box-size-small {
+    max-height: 12em;
+    overflow: auto;
+}
+
+.include-note.box-size-medium {
+    max-height: 25em;
+    overflow: auto;
+}

src/views/dialogs/include_note.ejs

@@ -15,6 +15,27 @@
                             <input id="include-note-autocomplete" class="form-control" placeholder="search for note by its name">
                         </div>
                     </div>
+
+                    Box size of the included note:
+
+                    <div class="form-check">
+                        <input class="form-check-input" type="radio" name="include-note-box-size" value="small" id="include-note-box-size-small">
+                        <label class="form-check-label" for="include-note-box-size-small">
+                            small (~ 10 lines)
+                        </label>
+                    </div>
+                    <div class="form-check">
+                        <input class="form-check-input" type="radio" name="include-note-box-size" value="medium" id="include-note-box-size-medium" checked>
+                        <label class="form-check-label" for="include-note-box-size-medium">
+                            medium (~ 30 lines)
+                        </label>
+                    </div>
+                    <div class="form-check">
+                        <input class="form-check-input" type="radio" name="include-note-box-size" value="full" id="include-note-box-size-full">
+                        <label class="form-check-label" for="include-note-box-size-full">
+                            full (box shows complete text)
+                        </label>
+                    </div>
                 </div>
                 <div class="modal-footer">
                     <button type="submit" class="btn btn-primary">Include note <kbd>enter</kbd></button>