[
  {
    "name": "imageMultipleHotspotQuestion",
    "type": "group",
    "widget": "wizard",
    "label": "Image Multiple Hotspot Question Editor",
    "importance": "high",
    "fields": [
      {
        "name": "backgroundImageSettings",
        "type": "group",
        "label": "Background image",
        "importance": "high",
        "fields": [
          {
            "name": "questionTitle",
            "type": "text",
            "label": "The title of this question",
            "importance": "high",
            "default": "Image hotspot question",
            "description": "Used in summaries, statistics etc."
          },
          {
            "name": "backgroundImage",
            "type": "image",
            "label": "Background image",
            "importance": "high",
            "description": "Select an image to use as background the image hotspot question."
          }
        ]
      },
      {
        "name": "hotspotSettings",
        "type": "group",
        "label": "Hotspots",
        "importance": "high",
        "widget": "imageMultipleHotspotQuestion",
        "description": "Choose appropriate figure for your hotspot, configure it, then drag and resize it into place.",
        "fields": [
          {
            "name": "taskDescription",
            "type": "text",
            "label": "Task description",
            "importance": "high",
            "description": "Instructions to the user.",
            "optional": true
          },
          {
            "name": "hotspotName",
            "type": "text",
            "label": "Hotspot Name",
            "importance": "high",
            "description": "Please enter what the user is trying to find i.e. risks, objects, errors (this will be used in feedback statements).",
            "optional": true
          },
          {
            "name": "numberHotspots",
            "type": "number",
            "label": "Number of correct hotspots that need to be found for question completion",
            "importance": "high",
            "description": "If left blank, will default to the number of correct hotspots created.",
            "optional": true
          },
          {
            "name": "hotspot",
            "type": "list",
            "label": "Hotspot",
            "importance": "high",
            "entity": "Hotspot",
            "field": {
              "type": "group",
              "label": "Hotspot",
              "importance": "high",
              "fields": [
                {
                  "name": "userSettings",
                  "type": "group",
                  "label": "userSettings",
                  "importance": "low",
                  "fields": [
                    {
                      "name": "correct",
                      "type": "boolean",
                      "label": "Correct",
                      "importance": "low",
                      "description": "There can be multiple correct hotspots. The user gets correct/incorrect feedback immediately after each click. The feedback will be displayed in the form of - (Text entered below) (Number of hotspots found) of (Correct hotspots needed) (Hotspot Name entered above)."
                    },
                    {
                      "name": "feedbackText",
                      "type": "text",
                      "label": "Feedback",
                      "importance": "low",
                      "placeholder": "Correct, you have found",
                      "optional": true
                    }
                  ]
                },
                {
                  "name": "computedSettings",
                  "type": "group",
                  "label": "computedSettings",
                  "importance": "low",
                  "fields": [
                    {
                      "name": "x",
                      "type": "number",
                      "optional": true
                    },
                    {
                      "name": "y",
                      "type": "number",
                      "optional": true
                    },
                    {
                      "name": "width",
                      "type": "number",
                      "optional": true
                    },
                    {
                      "name": "height",
                      "type": "number",
                      "optional": true
                    },
                    {
                      "name": "figure",
                      "type": "text",
                      "optional": true
                    }
                  ]
                }
              ]
            }
          },
          {
            "name": "noneSelectedFeedback",
            "type": "text",
            "label": "Feedback if the user selects an empty spot:",
            "importance": "low",
            "placeholder": "You didn't locate any hotspots, try again!",
            "optional": true
          },
          {
            "name": "alreadySelectedFeedback",
            "type": "text",
            "label": "Feedback if the user selects an already found hotspot:",
            "placeholder": "You have already found this one!",
            "importance": "low",
            "optional": true
          }
        ]
      }
    ]
  }
]
