Ctrl + S keyboard combination support to save the changes

Author: nikitaeverywhere

package.json

@@ -2,7 +2,7 @@
   "name": "cache-visual-editor",
   "printableName": "Cache Visual Editor",
   "packageName": "VisualEditor",
-  "version": "0.9.5",
+  "version": "0.9.6",
   "description": "Visual class editor for InterSystems Caché",
   "main": "index.js",
   "keywords": [

source/client/js/classEditor/index.js

@@ -64,35 +64,13 @@ let footer = onInit(() => {
     }),
     saveButton = onInit(() => {
         saveButton = document.querySelector("#saveIndicator");
-        saveButton.addEventListener("click", () => {
-            saveChanges(NAMESPACE, (res) => {
-
-                if (!res["error"]) {
-                    changeIsMade(false);
-                    new Toast(Toast.TYPE_DONE, `Saved!`);
-                } else {
-                    new Toast(Toast.TYPE_ERROR, res["error"], Toast.TIME_LONG);
-                }
-
-                // // REPLACES CLASS ON SAVE (temporary commented as side effects appear)
-                // for (let className in res[`modified`] || {}) { // update modified classes
-                //     let renderedServiceData = CLASSES_RENDERED[className];
-                //     // [`cardElement`] is assigned during new class spawn.
-                //     if (
-                //         !(renderedServiceData || {})[`cardElement`]
-                //         || !res[`modified`][className][`success`]
-                //         || !res[`modified`][className][`class`]
-                //     )
-                //         continue;
-                //     let b, a;
-                //     grid.replaceChild(
-                //         b = renderedServiceData[`cardElement`],
-                //         a = applyClass(res[`modified`][className][`class`], renderedServiceData)
-                //     );
-                //     console.log("replacing", b, a);
-                // }
-
-            });
+        saveButton.addEventListener("click", () => saveButtonTrigger());
+        document.addEventListener(`keydown`, (e) => {
+            if (!((e.which === 115 || e.which === 83) && e.ctrlKey) && !(e.which === 19))
+                return true;
+            saveButtonTrigger();
+            e.preventDefault();
+            return false;
         });
     }),
     addClassPackageButton = onInit(() => {
@@ -178,6 +156,37 @@ let footer = onInit(() => {
 
     });
 
+function saveButtonTrigger () {
+    saveChanges(NAMESPACE, (res) => {
+
+        if (!res["error"]) {
+            changeIsMade(false);
+            new Toast(Toast.TYPE_DONE, `Saved!`);
+        } else {
+            new Toast(Toast.TYPE_ERROR, res["error"], Toast.TIME_LONG);
+        }
+
+        // // REPLACES CLASS ON SAVE (temporary commented as side effects appear)
+        // for (let className in res[`modified`] || {}) { // update modified classes
+        //     let renderedServiceData = CLASSES_RENDERED[className];
+        //     // [`cardElement`] is assigned during new class spawn.
+        //     if (
+        //         !(renderedServiceData || {})[`cardElement`]
+        //         || !res[`modified`][className][`success`]
+        //         || !res[`modified`][className][`class`]
+        //     )
+        //         continue;
+        //     let b, a;
+        //     grid.replaceChild(
+        //         b = renderedServiceData[`cardElement`],
+        //         a = applyClass(res[`modified`][className][`class`], renderedServiceData)
+        //     );
+        //     console.log("replacing", b, a);
+        // }
+
+    });
+}
+
 /**
  * Get the location hash parameter value.
  * @param {string} name - Parameter name.