-
Notifications
You must be signed in to change notification settings - Fork 1.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
More changes to support 5.x renderer.
- Loading branch information
Showing
58 changed files
with
726 additions
and
537 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1 @@ | ||
| export * from './types/Embed'; | ||
| export * from './lib/cjs/InlineEmbed'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| export * from './lib/cjs/formio.form'; |
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| export * from './lib/cjs/Formio'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,113 @@ | ||
| import { Formio } from './Embed'; | ||
| /** | ||
| * Inline embed a form within a webpage. | ||
| * @param {*} config - Configuration to configure how the inline embed is rendered. | ||
| */ | ||
| export function embed(config = {}) { | ||
| const scripts = document.getElementsByTagName('script'); | ||
| config = Object.assign({}, window.FormioConfig || {}, config); | ||
| let thisScript = null; | ||
| let i = scripts.length; | ||
| const scriptName = config.scriptName || 'formio.embed.'; | ||
| while (i--) { | ||
| if ( | ||
| scripts[i].src && (scripts[i].src.indexOf(scriptName) !== -1) | ||
| ) { | ||
| thisScript = scripts[i]; | ||
| break; | ||
| } | ||
| } | ||
|
|
||
| if (thisScript) { | ||
| const query = {}; | ||
| const queryString = thisScript.src.replace(/^[^?]+\??/, ''); | ||
| queryString.replace(/\?/g, '&').split('&').forEach((item) => { | ||
| query[item.split('=')[0]] = item.split('=')[1] && decodeURIComponent(item.split('=')[1]); | ||
| }); | ||
|
|
||
| let scriptSrc = thisScript.src.replace(/^([^?]+).*/, '$1').split('/'); | ||
| scriptSrc.pop(); | ||
| if (config.formioPath) { | ||
| config.formioPath(scriptSrc); | ||
| } | ||
| scriptSrc = scriptSrc.join('/'); | ||
| const debug = (query.debug === 'true' || query.debug === '1'); | ||
| const renderer = debug ? 'formio.form' : 'formio.form.min'; | ||
| Formio.config = Object.assign({ | ||
| script: query.script || (`${config.updatePath ? config.updatePath() : scriptSrc}/${renderer}.js`), | ||
| style: query.styles || (`${config.updatePath ? config.updatePath() : scriptSrc}/${renderer}.css`), | ||
| cdn: query.cdn, | ||
| class: (query.class || 'formio-form-wrapper'), | ||
| src: query.src, | ||
| form: null, | ||
| submission: null, | ||
| project: query.project, | ||
| base: query.base || 'https://api.form.io', | ||
| submit: query.submit, | ||
| includeLibs: (query.libs === 'true' || query.libs === '1'), | ||
| template: query.template, | ||
| debug: debug, | ||
| config: {}, | ||
| redirect: (query.return || query.redirect), | ||
| embedCSS: (`${config.updatePath ? config.updatePath() : scriptSrc}/formio.embed.css`), | ||
| success: query.success || 'Thank you for your submission!', | ||
| before: null, | ||
| after: null | ||
| }, config); | ||
| const form = (Formio.config.form || Formio.config.src); | ||
| if (form) { | ||
| Formio.debug('Embedding Configuration', config); | ||
| if (Formio.config.addPremiumLib) { | ||
| Formio.config.addPremiumLib(Formio.config, scriptSrc); | ||
| } | ||
|
|
||
| // The id for this embedded form. | ||
| Formio.config.id = `formio-${Math.random().toString(36).substring(7)}`; | ||
| Formio.debug('Creating form element'); | ||
| const element = Formio.createElement('div', { | ||
| 'id': Formio.config.id, | ||
| class: Formio.config.class | ||
| }); | ||
|
|
||
| // insertAfter doesn't exist, but effect is identical. | ||
| thisScript.parentNode.insertBefore(element, thisScript.parentNode.firstElementChild.nextSibling); | ||
| Formio.createForm(element, form, Formio.config.config).then((instance) => { | ||
| if (Formio.config.submit) { | ||
| instance.nosubmit = true; | ||
| } | ||
|
|
||
| // Configure a redirect. | ||
| instance.on('submit', (submission) => { | ||
| Formio.debug("on('submit')", submission); | ||
| if (Formio.config.submit) { | ||
| Formio.debug(`Sending submission to ${Formio.config.submit}`); | ||
| const headers = { | ||
| 'content-type': 'application/json' | ||
| }; | ||
| const token = Formio.FormioClass.getToken(); | ||
| if (token) { | ||
| headers['x-jwt-token'] = token; | ||
| } | ||
| Formio.FormioClass.fetch(Formio.config.submit, { | ||
| body: JSON.stringify(submission), | ||
| headers: headers, | ||
| method: 'POST', | ||
| mode: 'cors', | ||
| }) | ||
| .then(resp => resp.json()) | ||
| .then(submission => Formio.submitDone(instance, submission)); | ||
| } | ||
| else { | ||
| Formio.submitDone(instance, submission); | ||
| } | ||
| }); | ||
| }); | ||
| } | ||
| } | ||
| else { | ||
| // Show an error if the script cannot be found. | ||
| document.write('<span>Could not locate the Embedded form.</span>'); | ||
| } | ||
| } | ||
|
|
||
| export { Formio }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.