GX-Entwicklung

After the RepeaterOption is ready, we need to create a TabsWidget using the repeater option.
This would help the shop owners to easily create a tab component for their shop.

Requirements:

• The widget should open in a modal, in order to edit/add/delete its contents
• A new object called fields, which contains all the options that will be used in the widget: TextboxOption and TexteditorOption. See example below
  • The options should be defined as an option (JSON)
• attributes:
  • min: int
  • max: int
  • addMoreLabel: string
  • defaultActiveIndex: int

The attributes field must have:

• min: int: minimum number of rows
• max: int: maximum number of rows
• addMoreLabel: string: label of the add more button
• defaultActiveIndex: int: number of the default active tab

Suggestion of the fields structure:

{
    "id" : "tabs",
    "title" : "tabsWidget.title",
    "icon" : {
        "name" : "Image",
        "file" : "tabs.svg"
    },
    "author" : {
        "name" : "Gambio GmbH",
        "email" : "info@gambio.de",
        "url" : "https://www.gambio.de"
    },
    "helpUrl" : "https://www.gambio.de/help",
    "description" : "tabsWidget.description",
    "cache" : 0,
    "version" : "1.0.0",
    "displayConfig" : "modal",
    "fieldsets" : [
        {
            "title" : "tabsWidget.options.content.title",
            "options" : [
                {
                    "id" : "repeater",
                    "type" : "repeater",
                    "label" : "Tabs",
                    "attributes" : {
                        "min" : 1,
                        "max" : 4,
                        "addMoreLabel" : "Add Tab",
                        "defaultActiveIndex" : 0
                    },
                    " fields " : [
                        {
                            "id" : "title",
                            "type" : "textbox",
                            "translatable" : true,
                            "label" : "Title",
                            "default" : {
                                "en" : "",
                                "de" : ""
                            }
                        },
                        {
                            "id" : "content",
                            "default" : {
                                "en" : {
                                    "value" : ""
                                },
                                "de" : {
                                    "value" : ""
                                }
                            },
                            "type" : "texteditor",
                            "translatable" : true,
                            "label" : "tabsWidget.options.text.label",
                            "attributes" : {
                                "placeholder" : "tabsWidget.options.text.placeholder"
                            }
                        }
                    ]
........