maestro-native

{ "category": "@@component_category@@", "label": "@@component_label@@", "description": "@@component_description@@", "span": { "xs": 6, "sm": 6, "md": 6, "lg": 6 }, "propDefs": { "targets": { "label": "@@component_label@@ Targets", "category": "Targets", "type": "fieldRefMap", "defaultValue": [], "value": [], "helpText": "A field map you can use for whatever you need to build a list of components for" }, "applyAnimation": { "label": "Apply Animation", "type": "boolean", "category": "Animation", "value": true, "defaultValue": true, "helpText": "Apply the animation effect" }, "animationDuration": { "label": "Duration of effect (ms)", "category": "Animation", "type": "integer", "value": 1000, "defaultValue": 1000, "helpText": "Number of milliseconds to spread animation." }, "animationProperty": { "label": "Animation Style Property Name", "category": "Animation", "type": "text", "value": "fontSize", "defaultValue": "fontSize", "helpText": "HTML style property to animate" }, "startValue": { "label": "Starting Property Value", "category": "Animation", "type": "text", "value": "1em", "defaultValue": "1em", "helpText": "Starting value of animating property" }, "endValue": { "label": "Ending Property Value", "category": "Animation", "type": "text", "value": "5em", "defaultValue": "5em", "helpText": "Ending value of animating property" }, "operatingMode": { "label": "Operating Mode", "type": "option", "category": "Animation", "value": "twoway", "defaultValue": "twoway", "options": [ { "label": "Apply animation one way", "value": "oneway" }, { "label": "Apply Animation both ways", "value": "twoway" } ], "helpText": "Apply animation one way, or both ways" }, "textValue": { "label": "Button Text Value", "category": "Appearance", "type": "text", "value": "Click to repeat animation", "defaultValue": "Default value", "helpText": "Text to be animated" }, "richText": { "label": "Rich Text Message", "category": "Appearance", "type": "richText", "value": "<strong>You can include rich text in Rich Text properties</strong>" }, "help": { "label": "Help Text", "category": "Accessibility", "type": "helpText", "value": "You can include help text which will appear when hovering over the info icon" }, "image": { "label": "Select Image", "category": "Appearance", "type": "image", "value": { "fileName" : "", "width" : "", "height" : "" }, "helpText": "Select from the available images resources, or upload a new one" }, "alternativeText": { "label": "Alternative Text", "category": "Appearance", "type": "text", "value": "", "helpText": "Enter alternative text for missing images" }, "toolTip": { "label": "Tooltip Text", "category": "Appearance", "type": "text", "value": "", "helpText": "This text will be added to the title attribute of the image." }, "selectedIconClass": { "label": "Selected Icon Class", "category": "Appearance", "type": "icon", "value": "fa fa-circle", "helpText": "Selected icon class name" }, "format": { "label": "Format", "category": "Format", "type": "option", "value": "all", "options" : [ {"label":"All","value":"all"}, {"label":"Text","value":"text"}, {"label":"Alpha","value":"alpha"}, {"label":"Alphanumeric","value":"alphanumeric"}, {"label":"Number", "value": "number"}, {"label":"Custom", "value": "custom"} ], "helpText": "Allowed characters" }, "pattern": { "label": "Pattern", "category": "Format", "type": "text", "value": "[^0-9\\.]+", "defaultValue": "[^0-9\\.]+", "showIf" : { "property": "format", "values" : ["custom"] }, "helpText": "Pattern regex - characters matching this regex will be disallowed.\nRefer to https://github.com/Mathachew/jquery-autotab." }, "objectlist": { "label": "Object List", "category": "General", "type": "list", "value": [ { "label": "One", "value": "1" }, { "label": "Two", "value": "2" }, { "label": "Three", "value": "3" } ], "helpText": "The list of objects" }, "boolean": { "label": "Boolean Property", "category": "General", "type": "boolean", "value": true, "defaultValue": true, "helpText": "A true/false property" }, "color": { "label": "Color Property", "category": "General", "type": "color", "defaultValue": "#FFFFFF", "helpText": "A color property" }, "url": { "label": "URL Property", "category": "General", "type": "url", "value": "http://www.avoka.com", "defaultValue": "", "helpText": "A URL property" } }, "ruleTemplates": [ { "type": "animationStart", "name": "On Start Animation", "editor": "script", "isAction": true, "msg": "A script to run on start of animation" }, { "type": "animationComplete", "name": "On Complete Animation", "editor": "script", "isAction": true, "msg": "A script to run on completion of animation" } ], "rules": { "animationStart": "// this rule fires when JQuery animation starts", "animationComplete": "// this rule fires when JQuery animation completes" }, "ruleHelpers": [ { "name": "isBlank", "disabled": true }, { "label": "JQuery Select by Id", "name": "jquerySelect", "value": "$('#' + Form.getItemFromPath('insert-item').id).noop()" }, { "label": "Formatted Currency", "name": "formattedCurrency", "value": "Form.getItemFromPath('insert-item').currency(value, decimals);" }, { "label": "Formatted Number", "name": "formattedNumber", "value": "Form.getItemFromPath('insert-item').number(value, decimals);" }, { "label": "String value...", "name": "stringValue", "initDialog": true }, { "label": "Numeric value...", "name": "numericValue", "initDialog": true }, { "label": "Date value...", "name": "datecValue", "initDialog": true } ], "rows": [ [] ], "noData": false, "mandatory": false, "hideLabel": false, "html": "@@component_filename@@.html", "js": "@@component_filename@@.js", "css": "@@component_filename@@.css", "icon": "@@component_filename@@.png", "extraHtml": "extraHtml.html", "exLayout": false }