digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
689 lines (688 loc) • 33.4 kB
JSON
{
"component": "summary-content",
"fixtures": [
{
"name": "text default",
"options": {
"type": "text",
"value": "I am some text content"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n I am some text content\n</p>"
},
{
"name": "text bold default",
"options": {
"type": "text_bold",
"value": "I am some bold text content"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n I am some bold text content\n</p>"
},
{
"name": "list default",
"options": {
"type": "list",
"value": [
"Item 1",
"Item 2",
"Item 3"
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<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>"
},
{
"name": "list with no items",
"options": {
"type": "list"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n \n</p>"
},
{
"name": "list with one item",
"options": {
"type": "list",
"value": [
"Item 1"
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n Item 1\n</p>"
},
{
"name": "upload default",
"options": {
"type": "upload",
"value": "#upload"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n <a class=\"govuk-link\" href=\"#upload\">View uploaded document</a>\n </p>"
},
{
"name": "upload with no value",
"options": {
"type": "upload"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": ""
},
{
"name": "service id default",
"options": {
"type": "service_id",
"value": 1234567887654321
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<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>"
},
{
"name": "service id non digit",
"options": {
"type": "service_id",
"value": "I am not a digit"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"service-id\">\n <span class=\"service-id-chunk\">I am not a digit</span>\n </div>"
},
{
"name": "service id no value",
"options": {
"type": "service_id"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": ""
},
{
"name": "checkboxes default",
"options": {
"type": "checkboxes",
"value": [
"Checkbox Item 1",
"Checkbox Item 2",
"Checkbox Item 3"
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<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>"
},
{
"name": "checkboxes no items",
"options": {
"type": "checkboxes"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n \n</p>"
},
{
"name": "checkboxes with one item",
"options": {
"type": "checkboxes",
"value": [
"Checkbox Item 1"
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n Checkbox Item 1\n</p>"
},
{
"name": "checkbox tree default",
"options": {
"type": "checkbox_tree",
"value": [
{
"label": "Parent content 1",
"options": [
{
"label": "Checkbox Tree 1 Item 1"
},
{
"label": "Checkbox Tree 1 Item 2"
},
{
"label": "Checkbox Tree 1 Item 3"
}
]
},
{
"label": "Parent content 2",
"options": [
{
"label": "Checkbox Tree 2 Item 1"
},
{
"label": "Checkbox Tree 2 Item 2"
},
{
"label": "Checkbox Tree 2 Item 3"
}
]
}
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<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 1 Item 1</li>\n <li>Checkbox Tree 1 Item 2</li>\n <li>Checkbox Tree 1 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 2 Item 1</li>\n <li>Checkbox Tree 2 Item 2</li>\n <li>Checkbox Tree 2 Item 3</li>\n </ul>\n\n </li>\n\n </ul>"
},
{
"name": "checkbox tree with no children",
"options": {
"type": "checkbox_tree",
"value": [
{
"label": "Parent content 1"
},
{
"label": "Parent content 2"
}
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Parent content 1</li>\n <li>Parent content 2</li>\n </ul>"
},
{
"name": "checkbox tree large default",
"options": {
"type": "checkbox_tree_large",
"value": [
{
"label": "Parent content 1",
"options": [
{
"label": "Checkbox Tree 1 Item 1"
},
{
"label": "Checkbox Tree 1 Item 2"
},
{
"label": "Checkbox Tree 1 Item 3"
}
]
},
{
"label": "Parent content 2",
"options": [
{
"label": "Checkbox Tree 2 Item 1"
},
{
"label": "Checkbox Tree 2 Item 2"
},
{
"label": "Checkbox Tree 2 Item 3"
}
]
}
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<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 1 Item 1</li>\n <li>Checkbox Tree 1 Item 2</li>\n <li>Checkbox Tree 1 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 2 Item 1</li>\n <li>Checkbox Tree 2 Item 2</li>\n <li>Checkbox Tree 2 Item 3</li>\n </ul>\n\n </li>\n\n </ul>"
},
{
"name": "radios default",
"options": {
"type": "radios",
"value": [
"Radio Item 1",
"Radio Item 2",
"Radio Item 3"
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<ul class=\"govuk-list govuk-list--bullet govuk-body-s\">\n <li>Radio Item 1</li>\n <li>Radio Item 2</li>\n <li>Radio Item 3</li>\n </ul>"
},
{
"name": "radios no items",
"options": {
"type": "radios"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n \n</p>"
},
{
"name": "radios with one item",
"options": {
"type": "radios",
"value": [
"Radio Item 1"
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n Radio Item 1\n</p>"
},
{
"name": "radios as string",
"options": {
"type": "radios",
"value": "I am a radio string item"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n I am a radio string item\n</p>"
},
{
"name": "boolean default",
"options": {
"type": "boolean",
"value": true
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n Yes\n</p>"
},
{
"name": "boolean with false",
"options": {
"type": "boolean",
"value": false
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n No\n</p>"
},
{
"name": "boolean with string",
"options": {
"type": "boolean",
"value": "I am true"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n I am true\n</p>"
},
{
"name": "textbox default",
"options": {
"type": "textbox",
"value": "I am some textbox content"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n I am some textbox content\n</p>"
},
{
"name": "textbox large default",
"options": {
"type": "textbox_large",
"value": "I am some large textbox content"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n I am some large textbox content\n</p>"
},
{
"name": "pricing default",
"options": {
"type": "pricing",
"value": "I am some pricing content"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n I am some pricing content\n</p>"
},
{
"name": "date default",
"options": {
"type": "date",
"value": "I am some date content"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n I am some date content\n</p>"
},
{
"name": "display default",
"options": {
"type": "display",
"value": "I am some content to display"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n I am some content to display\n</p>"
},
{
"name": "number default",
"options": {
"type": "number",
"value": 12345
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n 12345\n</p>"
},
{
"name": "number zero",
"options": {
"type": "number",
"value": 0
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n 0\n</p>"
},
{
"name": "number blank",
"options": {
"type": "number"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n \n</p>"
},
{
"name": "money default",
"options": {
"type": "money",
"value": "£123.45"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n £123.45\n</p>"
},
{
"name": "select default",
"options": {
"type": "text",
"value": "I am some select content"
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<p class=\"govuk-body-s\">\n I am some select content\n</p>"
},
{
"name": "multiquestion default",
"options": {
"type": "multiquestion",
"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": "multiquestion all",
"options": {
"type": "multiquestion",
"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>"
},
{
"name": "list multiquestion default",
"options": {
"type": "list_multiquestion",
"value": [
{
"name": "I am name 1",
"value": [
{
"name": "Here is the first question",
"type": "text",
"value": "Text for 0 0"
},
{
"name": "Here is the second question",
"type": "text",
"value": "Text for 0 1"
}
]
},
{
"name": "I am name 2",
"value": [
{
"name": "Here is the first question",
"type": "text",
"value": "Text for 1 0"
},
{
"name": "Here is the second question",
"type": "text",
"value": "Text for 1 1"
}
]
},
{
"name": "I am name 3",
"value": [
{
"name": "Here is the first question",
"type": "text",
"value": "Text for 2 0"
},
{
"name": "Here is the second question",
"type": "text",
"value": "Text for 2 1"
}
]
}
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<div class=\"list-multiquestion govuk-body-s\">\n <div class=\"list-multiquestion__item govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-2\">I am name 1</p>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 0 0\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 0 1\n</p>\n\n\n </div>\n </div>\n\n </div>\n <div class=\"list-multiquestion__item govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-2\">I am name 2</p>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 1 0\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 1 1\n</p>\n\n\n </div>\n </div>\n\n </div>\n <div class=\"list-multiquestion__item govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-2\">I am name 3</p>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the first question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 2 0\n</p>\n\n\n </div>\n </div>\n <div class=\"multiquestion govuk-body-s\">\n <p class=\"govuk-body govuk-!-margin-bottom-1\">Here is the second question</p>\n <div>\n <p class=\"govuk-body-s\">\n Text for 2 1\n</p>\n\n\n </div>\n </div>\n\n </div>\n </div>"
},
{
"name": "formula default",
"options": {
"type": "formula",
"value": [
{
"name": "Total",
"question": "This is the total",
"type": "display",
"value": "I am some total",
"operation": "=",
"operation_position": "after"
},
{
"name": "Thing to start",
"question": "This is the thing to start with",
"type": "textbox_large",
"value": "I am the start of the formula"
},
{
"name": "Thing to add",
"question": "This is the thing to add",
"type": "textbox_large",
"value": "I am the part of the formula added",
"operation": "+",
"operation_position": "before"
},
{
"name": "Thing to subtract",
"question": "This is the thing to subtract",
"type": "textbox_large",
"value": "I am the part of the formula to subtract",
"operation": "-",
"operation_position": "before"
}
]
},
"hidden": false,
"description": "",
"previewLayoutModifiers": [],
"html": "<hr class=\"govuk-section-break govuk-section-break--visible\">\n <dl class=\"govuk-summary-list dm-summary-content-formula\">\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Total\n </dt>\n <dd class=\"govuk-summary-list__value\">\n I am some total\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n =\n </dt>\n <dd class=\"govuk-summary-list__value\">\n \n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Thing to start\n </dt>\n <dd class=\"govuk-summary-list__value\">\n I am the start of the formula\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n +\n </dt>\n <dd class=\"govuk-summary-list__value\">\n \n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Thing to add\n </dt>\n <dd class=\"govuk-summary-list__value\">\n I am the part of the formula added\n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n -\n </dt>\n <dd class=\"govuk-summary-list__value\">\n \n </dd>\n </div>\n <div class=\"govuk-summary-list__row\">\n <dt class=\"govuk-summary-list__key\">\n Thing to subtract\n </dt>\n <dd class=\"govuk-summary-list__value\">\n I am the part of the formula to subtract\n </dd>\n </div>\n</dl>\n <hr class=\"govuk-section-break govuk-section-break--visible\">"
}
]
}