triggerWhenMouseDownOnObjects, down action for point

jaltekruse · Feb 24, 2023 · fa02d92 · fa02d92
1 parent 34e5d68
commit fa02d92
Show file tree

Hide file tree

Showing 5 changed files with 58 additions and 4 deletions.
diff --git a/src/Core/components/CallAction.js b/src/Core/components/CallAction.js
@@ -58,6 +58,10 @@ export default class CallAction extends InlineComponent {
       createTargetComponentNames: true,
     }
 
+    attributes.triggerWhenMouseDownOnObjects = {
+      createTargetComponentNames: "string"
+    }
+
     attributes.numbers = {
       createComponentOfType: "numberList",
     };
@@ -169,6 +173,10 @@ export default class CallAction extends InlineComponent {
           dependencyType: "attributeTargetComponentNames",
           attributeName: "triggerWhenObjectsClicked"
         },
+        triggerWhenMouseDownOnObjects: {
+          dependencyType: "attributeTargetComponentNames",
+          attributeName: "triggerWhenMouseDownOnObjects"
+        },
         triggerWhen: {
           dependencyType: "attributeComponent",
           attributeName: "triggerWhen"
@@ -194,6 +202,11 @@ export default class CallAction extends InlineComponent {
               triggerWith.push({ target: nameObj.absoluteName, triggeringAction: "click" })
             }
           }
+          if (dependencyValues.triggerWhenMouseDownOnObjects !== null) {
+            for (let nameObj of dependencyValues.triggerWhenMouseDownOnObjects) {
+              triggerWith.push({ target: nameObj.absoluteName, triggeringAction: "down" })
+            }
+          }
 
           if (triggerWith.length === 0) {
             triggerWith = null;

diff --git a/src/Core/components/Point.js b/src/Core/components/Point.js
@@ -1235,10 +1235,23 @@ export default class Point extends GraphicalComponent {
   }
 
 
+  async mouseDownOnPoint({ actionId }) {
+
+    await this.coreFunctions.triggerChainedActions({
+      triggeringAction: "down",
+      componentName: this.componentName,
+    })
+
+    this.coreFunctions.resolveAction({ actionId });
+
+  }
+
+
   actions = {
     movePoint: this.movePoint.bind(this),
     switchPoint: this.switchPoint.bind(this),
     pointClicked: this.pointClicked.bind(this),
+    mouseDownOnPoint: this.mouseDownOnPoint.bind(this),
   };
 
 }
diff --git a/src/Core/components/TriggerSet.js b/src/Core/components/TriggerSet.js
@@ -31,6 +31,10 @@ export default class triggerSet extends InlineComponent {
       createTargetComponentNames: true,
     }
 
+    attributes.triggerWhenMouseDownOnObjects = {
+      createTargetComponentNames: "string"
+    }
+
     return attributes;
   }
 
@@ -82,6 +86,10 @@ export default class triggerSet extends InlineComponent {
           dependencyType: "attributeTargetComponentNames",
           attributeName: "triggerWhenObjectsClicked"
         },
+        triggerWhenMouseDownOnObjects: {
+          dependencyType: "attributeTargetComponentNames",
+          attributeName: "triggerWhenMouseDownOnObjects"
+        },
         triggerWhen: {
           dependencyType: "attributeComponent",
           attributeName: "triggerWhen"
@@ -102,6 +110,11 @@ export default class triggerSet extends InlineComponent {
               triggerWith.push({ target: nameObj.absoluteName, triggeringAction: "click" })
             }
           }
+          if (dependencyValues.triggerWhenMouseDownOnObjects !== null) {
+            for (let nameObj of dependencyValues.triggerWhenMouseDownOnObjects) {
+              triggerWith.push({ target: nameObj.absoluteName, triggeringAction: "down" })
+            }
+          }
 
           if (triggerWith.length === 0) {
             triggerWith = null;

diff --git a/src/Core/components/UpdateValue.js b/src/Core/components/UpdateValue.js
@@ -64,6 +64,10 @@ export default class UpdateValue extends InlineComponent {
       createTargetComponentNames: "string"
     }
 
+    attributes.triggerWhenMouseDownOnObjects = {
+      createTargetComponentNames: "string"
+    }
+
     // for newValue with type==="math"
     // let simplify="" or simplify="true" be full simplify
     attributes.simplify = {
@@ -325,6 +329,10 @@ export default class UpdateValue extends InlineComponent {
           dependencyType: "attributeTargetComponentNames",
           attributeName: "triggerWhenObjectsClicked"
         },
+        triggerWhenMouseDownOnObjects: {
+          dependencyType: "attributeTargetComponentNames",
+          attributeName: "triggerWhenMouseDownOnObjects"
+        },
         triggerWhen: {
           dependencyType: "attributeComponent",
           attributeName: "triggerWhen"
@@ -350,6 +358,11 @@ export default class UpdateValue extends InlineComponent {
               triggerWith.push({ target: nameObj.absoluteName, triggeringAction: "click" })
             }
           }
+          if (dependencyValues.triggerWhenMouseDownOnObjects !== null) {
+            for (let nameObj of dependencyValues.triggerWhenMouseDownOnObjects) {
+              triggerWith.push({ target: nameObj.absoluteName, triggeringAction: "down" })
+            }
+          }
 
           if (triggerWith.length === 0) {
             triggerWith = null;

diff --git a/src/Viewer/renderers/point.jsx b/src/Viewer/renderers/point.jsx
@@ -170,7 +170,9 @@ export default React.memo(function Point(props) {
       dragged.current = false;
       shadowPointJXG.current.visProp.fillopacity = pointJXG.current.visProp.fillopacity;
       shadowPointJXG.current.visProp.strokeopacity = pointJXG.current.visProp.strokeopacity;
-
+      callAction({
+        action: actions.mouseDownOnPoint
+      });
     });
 
     newShadowPointJXG.on('up', function (e) {
@@ -262,7 +264,7 @@ export default React.memo(function Point(props) {
       //if values update
       let fillColor = useOpenSymbol ? "var(--canvas)" : SVs.selectedStyle.markerColor;
       let strokeColor = useOpenSymbol ? SVs.selectedStyle.markerColor : "none";
-      
+
       if (pointJXG.current.visProp.fillcolor !== fillColor) {
         pointJXG.current.visProp.fillcolor = fillColor;
       }
@@ -447,8 +449,8 @@ function normalizeSize(size, style) {
   } else if (style === "plus") {
     return size * 1.2;
   } else if (style === "square") {
-      return size * 1.1;
-  } else if (style.substring(0,8) === "triangle") {
+    return size * 1.1;
+  } else if (style.substring(0, 8) === "triangle") {
     return size * 1.5;
   } else return size;
 }