making it work but it's sort of a mess

2022-01-10 22:51:06 -08:00
parent 91a01f7b7c
commit 81a7358452
1583 changed files with 26 additions and 4 deletions
@@ -0,0 +1,60 @@
+"use strict";
+
+// Class definition
+var KTFormsQuillAutosave = function () {
+    // Private functions
+    var exampleAutosave = function () {
+        var Delta = Quill.import('delta');
+        var quill = new Quill('#kt_docs_quill_autosave', {
+            modules: {
+                toolbar: true
+            },
+            placeholder: 'Type your text here...',
+            theme: 'snow'
+        });
+
+        // Store accumulated changes
+        var change = new Delta();
+        quill.on('text-change', function (delta) {
+            change = change.compose(delta);
+        });
+
+        // Save periodically
+        setInterval(function () {
+            if (change.length() > 0) {
+                console.log('Saving changes', change);
+                /*
+                Send partial changes
+                $.post('/your-endpoint', {
+                partial: JSON.stringify(change)
+                });
+
+                Send entire document
+                $.post('/your-endpoint', {
+                doc: JSON.stringify(quill.getContents())
+                });
+                */
+                change = new Delta();
+            }
+        }, 5 * 1000);
+
+        // Check for unsaved data
+        window.onbeforeunload = function () {
+            if (change.length() > 0) {
+                return 'There are unsaved changes. Are you sure you want to leave?';
+            }
+        }
+    }
+
+    return {
+        // Public Functions
+        init: function () {
+            exampleAutosave();
+        }
+    };
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function () {
+    KTFormsQuillAutosave.init();
+});
@@ -0,0 +1,33 @@
+"use strict";
+
+// Class definition
+var KTFormsQuillBasic = function() {
+    // Private functions
+    var exampleBasic = function() {
+        var quill = new Quill('#kt_docs_quill_basic', {
+            modules: {
+                toolbar: [
+                    [{
+                        header: [1, 2, false]
+                    }],
+                    ['bold', 'italic', 'underline'],
+                    ['image', 'code-block']
+                ]
+            },
+            placeholder: 'Type your text here...',
+            theme: 'snow' // or 'bubble'
+        });
+    }
+
+    return {
+        // Public Functions
+        init: function() {
+            exampleBasic();
+        }
+    };
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function() {
+    KTFormsQuillBasic.init();
+});