Skip to content

Commit a81bf42

Browse files
committed
Add example
1 parent 6e773d0 commit a81bf42

File tree

7 files changed

+163
-15
lines changed

7 files changed

+163
-15
lines changed

dist/vue-form-generator.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -128,7 +128,7 @@ return /******/ (function(modules) { // webpackBootstrap
128128

129129

130130
// module
131-
exports.push([module.id, "table[_v-00e1475f] {\n width: 70%;\n min-width: 350px;\n margin: auto;\n font-family: \"Open Sans\";\n font-size: 14px; }\n table input[_v-00e1475f], table select[_v-00e1475f], table textarea[_v-00e1475f] {\n font-family: \"Open Sans\";\n font-size: 14px;\n border-radius: 4px;\n border: 1px solid #BBB;\n padding: 2px 5px; }\n table td[_v-00e1475f] {\n padding: 0.3em 0.4em; }\n table td[_v-00e1475f]:nth-child(1) {\n text-align: right;\n vertical-align: top;\n padding: 0.8em 0.5em; }\n table td:nth-child(1) span.help[_v-00e1475f] {\n margin-right: 0.3em;\n position: relative;\n /* This bridges the gap so you can mouse into the tooltip without it disappearing */\n /* CSS Triangles - see Trevor's post */\n /*.helpText:after {\n\t\t\t\t\tborder-left: solid transparent 10px;\n\t\t\t\t\tborder-right: solid transparent 10px;\n\t\t\t\t\tborder-top: solid #1496bb 10px;\n\t\t\t\t\tbottom: -10px;\n\t\t\t\t\tcontent: \" \";\n\t\t\t\t\theight: 0;\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\tmargin-left: -13px;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\twidth: 0;\n\t\t\t\t}*/ }\n table td:nth-child(1) span.help .helpText[_v-00e1475f] {\n background-color: #444;\n bottom: 30px;\n color: #fff;\n display: block;\n left: 0px;\n opacity: 0;\n padding: 20px;\n pointer-events: none;\n position: absolute;\n text-align: justify;\n width: 300px;\n -webkit-transition: all .25s ease-out;\n transition: all .25s ease-out;\n box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);\n border-radius: 6px; }\n table td:nth-child(1) span.help .helpText a[_v-00e1475f] {\n font-weight: bold;\n text-decoration: underline; }\n table td:nth-child(1) span.help .helpText[_v-00e1475f]:before {\n bottom: -20px;\n content: \" \";\n display: block;\n height: 20px;\n left: 0;\n position: absolute;\n width: 100%; }\n table td:nth-child(1) span.help:hover .helpText[_v-00e1475f] {\n opacity: 1;\n pointer-events: auto;\n -webkit-transform: translateY(0px);\n transform: translateY(0px); }\n table td:nth-child(2) > .field-wrap[_v-00e1475f] {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex; }\n table td:nth-child(2) > .field-wrap .buttons[_v-00e1475f] {\n white-space: nowrap; }\n table td:nth-child(2) > .field-wrap .buttons button[_v-00e1475f] {\n display: inline-block;\n margin: 0 2px; }\n table td:nth-child(2) .hint[_v-00e1475f] {\n font-style: italic;\n font-size: 0.8em; }\n table tr.featured td[_v-00e1475f]:nth-child(1) {\n font-weight: bold; }\n table tr.required td[_v-00e1475f]:nth-child(1):after {\n content: \"*\";\n font-weight: normal;\n color: Red;\n padding-left: 0.1em;\n font-size: 0.8em;\n position: absolute;\n margin-top: -0.4em; }\n table tr.disabled td[_v-00e1475f]:nth-child(1) {\n color: #666;\n font-style: italic; }\n table tr.company[_v-00e1475f] {\n /* csak teszt */\n background-color: #EEE; }\n table tr.error td:nth-child(2) input[_v-00e1475f]:not([type=\"checkbox\"]), table tr.error td:nth-child(2) textarea[_v-00e1475f], table tr.error td:nth-child(2) select[_v-00e1475f] {\n border: 1px solid red;\n background-color: rgba(255, 0, 0, 0.15); }\n table tr.error .errors[_v-00e1475f] {\n color: red;\n font-size: 0.80em; }\n table tr.error .errors span[_v-00e1475f] {\n display: block;\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiklEQVR4Xt2TMQoCQQxF3xdhu72MpZU3GU/meBFLOztPYrVWsQmEWSaMsIXgK8P8RyYkMjO2sAN+K9gTIAmDAlzoUzE7p4IFytvDCQWJKSStYB2efcAvqZFM0BcstMx5naSDYFzfLhh/4SmRM+6Agw/xIX0tKEDFufeDNRUc4XqLRz3qabVIf3BMHwl6Ktexn3nmAAAAAElFTkSuQmCC\");\n background-repeat: no-repeat;\n padding-left: 17px;\n padding-top: 0px;\n margin-top: 0.2em;\n font-weight: 600; }\n", ""]);
131+
exports.push([module.id, "table[_v-00e1475f] {\n width: 70%;\n min-width: 350px;\n margin: auto; }\n table input[_v-00e1475f], table select[_v-00e1475f], table textarea[_v-00e1475f] {\n border-radius: 4px;\n border: 1px solid #BBB;\n padding: 2px 5px; }\n table td[_v-00e1475f] {\n padding: 0.3em 0.4em; }\n table td[_v-00e1475f]:nth-child(1) {\n text-align: right;\n vertical-align: top;\n padding: 0.8em 0.5em; }\n table td:nth-child(1) span.help[_v-00e1475f] {\n margin-right: 0.3em;\n position: relative;\n /* This bridges the gap so you can mouse into the tooltip without it disappearing */\n /* CSS Triangles - see Trevor's post */\n /*.helpText:after {\n\t\t\t\t\tborder-left: solid transparent 10px;\n\t\t\t\t\tborder-right: solid transparent 10px;\n\t\t\t\t\tborder-top: solid #1496bb 10px;\n\t\t\t\t\tbottom: -10px;\n\t\t\t\t\tcontent: \" \";\n\t\t\t\t\theight: 0;\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\tmargin-left: -13px;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\twidth: 0;\n\t\t\t\t}*/ }\n table td:nth-child(1) span.help .helpText[_v-00e1475f] {\n background-color: #444;\n bottom: 30px;\n color: #fff;\n display: block;\n left: 0px;\n opacity: 0;\n padding: 20px;\n pointer-events: none;\n position: absolute;\n text-align: justify;\n width: 300px;\n -webkit-transition: all .25s ease-out;\n transition: all .25s ease-out;\n box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);\n border-radius: 6px; }\n table td:nth-child(1) span.help .helpText a[_v-00e1475f] {\n font-weight: bold;\n text-decoration: underline; }\n table td:nth-child(1) span.help .helpText[_v-00e1475f]:before {\n bottom: -20px;\n content: \" \";\n display: block;\n height: 20px;\n left: 0;\n position: absolute;\n width: 100%; }\n table td:nth-child(1) span.help:hover .helpText[_v-00e1475f] {\n opacity: 1;\n pointer-events: auto;\n -webkit-transform: translateY(0px);\n transform: translateY(0px); }\n table td:nth-child(2) > .field-wrap[_v-00e1475f] {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex; }\n table td:nth-child(2) > .field-wrap .buttons[_v-00e1475f] {\n white-space: nowrap; }\n table td:nth-child(2) > .field-wrap .buttons button[_v-00e1475f] {\n display: inline-block;\n margin: 0 2px; }\n table td:nth-child(2) .hint[_v-00e1475f] {\n font-style: italic;\n font-size: 0.8em; }\n table tr.featured td[_v-00e1475f]:nth-child(1) {\n font-weight: bold; }\n table tr.required td[_v-00e1475f]:nth-child(1):after {\n content: \"*\";\n font-weight: normal;\n color: Red;\n padding-left: 0.1em;\n font-size: 0.8em;\n position: absolute;\n margin-top: -0.4em; }\n table tr.disabled td[_v-00e1475f]:nth-child(1) {\n color: #666;\n font-style: italic; }\n table tr.company[_v-00e1475f] {\n /* csak teszt */\n background-color: #EEE; }\n table tr.error td:nth-child(2) input[_v-00e1475f]:not([type=\"checkbox\"]), table tr.error td:nth-child(2) textarea[_v-00e1475f], table tr.error td:nth-child(2) select[_v-00e1475f] {\n border: 1px solid red;\n background-color: rgba(255, 0, 0, 0.15); }\n table tr.error .errors[_v-00e1475f] {\n color: red;\n font-size: 0.80em; }\n table tr.error .errors span[_v-00e1475f] {\n display: block;\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiklEQVR4Xt2TMQoCQQxF3xdhu72MpZU3GU/meBFLOztPYrVWsQmEWSaMsIXgK8P8RyYkMjO2sAN+K9gTIAmDAlzoUzE7p4IFytvDCQWJKSStYB2efcAvqZFM0BcstMx5naSDYFzfLhh/4SmRM+6Agw/xIX0tKEDFufeDNRUc4XqLRz3qabVIf3BMHwl6Ktexn3nmAAAAAElFTkSuQmCC\");\n background-repeat: no-repeat;\n padding-left: 17px;\n padding-top: 0px;\n margin-top: 0.2em;\n font-weight: 600; }\n", ""]);
132132

133133
// exports
134134

@@ -468,7 +468,7 @@ return /******/ (function(modules) { // webpackBootstrap
468468
},
469469

470470
ready: function ready() {
471-
if (this.options.validateAfterLoad === true && !this.isNewModel) this.$parent.validateForm();else this.clearValidationErrors();
471+
if (this.options && this.options.validateAfterLoad === true && !this.isNewModel) this.$parent.validateForm();else this.clearValidationErrors();
472472
},
473473

474474

@@ -26733,7 +26733,7 @@ return /******/ (function(modules) { // webpackBootstrap
2673326733
this.schema.onChanged(this.model, newVal, oldVal, this.schema);
2673426734
}
2673526735

26736-
if (this.$parent.options.validateAfterChanged === true) this.validate();
26736+
if (this.$parent.options && this.$parent.options.validateAfterChanged === true) this.validate();
2673726737
}
2673826738
},
2673926739

0 commit comments

Comments
 (0)