{ "modes": [ { "name": "draw", "selector": "drawing-mode", "requiresDrawing": true, "requiresSelection": false, "isToggle": true, "toggle": "isDrawingMode", "hasToggleElement": false, "toggleElement": "", "icon": "glyphicon-pencil" }, { "name": "highlight", "selector": "highlight-mode", "requiresDrawing": true, "requiresSelection": false, "isToggle": true, "toggle": "isHighlightMode", "hasToggleElement": false, "toggleElement": "", "icon": "glyphicon-pencil" }, { "name": "write", "selector": "add-text", "requiresDrawing": false, "requiresSelection": false, "isToggle": false, "toggle": "", "hasToggleElement": false, "toggleElement": "", "icon": "glyphicon-text-height" }, { "name": "emoji", "selector": "add-emoji", "requiresDrawing": false, "requiresSelection": true, "isToggle": true, "toggle": "emojiMode", "hasToggleElement": true, "toggleElement": "emojiContainer", "icon": "glyphicon-ice-lolly-tasted" }, { "name": "rectangle", "selector": "add-rect", "requiresDrawing": false, "requiresSelection": false, "isToggle": true, "toggle": "drawRectangleMode", "hasToggleElement": false, "toggleElement": "", "icon": "glyphicon-stop" }, { "name": "move", "selector": "move-mode", "requiresDrawing": false, "requiresSelection": false, "isToggle": true, "toggle": "isHighlightMode", "hasToggleElement": false, "toggleElement": "", "icon": "glyphicon-move" }, { "name": "zoom", "selector": "zoom-canvas", "requiresDrawing": false, "requiresSelection": false, "isToggle": true, "toggle": "isZoomMode", "hasToggleElement": false, "toggleElement": "", "icon": "glyphicon-search" }, { "name": "delete", "selector": "clear-canvas", "requiresDrawing": false, "requiresSelection": false, "isToggle": false, "toggle": "", "hasToggleElement": false, "toggleElement": "", "icon": "glyphicon-trash" }, { "name": "undo", "selector": "undo", "requiresDrawing": false, "requiresSelection": false, "isToggle": false, "toggle": "", "hasToggleElement": false, "toggleElement": "", "icon": "glyphicon-repeat" }, { "name": "redo", "selector": "redo", "requiresDrawing": false, "requiresSelection": false, "isToggle": false, "toggle": "", "hasToggleElement": false, "toggleElement": "", "icon": "glyphicon-repeat" } ], "currentMode": "draw", "colors": [ { "name": "blue", "selector": "draw-blue", "red": 0, "green": 68, "blue": 255 }, { "name": "light-blue", "selector": "draw-light-blue", "red": 0, "green": 204, "blue": 255 }, { "name": "red", "selector": "draw-red", "red": 255, "green": 0, "blue": 0 }, { "name": "pink", "selector": "draw-pink", "red": 255, "green": 53, "blue": 177 }, { "name": "green", "selector": "draw-green", "red": 133, "green": 169, "blue": 75 }, { "name": "yellow", "selector": "draw-yellow", "red": 255, "green": 204, "blue": 0 } ] }