Skip to content

Instantly share code, notes, and snippets.

@benjclark
Created October 18, 2022 11:07
Show Gist options
  • Save benjclark/8c77fce1ab83a1c3fd8b9ed21be9f366 to your computer and use it in GitHub Desktop.
Save benjclark/8c77fce1ab83a1c3fd8b9ed21be9f366 to your computer and use it in GitHub Desktop.
Global Ratings Survey data needed for Global Forms partials
{
"globalFormData": {
"fields": [
{
"template": "globalFormRadios",
"error": "Please select one rating",
"label": "Rating",
"groupDescription": "A scale of 5 feelings conveyed using images that range from awful to great. The feelings represent how you feel about your experience today.",
"id": "ratings-survey-radios1",
"name": "ratings-survey-radios",
"pictographic": true,
"boxed": true,
"inputs": [
{
"label": "Awful",
"value": "1",
"id": "radio-awful1",
"svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"transparent\" stroke=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"> <clipPath id=\"a\"> <path d=\"M24 0v24H0V0z\"></path> </clipPath> <g stroke-width=\"1.8\" clip-path=\"url(#a)\"> <path d=\"M12 22c5.5228475 0 10-4.4771525 10-10S17.5228475 2 12 2 2 6.4771525 2 12s4.4771525 10 10 10z\" stroke-miterlimit=\"10\"></path> <g stroke-linecap=\"round\"> <path d=\"M8 17c.5-5.33333333 7.5-5.33333333 8 0z\" stroke-linejoin=\"round\"></path> <path d=\"m9 9-2 1M17 10l-2-1\" stroke-miterlimit=\"10\"></path> </g> </g></svg>",
"showLabel": true,
"imageDescription": "An image of a cartoon face that is very unhappy.",
"dataAttrs": {
"ratings-survey": "radio"
}
},
{
"label": "Bad",
"value": "2",
"id": "radio-bad1",
"svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"transparent\" stroke=\"currentColor\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"> <defs> <clipPath id=\"frowna\"> <path d=\"M24 0v24H0V0h24Z\"/> </clipPath> <clipPath id=\"frownb\"> <path d=\"M1 0c.6 0 1 .4 1 1v2a1 1 0 1 1-2 0V1c0-.6.4-1 1-1Z\"/> </clipPath> </defs> <g clip-path=\"url(#frowna)\"> <path stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.8\" stroke-linejoin=\"round\" d=\"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z\"/> <path stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.8\" stroke-linejoin=\"round\" d=\"M9 17c1-2.7 5-2.7 6 0\"/> <g clip-path=\"url(#frownb)\" transform=\"translate(8 8)\"> <path stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M0 0h2v4H0V0z\"/> </g> <g clip-path=\"url(#frownb)\" transform=\"translate(14 8)\"> <path stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M0 0h2v4H0V0z\"/> </g> </g> </svg>",
"showLabel": true,
"imageDescription": "An image of a cartoon face with a frown.",
"dataAttrs": {
"ratings-survey": "radio"
}
},
{
"label": "OK",
"value": "3",
"id": "radio-ok1",
"svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"transparent\" stroke=\"currentColor\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"> <defs> <clipPath id=\"neutrala\"> <path d=\"M24 0v24H0V0h24Z\"/> </clipPath> <clipPath id=\"neutralb\"> <path d=\"M1 0c.6 0 1 .4 1 1v2a1 1 0 1 1-2 0V1c0-.6.4-1 1-1Z\"/> </clipPath> </defs> <g clip-path=\"url(#neutrala)\"> <path stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.8\" stroke-linejoin=\"round\" d=\"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z\"/> <g clip-path=\"url(#neutralb)\" transform=\"translate(8 8)\"> <path stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M0 0h2v4H0V0z\"/> </g> <g clip-path=\"url(#neutralb)\" transform=\"translate(14 8)\"> <path stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M0 0h2v4H0V0z\"/> </g> <path stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.8\" stroke-linejoin=\"round\" d=\"M9 16h6\"/> </g> </svg>",
"showLabel": true,
"imageDescription": "An image of a cartoon face with a neutral expression.",
"dataAttrs": {
"ratings-survey": "radio"
}
},
{
"label": "Good",
"value": "4",
"id": "radio-good1",
"svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"transparent\" stroke=\"currentColor\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"> <defs> <clipPath id=\"smilea\"> <path d=\"M24 0v24H0V0h24Z\"/> </clipPath> <clipPath id=\"smileb\"> <path d=\"M1 0c.6 0 1 .4 1 1v2a1 1 0 1 1-2 0V1c0-.6.4-1 1-1Z\"/> </clipPath> </defs> <g clip-path=\"url(#smilea)\"> <path stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.8\" stroke-linejoin=\"round\" d=\"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z\"/> <path stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.8\" stroke-linejoin=\"round\" d=\"M9 15c1 2.7 5 2.7 6 0\"/> <g clip-path=\"url(#smileb)\" transform=\"translate(8 8)\"> <path stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M0 0h2v4H0V0z\"/> </g> <g clip-path=\"url(#smileb)\" transform=\"translate(14 8)\"> <path stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M0 0h2v4H0V0z\"/> </g> </g> </svg>",
"showLabel": true,
"imageDescription": "An image of a cartoon face with a smile.",
"dataAttrs": {
"ratings-survey": "radio"
}
},
{
"label": "Great",
"value": "5",
"id": "radio-great1",
"svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"transparent\" stroke=\"currentColor\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 24 24\"> <defs> <clipPath id=\"grina\"> <path d=\"M24 0v24H0V0h24Z\"/> </clipPath> </defs> <g clip-path=\"url(#grina)\"> <path stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.8\" stroke-linejoin=\"round\" d=\"M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z\"/> <path stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.8\" stroke-linejoin=\"round\" d=\"M17.5 10v-.5a1.7 1.7 0 0 0-3.5 0v.5M10 10v-.5a1.7 1.7 0 0 0-3.5 0v.5M8 14c.5 5 7.5 5 8 0H8Z\"/> </g> </svg>",
"showLabel": true,
"imageDescription": "An image of a cartoon face with an open mouth grin.",
"dataAttrs": {
"ratings-survey": "radio"
}
}
]
}
]
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment