aihub-dag/elyra/templates/components/canvas_properties_template.jinja2

{
    "current_parameters": {
      {% if component.description %}"component_description": {{ component.description|tojson|safe }},{% endif %}
      "label": "",
{% for property in component.properties %}
        "elyra_{{ property.ref }}":
    {% if property.control_id == "OneOfControl" %}
        {
        "activeControl": "{{ property.default_control_type }}",
        "{{ property.default_control_type }}":
    {% endif %}
    {% set property_data_type = property.data_type %}
    {% if property.data_type == 'inputvalue' %}{% set property_data_type = property.default_data_type %}{% endif %}
    {% if property.default_control_type == "EnumControl" %}
        null
    {% elif property_data_type|lower == "bool" or property_data_type|lower == "boolean" %}
        {{ property.value|lower }}
    {% elif property_data_type|lower == "int" or property_data_type|lower == "integer" or
            property_data_type|lower == "number" or property_data_type|lower == "float" %}
        {{ property.value }}
    {% else %}
        "{{ property.value }}"
    {% endif %}
    {% if property.control_id == "OneOfControl" %}
        }
    {% endif %},
{% endfor %}
      "component_source": {{ component.component_source|tojson|safe }}
    },
    "parameters": [
      {% if component.description %}{
        "id": "component_description"
      },{% endif %}
      {
        "id": "label"
      },
{% for property in component.properties %}
      {
        "id": "elyra_{{ property.ref }}"
      },
{% endfor %}
      {
        "id": "component_source"
      }
    ],
    "uihints": {
      "id": "nodeProperties",
      "parameter_info": [
        {% if component.description %}{
          "parameter_ref": "component_description",
          "control": "readonly",
          "label": {
            "default": "Component Description"
          },
          "description": {
            "default": " ",
            "placement": "on_panel"
          },
          "label_visible": false,
          "data": {
            "required": false
          }
        },{% endif %}
        {
          "parameter_ref": "label",
          "control": "custom",
          "custom_control_id": "StringControl",
          "label": {
            "default": "Label"
          },
          "description": {
            "default": "A custom label for the node.",
            "placement": "on_panel"
          },
          "data": {}
        },
{% for property in component.properties %}
        {
          "parameter_ref": "elyra_{{ property.ref }}",
          "control": "{{ property.control }}",
          "custom_control_id": "{{ property.control_id }}",
          "label": {
            "default": "{{ property.name }}"
          },
          "description": {
            "default": {{ property.description|tojson|safe }},
            "placement": "on_panel"
          },
          "data": {
    {% if property.control_id == "OneOfControl" %}
            "controls":{
        {% for control, control_data_type, control_label in property.one_of_control_types %}
                  "{{ control }}": {
                    "label": "{{ control_label }}",
                    "format": "{{ control_data_type }}"
            {% if control == 'NestedEnumControl' %}
                    ,
                    "allownooptions":
                {% if property.allow_no_options %}
                    true
                {% else %}
                    false
                {% endif %}
            {% endif %}
                  }
            {% if loop.index != loop.length %}
                  ,
            {% endif %}
        {%  endfor %}
            },
    {% else %}
            "format": "{{ property.data_type }}",
    {% endif %}
            "required": {{ property.required|lower }}
            {% if property.control_id == "EnumControl" %}
            ,
            "items": [
              {% for item in property.items %}
              "{{ item }}"
              {% if loop.index != property.items|length %}
              ,
              {% endif %}
              {% endfor %}
              ]
            {% endif %}
          }
        },
{% endfor %}
        {
          "parameter_ref": "component_source",
          "control": "readonly",
          "label": {
            "default": "Component Source"
          },
          "description": {
            "default": " ",
            "placement": "on_panel"
          },
          "data": {}
        }
      ],
      "group_info": [
        {
          "id": "nodeGroupInfo",
          "type": "panels",
          "group_info": [
            {% if component.description %}{
              "id": "component_description",
              "type": "controls",
              "parameter_refs": ["component_description"]
            },{% endif %}
            {
              "id": "label",
              "type": "controls",
              "parameter_refs": ["label"]
            },
{% if component.input_properties|length > 0 %}
            {
              "id": "elyra_inputCategoryHeader",
              "class_name": "elyra_categoryHeader",
              "type": "textPanel",
              "label": {
                "default": "Inputs"
              }
            },
    {% for property in component.input_properties %}
            {
              "id": "elyra_{{ property.ref }}",
              "type": "controls",
              "parameter_refs": ["elyra_{{ property.ref }}"]
            },
    {% endfor %}
{% endif %}
{% if component.output_properties|length > 0 %}
            {
              "id": "elyra_outputCategoryHeader",
              "type": "textPanel",
              "class_name": "elyra_categoryHeader",
              "label": {
                "default": "Outputs"
              }
            },
    {% for property in component.output_properties %}
            {
              "id": "elyra_{{ property.ref }}",
              "type": "controls",
              "parameter_refs": ["elyra_{{ property.ref }}"]
            },
    {% endfor %}
{% endif %}
            {
              "id": "elyra_component_sourceCategoryHeader",
              "type": "textPanel",
              "class_name": "elyra_categoryHeader",
              "label": {
                "default": "Component Source"
              }
            },
            {
              "id": "component_source",
              "type": "controls",
              "parameter_refs": ["component_source"]
            }
          ]
        }
      ]
    },
    "resources": {}
  }