digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
148 lines (147 loc) • 9.95 kB
JSON
{
"component": "summary-content-multiquestion",
"fixtures": [
{
"name": "default",
"options": {
"value": [
{
"name": "Text question",
"type": "text",
"value": "I am some text content"
},
{
"name": "List question",
"type": "list",
"value": [
"Item 1",
"Item 2",
"Item 3"
]
}
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Text question</p>\n <div>\n <p class=\"govuk-body-s\">\n I am some text content\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">List question</p>\n <div>\n <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Item 1</li>\n <li>Item 2</li>\n <li>Item 3</li>\n </ul>\n\n\n </div>\n </div>"
},
{
"name": "all",
"options": {
"value": [
{
"name": "Text question",
"type": "text",
"value": "I am some text content"
},
{
"name": "text bold default",
"type": "text_bold",
"value": "I am some bold text content"
},
{
"name": "List question",
"type": "list",
"value": [
"Item 1",
"Item 2",
"Item 3"
]
},
{
"name": "Upload question",
"type": "upload",
"value": "#upload"
},
{
"name": "Service id question",
"type": "service_id",
"value": 1234567887654321
},
{
"name": "Checkboxes question",
"type": "checkboxes",
"value": [
"Checkbox Item 1",
"Checkbox Item 2",
"Checkbox Item 3"
]
},
{
"name": "Checkbox tree question",
"type": "checkbox_tree",
"value": [
{
"label": "Parent content 1",
"options": [
{
"label": "Checkbox Tree Item 1"
},
{
"label": "Checkbox Tree Item 2"
},
{
"label": "Checkbox Tree Item 3"
}
]
},
{
"label": "Parent content 2",
"options": [
{
"label": "Checkbox Tree Item 1"
},
{
"label": "Checkbox Tree Item 2"
},
{
"label": "Checkbox Tree Item 3"
}
]
}
]
},
{
"name": "Radios question",
"type": "radios",
"value": [
"Radios Item 1",
"Radios Item 2",
"Radios Item 3"
]
},
{
"name": "Boolean question",
"type": "boolean",
"value": true
},
{
"name": "Textbox question",
"type": "textbox",
"value": "I am some textbox content"
},
{
"name": "Pricing question",
"type": "pricing",
"value": "I am some pricing content"
},
{
"name": "Date question",
"type": "date",
"value": "I am some date content"
},
{
"name": "Number question",
"type": "date",
"value": 12345
}
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Text question</p>\n <div>\n <p class=\"govuk-body-s\">\n I am some text content\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">text bold default</p>\n <div>\n <p class=\"govuk-body-s\">\n I am some bold text content\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">List question</p>\n <div>\n <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Item 1</li>\n <li>Item 2</li>\n <li>Item 3</li>\n </ul>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Upload question</p>\n <div>\n <p class=\"govuk-body-s\">\n <a class=\"govuk-link\" href=\"#upload\">View uploaded document</a>\n </p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Service id question</p>\n <div>\n <div class=\"service-id\">\n<span class=\"service-id-chunk\">1234</span><span class=\"service-id-chunk\">5678</span><span class=\"service-id-chunk\">8765</span><span class=\"service-id-chunk\">4321</span> </div>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Checkboxes question</p>\n <div>\n <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Checkbox Item 1</li>\n <li>Checkbox Item 2</li>\n <li>Checkbox Item 3</li>\n </ul>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Checkbox tree question</p>\n <div>\n \n\n\n <ul class=\"govuk-list\">\n <li>\n <p class=\"govuk-!-margin-bottom-1\">Parent content 1</p>\n <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Checkbox Tree Item 1</li>\n <li>Checkbox Tree Item 2</li>\n <li>Checkbox Tree Item 3</li>\n </ul>\n\n </li>\n\n <li>\n <p class=\"govuk-!-margin-bottom-1\">Parent content 2</p>\n <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Checkbox Tree Item 1</li>\n <li>Checkbox Tree Item 2</li>\n <li>Checkbox Tree Item 3</li>\n </ul>\n\n </li>\n\n </ul>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Radios question</p>\n <div>\n <ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Radios Item 1</li>\n <li>Radios Item 2</li>\n <li>Radios Item 3</li>\n </ul>\n\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Boolean question</p>\n <div>\n <p class=\"govuk-body-s\">\n Yes\n</p>\n\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Textbox question</p>\n <div>\n <p class=\"govuk-body-s\">\n I am some textbox content\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Pricing question</p>\n <div>\n <p class=\"govuk-body-s\">\n I am some pricing content\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Date question</p>\n <div>\n <p class=\"govuk-body-s\">\n I am some date content\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Number question</p>\n <div>\n <p class=\"govuk-body-s\">\n 12345\n</p>\n\n\n </div>\n </div>"
}
]
}