Add objects

dash_canvas/DashCanvas.py

@@ -30,14 +30,20 @@ class DashCanvas(Component):
 annotations. Use utils.parse_json.parse_jsonstring to parse
 this string.
 - hide_buttons (list of strings; optional): Names of buttons to hide. Names are "zoom", "pan", "line", "pencil",
-"rectangle", "undo", "select"."""
+"rectangle", "undo", "select".
+- json_objects (string; default ''): Like json_data,add objects like paths or images
+Use utils.parse_json.parse_jsonstring to parse
+this string.
+- add_only (boolean; default False): Like json_data,add objects like paths or images
+Use utils.parse_json.parse_jsonstring to parse
+this string."""
     @_explicitize_args
-    def __init__(self, id=Component.UNDEFINED, image_content=Component.UNDEFINED, zoom=Component.UNDEFINED, width=Component.UNDEFINED, height=Component.UNDEFINED, scale=Component.UNDEFINED, tool=Component.UNDEFINED, lineWidth=Component.UNDEFINED, lineColor=Component.UNDEFINED, goButtonTitle=Component.UNDEFINED, filename=Component.UNDEFINED, trigger=Component.UNDEFINED, json_data=Component.UNDEFINED, hide_buttons=Component.UNDEFINED, **kwargs):
-        self._prop_names = ['id', 'image_content', 'zoom', 'width', 'height', 'scale', 'tool', 'lineWidth', 'lineColor', 'goButtonTitle', 'filename', 'trigger', 'json_data', 'hide_buttons']
+    def __init__(self, id=Component.UNDEFINED, image_content=Component.UNDEFINED, zoom=Component.UNDEFINED, width=Component.UNDEFINED, height=Component.UNDEFINED, scale=Component.UNDEFINED, tool=Component.UNDEFINED, lineWidth=Component.UNDEFINED, lineColor=Component.UNDEFINED, goButtonTitle=Component.UNDEFINED, filename=Component.UNDEFINED, trigger=Component.UNDEFINED, json_data=Component.UNDEFINED, hide_buttons=Component.UNDEFINED, json_objects=Component.UNDEFINED, add_only=Component.UNDEFINED, **kwargs):
+        self._prop_names = ['id', 'image_content', 'zoom', 'width', 'height', 'scale', 'tool', 'lineWidth', 'lineColor', 'goButtonTitle', 'filename', 'trigger', 'json_data', 'hide_buttons', 'json_objects', 'add_only']
         self._type = 'DashCanvas'
         self._namespace = 'dash_canvas'
         self._valid_wildcard_attributes =            []
-        self.available_properties = ['id', 'image_content', 'zoom', 'width', 'height', 'scale', 'tool', 'lineWidth', 'lineColor', 'goButtonTitle', 'filename', 'trigger', 'json_data', 'hide_buttons']
+        self.available_properties = ['id', 'image_content', 'zoom', 'width', 'height', 'scale', 'tool', 'lineWidth', 'lineColor', 'goButtonTitle', 'filename', 'trigger', 'json_data', 'hide_buttons', 'json_objects', 'add_only']
         self.available_wildcard_properties =            []
 
         _explicit_args = kwargs.pop('_explicit_args')

dash_canvas/metadata.json

@@ -157,6 +157,28 @@
           "computed": false
         }
       },
+      "json_objects": {
+        "type": {
+          "name": "string"
+        },
+        "required": false,
+        "description": "Like json_data,add objects like paths or images\nUse utils.parse_json.parse_jsonstring to parse\nthis string.",
+        "defaultValue": {
+          "value": "''",
+          "computed": false
+        }
+      },
+      "add_only": {
+        "type": {
+          "name": "bool"
+        },
+        "required": false,
+        "description": "Like json_data,add objects like paths or images\nUse utils.parse_json.parse_jsonstring to parse\nthis string.",
+        "defaultValue": {
+          "value": "false",
+          "computed": false
+        }
+      },
       "setProps": {
         "type": {
           "name": "func"

src/lib/components/DashCanvas.react.js

@@ -23,7 +23,8 @@ DashCanvas.defaultProps = {
     json_data: '', image_content: '', trigger: 0,
     width: 500, height: 500, scale: 1, lineWidth: 10,
     lineColor: 'red', tool: "pencil", zoom: 1,
-    goButtonTitle: 'Save', hide_buttons: []
+    goButtonTitle: 'Save', hide_buttons: [],json_objects: '',
+    add_only:false
 };
 
 DashCanvas.propTypes = {
@@ -108,11 +109,27 @@ DashCanvas.propTypes = {
      */
     hide_buttons: PropTypes.arrayOf(PropTypes.string),
 
+    /**
+     * Like json_data,add objects like paths or images
+     * Use utils.parse_json.parse_jsonstring to parse
+     * this string.
+     */   
+    json_objects: PropTypes.string,
+
+    /**
+     * Like json_data,add objects like paths or images
+     * Use utils.parse_json.parse_jsonstring to parse
+     * this string.
+     */   
+    add_only: PropTypes.bool,
+
     /**
      * Dash-assigned callback that should be called whenever any of the
      * properties change
      */
-    setProps: PropTypes.func
+    setProps: PropTypes.func,
+
+
 };
 
 export const propTypes = DashCanvas.propTypes;

src/lib/fragments/DashCanvas.react.js

@@ -107,6 +107,20 @@ export default class DashCanvas extends Component {
 
 			sketch._fc.setZoom(this.props.zoom);
 		};
+
+		if ((this.props.json_objects !== prevProps.json_objects)) {
+			if (this.props.add_only){
+			    this._sketch.fromJSON(
+			    {
+				'objects':sketch.toJSON().objects.concat(JSON.parse(this.props.json_objects)) 
+			    });
+		    } else {
+			    this._sketch.fromJSON(
+				this.props.json_objects);
+			};
+		};
+
+
 	};
 
 
@@ -128,7 +142,6 @@ export default class DashCanvas extends Component {
 	};
 	_redo() {
 		this._sketch.redo();
-		console.log(this._sketch);
 		this.setState({
 			canUndo: this._sketch.canUndo(),
 			canRedo: this._sketch.canRedo()