clay/dev/config.js

'use strict';
/* eslint-disable quotes */

module.exports = [
  {
    "type": "heading",
    "id": "main-heading",
    "defaultValue": "Clay Test Page",
    "size": 1
  },
  {
    "type": "text",
    "defaultValue": "Some arbitrary text explaining how this all works. " +
             "It's cool if this wraps across multiple lines"
  },
  {
    "type": "section",
    "capabilities": ["RECT", "MICROPHONE"],
    "items": [
      {
        "type": "text",
        "defaultValue": "This section is only visible for rectangular devices that" +
                        " have a microphone"
      }
    ]
  },
  {
    "type": "section",
    "items": [
      {
        "type": "heading",
        "defaultValue": "This is a section"
      },
      {
        "type": "text",
        "defaultValue": "This is only visible for aplite",
        "capabilities": ["APLITE"]
      },
      {
        "type": "input",
        "messageKey": "email",
        "defaultValue": "",
        "label": "Input Field",
        "description": "This is a description for the input component. " +
                       "You can add <strong>html</strong> in here too.",
        "attributes": {
          "placeholder": "Placeholder set with attributes"
        }
      },
      {
        "type": "input",
        "label": "Time Field",
        "attributes": {
          "type": "time"
        }
      },
      {
        "type": "input",
        "label": "Date Field",
        "attributes": {
          "type": "date"
        }
      },
      {
        "type": "slider",
        "messageKey": "slider",
        "defaultValue": 0,
        "label": "Slider",
        "description": "This is the description for the slider",
        "min": 0,
        "max": 30,
        "step": 0.25
      },
      {
        "type": "toggle",
        "messageKey": "cool_stuff",
        "label": "This is a Toggle",
        "defaultValue": false
      },
      {
        "type": "toggle",
        "messageKey": "arrayToggle[0]",
        "label": "This is a Toggle",
        "defaultValue": false
      },
      {
        "type": "toggle",
        "messageKey": "arrayToggle[1]",
        "label": "This is a Toggle",
        "defaultValue": false
      },
      {
        "type": "color",
        "messageKey": "colorTest",
        "defaultValue": "FF0000",
        "label": "Standard Color Picker",
        "sunlight": false
      },
      {
        "type": "color",
        "messageKey": "sunnyColorTest",
        "defaultValue": "00FF00",
        "label": "Sunny Color Picker",
        "sunlight": true
      },
      {
        type: 'button',
        id: 'testButton',
        primary: false,
        defaultValue: 'Generic Button',
        description: 'This is a generic button. ' +
                     'You can listen for standard events like "click"'
      }
    ]
  },
  {
    "type": "section",
    "items": [
      {
        "type": "heading",
        "defaultValue": "More Settings"
      },
      {
        "type": "radiogroup",
        "messageKey": "radiogroup-test",
        "label": "Radio Group",
        "options": [
          { "label": "Test thing", "value": "one" },
          { "label": "Another thing", "value": "two" },
          { "label": "Final thing with <em>html</em>", "value": "three" }
        ]
      },
      {
        "type": "checkboxgroup",
        "messageKey": "checkboxgroup-test",
        "defaultValue": [0, 1, 0],
        "label": "Checkbox Group",
        "options": [ "First thing", "Another thing", "Final thing" ]
      },
      {
        "type": "select",
        "messageKey": "flavor",
        "defaultValue": "grape",
        "label": "Select Menu",
        "options": [
          { "label": "", "value": "" },
          { "label": "Berry", "value": "berry" },
          { "label": "This Option is Selected", "value": "grape" },
          { "label": "Banana", "value": "banana" },
          {
            "label": "This is an optgroup",
            "value": [
              { "label": "Peach", "value": "peach" },
              { "label": "Mango", "value": "mango" }
            ]
          }
        ],
        "attributes": {
          "required": "required"
        }
      }
    ]
  },
  {
    "type": "submit",
    "defaultValue": "Save"
  }
];