Refactor into a monolithic js function

InvenTree/part/templates/part/detail.html

@@ -419,70 +419,14 @@
     // Load the "notes" tab
     onPanelLoad('part-notes', function() {
 
-        var notes = null;
+        setupNotesField(
-
+            'part-notes',
-        var readOnly = false;
-
-        inventreeGet(
             '{% url "api-part-detail" part.pk %}',
-            {},
             {
-                async: false,
+                editable: true,
-                success: function(response) {
+                save_button: '#save-notes',
-                    notes = response.notes;
-                },
             }
         );
-
-        var toolbar_icons = ['preview'];
-
-        if (!readOnly) {
-
-            // Heading icons
-            toolbar_icons.push('heading-1', 'heading-2', 'heading-3', '|');
-            
-            // Font style
-            toolbar_icons.push('bold', 'italic', 'strikethrough', '|');
-            
-            // Text formatting
-            toolbar_icons.push('unordered-list', 'ordered-list', 'code', 'quote', '|');
-            
-            // Elements
-            toolbar_icons.push('table', 'link', 'image');
-        }
-        
-        const mde = new EasyMDE({
-            element: document.getElementById('part-notes'),
-            initialValue: notes,
-            toolbar: toolbar_icons,
-            shortcuts: [],
-        });
-
-        mde.togglePreview();
-        
-        if (readOnly) {
-            mde.codemirror.setOption('readOnly', true);
-            $('#editor-toolbar').hide();
-        }
-        
-        $('#save-notes').click(function() {
-            
-            inventreePut(
-                '{% url "api-part-detail" part.pk %}',
-                {
-                    notes: mde.value(),
-                },
-                {
-                    method: 'PATCH',
-                    success: function(response) {
-                        showMessage('{% trans "Notes updated" %}', {style: 'success'});
-                    },
-                    error: function(xhr) {
-                        showApiError(xhr, url);
-                    }
-                }
-            )
-        });
     });
 
     // Load the "scheduling" tab

InvenTree/templates/js/translated/helpers.js

@@ -10,6 +10,7 @@
     makeProgressBar,
     renderLink,
     select2Thumbnail,
+    setupNotesField,
     thumbnailImage
     yesNoLabel,
 */
@@ -221,3 +222,75 @@ function renderLink(text, url, options={}) {
 
     return `<a href="${url}">${text}</a>`;
 }
+
+
+function setupNotesField(element, url, options={}) {
+
+    var editable = options.editable || false;
+
+    // Read initial notes value from the URL
+    var initial = null;
+
+    inventreeGet(url, {}, {
+        async: false,
+        success: function(response) {
+            initial = response[options.notes_field || 'notes'];
+        },
+    });
+
+    var toolbar_icons = [
+        'preview',
+    ];
+
+    if (editable) {
+        // Heading icons
+        toolbar_icons.push('heading-1', 'heading-2', 'heading-3', '|');
+            
+        // Font style
+        toolbar_icons.push('bold', 'italic', 'strikethrough', '|');
+        
+        // Text formatting
+        toolbar_icons.push('unordered-list', 'ordered-list', 'code', 'quote', '|');
+        
+        // Elements
+        toolbar_icons.push('table', 'link', 'image');
+    }
+
+    // Markdown syntax guide
+    toolbar_icons.push('|', 'guide');
+
+    const mde = new EasyMDE({
+        element: document.getElementById(element),
+        initialValue: initial,
+        toolbar: toolbar_icons,
+        shortcuts: [],
+    });
+
+    mde.togglePreview();
+
+    if (!editable) {
+        mde.codemirror.setOption('readOnly', true);
+        $('#editor-toolbar').hide();        
+    }
+
+    // Add callback for "save" button
+    if (options.save_button) {
+        $(options.save_button).click(function() {
+
+            var data = {};
+
+            data[options.notes_field || 'notes'] = mde.value();
+
+            inventreePut(url, data, {
+                method: 'PATCH',
+                success: function(response) {
+                    showMessage('{% trans "Notes updated" %}', {style: 'success'});
+                },
+                error: function(xhr) {
+                    showApiError(xhr, url);
+                }
+            });
+        });
+    }
+}
+