{"_id":"@danielortiz1982/form-generator","_rev":"4-44c98d74705adce6273784c23679ebb6","time":{"2.1.0":"2019-09-22T21:55:10.532Z","created":"2019-09-23T00:04:41.723Z","2.1.5":"2019-09-23T00:04:42.152Z","modified":"2022-04-05T02:41:16.957Z"},"name":"@danielortiz1982/form-generator","dist-tags":{"latest":"2.1.5"},"versions":{"2.1.5":{"name":"@danielortiz1982/form-generator","version":"2.1.5","description":"Form Generator is a lightweight JavaScript library that builds dynamic forms from a json configuration object.","main":"FormGenerator.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/danielortiz1982/Form-Generator.git"},"keywords":["Form","Generator","JavaScript","Nodejs","ES6"],"author":{"name":"danielortiz1982"},"license":"ISC","bugs":{"url":"https://github.com/danielortiz1982/Form-Generator/issues"},"homepage":"https://github.com/danielortiz1982/Form-Generator#readme","gitHead":"1c387b7c54ede215bc581840a33a1d64f08ec7b3","_id":"@danielortiz1982/form-generator@2.1.5","_nodeVersion":"10.15.3","_npmVersion":"6.11.3","dist":{"integrity":"sha512-UZWmm7IOCraiWBtubNtEaJk/uTFOkR8PRIhBaRIC1NMVBLMyXje/Qc7G7OtOUfS3ERq4PCszyawnnME9l3Nyhg==","shasum":"129c34f96ec4fe21d8203da39bfb9c877f29c4bc","tarball":"https://registry.npmjs.org/@danielortiz1982/form-generator/-/form-generator-2.1.5.tgz","fileCount":4,"unpackedSize":21443,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdiAwaCRA9TVsSAnZWagAAIiwP/3cWkgt1bfsI1rWv0G/9\nW14Fa8xc84BOhI+D/SBYT6qyQ7ptT8aUxMieLdqx6TnVEoi9hZE/kXIncbRI\nfaLGhiOrNI891FPfjPJ4hLrJ1UfpQd7EuOMJRDNKEb7FvF34OEJAUZm9K5Qp\nbFY+snK05EKYluAnmgLk/MYXzi5T5xQaN8yfdF/QfcmpiUAczEQRjT3lHaxl\n08oq6hjCFjNW5E9ZlfE29ScP1E8ZUVkV0/5E19KGfP3FAdBmKCl6yMZuymXa\n7A1rPa3UXDFrNv/iSMS031U+CTkMmMiRJiRZC85zUD//PXntF8bN6Kr9CmGC\n3KnV8JiQZLKY0dUI/M/0RFTOa9BFADMdCE5QOb8Mnzu6FXA4zNBbHiG0+J+6\n8WKwY0Ze4zocyYVvaiTWnEeixkxxjO7S5vBgggvkvoqq75EmAkFIIkp1Yom3\n7MAkMSwh/SZLUM0lpKPA8cua+AGBbPac9BzlF3H7pN6NUb/BJCC049sT5T4b\ngG5X00KD0drRHtS61MQdKUKvO/S7RhY90roU52vzPvL/03hH8RRyuIeygDOC\n1bMjkeAPupc0C76D351Pnpl3w7V0vSWLpJVIVYKkRjBXJx3jcoIXFW8rVNjt\ndkUtP2K6F8/aM+S1WYKjxgFSUO7bJ6jDI23e8alqSt8EIXgsulnBsxbPkACo\nVX0c\r\n=nMfY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpQiqRQX3cGziffv0bHeF2iZds3cBv7Rw5RsCUjMasxAIgaGazNBFWjgeMb41IKEEpvX9dVClAWO39wTh5RYQrCfI="}]},"maintainers":[{"name":"danielortiz1982","email":"danielortiz1982@gmail.com"}],"_npmUser":{"name":"danielortiz1982","email":"danielortiz1982@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/form-generator_2.1.5_1569197081991_0.9702639962616013"},"_hasShrinkwrap":false}},"maintainers":[{"name":"danielortiz1982","email":"danielortiz1982@gmail.com"}],"description":"Form Generator is a lightweight JavaScript library that builds dynamic forms from a json configuration object.","homepage":"https://github.com/danielortiz1982/Form-Generator#readme","keywords":["Form","Generator","JavaScript","Nodejs","ES6"],"repository":{"type":"git","url":"git+https://github.com/danielortiz1982/Form-Generator.git"},"author":{"name":"danielortiz1982"},"bugs":{"url":"https://github.com/danielortiz1982/Form-Generator/issues"},"license":"ISC","readme":"# JavaScript Node ES6 Form Generator\n\n> Form Generator is a lightweight JavaScript library that builds dynamic forms from a json configuration object.\n\n> [Dependencies](#dependencies) | [Usage](#es6-form-generator-usage) | [Demo](#demo-usage) | [FG JSON configuration](#form-generator-json-configuration)\n\n## Dependencies\n* [Nodejs](https://nodejs.org/en/)\n* [NPM](https://nodejs.org/en/)\n* [Git](https://git-scm.com/)\n* [Babel](https://babeljs.io/)\n* [Webpack](https://webpack.js.org/)\n* **(Demo Dependencies)** SASS/SCSS\n\n### Install Nodejs & NPM for Windows, OSX and Linux\n[https://nodejs.org](https://nodejs.org/en/)\n\n## Install Dependencies\n\n##### Install Babel core & cli globally on your machine\n    npm install -g --save-dev @babel/core @babel/cli\n\n##### Install webpack & webpack-cli globally on your machine\n    npm install -g --save-dev webpack webpack-cli\n\n##### Install SASS/SCSS on your machine\n> **This dependency is for demo Only**\n\n    npm install -g sass\n\n## ES6 Form Generator Usage\n\n##### Clone Form Generator into project\n    git clone https://github.com/danielortiz1982/Form-Generator.git\n    \n##### (Optional) Remove/Delete Demo directory\n     rm -rf Demo\n\n##### Import the Form Generator\n    import FG from './FormGenerator'\n\n##### Import Form Generator JSON configuration\n    import Data from './form-data/form-config.json'\n\n##### Invoke the newForm method and pass in the form data object\n    FG.FormGenerator.newForm(Data)\n\n## Demo Usage\n> Once you have cloned the Form Generator repo into your project, navigate into the Demo directory to see a working example.\n\n## Install Demo Dependencies\n\n##### Change directories into the **Demo** folder\n    cd ./Demo\n\n##### Install the Nodejs Dependencies\n    npm install\n\n##### Build JavaScript assets \n    npm run build\n\n##### Build SASS assets \n    npm run styles\n\n##### Start the demo Node server \n    npm run server\n\n##### You can now view a working demo when you visit the URL below \n    http://localhost:3000/\n\n## Form Generator JSON configuration\n```\n{\n    \"FormName\": \"FGForgotPassword\",\n    \"FormAction\": \"FG-action\",\n    \"Insert\": \"FG-form\",\n    \"payload\": {},\n    \"FormConponents\": [\n        {\n            \"FormComponentName\": \"FGUserName\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Input:\",\n            \"id\": \"FG-input\",\n            \"class\": \"FG-input\",\n            \"placeholder\": \"sample placeholder\",\n            \"value\": \"\",\n            \"type\": \"text\"\n        },\n        {\n            \"FormComponentName\": \"FGCheckBox\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Check Box:\",\n            \"id\": \"FG-checkbox\",\n            \"class\": \"FG-checkbox\",\n            \"placeholder\": \"\",\n            \"value\": \"sampleCheckbox\",\n            \"type\": \"checkbox\"\n        },\n        {\n            \"FormComponentName\": \"FGRadio\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Radio:\",\n            \"id\": \"FG-radio\",\n            \"class\": \"FG-checkbox\",\n            \"placeholder\": \"\",\n            \"value\": \"sampleRadio\",\n            \"type\": \"radio\"\n        },\n        {\n            \"FormComponentName\": \"FGColor\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Color:\",\n            \"id\": \"FG-color\",\n            \"class\": \"FG-color\",\n            \"placeholder\": \"\",\n            \"value\": \"#353535\",\n            \"type\": \"color\"\n        },\n        {\n            \"FormComponentName\": \"FGDate\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Date:\",\n            \"id\": \"FG-date\",\n            \"class\": \"FG-date\",\n            \"placeholder\": \"\",\n            \"value\": \"\",\n            \"type\": \"date\"\n        },\n        {\n            \"FormComponentName\": \"FGDateTimeLocal\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Date Time Local:\",\n            \"id\": \"FG-datetime-local\",\n            \"class\": \"FG-datetime-local\",\n            \"placeholder\": \"\",\n            \"value\": \"\",\n            \"type\": \"datetime-local\"\n        },\n        {\n            \"FormComponentName\": \"FGEmail\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Email:\",\n            \"id\": \"FG-email\",\n            \"class\": \"FG-email\",\n            \"placeholder\": \"\",\n            \"value\": \"\",\n            \"type\": \"email\"\n        },\n        {\n            \"FormComponentName\": \"FGFile\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"File:\",\n            \"id\": \"FG-file\",\n            \"class\": \"FG-file\",\n            \"placeholder\": \"\",\n            \"value\": \"\",\n            \"type\": \"file\"\n        },\n        {\n            \"FormComponentName\": \"FGHidden\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Hidden:\",\n            \"id\": \"FG-hidden\",\n            \"class\": \"FG-hidden\",\n            \"placeholder\": \"\",\n            \"value\": \"\",\n            \"type\": \"hidden\"\n        },\n        {\n            \"FormComponentName\": \"FGImage\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Image:\",\n            \"id\": \"FG-image\",\n            \"class\": \"FG-image\",\n            \"placeholder\": \"\",\n            \"value\": \"\",\n            \"type\": \"image\"\n        },\n        {\n            \"FormComponentName\": \"FGMonth\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Month:\",\n            \"id\": \"FG-month\",\n            \"class\": \"FG-month\",\n            \"placeholder\": \"\",\n            \"value\": \"\",\n            \"type\": \"month\"\n        },\n        {\n            \"FormComponentName\": \"FGNumber\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Number:\",\n            \"id\": \"FG-number\",\n            \"class\": \"FG-number\",\n            \"placeholder\": \"\",\n            \"value\": \"\",\n            \"type\": \"number\"\n        },\n        {\n            \"FormComponentName\": \"FGPassword\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Password:\",\n            \"id\": \"FG-password\",\n            \"class\": \"FG-password\",\n            \"placeholder\": \"\",\n            \"value\": \"\",\n            \"type\": \"password\"\n        },\n        {\n            \"FormComponentName\": \"FGRange\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Range\",\n            \"id\": \"FG-range\",\n            \"class\": \"FG-range\",\n            \"placeholder\": \"\",\n            \"value\": \"\",\n            \"type\": \"range\"\n        },\n        {\n            \"FormComponentName\": \"FGSearch\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Search\",\n            \"id\": \"FG-search\",\n            \"class\": \"FG-search\",\n            \"placeholder\": \"\",\n            \"value\": \"\",\n            \"type\": \"search\"\n        },\n        {\n            \"FormComponentName\": \"FGTel\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Tel\",\n            \"id\": \"FG-tel\",\n            \"class\": \"FG-tel\",\n            \"placeholder\": \"\",\n            \"value\": \"\",\n            \"type\": \"tel\"\n        },\n        {\n            \"FormComponentName\": \"FGTime\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Time\",\n            \"id\": \"FG-time\",\n            \"class\": \"FG-time\",\n            \"placeholder\": \"\",\n            \"value\": \"\",\n            \"type\": \"time\"\n        },\n        {\n            \"FormComponentName\": \"FGUrl\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"URL\",\n            \"id\": \"FG-url\",\n            \"class\": \"FG-url\",\n            \"placeholder\": \"\",\n            \"value\": \"\",\n            \"type\": \"url\"\n        },\n        {\n            \"FormComponentName\": \"FGWeek\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Week\",\n            \"id\": \"FG-week\",\n            \"class\": \"FG-week\",\n            \"placeholder\": \"\",\n            \"value\": \"\",\n            \"type\": \"week\"\n        },\n        {\n            \"FormComponentName\": \"FGSelect\",\n            \"FormConponent\": \"select\",\n            \"FormLabel\": \"Select\",\n            \"id\": \"FG-select\",\n            \"class\": \"FG-select\",\n            \"value\": \"\",\n            \"options\": [\"Opt1\", \"Opt2\", \"Opt3\"]\n        },\n        {\n            \"FormComponentName\": \"FGTextarea\",\n            \"FormConponent\": \"textarea\",\n            \"FormLabel\": \"Textarea\",\n            \"id\": \"FG-textarea\",\n            \"placeholder\": \"Textarea\",\n            \"class\": \"FG-textarea\",\n            \"value\": \"\",\n            \"rows\": \"10\",\n            \"cols\": \"50\",\n            \"maxlength\": \"100\"\n        },\n        {\n            \"FormComponentName\": \"FGButton\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Button\",\n            \"id\": \"FG-button\",\n            \"class\": \"FG-button\",\n            \"placeholder\": \"Please enter email here...\",\n            \"value\": \"Button\",\n            \"type\": \"button\"\n        },\n        {\n            \"FormComponentName\": \"FGReset\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Reset\",\n            \"id\": \"FG-reset\",\n            \"class\": \"FG-reset\",\n            \"placeholder\": \"\",\n            \"value\": \"Reset\",\n            \"type\": \"reset\"\n        },\n        {\n            \"FormComponentName\": \"FGSubmit\",\n            \"FormConponent\": \"input\",\n            \"FormLabel\": \"Submit\",\n            \"id\": \"FG-submit\",\n            \"class\": \"FG-submit\",\n            \"placeholder\": \"\",\n            \"value\": \"Submit\",\n            \"type\": \"submit\"\n        }\n    ]\n}\n\n```\n\n\n \n","readmeFilename":"README.md"}