We are glad that you shared your ideas with us. They will help us make our product better.
\"\n }],\n pages: [{\n name: \"page1\",\n elements: [{\n type: \"rating\",\n name: \"nps_score\",\n title: \"On a scale of zero to ten, how likely are you to recommend our product to a friend or colleague?\",\n isRequired: true,\n rateMin: 0,\n rateMax: 10,\n minRateDescription: \"(Most unlikely)\",\n maxRateDescription: \"(Most likely)\"\n }, {\n type: \"checkbox\",\n name: \"promoter_features\",\n visibleIf: \"{nps_score} >= 9\",\n title: \"Which of the following features do you value the most?\",\n isRequired: true,\n validators: [{\n type: \"answercount\",\n text: \"Please select two features maximum.\",\n maxCount: 2\n }],\n hasOther: true,\n choices: [\n \"Performance\",\n \"Stability\",\n \"User Interface\",\n \"Complete Functionality\"\n ],\n otherText: \"Other features:\",\n colCount: 2\n }, {\n type: \"comment\",\n name: \"passive_experience\",\n visibleIf: \"{nps_score} > 6 and {nps_score} < 9\",\n title: \"What is the primary reason for your score?\"\n }, {\n type: \"comment\",\n name: \"disappointed_experience\",\n visibleIf: \"{nps_score} notempty\",\n title: \"What do you miss and find disappointing in your experience with our product?\"\n }]\n }],\n showQuestionNumbers: \"off\"\n};"
},
{
"path": "src/index.css",
"content": "body {\n margin: 0;\n padding: 0;\n font-family: sans-serif;\n}\n"
},
{
"path": "src/index.js",
"content": "import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport registerServiceWorker from './registerServiceWorker';\n\nReactDOM.render(, document.getElementById('root'));\nregisterServiceWorker();\n"
},
{
"path": "src/pages/Analytics.js",
"content": "import SurveyAnalytics from \"../components/SurveyAnalytics\";\n\nexport function AnalyticsPage() {\n return (\n
\n
Survey Analytics
\n \n
\n );\n}\n"
},
{
"path": "src/pages/AnalyticsTabulator.js",
"content": "import SurveyAnalyticsTabulator from \"../components/SurveyAnalyticsTabulator\";\n\nexport function AnalyticsTabulatorPage() {\n return (\n
\n
Survey Analytics - Table View
\n Uses Tabulator supported only by modern browsers.\n \n
\n );\n}\n"
},
{
"path": "src/pages/Creator.js",
"content": "import SurveyCreator from \"../components/SurveyCreator\";\n\nimport { json } from \"../data/survey_json.js\";\n\nexport function CreatorPage() {\n return (\n <>\n
Survey Creator / Form Builder
\n \n \n );\n}\n"
},
{
"path": "src/pages/Export.js",
"content": "import { Model } from \"survey-core\";\nimport { SurveyPDF } from \"survey-pdf\";\n\nimport { json } from \"../data/survey_json.js\";\n\nfunction savePDF(model) {\n const surveyPDF = new SurveyPDF(json);\n surveyPDF.data = model.data;\n surveyPDF.save();\n};\n\nexport function ExportToPDFPage() {\n const model = new Model(json);\n return (\n
\n
SurveyJS PDF Export
\n
\n
SurveyJS PDF Export is a client-side extension over the SurveyJS Library that enables users to save surveys as PDF documents.
\n
NOTE: Dynamic elements and characteristics (visibility, validation, navigation buttons) are not supported.
\n
Click the button below to export survey to a PDF document.
\n \n
\n
\n );\n}\n"
},
{
"path": "src/pages/Home.js",
"content": "import logo from \"../logo.svg\";\n\nexport function HomePage() {\n return (\n
\n
\n \n
\n
SurveyJS + React Quickstart Template
\n
\n
\n SurveyJS is a set of JavaScript components that allow you and your users to build surveys / forms, store them in your database, and visualize survey results for data analysis. This quick start template uses the following SurveyJS components:\n
\n );\n }\n "
},
{
"path": "src/pages/Survey.js",
"content": "import React from \"react\";\nimport { Model, StylesManager } from \"survey-core\";\nimport { Survey } from \"survey-react-ui\";\nimport \"survey-core/defaultV2.css\";\n\nimport { json } from \"../data/survey_json.js\";\n\nStylesManager.applyTheme(\"defaultV2\");\n\nfunction onValueChanged(_, options) {\n console.log(\"New value: \" + options.value);\n}\n\nfunction onComplete(survey) {\n console.log(\"Survey complete! Results: \" + JSON.stringify(survey.data));\n}\n\nexport function SurveyPage() {\n const model = new Model(json);\n return (\n
\n
SurveyJS Library / Runner
\n \n
\n );\n}\n"
},
{
"path": "src/registerServiceWorker.js",
"content": "// In production, we register a service worker to serve assets from local cache.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\n// cached resources are updated in the background.\n\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\n// This link also includes instructions on opting out of this behavior.\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport default function register() {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Lets check if a service worker still exists or not.\n checkValidServiceWorker(swUrl);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://goo.gl/SC7cgQ'\n );\n });\n } else {\n // Is not local host. Just register service worker\n registerValidSW(swUrl);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the old content will have been purged and\n // the fresh content will have been added to the cache.\n // It's the perfect time to display a \"New content is\n // available; please refresh.\" message in your web app.\n console.log('New content is available; please refresh.');\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n if (\n response.status === 404 ||\n response.headers.get('content-type').indexOf('javascript') === -1\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n"
}
]