Skip to content

Commit

Permalink
Add example
Browse files Browse the repository at this point in the history
  • Loading branch information
@icebob
icebob committed Apr 27, 2016
1 parent 6e773d0 commit a81bf42
Show file tree
Hide file tree
Showing 7 changed files with 163 additions and 15 deletions.
6 changes: 3 additions & 3 deletions dist/vue-form-generator.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,7 +128,7 @@ return /******/ (function(modules) { // webpackBootstrap


// module
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", ""]);
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", ""]);

// exports

Expand Down Expand Up @@ -468,7 +468,7 @@ return /******/ (function(modules) { // webpackBootstrap
},

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


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

if (this.$parent.options.validateAfterChanged === true) this.validate();
if (this.$parent.options && this.$parent.options.validateAfterChanged === true) this.validate();
}
},

Expand Down
Loading

0 comments on commit a81bf42

Please sign in to comment.