add materialize farm work

Author: A1Gard

assets/js/engine.js

@@ -174,6 +174,17 @@ var app = new Vue({
                     out += `\t\t\t </div>\n`;
                     out += `\t\t </div>\n`;
 
+                    break;
+                case "materialize":
+                    // make bootstrap column
+                    out += `\t\t <div class="input-field col s${field.size}">\n`;
+                    out += inp;
+                    out += `\t\t\t\t <label for="${field.id}"> \n`;
+                    out += `\t\t\t\t\t {{__('${field.label}')}} \n`;
+                    out += `\t\t\t\t </label> \n`;
+
+                    out += `\t\t </div>\n`;
+
                     break;
                 default:
 
@@ -212,6 +223,11 @@ var app = new Vue({
                     rowClass = 'ui grid';
                     formClass = 'ui form';
                     break;
+                case "materialize":
+                    generalClass = '';
+                    rowClass = 'row';
+                    formClass = '';
+                    break;
                 default:
                     console.log('unknow theme');
             }
@@ -255,7 +271,7 @@ var app = new Vue({
                         if (this.theme == 'semanticui') {
                             var genClass = ` @error('${field.name}') error @enderror`;
                         } else {
-                            var genClass = generalClass;
+                            var genClass = generalClass + ` @error('${field.name}') invalid @enderror`;
                         }
 
 
@@ -279,7 +295,7 @@ var app = new Vue({
                         if (this.theme == 'semanticui') {
                             var genClass = ` @error('${field.name}') error @enderror`;
                         } else {
-                            var genClass = generalClass;
+                            var genClass =  `materialize-textarea @error('${field.name}') invalid @enderror`;
                         }
 
 
@@ -297,7 +313,7 @@ var app = new Vue({
                         if (this.theme == 'semanticui') {
                             var genClass = 'ui dropdown' + ` @error('${field.name}') error @enderror`;
                         } else {
-                            var genClass = generalClass;
+                            var genClass = generalClass + ` @error('${field.name}') invalid @enderror`;
                         }
 
 

index.html

@@ -46,7 +46,7 @@ <h4 class="ui dividing header">General setting</h4>
                         <select v-model="theme" @change="changeTheme" id="theme" class="ui dropdown">
                             <option value="bootstrap"> Bootstrap </option>
                             <option value="semanticui"> SemanticUI </option>
-                            <option value="materialize" disabled> MaterializeCSS </option>
+                            <option value="materialize" > MaterializeCSS </option>
                         </select>
                     </div>
                     <div class="field">

package.json

@@ -1,6 +1,6 @@
 {
   "name": "laravel-form-builder",
-  "version": "1.3.1",
+  "version": "2.0.0",
   "description": "The laravel form builder code generator",
   "main": "index.htm",
   "scripts": {