├── .babelrc ├── .editorconfig ├── .env ├── .env.example ├── .gitattributes ├── .gitignore ├── .styleci.yml ├── LICENSE ├── README.md ├── app ├── Console │ └── Kernel.php ├── Exceptions │ └── Handler.php ├── Field.php ├── Form.php ├── FormField.php ├── Http │ ├── Controllers │ │ ├── Auth │ │ │ ├── ConfirmPasswordController.php │ │ │ ├── ForgotPasswordController.php │ │ │ ├── LoginController.php │ │ │ ├── RegisterController.php │ │ │ ├── ResetPasswordController.php │ │ │ └── VerificationController.php │ │ ├── Controller.php │ │ └── FormBuilder.php │ ├── Kernel.php │ └── Middleware │ │ ├── Authenticate.php │ │ ├── CheckForMaintenanceMode.php │ │ ├── EncryptCookies.php │ │ ├── RedirectIfAuthenticated.php │ │ ├── TrimStrings.php │ │ ├── TrustProxies.php │ │ └── VerifyCsrfToken.php ├── Mail │ └── FormSubmitted.php ├── Providers │ ├── AppServiceProvider.php │ ├── AuthServiceProvider.php │ ├── BroadcastServiceProvider.php │ ├── EventServiceProvider.php │ └── RouteServiceProvider.php └── User.php ├── artisan ├── bootstrap ├── app.php └── cache │ └── .gitignore ├── composer.json ├── composer.lock ├── config ├── app.php ├── auth.php ├── broadcasting.php ├── cache.php ├── database.php ├── filesystems.php ├── hashing.php ├── logging.php ├── mail.php ├── queue.php ├── services.php ├── session.php └── view.php ├── database ├── .gitignore ├── factories │ └── UserFactory.php ├── migrations │ ├── 2019_11_05_094345_create_forms_table.php │ ├── 2019_11_05_094809_create_fields_table.php │ └── 2019_11_05_094833_create_form_fields_table.php └── seeds │ ├── DatabaseSeeder.php │ ├── FieldsSeeder.php │ └── FormSeeder.php ├── package-lock.json ├── package.json ├── phpunit.xml ├── public ├── .htaccess ├── css │ └── style.css ├── favicon.ico ├── index.php ├── js │ └── formbuilder │ │ └── main.js ├── mix-manifest.json └── robots.txt ├── resources ├── css │ ├── builder.css │ └── modal.css ├── js │ ├── app.js │ ├── bootstrap.js │ └── components │ │ ├── ErrorBoundary.js │ │ └── FormBuilder │ │ ├── board.js │ │ ├── builderBottom.js │ │ ├── configForm.js │ │ ├── configModal.js │ │ ├── field.js │ │ ├── main.js │ │ ├── pallet.js │ │ └── utils.js ├── lang │ └── en │ │ ├── auth.php │ │ ├── pagination.php │ │ ├── passwords.php │ │ └── validation.php ├── sass │ ├── _variables.scss │ └── app.scss └── views │ ├── builder.blade.php │ ├── emails │ └── form-submitted.blade.php │ ├── form.blade.php │ ├── layouts │ ├── main.blade.php │ └── nav.blade.php │ └── welcome.blade.php ├── routes ├── api.php ├── channels.php ├── console.php └── web.php ├── server.php ├── storage ├── app │ ├── .gitignore │ └── public │ │ └── .gitignore ├── debugbar │ └── .gitignore ├── framework │ ├── .gitignore │ ├── cache │ │ ├── .gitignore │ │ └── data │ │ │ └── .gitignore │ ├── sessions │ │ └── .gitignore │ ├── testing │ │ └── .gitignore │ └── views │ │ └── .gitignore └── logs │ └── .gitignore ├── tests ├── CreatesApplication.php ├── Feature │ └── ExampleTest.php ├── TestCase.php └── Unit │ └── ExampleTest.php └── webpack.mix.js /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "env": { 3 | "production": { 4 | "plugins": [ 5 | "@babel/proposal-class-properties", 6 | "@babel/transform-react-jsx-source" 7 | ], 8 | "presets": [ 9 | "@babel/react" 10 | ] 11 | }, 12 | "development": { 13 | "plugins": [ 14 | "@babel/proposal-class-properties", 15 | "@babel/transform-react-jsx-source" 16 | ], 17 | "presets": [ 18 | "@babel/react" 19 | ] 20 | } 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | end_of_line = lf 6 | insert_final_newline = true 7 | indent_style = space 8 | indent_size = 4 9 | trim_trailing_whitespace = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | 14 | [*.{yml,yaml}] 15 | indent_size = 2 16 | -------------------------------------------------------------------------------- /.env: -------------------------------------------------------------------------------- 1 | APP_NAME="Form Builder App" 2 | APP_ENV=local 3 | APP_KEY=base64:al488SR59nzIdHGRlkoLXT1000q5nxJMWD0VYyaBikA= 4 | APP_DEBUG=true 5 | APP_URL=http://127.0.0.1:8000/ 6 | 7 | LOG_CHANNEL=stack 8 | 9 | DB_CONNECTION=mysql 10 | DB_HOST=127.0.0.1 11 | DB_PORT=3306 12 | DB_DATABASE=formbuilder 13 | DB_USERNAME=root 14 | DB_PASSWORD= 15 | 16 | BROADCAST_DRIVER=log 17 | CACHE_DRIVER=file 18 | QUEUE_CONNECTION=sync 19 | SESSION_DRIVER=file 20 | SESSION_LIFETIME=120 21 | 22 | REDIS_HOST=127.0.0.1 23 | REDIS_PASSWORD=null 24 | REDIS_PORT=6379 25 | 26 | MAIL_DRIVER=smtp 27 | MAIL_HOST=smtp.mailtrap.io 28 | MAIL_PORT=2525 29 | MAIL_USERNAME=b0b2eb7bb866c5 30 | MAIL_PASSWORD=5686f3b9acd2f9 31 | MAIL_ENCRYPTION=TLS 32 | 33 | AWS_ACCESS_KEY_ID= 34 | AWS_SECRET_ACCESS_KEY= 35 | AWS_DEFAULT_REGION=us-east-1 36 | AWS_BUCKET= 37 | 38 | PUSHER_APP_ID= 39 | PUSHER_APP_KEY= 40 | PUSHER_APP_SECRET= 41 | PUSHER_APP_CLUSTER=mt1 42 | 43 | MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}" 44 | MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}" 45 | -------------------------------------------------------------------------------- /.env.example: -------------------------------------------------------------------------------- 1 | APP_NAME=Laravel 2 | APP_ENV=local 3 | APP_KEY= 4 | APP_DEBUG=true 5 | APP_URL=http://localhost 6 | 7 | LOG_CHANNEL=stack 8 | 9 | DB_CONNECTION=mysql 10 | DB_HOST=127.0.0.1 11 | DB_PORT=3306 12 | DB_DATABASE=laravel 13 | DB_USERNAME=root 14 | DB_PASSWORD= 15 | 16 | BROADCAST_DRIVER=log 17 | CACHE_DRIVER=file 18 | QUEUE_CONNECTION=sync 19 | SESSION_DRIVER=file 20 | SESSION_LIFETIME=120 21 | 22 | REDIS_HOST=127.0.0.1 23 | REDIS_PASSWORD=null 24 | REDIS_PORT=6379 25 | 26 | MAIL_DRIVER=smtp 27 | MAIL_HOST=smtp.mailtrap.io 28 | MAIL_PORT=2525 29 | MAIL_USERNAME=null 30 | MAIL_PASSWORD=null 31 | MAIL_ENCRYPTION=null 32 | 33 | AWS_ACCESS_KEY_ID= 34 | AWS_SECRET_ACCESS_KEY= 35 | AWS_DEFAULT_REGION=us-east-1 36 | AWS_BUCKET= 37 | 38 | PUSHER_APP_ID= 39 | PUSHER_APP_KEY= 40 | PUSHER_APP_SECRET= 41 | PUSHER_APP_CLUSTER=mt1 42 | 43 | MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}" 44 | MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}" 45 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | * text=auto 2 | *.css linguist-vendored 3 | *.scss linguist-vendored 4 | *.js linguist-vendored 5 | CHANGELOG.md export-ignore 6 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /public/hot 3 | /public/storage 4 | /storage/*.key 5 | /vendor 6 | .phpunit.result.cache 7 | Homestead.json 8 | Homestead.yaml 9 | npm-debug.log 10 | yarn-error.log 11 | -------------------------------------------------------------------------------- /.styleci.yml: -------------------------------------------------------------------------------- 1 | php: 2 | preset: laravel 3 | disabled: 4 | - unused_use 5 | finder: 6 | not-name: 7 | - index.php 8 | - server.php 9 | js: 10 | finder: 11 | not-name: 12 | - webpack.mix.js 13 | css: true 14 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "[]" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright [yyyy] [name of copyright owner] 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # [Form Builder (Laravel & React)](https://github.com/devsrv/laravel-form-builder) 2 | 3 | #### Setup Guide: 4 | - `git clone https://github.com/devsrv/laravel-form-builder.git` 5 | - `cd laravel-form-builder` 6 | - `composer install --no-dev` 7 | - create database & enter its details in the `.env` file ( _line 9 to 14_ ) located in the root 8 | ```php DB_CONNECTION=mysql 9 | DB_HOST=127.0.0.1 10 | DB_PORT=3306 11 | DB_DATABASE=formbuilder 12 | DB_USERNAME=root 13 | DB_PASSWORD= 14 | ``` 15 | - `php artisan migrate --seed` 16 | - `php artisan serve` 17 | - visit `http://127.0.0.1:8000/` 18 | 19 | 20 | ![App screen 1](https://i.imgur.com/eyc8qbv.png) 21 | ![App screen 2](https://i.imgur.com/M7KcFJZ.png) 22 | ![App screen 1](https://i.imgur.com/nvHo57o.png) 23 | -------------------------------------------------------------------------------- /app/Console/Kernel.php: -------------------------------------------------------------------------------- 1 | command('inspire') 28 | // ->hourly(); 29 | } 30 | 31 | /** 32 | * Register the commands for the application. 33 | * 34 | * @return void 35 | */ 36 | protected function commands() 37 | { 38 | $this->load(__DIR__.'/Commands'); 39 | 40 | require base_path('routes/console.php'); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /app/Exceptions/Handler.php: -------------------------------------------------------------------------------- 1 | belongsToMany('App\Field', 'form_fields')->withPivot('id', 'options'); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /app/FormField.php: -------------------------------------------------------------------------------- 1 | middleware('auth'); 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /app/Http/Controllers/Auth/ForgotPasswordController.php: -------------------------------------------------------------------------------- 1 | middleware('guest')->except('logout'); 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /app/Http/Controllers/Auth/RegisterController.php: -------------------------------------------------------------------------------- 1 | middleware('guest'); 41 | } 42 | 43 | /** 44 | * Get a validator for an incoming registration request. 45 | * 46 | * @param array $data 47 | * @return \Illuminate\Contracts\Validation\Validator 48 | */ 49 | protected function validator(array $data) 50 | { 51 | return Validator::make($data, [ 52 | 'name' => ['required', 'string', 'max:255'], 53 | 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'], 54 | 'password' => ['required', 'string', 'min:8', 'confirmed'], 55 | ]); 56 | } 57 | 58 | /** 59 | * Create a new user instance after a valid registration. 60 | * 61 | * @param array $data 62 | * @return \App\User 63 | */ 64 | protected function create(array $data) 65 | { 66 | return User::create([ 67 | 'name' => $data['name'], 68 | 'email' => $data['email'], 69 | 'password' => Hash::make($data['password']), 70 | ]); 71 | } 72 | } 73 | -------------------------------------------------------------------------------- /app/Http/Controllers/Auth/ResetPasswordController.php: -------------------------------------------------------------------------------- 1 | middleware('auth'); 38 | $this->middleware('signed')->only('verify'); 39 | $this->middleware('throttle:6,1')->only('verify', 'resend'); 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /app/Http/Controllers/Controller.php: -------------------------------------------------------------------------------- 1 | mapWithKeys(function ($field) { 17 | return [$field->field_type => $field->id]; 18 | }); 19 | 20 | $builder_fields = FormField::where('form_id', 1)->orderBy('id', 'asc'); 21 | if($builder_fields->exists()) { 22 | $field_data = $builder_fields->get()->map(function($field) use ($fields) { 23 | switch ($fields->search($field->field_id)) { 24 | case 'select': 25 | $field_config_data = [ 26 | 'type'=> 'select', 27 | 'additionalConfig'=> [ 28 | 'listOptions' => $field->options->values 29 | ] 30 | ]; 31 | 32 | break; 33 | 34 | case 'textarea': 35 | $field_config_data = [ 36 | 'type'=> 'textarea', 37 | 'additionalConfig'=> [ 38 | 'textAreaRows' => $field->options->rows 39 | ] 40 | ]; 41 | 42 | break; 43 | 44 | default: 45 | if($field->options->type != "date") { 46 | $field_config_data = [ 47 | 'type'=> 'input', 48 | 'additionalConfig'=> [ 49 | 'inputType' => $field->options->type 50 | ] 51 | ]; 52 | } 53 | else { 54 | $field_config_data = [ 55 | 'type'=> 'date', 56 | 'additionalConfig'=> [] 57 | ]; 58 | } 59 | 60 | } 61 | 62 | $common_data = [ 63 | 'id' => $field->id, 64 | 'label'=> $field->options->label, 65 | 'isRequired'=> $field->options->validation->required == 1? true : false, 66 | ]; 67 | 68 | return [array_merge($common_data, $field_config_data)]; 69 | }); 70 | } 71 | 72 | $data = [ 73 | 'title' => 'form builder', 74 | 'builder_data' => $builder_fields->exists()? $field_data->flatten(1)->toArray() : [] 75 | ]; 76 | 77 | return view('builder', $data); 78 | } 79 | 80 | /** 81 | * show the form 82 | */ 83 | public function showForm() { 84 | $form_id_toshow = 1; 85 | 86 | $the_form = Form::findOrFail($form_id_toshow); 87 | $field_map_ids = FormField::where('form_id', $form_id_toshow)->select('id')->pluck('id')->toArray(); 88 | 89 | $data = [ 90 | 'title' => 'the form', 91 | 'fields' => $the_form->fields()->orderBy('form_fields.id', 'asc')->get(), 92 | 'form_id' => $form_id_toshow, 93 | 'field_ids' => implode(",", $field_map_ids) 94 | ]; 95 | 96 | return view('form', $data); 97 | } 98 | 99 | /** 100 | * handle form submit request 101 | */ 102 | public function handleFormRequest(Request $request) { 103 | // must have data 104 | $validator = Validator::make($request->all(), [ 105 | 'form_id' => 'required|integer|exists:forms,id', 106 | 'field_ids' => 'required|string', 107 | ]); 108 | 109 | abort_if($validator->fails(), 422, "Data error"); 110 | 111 | // generating validation rules based on dynamic field config data 112 | $field_map_ids = explode(",", $request->input('field_ids')); 113 | 114 | $field_required_rules = collect($field_map_ids)->mapWithKeys(function($id){ 115 | $field_options = FormField::findOrFail($id)->options; 116 | if($field_options->validation->required == 1) { 117 | $rules = ['required']; 118 | if(isset($field_options->type) && $field_options->type == "email") $rules[] = 'email'; 119 | 120 | return [ 121 | 'field_'. $id => implode("|", $rules) 122 | ]; 123 | } 124 | else { 125 | return ['field_'. $id => 'nullable']; 126 | } 127 | }); 128 | 129 | // validation based on dynamic data 130 | $dynamic_validator = Validator::make($request->all(), $field_required_rules->toArray(), [ 131 | 'required' => "field can't be left blank", 132 | 'email' => 'field must be a valid email address' 133 | ]); 134 | 135 | if ($dynamic_validator->fails()) { 136 | return redirect()->back() 137 | ->withErrors($dynamic_validator) 138 | ->withInput(); 139 | } 140 | 141 | // gather the form data as field_name => [ label, data ] 142 | $form_data = collect($field_map_ids)->mapWithKeys(function($id) use ($request){ 143 | $field_options = FormField::findOrFail($id)->options; 144 | $field_name = 'field_'. $id; 145 | return [ 146 | $field_name => [ 147 | $field_options->label, $request->input($field_name) 148 | ] 149 | ]; 150 | }); 151 | 152 | 153 | Mail::to("kumawat.k@shim-bi.com")->send(new FormSubmitted($form_data)); 154 | // return new FormSubmitted($form_data); 155 | 156 | return redirect()->back()->with('mail_sent', 1); 157 | } 158 | 159 | /** 160 | * handle form data ajax request save 161 | */ 162 | public function saveForm(Request $request) { 163 | $request->validate([ 164 | 'form_fields_data' => 'required|json' 165 | ]); 166 | 167 | $fields = Field::all()->mapWithKeys(function ($field) { 168 | return [$field->id => $field->field_type]; 169 | }); 170 | 171 | // data from ajax request 172 | $field_data = collect(json_decode($request->form_fields_data)); 173 | 174 | $config = $field_data->map(function($field) use ($fields){ 175 | switch ($field->type) { 176 | case 'input': 177 | $field_id = $fields->search('input'); 178 | 179 | $additional_config = ['type' => $field->additionalConfig->inputType]; 180 | break; 181 | 182 | case 'select': 183 | $field_id = $fields->search('select'); 184 | 185 | $values = collect($field->additionalConfig->listOptions)->map(function($opt){ 186 | return trim($opt); 187 | })->implode(','); 188 | 189 | $additional_config = ['values' => $values]; 190 | break; 191 | 192 | case 'textarea': 193 | $field_id = $fields->search('textarea'); 194 | 195 | $additional_config = ['rows' => $field->additionalConfig->textAreaRows]; 196 | break; 197 | 198 | case 'date': 199 | $field_id = $fields->search('input'); 200 | $additional_config = ['type' => 'date']; 201 | break; 202 | 203 | default: 204 | $field_id = 0; 205 | $additional_config = []; 206 | break; 207 | } 208 | 209 | $common_data = [ 210 | 'label' => $field->label, 211 | 'validation' => [ 212 | 'required' => $field->isRequired ? 1 : 0 213 | ] 214 | ]; 215 | 216 | return ['field' => $field_id, 'options' => array_merge($common_data, $additional_config)]; 217 | }); 218 | 219 | // attempt data save 220 | $save_success = 1; 221 | 222 | DB::transaction(function () use ($config) { 223 | try { 224 | Form::findOrFail(1)->fields()->detach(); 225 | 226 | $config->each(function($item){ 227 | Form::findOrFail(1)->fields()->attach($item['field'], 228 | [ 229 | 'options' => json_encode($item['options']) 230 | ]); 231 | }); 232 | } catch (Exception $e) { 233 | $save_success = 0; 234 | } 235 | }); 236 | 237 | return response()->json([ 238 | 'success' => $save_success 239 | ]); 240 | } 241 | } 242 | -------------------------------------------------------------------------------- /app/Http/Kernel.php: -------------------------------------------------------------------------------- 1 | [ 31 | \App\Http\Middleware\EncryptCookies::class, 32 | \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class, 33 | \Illuminate\Session\Middleware\StartSession::class, 34 | // \Illuminate\Session\Middleware\AuthenticateSession::class, 35 | \Illuminate\View\Middleware\ShareErrorsFromSession::class, 36 | \App\Http\Middleware\VerifyCsrfToken::class, 37 | \Illuminate\Routing\Middleware\SubstituteBindings::class, 38 | ], 39 | 40 | 'api' => [ 41 | 'throttle:60,1', 42 | 'bindings', 43 | ], 44 | ]; 45 | 46 | /** 47 | * The application's route middleware. 48 | * 49 | * These middleware may be assigned to groups or used individually. 50 | * 51 | * @var array 52 | */ 53 | protected $routeMiddleware = [ 54 | 'auth' => \App\Http\Middleware\Authenticate::class, 55 | 'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class, 56 | 'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class, 57 | 'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class, 58 | 'can' => \Illuminate\Auth\Middleware\Authorize::class, 59 | 'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class, 60 | 'password.confirm' => \Illuminate\Auth\Middleware\RequirePassword::class, 61 | 'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class, 62 | 'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class, 63 | 'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class, 64 | ]; 65 | 66 | /** 67 | * The priority-sorted list of middleware. 68 | * 69 | * This forces non-global middleware to always be in the given order. 70 | * 71 | * @var array 72 | */ 73 | protected $middlewarePriority = [ 74 | \Illuminate\Session\Middleware\StartSession::class, 75 | \Illuminate\View\Middleware\ShareErrorsFromSession::class, 76 | \App\Http\Middleware\Authenticate::class, 77 | \Illuminate\Routing\Middleware\ThrottleRequests::class, 78 | \Illuminate\Session\Middleware\AuthenticateSession::class, 79 | \Illuminate\Routing\Middleware\SubstituteBindings::class, 80 | \Illuminate\Auth\Middleware\Authorize::class, 81 | ]; 82 | } 83 | -------------------------------------------------------------------------------- /app/Http/Middleware/Authenticate.php: -------------------------------------------------------------------------------- 1 | expectsJson()) { 18 | return route('login'); 19 | } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /app/Http/Middleware/CheckForMaintenanceMode.php: -------------------------------------------------------------------------------- 1 | check()) { 21 | return redirect('/home'); 22 | } 23 | 24 | return $next($request); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /app/Http/Middleware/TrimStrings.php: -------------------------------------------------------------------------------- 1 | formData = $formData; 24 | } 25 | 26 | /** 27 | * Build the message. 28 | * 29 | * @return $this 30 | */ 31 | public function build() 32 | { 33 | return $this->from('example@example.com') 34 | ->markdown('emails.form-submitted'); 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /app/Providers/AppServiceProvider.php: -------------------------------------------------------------------------------- 1 | 'App\Policies\ModelPolicy', 17 | ]; 18 | 19 | /** 20 | * Register any authentication / authorization services. 21 | * 22 | * @return void 23 | */ 24 | public function boot() 25 | { 26 | $this->registerPolicies(); 27 | 28 | // 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /app/Providers/BroadcastServiceProvider.php: -------------------------------------------------------------------------------- 1 | [ 19 | SendEmailVerificationNotification::class, 20 | ], 21 | ]; 22 | 23 | /** 24 | * Register any events for your application. 25 | * 26 | * @return void 27 | */ 28 | public function boot() 29 | { 30 | parent::boot(); 31 | 32 | // 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /app/Providers/RouteServiceProvider.php: -------------------------------------------------------------------------------- 1 | mapApiRoutes(); 39 | 40 | $this->mapWebRoutes(); 41 | 42 | // 43 | } 44 | 45 | /** 46 | * Define the "web" routes for the application. 47 | * 48 | * These routes all receive session state, CSRF protection, etc. 49 | * 50 | * @return void 51 | */ 52 | protected function mapWebRoutes() 53 | { 54 | Route::middleware('web') 55 | ->namespace($this->namespace) 56 | ->group(base_path('routes/web.php')); 57 | } 58 | 59 | /** 60 | * Define the "api" routes for the application. 61 | * 62 | * These routes are typically stateless. 63 | * 64 | * @return void 65 | */ 66 | protected function mapApiRoutes() 67 | { 68 | Route::prefix('api') 69 | ->middleware('api') 70 | ->namespace($this->namespace) 71 | ->group(base_path('routes/api.php')); 72 | } 73 | } 74 | -------------------------------------------------------------------------------- /app/User.php: -------------------------------------------------------------------------------- 1 | 'datetime', 38 | ]; 39 | } 40 | -------------------------------------------------------------------------------- /artisan: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env php 2 | make(Illuminate\Contracts\Console\Kernel::class); 34 | 35 | $status = $kernel->handle( 36 | $input = new Symfony\Component\Console\Input\ArgvInput, 37 | new Symfony\Component\Console\Output\ConsoleOutput 38 | ); 39 | 40 | /* 41 | |-------------------------------------------------------------------------- 42 | | Shutdown The Application 43 | |-------------------------------------------------------------------------- 44 | | 45 | | Once Artisan has finished running, we will fire off the shutdown events 46 | | so that any final work may be done by the application before we shut 47 | | down the process. This is the last thing to happen to the request. 48 | | 49 | */ 50 | 51 | $kernel->terminate($input, $status); 52 | 53 | exit($status); 54 | -------------------------------------------------------------------------------- /bootstrap/app.php: -------------------------------------------------------------------------------- 1 | singleton( 30 | Illuminate\Contracts\Http\Kernel::class, 31 | App\Http\Kernel::class 32 | ); 33 | 34 | $app->singleton( 35 | Illuminate\Contracts\Console\Kernel::class, 36 | App\Console\Kernel::class 37 | ); 38 | 39 | $app->singleton( 40 | Illuminate\Contracts\Debug\ExceptionHandler::class, 41 | App\Exceptions\Handler::class 42 | ); 43 | 44 | /* 45 | |-------------------------------------------------------------------------- 46 | | Return The Application 47 | |-------------------------------------------------------------------------- 48 | | 49 | | This script returns the application instance. The instance is given to 50 | | the calling script so we can separate the building of the instances 51 | | from the actual running of the application and sending responses. 52 | | 53 | */ 54 | 55 | return $app; 56 | -------------------------------------------------------------------------------- /bootstrap/cache/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "laravel/laravel", 3 | "type": "project", 4 | "description": "The Laravel Framework.", 5 | "keywords": [ 6 | "framework", 7 | "laravel" 8 | ], 9 | "license": "MIT", 10 | "require": { 11 | "php": "^7.2", 12 | "fideloper/proxy": "^4.0", 13 | "laravel/framework": "^6.2", 14 | "laravel/tinker": "^1.0" 15 | }, 16 | "require-dev": { 17 | "barryvdh/laravel-debugbar": "^3.2", 18 | "facade/ignition": "^1.4", 19 | "fzaninotto/faker": "^1.4", 20 | "laravel/ui": "^1.1", 21 | "mockery/mockery": "^1.0", 22 | "nunomaduro/collision": "^3.0", 23 | "phpunit/phpunit": "^8.0" 24 | }, 25 | "config": { 26 | "optimize-autoloader": true, 27 | "preferred-install": "dist", 28 | "sort-packages": true 29 | }, 30 | "extra": { 31 | "laravel": { 32 | "dont-discover": [] 33 | } 34 | }, 35 | "autoload": { 36 | "psr-4": { 37 | "App\\": "app/" 38 | }, 39 | "classmap": [ 40 | "database/seeds", 41 | "database/factories" 42 | ] 43 | }, 44 | "autoload-dev": { 45 | "psr-4": { 46 | "Tests\\": "tests/" 47 | } 48 | }, 49 | "minimum-stability": "dev", 50 | "prefer-stable": true, 51 | "scripts": { 52 | "post-autoload-dump": [ 53 | "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump", 54 | "@php artisan package:discover --ansi" 55 | ], 56 | "post-root-package-install": [ 57 | "@php -r \"file_exists('.env') || copy('.env.example', '.env');\"" 58 | ], 59 | "post-create-project-cmd": [ 60 | "@php artisan key:generate --ansi" 61 | ] 62 | } 63 | } 64 | -------------------------------------------------------------------------------- /config/app.php: -------------------------------------------------------------------------------- 1 | env('APP_NAME', 'Laravel'), 17 | 18 | /* 19 | |-------------------------------------------------------------------------- 20 | | Application Environment 21 | |-------------------------------------------------------------------------- 22 | | 23 | | This value determines the "environment" your application is currently 24 | | running in. This may determine how you prefer to configure various 25 | | services the application utilizes. Set this in your ".env" file. 26 | | 27 | */ 28 | 29 | 'env' => env('APP_ENV', 'production'), 30 | 31 | /* 32 | |-------------------------------------------------------------------------- 33 | | Application Debug Mode 34 | |-------------------------------------------------------------------------- 35 | | 36 | | When your application is in debug mode, detailed error messages with 37 | | stack traces will be shown on every error that occurs within your 38 | | application. If disabled, a simple generic error page is shown. 39 | | 40 | */ 41 | 42 | 'debug' => env('APP_DEBUG', false), 43 | 44 | /* 45 | |-------------------------------------------------------------------------- 46 | | Application URL 47 | |-------------------------------------------------------------------------- 48 | | 49 | | This URL is used by the console to properly generate URLs when using 50 | | the Artisan command line tool. You should set this to the root of 51 | | your application so that it is used when running Artisan tasks. 52 | | 53 | */ 54 | 55 | 'url' => env('APP_URL', 'http://localhost'), 56 | 57 | 'asset_url' => env('ASSET_URL', null), 58 | 59 | /* 60 | |-------------------------------------------------------------------------- 61 | | Application Timezone 62 | |-------------------------------------------------------------------------- 63 | | 64 | | Here you may specify the default timezone for your application, which 65 | | will be used by the PHP date and date-time functions. We have gone 66 | | ahead and set this to a sensible default for you out of the box. 67 | | 68 | */ 69 | 70 | 'timezone' => 'UTC', 71 | 72 | /* 73 | |-------------------------------------------------------------------------- 74 | | Application Locale Configuration 75 | |-------------------------------------------------------------------------- 76 | | 77 | | The application locale determines the default locale that will be used 78 | | by the translation service provider. You are free to set this value 79 | | to any of the locales which will be supported by the application. 80 | | 81 | */ 82 | 83 | 'locale' => 'en', 84 | 85 | /* 86 | |-------------------------------------------------------------------------- 87 | | Application Fallback Locale 88 | |-------------------------------------------------------------------------- 89 | | 90 | | The fallback locale determines the locale to use when the current one 91 | | is not available. You may change the value to correspond to any of 92 | | the language folders that are provided through your application. 93 | | 94 | */ 95 | 96 | 'fallback_locale' => 'en', 97 | 98 | /* 99 | |-------------------------------------------------------------------------- 100 | | Faker Locale 101 | |-------------------------------------------------------------------------- 102 | | 103 | | This locale will be used by the Faker PHP library when generating fake 104 | | data for your database seeds. For example, this will be used to get 105 | | localized telephone numbers, street address information and more. 106 | | 107 | */ 108 | 109 | 'faker_locale' => 'en_US', 110 | 111 | /* 112 | |-------------------------------------------------------------------------- 113 | | Encryption Key 114 | |-------------------------------------------------------------------------- 115 | | 116 | | This key is used by the Illuminate encrypter service and should be set 117 | | to a random, 32 character string, otherwise these encrypted strings 118 | | will not be safe. Please do this before deploying an application! 119 | | 120 | */ 121 | 122 | 'key' => env('APP_KEY'), 123 | 124 | 'cipher' => 'AES-256-CBC', 125 | 126 | /* 127 | |-------------------------------------------------------------------------- 128 | | Autoloaded Service Providers 129 | |-------------------------------------------------------------------------- 130 | | 131 | | The service providers listed here will be automatically loaded on the 132 | | request to your application. Feel free to add your own services to 133 | | this array to grant expanded functionality to your applications. 134 | | 135 | */ 136 | 137 | 'providers' => [ 138 | 139 | /* 140 | * Laravel Framework Service Providers... 141 | */ 142 | Illuminate\Auth\AuthServiceProvider::class, 143 | Illuminate\Broadcasting\BroadcastServiceProvider::class, 144 | Illuminate\Bus\BusServiceProvider::class, 145 | Illuminate\Cache\CacheServiceProvider::class, 146 | Illuminate\Foundation\Providers\ConsoleSupportServiceProvider::class, 147 | Illuminate\Cookie\CookieServiceProvider::class, 148 | Illuminate\Database\DatabaseServiceProvider::class, 149 | Illuminate\Encryption\EncryptionServiceProvider::class, 150 | Illuminate\Filesystem\FilesystemServiceProvider::class, 151 | Illuminate\Foundation\Providers\FoundationServiceProvider::class, 152 | Illuminate\Hashing\HashServiceProvider::class, 153 | Illuminate\Mail\MailServiceProvider::class, 154 | Illuminate\Notifications\NotificationServiceProvider::class, 155 | Illuminate\Pagination\PaginationServiceProvider::class, 156 | Illuminate\Pipeline\PipelineServiceProvider::class, 157 | Illuminate\Queue\QueueServiceProvider::class, 158 | Illuminate\Redis\RedisServiceProvider::class, 159 | Illuminate\Auth\Passwords\PasswordResetServiceProvider::class, 160 | Illuminate\Session\SessionServiceProvider::class, 161 | Illuminate\Translation\TranslationServiceProvider::class, 162 | Illuminate\Validation\ValidationServiceProvider::class, 163 | Illuminate\View\ViewServiceProvider::class, 164 | 165 | /* 166 | * Package Service Providers... 167 | */ 168 | 169 | /* 170 | * Application Service Providers... 171 | */ 172 | App\Providers\AppServiceProvider::class, 173 | App\Providers\AuthServiceProvider::class, 174 | // App\Providers\BroadcastServiceProvider::class, 175 | App\Providers\EventServiceProvider::class, 176 | App\Providers\RouteServiceProvider::class, 177 | 178 | ], 179 | 180 | /* 181 | |-------------------------------------------------------------------------- 182 | | Class Aliases 183 | |-------------------------------------------------------------------------- 184 | | 185 | | This array of class aliases will be registered when this application 186 | | is started. However, feel free to register as many as you wish as 187 | | the aliases are "lazy" loaded so they don't hinder performance. 188 | | 189 | */ 190 | 191 | 'aliases' => [ 192 | 193 | 'App' => Illuminate\Support\Facades\App::class, 194 | 'Arr' => Illuminate\Support\Arr::class, 195 | 'Artisan' => Illuminate\Support\Facades\Artisan::class, 196 | 'Auth' => Illuminate\Support\Facades\Auth::class, 197 | 'Blade' => Illuminate\Support\Facades\Blade::class, 198 | 'Broadcast' => Illuminate\Support\Facades\Broadcast::class, 199 | 'Bus' => Illuminate\Support\Facades\Bus::class, 200 | 'Cache' => Illuminate\Support\Facades\Cache::class, 201 | 'Config' => Illuminate\Support\Facades\Config::class, 202 | 'Cookie' => Illuminate\Support\Facades\Cookie::class, 203 | 'Crypt' => Illuminate\Support\Facades\Crypt::class, 204 | 'DB' => Illuminate\Support\Facades\DB::class, 205 | 'Eloquent' => Illuminate\Database\Eloquent\Model::class, 206 | 'Event' => Illuminate\Support\Facades\Event::class, 207 | 'File' => Illuminate\Support\Facades\File::class, 208 | 'Gate' => Illuminate\Support\Facades\Gate::class, 209 | 'Hash' => Illuminate\Support\Facades\Hash::class, 210 | 'Lang' => Illuminate\Support\Facades\Lang::class, 211 | 'Log' => Illuminate\Support\Facades\Log::class, 212 | 'Mail' => Illuminate\Support\Facades\Mail::class, 213 | 'Notification' => Illuminate\Support\Facades\Notification::class, 214 | 'Password' => Illuminate\Support\Facades\Password::class, 215 | 'Queue' => Illuminate\Support\Facades\Queue::class, 216 | 'Redirect' => Illuminate\Support\Facades\Redirect::class, 217 | 'Redis' => Illuminate\Support\Facades\Redis::class, 218 | 'Request' => Illuminate\Support\Facades\Request::class, 219 | 'Response' => Illuminate\Support\Facades\Response::class, 220 | 'Route' => Illuminate\Support\Facades\Route::class, 221 | 'Schema' => Illuminate\Support\Facades\Schema::class, 222 | 'Session' => Illuminate\Support\Facades\Session::class, 223 | 'Storage' => Illuminate\Support\Facades\Storage::class, 224 | 'Str' => Illuminate\Support\Str::class, 225 | 'URL' => Illuminate\Support\Facades\URL::class, 226 | 'Validator' => Illuminate\Support\Facades\Validator::class, 227 | 'View' => Illuminate\Support\Facades\View::class, 228 | // 'Debugbar' => Barryvdh\Debugbar\Facade::class, 229 | 230 | ], 231 | 232 | ]; 233 | -------------------------------------------------------------------------------- /config/auth.php: -------------------------------------------------------------------------------- 1 | [ 17 | 'guard' => 'web', 18 | 'passwords' => 'users', 19 | ], 20 | 21 | /* 22 | |-------------------------------------------------------------------------- 23 | | Authentication Guards 24 | |-------------------------------------------------------------------------- 25 | | 26 | | Next, you may define every authentication guard for your application. 27 | | Of course, a great default configuration has been defined for you 28 | | here which uses session storage and the Eloquent user provider. 29 | | 30 | | All authentication drivers have a user provider. This defines how the 31 | | users are actually retrieved out of your database or other storage 32 | | mechanisms used by this application to persist your user's data. 33 | | 34 | | Supported: "session", "token" 35 | | 36 | */ 37 | 38 | 'guards' => [ 39 | 'web' => [ 40 | 'driver' => 'session', 41 | 'provider' => 'users', 42 | ], 43 | 44 | 'api' => [ 45 | 'driver' => 'token', 46 | 'provider' => 'users', 47 | 'hash' => false, 48 | ], 49 | ], 50 | 51 | /* 52 | |-------------------------------------------------------------------------- 53 | | User Providers 54 | |-------------------------------------------------------------------------- 55 | | 56 | | All authentication drivers have a user provider. This defines how the 57 | | users are actually retrieved out of your database or other storage 58 | | mechanisms used by this application to persist your user's data. 59 | | 60 | | If you have multiple user tables or models you may configure multiple 61 | | sources which represent each model / table. These sources may then 62 | | be assigned to any extra authentication guards you have defined. 63 | | 64 | | Supported: "database", "eloquent" 65 | | 66 | */ 67 | 68 | 'providers' => [ 69 | 'users' => [ 70 | 'driver' => 'eloquent', 71 | 'model' => App\User::class, 72 | ], 73 | 74 | // 'users' => [ 75 | // 'driver' => 'database', 76 | // 'table' => 'users', 77 | // ], 78 | ], 79 | 80 | /* 81 | |-------------------------------------------------------------------------- 82 | | Resetting Passwords 83 | |-------------------------------------------------------------------------- 84 | | 85 | | You may specify multiple password reset configurations if you have more 86 | | than one user table or model in the application and you want to have 87 | | separate password reset settings based on the specific user types. 88 | | 89 | | The expire time is the number of minutes that the reset token should be 90 | | considered valid. This security feature keeps tokens short-lived so 91 | | they have less time to be guessed. You may change this as needed. 92 | | 93 | */ 94 | 95 | 'passwords' => [ 96 | 'users' => [ 97 | 'provider' => 'users', 98 | 'table' => 'password_resets', 99 | 'expire' => 60, 100 | 'throttle' => 60, 101 | ], 102 | ], 103 | 104 | /* 105 | |-------------------------------------------------------------------------- 106 | | Password Confirmation Timeout 107 | |-------------------------------------------------------------------------- 108 | | 109 | | Here you may define the amount of seconds before a password confirmation 110 | | times out and the user is prompted to re-enter their password via the 111 | | confirmation screen. By default, the timeout lasts for three hours. 112 | | 113 | */ 114 | 115 | 'password_timeout' => 10800, 116 | 117 | ]; 118 | -------------------------------------------------------------------------------- /config/broadcasting.php: -------------------------------------------------------------------------------- 1 | env('BROADCAST_DRIVER', 'null'), 19 | 20 | /* 21 | |-------------------------------------------------------------------------- 22 | | Broadcast Connections 23 | |-------------------------------------------------------------------------- 24 | | 25 | | Here you may define all of the broadcast connections that will be used 26 | | to broadcast events to other systems or over websockets. Samples of 27 | | each available type of connection are provided inside this array. 28 | | 29 | */ 30 | 31 | 'connections' => [ 32 | 33 | 'pusher' => [ 34 | 'driver' => 'pusher', 35 | 'key' => env('PUSHER_APP_KEY'), 36 | 'secret' => env('PUSHER_APP_SECRET'), 37 | 'app_id' => env('PUSHER_APP_ID'), 38 | 'options' => [ 39 | 'cluster' => env('PUSHER_APP_CLUSTER'), 40 | 'useTLS' => true, 41 | ], 42 | ], 43 | 44 | 'redis' => [ 45 | 'driver' => 'redis', 46 | 'connection' => 'default', 47 | ], 48 | 49 | 'log' => [ 50 | 'driver' => 'log', 51 | ], 52 | 53 | 'null' => [ 54 | 'driver' => 'null', 55 | ], 56 | 57 | ], 58 | 59 | ]; 60 | -------------------------------------------------------------------------------- /config/cache.php: -------------------------------------------------------------------------------- 1 | env('CACHE_DRIVER', 'file'), 22 | 23 | /* 24 | |-------------------------------------------------------------------------- 25 | | Cache Stores 26 | |-------------------------------------------------------------------------- 27 | | 28 | | Here you may define all of the cache "stores" for your application as 29 | | well as their drivers. You may even define multiple stores for the 30 | | same cache driver to group types of items stored in your caches. 31 | | 32 | */ 33 | 34 | 'stores' => [ 35 | 36 | 'apc' => [ 37 | 'driver' => 'apc', 38 | ], 39 | 40 | 'array' => [ 41 | 'driver' => 'array', 42 | ], 43 | 44 | 'database' => [ 45 | 'driver' => 'database', 46 | 'table' => 'cache', 47 | 'connection' => null, 48 | ], 49 | 50 | 'file' => [ 51 | 'driver' => 'file', 52 | 'path' => storage_path('framework/cache/data'), 53 | ], 54 | 55 | 'memcached' => [ 56 | 'driver' => 'memcached', 57 | 'persistent_id' => env('MEMCACHED_PERSISTENT_ID'), 58 | 'sasl' => [ 59 | env('MEMCACHED_USERNAME'), 60 | env('MEMCACHED_PASSWORD'), 61 | ], 62 | 'options' => [ 63 | // Memcached::OPT_CONNECT_TIMEOUT => 2000, 64 | ], 65 | 'servers' => [ 66 | [ 67 | 'host' => env('MEMCACHED_HOST', '127.0.0.1'), 68 | 'port' => env('MEMCACHED_PORT', 11211), 69 | 'weight' => 100, 70 | ], 71 | ], 72 | ], 73 | 74 | 'redis' => [ 75 | 'driver' => 'redis', 76 | 'connection' => 'cache', 77 | ], 78 | 79 | 'dynamodb' => [ 80 | 'driver' => 'dynamodb', 81 | 'key' => env('AWS_ACCESS_KEY_ID'), 82 | 'secret' => env('AWS_SECRET_ACCESS_KEY'), 83 | 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'), 84 | 'table' => env('DYNAMODB_CACHE_TABLE', 'cache'), 85 | 'endpoint' => env('DYNAMODB_ENDPOINT'), 86 | ], 87 | 88 | ], 89 | 90 | /* 91 | |-------------------------------------------------------------------------- 92 | | Cache Key Prefix 93 | |-------------------------------------------------------------------------- 94 | | 95 | | When utilizing a RAM based store such as APC or Memcached, there might 96 | | be other applications utilizing the same cache. So, we'll specify a 97 | | value to get prefixed to all our keys so we can avoid collisions. 98 | | 99 | */ 100 | 101 | 'prefix' => env('CACHE_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_cache'), 102 | 103 | ]; 104 | -------------------------------------------------------------------------------- /config/database.php: -------------------------------------------------------------------------------- 1 | env('DB_CONNECTION', 'mysql'), 19 | 20 | /* 21 | |-------------------------------------------------------------------------- 22 | | Database Connections 23 | |-------------------------------------------------------------------------- 24 | | 25 | | Here are each of the database connections setup for your application. 26 | | Of course, examples of configuring each database platform that is 27 | | supported by Laravel is shown below to make development simple. 28 | | 29 | | 30 | | All database work in Laravel is done through the PHP PDO facilities 31 | | so make sure you have the driver for your particular database of 32 | | choice installed on your machine before you begin development. 33 | | 34 | */ 35 | 36 | 'connections' => [ 37 | 38 | 'sqlite' => [ 39 | 'driver' => 'sqlite', 40 | 'url' => env('DATABASE_URL'), 41 | 'database' => env('DB_DATABASE', database_path('database.sqlite')), 42 | 'prefix' => '', 43 | 'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true), 44 | ], 45 | 46 | 'mysql' => [ 47 | 'driver' => 'mysql', 48 | 'url' => env('DATABASE_URL'), 49 | 'host' => env('DB_HOST', '127.0.0.1'), 50 | 'port' => env('DB_PORT', '3306'), 51 | 'database' => env('DB_DATABASE', 'forge'), 52 | 'username' => env('DB_USERNAME', 'forge'), 53 | 'password' => env('DB_PASSWORD', ''), 54 | 'unix_socket' => env('DB_SOCKET', ''), 55 | 'charset' => 'utf8mb4', 56 | 'collation' => 'utf8mb4_unicode_ci', 57 | 'prefix' => '', 58 | 'prefix_indexes' => true, 59 | 'strict' => true, 60 | 'engine' => null, 61 | 'options' => extension_loaded('pdo_mysql') ? array_filter([ 62 | PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'), 63 | ]) : [], 64 | ], 65 | 66 | 'pgsql' => [ 67 | 'driver' => 'pgsql', 68 | 'url' => env('DATABASE_URL'), 69 | 'host' => env('DB_HOST', '127.0.0.1'), 70 | 'port' => env('DB_PORT', '5432'), 71 | 'database' => env('DB_DATABASE', 'forge'), 72 | 'username' => env('DB_USERNAME', 'forge'), 73 | 'password' => env('DB_PASSWORD', ''), 74 | 'charset' => 'utf8', 75 | 'prefix' => '', 76 | 'prefix_indexes' => true, 77 | 'schema' => 'public', 78 | 'sslmode' => 'prefer', 79 | ], 80 | 81 | 'sqlsrv' => [ 82 | 'driver' => 'sqlsrv', 83 | 'url' => env('DATABASE_URL'), 84 | 'host' => env('DB_HOST', 'localhost'), 85 | 'port' => env('DB_PORT', '1433'), 86 | 'database' => env('DB_DATABASE', 'forge'), 87 | 'username' => env('DB_USERNAME', 'forge'), 88 | 'password' => env('DB_PASSWORD', ''), 89 | 'charset' => 'utf8', 90 | 'prefix' => '', 91 | 'prefix_indexes' => true, 92 | ], 93 | 94 | ], 95 | 96 | /* 97 | |-------------------------------------------------------------------------- 98 | | Migration Repository Table 99 | |-------------------------------------------------------------------------- 100 | | 101 | | This table keeps track of all the migrations that have already run for 102 | | your application. Using this information, we can determine which of 103 | | the migrations on disk haven't actually been run in the database. 104 | | 105 | */ 106 | 107 | 'migrations' => 'migrations', 108 | 109 | /* 110 | |-------------------------------------------------------------------------- 111 | | Redis Databases 112 | |-------------------------------------------------------------------------- 113 | | 114 | | Redis is an open source, fast, and advanced key-value store that also 115 | | provides a richer body of commands than a typical key-value system 116 | | such as APC or Memcached. Laravel makes it easy to dig right in. 117 | | 118 | */ 119 | 120 | 'redis' => [ 121 | 122 | 'client' => env('REDIS_CLIENT', 'phpredis'), 123 | 124 | 'options' => [ 125 | 'cluster' => env('REDIS_CLUSTER', 'redis'), 126 | 'prefix' => env('REDIS_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_database_'), 127 | ], 128 | 129 | 'default' => [ 130 | 'url' => env('REDIS_URL'), 131 | 'host' => env('REDIS_HOST', '127.0.0.1'), 132 | 'password' => env('REDIS_PASSWORD', null), 133 | 'port' => env('REDIS_PORT', 6379), 134 | 'database' => env('REDIS_DB', 0), 135 | ], 136 | 137 | 'cache' => [ 138 | 'url' => env('REDIS_URL'), 139 | 'host' => env('REDIS_HOST', '127.0.0.1'), 140 | 'password' => env('REDIS_PASSWORD', null), 141 | 'port' => env('REDIS_PORT', 6379), 142 | 'database' => env('REDIS_CACHE_DB', 1), 143 | ], 144 | 145 | ], 146 | 147 | ]; 148 | -------------------------------------------------------------------------------- /config/filesystems.php: -------------------------------------------------------------------------------- 1 | env('FILESYSTEM_DRIVER', 'local'), 17 | 18 | /* 19 | |-------------------------------------------------------------------------- 20 | | Default Cloud Filesystem Disk 21 | |-------------------------------------------------------------------------- 22 | | 23 | | Many applications store files both locally and in the cloud. For this 24 | | reason, you may specify a default "cloud" driver here. This driver 25 | | will be bound as the Cloud disk implementation in the container. 26 | | 27 | */ 28 | 29 | 'cloud' => env('FILESYSTEM_CLOUD', 's3'), 30 | 31 | /* 32 | |-------------------------------------------------------------------------- 33 | | Filesystem Disks 34 | |-------------------------------------------------------------------------- 35 | | 36 | | Here you may configure as many filesystem "disks" as you wish, and you 37 | | may even configure multiple disks of the same driver. Defaults have 38 | | been setup for each driver as an example of the required options. 39 | | 40 | | Supported Drivers: "local", "ftp", "sftp", "s3" 41 | | 42 | */ 43 | 44 | 'disks' => [ 45 | 46 | 'local' => [ 47 | 'driver' => 'local', 48 | 'root' => storage_path('app'), 49 | ], 50 | 51 | 'public' => [ 52 | 'driver' => 'local', 53 | 'root' => storage_path('app/public'), 54 | 'url' => env('APP_URL').'/storage', 55 | 'visibility' => 'public', 56 | ], 57 | 58 | 's3' => [ 59 | 'driver' => 's3', 60 | 'key' => env('AWS_ACCESS_KEY_ID'), 61 | 'secret' => env('AWS_SECRET_ACCESS_KEY'), 62 | 'region' => env('AWS_DEFAULT_REGION'), 63 | 'bucket' => env('AWS_BUCKET'), 64 | 'url' => env('AWS_URL'), 65 | ], 66 | 67 | ], 68 | 69 | ]; 70 | -------------------------------------------------------------------------------- /config/hashing.php: -------------------------------------------------------------------------------- 1 | 'bcrypt', 19 | 20 | /* 21 | |-------------------------------------------------------------------------- 22 | | Bcrypt Options 23 | |-------------------------------------------------------------------------- 24 | | 25 | | Here you may specify the configuration options that should be used when 26 | | passwords are hashed using the Bcrypt algorithm. This will allow you 27 | | to control the amount of time it takes to hash the given password. 28 | | 29 | */ 30 | 31 | 'bcrypt' => [ 32 | 'rounds' => env('BCRYPT_ROUNDS', 10), 33 | ], 34 | 35 | /* 36 | |-------------------------------------------------------------------------- 37 | | Argon Options 38 | |-------------------------------------------------------------------------- 39 | | 40 | | Here you may specify the configuration options that should be used when 41 | | passwords are hashed using the Argon algorithm. These will allow you 42 | | to control the amount of time it takes to hash the given password. 43 | | 44 | */ 45 | 46 | 'argon' => [ 47 | 'memory' => 1024, 48 | 'threads' => 2, 49 | 'time' => 2, 50 | ], 51 | 52 | ]; 53 | -------------------------------------------------------------------------------- /config/logging.php: -------------------------------------------------------------------------------- 1 | env('LOG_CHANNEL', 'stack'), 21 | 22 | /* 23 | |-------------------------------------------------------------------------- 24 | | Log Channels 25 | |-------------------------------------------------------------------------- 26 | | 27 | | Here you may configure the log channels for your application. Out of 28 | | the box, Laravel uses the Monolog PHP logging library. This gives 29 | | you a variety of powerful log handlers / formatters to utilize. 30 | | 31 | | Available Drivers: "single", "daily", "slack", "syslog", 32 | | "errorlog", "monolog", 33 | | "custom", "stack" 34 | | 35 | */ 36 | 37 | 'channels' => [ 38 | 'stack' => [ 39 | 'driver' => 'stack', 40 | 'channels' => ['daily'], 41 | 'ignore_exceptions' => false, 42 | ], 43 | 44 | 'single' => [ 45 | 'driver' => 'single', 46 | 'path' => storage_path('logs/laravel.log'), 47 | 'level' => 'debug', 48 | ], 49 | 50 | 'daily' => [ 51 | 'driver' => 'daily', 52 | 'path' => storage_path('logs/laravel.log'), 53 | 'level' => 'debug', 54 | 'days' => 14, 55 | ], 56 | 57 | 'slack' => [ 58 | 'driver' => 'slack', 59 | 'url' => env('LOG_SLACK_WEBHOOK_URL'), 60 | 'username' => 'Laravel Log', 61 | 'emoji' => ':boom:', 62 | 'level' => 'critical', 63 | ], 64 | 65 | 'papertrail' => [ 66 | 'driver' => 'monolog', 67 | 'level' => 'debug', 68 | 'handler' => SyslogUdpHandler::class, 69 | 'handler_with' => [ 70 | 'host' => env('PAPERTRAIL_URL'), 71 | 'port' => env('PAPERTRAIL_PORT'), 72 | ], 73 | ], 74 | 75 | 'stderr' => [ 76 | 'driver' => 'monolog', 77 | 'handler' => StreamHandler::class, 78 | 'formatter' => env('LOG_STDERR_FORMATTER'), 79 | 'with' => [ 80 | 'stream' => 'php://stderr', 81 | ], 82 | ], 83 | 84 | 'syslog' => [ 85 | 'driver' => 'syslog', 86 | 'level' => 'debug', 87 | ], 88 | 89 | 'errorlog' => [ 90 | 'driver' => 'errorlog', 91 | 'level' => 'debug', 92 | ], 93 | 94 | 'null' => [ 95 | 'driver' => 'monolog', 96 | 'handler' => NullHandler::class, 97 | ], 98 | ], 99 | 100 | ]; 101 | -------------------------------------------------------------------------------- /config/mail.php: -------------------------------------------------------------------------------- 1 | env('MAIL_DRIVER', 'smtp'), 20 | 21 | /* 22 | |-------------------------------------------------------------------------- 23 | | SMTP Host Address 24 | |-------------------------------------------------------------------------- 25 | | 26 | | Here you may provide the host address of the SMTP server used by your 27 | | applications. A default option is provided that is compatible with 28 | | the Mailgun mail service which will provide reliable deliveries. 29 | | 30 | */ 31 | 32 | 'host' => env('MAIL_HOST', 'smtp.mailtrap.io'), 33 | 34 | /* 35 | |-------------------------------------------------------------------------- 36 | | SMTP Host Port 37 | |-------------------------------------------------------------------------- 38 | | 39 | | This is the SMTP port used by your application to deliver e-mails to 40 | | users of the application. Like the host we have set this value to 41 | | stay compatible with the Mailgun e-mail application by default. 42 | | 43 | */ 44 | 45 | 'port' => env('MAIL_PORT', 587), 46 | 47 | /* 48 | |-------------------------------------------------------------------------- 49 | | Global "From" Address 50 | |-------------------------------------------------------------------------- 51 | | 52 | | You may wish for all e-mails sent by your application to be sent from 53 | | the same address. Here, you may specify a name and address that is 54 | | used globally for all e-mails that are sent by your application. 55 | | 56 | */ 57 | 58 | 'from' => [ 59 | 'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'), 60 | 'name' => env('MAIL_FROM_NAME', 'Example'), 61 | ], 62 | 63 | /* 64 | |-------------------------------------------------------------------------- 65 | | E-Mail Encryption Protocol 66 | |-------------------------------------------------------------------------- 67 | | 68 | | Here you may specify the encryption protocol that should be used when 69 | | the application send e-mail messages. A sensible default using the 70 | | transport layer security protocol should provide great security. 71 | | 72 | */ 73 | 74 | 'encryption' => env('MAIL_ENCRYPTION', 'tls'), 75 | 76 | /* 77 | |-------------------------------------------------------------------------- 78 | | SMTP Server Username 79 | |-------------------------------------------------------------------------- 80 | | 81 | | If your SMTP server requires a username for authentication, you should 82 | | set it here. This will get used to authenticate with your server on 83 | | connection. You may also set the "password" value below this one. 84 | | 85 | */ 86 | 87 | 'username' => env('MAIL_USERNAME'), 88 | 89 | 'password' => env('MAIL_PASSWORD'), 90 | 91 | /* 92 | |-------------------------------------------------------------------------- 93 | | Sendmail System Path 94 | |-------------------------------------------------------------------------- 95 | | 96 | | When using the "sendmail" driver to send e-mails, we will need to know 97 | | the path to where Sendmail lives on this server. A default path has 98 | | been provided here, which will work well on most of your systems. 99 | | 100 | */ 101 | 102 | 'sendmail' => '/usr/sbin/sendmail -bs', 103 | 104 | /* 105 | |-------------------------------------------------------------------------- 106 | | Markdown Mail Settings 107 | |-------------------------------------------------------------------------- 108 | | 109 | | If you are using Markdown based email rendering, you may configure your 110 | | theme and component paths here, allowing you to customize the design 111 | | of the emails. Or, you may simply stick with the Laravel defaults! 112 | | 113 | */ 114 | 115 | 'markdown' => [ 116 | 'theme' => 'default', 117 | 118 | 'paths' => [ 119 | resource_path('views/vendor/mail'), 120 | ], 121 | ], 122 | 123 | /* 124 | |-------------------------------------------------------------------------- 125 | | Log Channel 126 | |-------------------------------------------------------------------------- 127 | | 128 | | If you are using the "log" driver, you may specify the logging channel 129 | | if you prefer to keep mail messages separate from other log entries 130 | | for simpler reading. Otherwise, the default channel will be used. 131 | | 132 | */ 133 | 134 | 'log_channel' => env('MAIL_LOG_CHANNEL'), 135 | 136 | ]; 137 | -------------------------------------------------------------------------------- /config/queue.php: -------------------------------------------------------------------------------- 1 | env('QUEUE_CONNECTION', 'sync'), 17 | 18 | /* 19 | |-------------------------------------------------------------------------- 20 | | Queue Connections 21 | |-------------------------------------------------------------------------- 22 | | 23 | | Here you may configure the connection information for each server that 24 | | is used by your application. A default configuration has been added 25 | | for each back-end shipped with Laravel. You are free to add more. 26 | | 27 | | Drivers: "sync", "database", "beanstalkd", "sqs", "redis", "null" 28 | | 29 | */ 30 | 31 | 'connections' => [ 32 | 33 | 'sync' => [ 34 | 'driver' => 'sync', 35 | ], 36 | 37 | 'database' => [ 38 | 'driver' => 'database', 39 | 'table' => 'jobs', 40 | 'queue' => 'default', 41 | 'retry_after' => 90, 42 | ], 43 | 44 | 'beanstalkd' => [ 45 | 'driver' => 'beanstalkd', 46 | 'host' => 'localhost', 47 | 'queue' => 'default', 48 | 'retry_after' => 90, 49 | 'block_for' => 0, 50 | ], 51 | 52 | 'sqs' => [ 53 | 'driver' => 'sqs', 54 | 'key' => env('AWS_ACCESS_KEY_ID'), 55 | 'secret' => env('AWS_SECRET_ACCESS_KEY'), 56 | 'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'), 57 | 'queue' => env('SQS_QUEUE', 'your-queue-name'), 58 | 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'), 59 | ], 60 | 61 | 'redis' => [ 62 | 'driver' => 'redis', 63 | 'connection' => 'default', 64 | 'queue' => env('REDIS_QUEUE', 'default'), 65 | 'retry_after' => 90, 66 | 'block_for' => null, 67 | ], 68 | 69 | ], 70 | 71 | /* 72 | |-------------------------------------------------------------------------- 73 | | Failed Queue Jobs 74 | |-------------------------------------------------------------------------- 75 | | 76 | | These options configure the behavior of failed queue job logging so you 77 | | can control which database and table are used to store the jobs that 78 | | have failed. You may change them to any database / table you wish. 79 | | 80 | */ 81 | 82 | 'failed' => [ 83 | 'driver' => env('QUEUE_FAILED_DRIVER', 'database'), 84 | 'database' => env('DB_CONNECTION', 'mysql'), 85 | 'table' => 'failed_jobs', 86 | ], 87 | 88 | ]; 89 | -------------------------------------------------------------------------------- /config/services.php: -------------------------------------------------------------------------------- 1 | [ 18 | 'domain' => env('MAILGUN_DOMAIN'), 19 | 'secret' => env('MAILGUN_SECRET'), 20 | 'endpoint' => env('MAILGUN_ENDPOINT', 'api.mailgun.net'), 21 | ], 22 | 23 | 'postmark' => [ 24 | 'token' => env('POSTMARK_TOKEN'), 25 | ], 26 | 27 | 'ses' => [ 28 | 'key' => env('AWS_ACCESS_KEY_ID'), 29 | 'secret' => env('AWS_SECRET_ACCESS_KEY'), 30 | 'region' => env('AWS_DEFAULT_REGION', 'us-east-1'), 31 | ], 32 | 33 | ]; 34 | -------------------------------------------------------------------------------- /config/session.php: -------------------------------------------------------------------------------- 1 | env('SESSION_DRIVER', 'file'), 22 | 23 | /* 24 | |-------------------------------------------------------------------------- 25 | | Session Lifetime 26 | |-------------------------------------------------------------------------- 27 | | 28 | | Here you may specify the number of minutes that you wish the session 29 | | to be allowed to remain idle before it expires. If you want them 30 | | to immediately expire on the browser closing, set that option. 31 | | 32 | */ 33 | 34 | 'lifetime' => env('SESSION_LIFETIME', 120), 35 | 36 | 'expire_on_close' => false, 37 | 38 | /* 39 | |-------------------------------------------------------------------------- 40 | | Session Encryption 41 | |-------------------------------------------------------------------------- 42 | | 43 | | This option allows you to easily specify that all of your session data 44 | | should be encrypted before it is stored. All encryption will be run 45 | | automatically by Laravel and you can use the Session like normal. 46 | | 47 | */ 48 | 49 | 'encrypt' => false, 50 | 51 | /* 52 | |-------------------------------------------------------------------------- 53 | | Session File Location 54 | |-------------------------------------------------------------------------- 55 | | 56 | | When using the native session driver, we need a location where session 57 | | files may be stored. A default has been set for you but a different 58 | | location may be specified. This is only needed for file sessions. 59 | | 60 | */ 61 | 62 | 'files' => storage_path('framework/sessions'), 63 | 64 | /* 65 | |-------------------------------------------------------------------------- 66 | | Session Database Connection 67 | |-------------------------------------------------------------------------- 68 | | 69 | | When using the "database" or "redis" session drivers, you may specify a 70 | | connection that should be used to manage these sessions. This should 71 | | correspond to a connection in your database configuration options. 72 | | 73 | */ 74 | 75 | 'connection' => env('SESSION_CONNECTION', null), 76 | 77 | /* 78 | |-------------------------------------------------------------------------- 79 | | Session Database Table 80 | |-------------------------------------------------------------------------- 81 | | 82 | | When using the "database" session driver, you may specify the table we 83 | | should use to manage the sessions. Of course, a sensible default is 84 | | provided for you; however, you are free to change this as needed. 85 | | 86 | */ 87 | 88 | 'table' => 'sessions', 89 | 90 | /* 91 | |-------------------------------------------------------------------------- 92 | | Session Cache Store 93 | |-------------------------------------------------------------------------- 94 | | 95 | | When using the "apc", "memcached", or "dynamodb" session drivers you may 96 | | list a cache store that should be used for these sessions. This value 97 | | must match with one of the application's configured cache "stores". 98 | | 99 | */ 100 | 101 | 'store' => env('SESSION_STORE', null), 102 | 103 | /* 104 | |-------------------------------------------------------------------------- 105 | | Session Sweeping Lottery 106 | |-------------------------------------------------------------------------- 107 | | 108 | | Some session drivers must manually sweep their storage location to get 109 | | rid of old sessions from storage. Here are the chances that it will 110 | | happen on a given request. By default, the odds are 2 out of 100. 111 | | 112 | */ 113 | 114 | 'lottery' => [2, 100], 115 | 116 | /* 117 | |-------------------------------------------------------------------------- 118 | | Session Cookie Name 119 | |-------------------------------------------------------------------------- 120 | | 121 | | Here you may change the name of the cookie used to identify a session 122 | | instance by ID. The name specified here will get used every time a 123 | | new session cookie is created by the framework for every driver. 124 | | 125 | */ 126 | 127 | 'cookie' => env( 128 | 'SESSION_COOKIE', 129 | Str::slug(env('APP_NAME', 'laravel'), '_').'_session' 130 | ), 131 | 132 | /* 133 | |-------------------------------------------------------------------------- 134 | | Session Cookie Path 135 | |-------------------------------------------------------------------------- 136 | | 137 | | The session cookie path determines the path for which the cookie will 138 | | be regarded as available. Typically, this will be the root path of 139 | | your application but you are free to change this when necessary. 140 | | 141 | */ 142 | 143 | 'path' => '/', 144 | 145 | /* 146 | |-------------------------------------------------------------------------- 147 | | Session Cookie Domain 148 | |-------------------------------------------------------------------------- 149 | | 150 | | Here you may change the domain of the cookie used to identify a session 151 | | in your application. This will determine which domains the cookie is 152 | | available to in your application. A sensible default has been set. 153 | | 154 | */ 155 | 156 | 'domain' => env('SESSION_DOMAIN', null), 157 | 158 | /* 159 | |-------------------------------------------------------------------------- 160 | | HTTPS Only Cookies 161 | |-------------------------------------------------------------------------- 162 | | 163 | | By setting this option to true, session cookies will only be sent back 164 | | to the server if the browser has a HTTPS connection. This will keep 165 | | the cookie from being sent to you if it can not be done securely. 166 | | 167 | */ 168 | 169 | 'secure' => env('SESSION_SECURE_COOKIE', false), 170 | 171 | /* 172 | |-------------------------------------------------------------------------- 173 | | HTTP Access Only 174 | |-------------------------------------------------------------------------- 175 | | 176 | | Setting this value to true will prevent JavaScript from accessing the 177 | | value of the cookie and the cookie will only be accessible through 178 | | the HTTP protocol. You are free to modify this option if needed. 179 | | 180 | */ 181 | 182 | 'http_only' => true, 183 | 184 | /* 185 | |-------------------------------------------------------------------------- 186 | | Same-Site Cookies 187 | |-------------------------------------------------------------------------- 188 | | 189 | | This option determines how your cookies behave when cross-site requests 190 | | take place, and can be used to mitigate CSRF attacks. By default, we 191 | | do not enable this as other CSRF protection services are in place. 192 | | 193 | | Supported: "lax", "strict" 194 | | 195 | */ 196 | 197 | 'same_site' => null, 198 | 199 | ]; 200 | -------------------------------------------------------------------------------- /config/view.php: -------------------------------------------------------------------------------- 1 | [ 17 | resource_path('views'), 18 | ], 19 | 20 | /* 21 | |-------------------------------------------------------------------------- 22 | | Compiled View Path 23 | |-------------------------------------------------------------------------- 24 | | 25 | | This option determines where all the compiled Blade templates will be 26 | | stored for your application. Typically, this is within the storage 27 | | directory. However, as usual, you are free to change this value. 28 | | 29 | */ 30 | 31 | 'compiled' => env( 32 | 'VIEW_COMPILED_PATH', 33 | realpath(storage_path('framework/views')) 34 | ), 35 | 36 | ]; 37 | -------------------------------------------------------------------------------- /database/.gitignore: -------------------------------------------------------------------------------- 1 | *.sqlite 2 | *.sqlite-journal 3 | -------------------------------------------------------------------------------- /database/factories/UserFactory.php: -------------------------------------------------------------------------------- 1 | define(User::class, function (Faker $faker) { 20 | return [ 21 | 'name' => $faker->name, 22 | 'email' => $faker->unique()->safeEmail, 23 | 'email_verified_at' => now(), 24 | 'password' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', // password 25 | 'remember_token' => Str::random(10), 26 | ]; 27 | }); 28 | -------------------------------------------------------------------------------- /database/migrations/2019_11_05_094345_create_forms_table.php: -------------------------------------------------------------------------------- 1 | bigIncrements('id'); 18 | $table->string('form_name')->nullable(); 19 | $table->timestamps(); 20 | }); 21 | } 22 | 23 | /** 24 | * Reverse the migrations. 25 | * 26 | * @return void 27 | */ 28 | public function down() 29 | { 30 | Schema::dropIfExists('forms'); 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /database/migrations/2019_11_05_094809_create_fields_table.php: -------------------------------------------------------------------------------- 1 | bigIncrements('id'); 18 | $table->enum('field_type', ['input', 'textarea', 'select', 'radio', 'checkbox']); 19 | }); 20 | } 21 | 22 | /** 23 | * Reverse the migrations. 24 | * 25 | * @return void 26 | */ 27 | public function down() 28 | { 29 | Schema::dropIfExists('fields'); 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /database/migrations/2019_11_05_094833_create_form_fields_table.php: -------------------------------------------------------------------------------- 1 | bigIncrements('id'); 19 | $table->integer('form_id'); 20 | $table->integer('field_id'); 21 | $table->json('options')->nullable(); 22 | }); 23 | } 24 | 25 | /** 26 | * Reverse the migrations. 27 | * 28 | * @return void 29 | */ 30 | public function down() 31 | { 32 | Schema::dropIfExists('form_fields'); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /database/seeds/DatabaseSeeder.php: -------------------------------------------------------------------------------- 1 | call(FieldsSeeder::class); 15 | $this->call(FormSeeder::class); 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /database/seeds/FieldsSeeder.php: -------------------------------------------------------------------------------- 1 | "input"], 19 | ['field_type' => "textarea"], 20 | ['field_type' => "select"], 21 | ]); 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /database/seeds/FormSeeder.php: -------------------------------------------------------------------------------- 1 | 'Test Form' 21 | ]); 22 | 23 | // make the options json for each field & attach to the form 24 | /*$fields = Field::all()->map(function($field) { 25 | return ['id' => $field->id, 'type' => $field->field_type]; 26 | }); 27 | 28 | $random = collect([$fields->shuffle(), $fields->shuffle(), $fields->shuffle()]); 29 | 30 | $options = $random->flatten(1)->map(function($field_group){ 31 | 32 | switch ($field_group['type']) { 33 | case 'textarea': 34 | $config = [ 35 | 'label' => 'Textarea', 36 | 'rows' => 4, 37 | 'validation' => [ 38 | 'required' => Arr::random([0, 1]) 39 | ] 40 | ]; 41 | break; 42 | 43 | case 'select': 44 | $config = [ 45 | 'label' => 'Drop-Down', 46 | 'values' => "The Division 2, Modern Warfare, BattleField V, Apex Legends", 47 | 'validation' => [ 48 | 'required' => Arr::random([0, 1]) 49 | ] 50 | ]; 51 | break; 52 | 53 | default: 54 | $config = [ 55 | 'label' => 'Input Field', 56 | 'type' => Arr::random(["text", "email", "phone", "date"]), 57 | 'validation' => [ 58 | 'required' => Arr::random([0, 1]) 59 | ] 60 | ]; 61 | break; 62 | } 63 | 64 | return ['id' => $field_group['id'], 'data' => ['options' => json_encode($config)]]; 65 | }); 66 | 67 | $options->each(function($option) use ($form) { 68 | $form->fields()->attach($option['id'], $option['data']); 69 | });*/ 70 | } 71 | } 72 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "private": true, 3 | "scripts": { 4 | "dev": "npm run development", 5 | "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", 6 | "watch": "npm run development -- --watch", 7 | "watch-poll": "npm run watch -- --watch-poll", 8 | "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", 9 | "prod": "npm run production", 10 | "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" 11 | }, 12 | "devDependencies": { 13 | "@babel/plugin-proposal-class-properties": "^7.5.5", 14 | "@babel/plugin-transform-react-jsx-source": "^7.5.0", 15 | "@babel/preset-react": "^7.6.3", 16 | "axios": "^0.19", 17 | "bootstrap": "^4.0.0", 18 | "cross-env": "^5.2", 19 | "jquery": "^3.2", 20 | "laravel-mix": "^4.1.4", 21 | "lodash": "^4.17.13", 22 | "lodash.uniqueid": "^4.0.1", 23 | "popper.js": "^1.12", 24 | "react": "^16.11.0", 25 | "react-dom": "^16.11.0", 26 | "react-smooth-dnd": "^0.11.1", 27 | "resolve-url-loader": "^3.1.0", 28 | "sass": "^1.15.2", 29 | "sass-loader": "^7.1.0" 30 | }, 31 | "dependencies": { 32 | "react-datepicker": "^2.10.0" 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /phpunit.xml: -------------------------------------------------------------------------------- 1 | 2 | 13 | 14 | 15 | ./tests/Unit 16 | 17 | 18 | 19 | ./tests/Feature 20 | 21 | 22 | 23 | 24 | ./app 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /public/.htaccess: -------------------------------------------------------------------------------- 1 | 2 | 3 | Options -MultiViews -Indexes 4 | 5 | 6 | RewriteEngine On 7 | 8 | # Handle Authorization Header 9 | RewriteCond %{HTTP:Authorization} . 10 | RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}] 11 | 12 | # Redirect Trailing Slashes If Not A Folder... 13 | RewriteCond %{REQUEST_FILENAME} !-d 14 | RewriteCond %{REQUEST_URI} (.+)/$ 15 | RewriteRule ^ %1 [L,R=301] 16 | 17 | # Handle Front Controller... 18 | RewriteCond %{REQUEST_FILENAME} !-d 19 | RewriteCond %{REQUEST_FILENAME} !-f 20 | RewriteRule ^ index.php [L] 21 | 22 | -------------------------------------------------------------------------------- /public/css/style.css: -------------------------------------------------------------------------------- 1 | #page-container { 2 | position: relative; 3 | min-height: 100vh; 4 | } 5 | 6 | #content-wrap { 7 | padding-bottom: 2.5rem; /* Footer height */ 8 | } 9 | 10 | #footer { 11 | position: absolute; 12 | bottom: 0; 13 | width: 100%; 14 | height: 2.5rem; /* Footer height */ 15 | } -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devsrv/laravel-form-builder/3f2b70aea4a1a6def37bc2506cb5d5d2aaa671ca/public/favicon.ico -------------------------------------------------------------------------------- /public/index.php: -------------------------------------------------------------------------------- 1 | 8 | */ 9 | 10 | define('LARAVEL_START', microtime(true)); 11 | 12 | /* 13 | |-------------------------------------------------------------------------- 14 | | Register The Auto Loader 15 | |-------------------------------------------------------------------------- 16 | | 17 | | Composer provides a convenient, automatically generated class loader for 18 | | our application. We just need to utilize it! We'll simply require it 19 | | into the script here so that we don't have to worry about manual 20 | | loading any of our classes later on. It feels great to relax. 21 | | 22 | */ 23 | 24 | require __DIR__.'/../vendor/autoload.php'; 25 | 26 | /* 27 | |-------------------------------------------------------------------------- 28 | | Turn On The Lights 29 | |-------------------------------------------------------------------------- 30 | | 31 | | We need to illuminate PHP development, so let us turn on the lights. 32 | | This bootstraps the framework and gets it ready for use, then it 33 | | will load up this application so that we can run it and send 34 | | the responses back to the browser and delight our users. 35 | | 36 | */ 37 | 38 | $app = require_once __DIR__.'/../bootstrap/app.php'; 39 | 40 | /* 41 | |-------------------------------------------------------------------------- 42 | | Run The Application 43 | |-------------------------------------------------------------------------- 44 | | 45 | | Once we have the application, we can handle the incoming request 46 | | through the kernel, and send the associated response back to 47 | | the client's browser allowing them to enjoy the creative 48 | | and wonderful application we have prepared for them. 49 | | 50 | */ 51 | 52 | $kernel = $app->make(Illuminate\Contracts\Http\Kernel::class); 53 | 54 | $response = $kernel->handle( 55 | $request = Illuminate\Http\Request::capture() 56 | ); 57 | 58 | $response->send(); 59 | 60 | $kernel->terminate($request, $response); 61 | -------------------------------------------------------------------------------- /public/mix-manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "/js/formbuilder/main.js": "/js/formbuilder/main.js" 3 | } 4 | -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Disallow: 3 | -------------------------------------------------------------------------------- /resources/css/builder.css: -------------------------------------------------------------------------------- 1 | *{ 2 | font-family: 'Oxygen', sans-serif; 3 | } 4 | 5 | body{ 6 | height: 100%; 7 | width: 100%; 8 | } 9 | .app{ 10 | display: flex; 11 | position: fixed; 12 | top: 0; 13 | bottom: 0; 14 | left:0; 15 | right: 0; 16 | } 17 | 18 | .demo-panel{ 19 | flex:1; 20 | overflow-x: auto; 21 | background-color: #f8f9fa; 22 | } 23 | 24 | .nav-panel{ 25 | flex-shrink: 0; 26 | width: 300px; 27 | } 28 | 29 | .demo-navigator{ 30 | list-style: none; 31 | box-sizing: border-box; 32 | position: fixed; 33 | width: 300px; 34 | bottom: 0px; 35 | top: 0px; 36 | left: 0px; 37 | padding: 0px; 38 | margin: 0; 39 | box-shadow: 1px 0px 5px #ccc; 40 | z-index: 1; 41 | } 42 | 43 | .demo-navigator li{ 44 | height: 50px; 45 | display: block; 46 | } 47 | 48 | .demo-header { 49 | height: 50px; 50 | background-color: #eee; 51 | } 52 | 53 | .source-code{ 54 | float: right; 55 | height: 60px; 56 | line-height: 60px; 57 | vertical-align: middle; 58 | cursor: pointer; 59 | } 60 | 61 | .source-code img{ 62 | width: 30px; 63 | height: 30px; 64 | vertical-align: middle; 65 | } 66 | 67 | .source-code span{ 68 | font-size: 14px; 69 | color: #eee; 70 | margin-left: 10px; 71 | vertical-align: middle; 72 | } 73 | 74 | .demo-navigator button { 75 | border: 1px solid #348; 76 | text-align: center; 77 | height: 100%; 78 | width : 100%; 79 | display: block; 80 | background-color: rgb(64, 105, 182); 81 | cursor: pointer; 82 | outline: 0; 83 | color: white; 84 | border-top: 1px solid rgb(116, 137, 223); 85 | border-bottom: 1px solid rgb(43, 76, 185); 86 | transition: all .2s ease; 87 | font-size: 16px; 88 | } 89 | 90 | .demo-navigator button:hover { 91 | background-color: rgb(47, 94, 182); 92 | } 93 | 94 | 95 | .simple-page{ 96 | max-width: 500px; 97 | margin-left: auto; 98 | margin-right: auto; 99 | margin-top: 50px; 100 | margin-bottom: 50px; 101 | } 102 | 103 | .simple-page-scroller{ 104 | max-width: 500px; 105 | margin-left: auto; 106 | margin-right: auto; 107 | margin-top: 50px; 108 | overflow-y: auto; 109 | height: 80vh; 110 | } 111 | 112 | .draggable-pallet-item{ 113 | background-color: #212529; 114 | border: 1px solid #212529; 115 | padding: 26px 26px 0px; 116 | margin-bottom: 25px; 117 | margin-top: 2px; 118 | } 119 | 120 | .draggable-board-item{ 121 | padding: 26px 26px 0px; 122 | } 123 | 124 | div.smooth-dnd-container.vertical{ 125 | width: 100%; 126 | } 127 | 128 | .draggable-item-horizontal{ 129 | height: 300px; 130 | padding: 10px; 131 | line-height: 100px; 132 | text-align: center; 133 | /* width : 200px; */ 134 | display: block; 135 | background-color: #fff; 136 | outline: 0; 137 | border: 1px solid rgba(0,0,0,.125); 138 | margin-right: 4px; 139 | } 140 | 141 | .form-demo{ 142 | width: 650px; 143 | margin-left: auto; 144 | margin-right: auto; 145 | margin-top: 50px; 146 | display: flex 147 | } 148 | 149 | .form{ 150 | flex: 3; 151 | /* width: 500px; */ 152 | /* background-color: #f3f3f3; */ 153 | border: 1px solid rgba(0,0,0,.125); 154 | border-radius: 6px; 155 | box-shadow: 3px 3px 3px rgba(0,0,0,0.08), 0px 3px 3px rgba(0,0,0,0.08); 156 | } 157 | 158 | .form-fields-panel{ 159 | flex: 1; 160 | margin-right: 50px; 161 | } 162 | 163 | .form-field{ 164 | height: 50px; 165 | width: 250px; 166 | line-height: 30px; 167 | vertical-align: middle; 168 | padding: 10px; 169 | background-color: #fff; 170 | border: 1px solid #eee; 171 | border-top: 1px solid #fff; 172 | border-bottom: 1px solid #ddd; 173 | /* background-color: #eee; */ 174 | cursor: move; 175 | 176 | } 177 | 178 | .form-line { 179 | padding: 20px 30px; 180 | background-color: #f8f9fa; 181 | border: 1px solid transparent; 182 | border-radius: 6px; 183 | transition: all .3s ease; 184 | transition-property: border-color, background-color; 185 | cursor: move; 186 | } 187 | 188 | .form-line.selected { 189 | /* border: 1px solid #ddd; */ 190 | background-color: #f8f9fa; 191 | /* box-shadow: 0px 0px 10px 10px #ccc; */ 192 | } 193 | 194 | .form-ghost{ 195 | transition: 0.18s ease; 196 | box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.08); 197 | } 198 | 199 | .form-ghost-drop{ 200 | box-shadow: 0 0 2px 5px rgba(0,0,0,0.0); 201 | } 202 | 203 | .form-submit-button{ 204 | border: 0; 205 | width: 100%; 206 | vertical-align: middle; 207 | height: 40px; 208 | color: #eee; 209 | background-color: cornflowerblue; 210 | cursor: pointer; 211 | } 212 | 213 | .label { 214 | margin-bottom: 5px; 215 | } 216 | 217 | .field { 218 | cursor: auto; 219 | } 220 | 221 | .field input, .field textarea, .field select { 222 | width: 100%; 223 | padding: 10px; 224 | border: 1px solid #ddd; 225 | border-radius: 3px; 226 | outline: none; 227 | transition: border-color .3s ease; 228 | } 229 | 230 | .field input[type="radio"], .field input[type="checkbox"] { 231 | width: auto; 232 | } 233 | 234 | .field input:focus, textarea:focus { 235 | border: 1px solid #80bdff; 236 | box-shadow: 0 0 3px 0px #80bdff; 237 | } 238 | 239 | .field-group input, .field-group textarea, .field-group select{ 240 | width: 49%; 241 | margin-right: 2%; 242 | } 243 | 244 | input:last-child{ 245 | margin-right: 0; 246 | } 247 | 248 | .dragging { 249 | background-color: yellow; 250 | } 251 | 252 | .card-scene{ 253 | padding: 50px; 254 | /* background-color: #fff; */ 255 | } 256 | 257 | .card-container{ 258 | width: 320px; 259 | padding: 10px; 260 | margin: 5px; 261 | margin-right: 45px; 262 | background-color: #f3f3f3; 263 | box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24); 264 | } 265 | 266 | .card{ 267 | margin: 5px; 268 | /* border: 1px solid #ccc; */ 269 | background-color: white; 270 | box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24); 271 | } 272 | 273 | .card-column-header{ 274 | font-size: 18px; 275 | } 276 | 277 | .column-drag-handle{ 278 | cursor: move; 279 | padding: 5px; 280 | } 281 | 282 | .card-ghost { 283 | transition: transform 0.18s ease; 284 | transform: rotateZ(5deg) 285 | } 286 | 287 | .card-ghost-drop{ 288 | transition: transform 0.18s ease-in-out; 289 | transform: rotateZ(0deg) 290 | } 291 | 292 | .opacity-ghost { 293 | transition: all .18s ease; 294 | opacity: 0.8; 295 | cursor: ns-resize; 296 | /* transform: rotateZ(5deg); */ 297 | background-color: rgb(9, 26, 59); 298 | box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.3); 299 | cursor: ns-resize; 300 | } 301 | 302 | .opacity-ghost-drop { 303 | opacity: 1; 304 | /* transform: rotateZ(0deg); */ 305 | background-color: white; 306 | box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.0); 307 | } 308 | 309 | .drop-zone { 310 | display: flex; 311 | flex-wrap: wrap; 312 | } 313 | 314 | .drop-zone-container{ 315 | transition: background-color 0.2s ease; 316 | width: 100px; 317 | height: 100px; 318 | border: 5px solid #348; 319 | background-color: #80bdff; 320 | border-radius: 100px; 321 | margin: 20px; 322 | } 323 | 324 | .drop-zone-container.hover{ 325 | background-color: yellow; 326 | transform: scale(1.02); 327 | } 328 | 329 | .drop-zone-draggable{ 330 | width: 80px; 331 | height: 80px; 332 | border: 2px solid #348; 333 | background-color: cornflowerblue; 334 | border-radius: 100px; 335 | margin: 10px; 336 | } 337 | 338 | 339 | .board{ 340 | width: 800px; 341 | height: 800px; 342 | border: 1px solid #000; 343 | } 344 | 345 | .row{ 346 | display: flex; 347 | } 348 | 349 | .square{ 350 | width: 100px; 351 | height: 100px; 352 | background-color: #ffce9e; 353 | } 354 | 355 | .square.black{ 356 | background-color: #d18b47; 357 | } 358 | 359 | .piece{ 360 | width: 100px; 361 | height: 100px; 362 | font-size: 60px; 363 | padding-left: 20px; 364 | padding-top: 10px; 365 | cursor: pointer; 366 | transition: opacity .2s ease; 367 | } 368 | 369 | .piece.hover{ 370 | opacity: 0.5; 371 | } 372 | 373 | .piece-img{ 374 | width: 100px; 375 | height: 100px; 376 | vertical-align: middle; 377 | } 378 | 379 | .dynamic-container-holder { 380 | width: 300px; 381 | } 382 | 383 | .popup-container { 384 | position: absolute; 385 | overflow-y: auto; 386 | z-index: 20; 387 | height: 700px; 388 | display: none; 389 | border: 1px solid #aaa; 390 | box-shadow: 2px 2px 10px 1px #ccc; 391 | background-color: #fff; 392 | margin-top: 30px; 393 | margin-left: 10px; 394 | } 395 | 396 | .popup-container.open { 397 | display: block; 398 | } 399 | 400 | .popup-container-button { 401 | display: flex; 402 | justify-content: center; 403 | width: 250px; 404 | padding: 15px; 405 | border: 1px solid #ccc; 406 | padding: 20px; 407 | background-color: peachpuff; 408 | margin-right: 10px; 409 | } 410 | 411 | .dynamic-left-pane { 412 | width: 300px; 413 | padding: 50px; 414 | overflow-y: auto; 415 | } 416 | 417 | .dynamic-right-pane { 418 | flex: 1; 419 | display: flex; 420 | flex-direction: column; 421 | background: #fefefe; 422 | } 423 | 424 | .dynamic-menu-container{ 425 | padding: 10px 0; 426 | padding-left: 10px; 427 | border-bottom: 1px solid #ccc; 428 | background-color: #eee; 429 | display: flex; 430 | box-shadow: 2px 2px 10px 1px #ccc; 431 | } 432 | 433 | .dynamic-right-content { 434 | flex: 1; 435 | overflow-y: auto; 436 | padding: 50px; 437 | } 438 | 439 | .drop-preview { 440 | background-color: rgba(150, 150, 200, 0.1); 441 | border: 1px dashed #abc; 442 | margin: 5px; 443 | } 444 | 445 | .cards-drop-preview { 446 | background-color: rgba(150, 150, 200, 0.1); 447 | border: 1px dashed #abc; 448 | margin: 5px 45px 5px 5px; 449 | } -------------------------------------------------------------------------------- /resources/css/modal.css: -------------------------------------------------------------------------------- 1 | /* The Modal (background) */ 2 | .rav_modal { 3 | display: none; /* Hidden by default */ 4 | position: fixed; /* Stay in place */ 5 | z-index: 1; /* Sit on top */ 6 | padding-top: 100px; /* Location of the box */ 7 | left: 0; 8 | top: 0; 9 | width: 100%; /* Full width */ 10 | height: 100%; /* Full height */ 11 | overflow: auto; /* Enable scroll if needed */ 12 | background-color: rgb(0,0,0); /* Fallback color */ 13 | background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ 14 | } 15 | 16 | /* Modal Content */ 17 | .rav_modal-content { 18 | /* width: 30%; */ 19 | box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); 20 | -webkit-animation-name: animatetop; 21 | -webkit-animation-duration: 0.4s; 22 | animation-name: animatetop; 23 | animation-duration: 0.4s 24 | } 25 | 26 | /* Add Animation */ 27 | @-webkit-keyframes animatetop { 28 | from {top:-300px; opacity:0} 29 | to {top:0; opacity:1} 30 | } 31 | 32 | @keyframes animatetop { 33 | from {top:-300px; opacity:0} 34 | to {top:0; opacity:1} 35 | } -------------------------------------------------------------------------------- /resources/js/app.js: -------------------------------------------------------------------------------- 1 | /** 2 | * First we will load all of this project's JavaScript dependencies which 3 | * includes React and other helpers. It's a great starting point while 4 | * building robust, powerful web applications using React + Laravel. 5 | */ 6 | 7 | require('./bootstrap'); 8 | 9 | /** 10 | * Next, we will create a fresh React component instance and attach it to 11 | * the page. Then, you may begin adding components to this application 12 | * or customize the JavaScript scaffolding to fit your unique needs. 13 | */ 14 | 15 | require('./components/FormBuilder/main'); 16 | -------------------------------------------------------------------------------- /resources/js/bootstrap.js: -------------------------------------------------------------------------------- 1 | window._ = require('lodash'); 2 | 3 | /** 4 | * We'll load jQuery and the Bootstrap jQuery plugin which provides support 5 | * for JavaScript based Bootstrap features such as modals and tabs. This 6 | * code may be modified to fit the specific needs of your application. 7 | */ 8 | 9 | try { 10 | window.Popper = require('popper.js').default; 11 | window.$ = window.jQuery = require('jquery'); 12 | 13 | require('bootstrap'); 14 | } catch (e) {} 15 | 16 | /** 17 | * We'll load the axios HTTP library which allows us to easily issue requests 18 | * to our Laravel back-end. This library automatically handles sending the 19 | * CSRF token as a header based on the value of the "XSRF" token cookie. 20 | */ 21 | 22 | window.axios = require('axios'); 23 | 24 | window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; 25 | 26 | /** 27 | * Echo exposes an expressive API for subscribing to channels and listening 28 | * for events that are broadcast by Laravel. Echo and event broadcasting 29 | * allows your team to easily build robust real-time web applications. 30 | */ 31 | 32 | // import Echo from 'laravel-echo'; 33 | 34 | // window.Pusher = require('pusher-js'); 35 | 36 | // window.Echo = new Echo({ 37 | // broadcaster: 'pusher', 38 | // key: process.env.MIX_PUSHER_APP_KEY, 39 | // cluster: process.env.MIX_PUSHER_APP_CLUSTER, 40 | // encrypted: true 41 | // }); 42 | -------------------------------------------------------------------------------- /resources/js/components/ErrorBoundary.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | 3 | export default class ErrorBoundary extends Component { 4 | constructor(props) { 5 | super(props); 6 | this.state = { hasError: false }; 7 | } 8 | 9 | static getDerivedStateFromError(error) { 10 | // Update state so the next render will show the fallback UI. 11 | return { hasError: true }; 12 | } 13 | 14 | componentDidCatch(error, errorInfo) { 15 | // You can also log the error to an error reporting service 16 | console.log(error, errorInfo); 17 | } 18 | 19 | render() { 20 | if (this.state.hasError) { 21 | // You can render any custom fallback UI 22 | return

Something went wrong.

; 23 | } 24 | 25 | return this.props.children; 26 | } 27 | } -------------------------------------------------------------------------------- /resources/js/components/FormBuilder/board.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import axios from 'axios'; 3 | import { Container, Draggable } from 'react-smooth-dnd'; 4 | import { applyDrag } from './utils'; 5 | import { TheField } from './field'; 6 | import { Modal, ModalBody } from './configModal'; 7 | 8 | export default class Board extends Component { 9 | state = { 10 | fields: _rav.boardData, 11 | showConfigModal: false, 12 | currConfigField: null 13 | } 14 | 15 | componentDidUpdate(prevProps, prevState) { 16 | if(prevProps.initSave != this.props.initSave) { 17 | if(this.props.initSave) { 18 | if(this.state.fields.length === 0) { 19 | this.props.onSaveEnd({success: false, msg: "There is nothing to save", payload: []}); 20 | return; 21 | } 22 | 23 | const reactThis = this; 24 | 25 | axios.post(`${_rav.save_route}`, { 26 | form_fields_data: JSON.stringify(reactThis.state.fields) 27 | }) 28 | .then(function (response) { 29 | if(parseInt(response.data.success) === 1) { 30 | reactThis.props.onSaveEnd({success: true, msg: "Your form is successfully saved", payload: reactThis.state.fields}); 31 | // reactThis.setState({ fields: [] }); 32 | } 33 | else { 34 | reactThis.props.onSaveEnd({success: false, msg: "Can't save data to server", payload: reactThis.state.fields}); 35 | } 36 | }) 37 | .catch(function (error) { 38 | // console.log(error); 39 | reactThis.props.onSaveEnd({success: false, msg: "Can't save data to server", payload: reactThis.state.fields}); 40 | }); 41 | } 42 | } 43 | } 44 | 45 | // handle user click field config / remove field 46 | handleAction = (payload) => { 47 | const { id, type } = payload.field; 48 | 49 | switch (payload.trigger) { 50 | case "SHOW_CONFIG_MODAL": 51 | this.setState({showConfigModal: true, currConfigField: {...payload.field}}); 52 | break; 53 | 54 | default: 55 | // delete the field from board 56 | const fieldIndex = this.state.fields.findIndex(f => { 57 | return f.id.toString() === id.toString(); 58 | }); 59 | 60 | this.setState({ 61 | fields: [ 62 | ...this.state.fields.slice(0, fieldIndex), 63 | ...this.state.fields.slice(fieldIndex + 1) 64 | ] 65 | }); 66 | 67 | break; 68 | } 69 | } 70 | 71 | // handle all click events of the modal body content 72 | handleClick = (e) => { 73 | if(e.target.className == "rav_modal") this.handleModalCloseAttempt(); 74 | } 75 | 76 | handleModalCloseAttempt = () => { 77 | this.setState({showConfigModal: false, currConfigField: null}); 78 | } 79 | 80 | handleConfigSubmit = (data) => { 81 | const { id, payload } = data; 82 | 83 | const fieldIndex = this.state.fields.findIndex(f => { 84 | return f.id.toString() === id.toString(); 85 | }); 86 | 87 | this.setState({ 88 | fields: [ 89 | ...this.state.fields.slice(0, fieldIndex), 90 | Object.assign({}, this.state.fields[fieldIndex], { ...payload }), 91 | ...this.state.fields.slice(fieldIndex + 1) 92 | ] 93 | }); 94 | } 95 | 96 | render() { 97 | return ( 98 |
99 |
100 |
BUILDER BOARD
101 |
102 |
103 | this.state.fields[i]} onDrop={e => this.setState({ fields: applyDrag(this.state.fields, e) })}> 104 | { 105 | this.state.fields.map((fld) => { 106 | return ( 107 | 108 |
109 | ☰ 110 | {} 111 |
112 | 113 | ); 114 | }) 115 | } 116 | 117 |
118 |
119 | 120 |
121 | 122 | 128 | 129 |
130 |
131 |
132 | ); 133 | } 134 | } 135 | -------------------------------------------------------------------------------- /resources/js/components/FormBuilder/builderBottom.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | 3 | const NotifyBox = (props) => { 4 | const { show, type, msg, } = props.notification; 5 | 6 | return ( 7 | show? 8 |
9 |
10 |

{type == "success"? "Well done " : "Oops "}!

11 |

{msg}.

12 | {/*
13 |

14 | {props.formData} 15 |

*/} 16 | 17 | 20 |
21 |
22 | : 23 | null 24 | ) 25 | } 26 | 27 | const SaveBtnArea = (props) => { 28 | return ( 29 |
30 |
31 |
32 |
33 | 38 |
39 | 40 | props.onMsgBoxClose()} /> 41 |
42 |
43 |
44 | ) 45 | } 46 | 47 | export default SaveBtnArea; -------------------------------------------------------------------------------- /resources/js/components/FormBuilder/configForm.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | 3 | class DropdownOptions extends Component { 4 | handleChange = (e) => { 5 | this.props.onOptionsChange(e.target.value); 6 | } 7 | 8 | render() { 9 | const { currOptions } = this.props; 10 | 11 | return ( 12 |
13 | 14 | 15 |
16 | ) 17 | } 18 | } 19 | 20 | class TextareaRows extends Component { 21 | handleChange = (e) => { 22 | this.props.onRowsChange(e.target.value); 23 | } 24 | 25 | render() { 26 | return ( 27 |
28 | 29 |
30 | 31 |
32 |
33 | ) 34 | } 35 | } 36 | 37 | class InputFieldType extends Component { 38 | handleChange = (e) => { 39 | if(e.target.checked) { 40 | this.props.onTypeSelect(this.props.type); 41 | } 42 | } 43 | 44 | render() { 45 | const { label, type, checked } = this.props; 46 | 47 | return ( 48 |
49 | 52 | 53 |
54 | ) 55 | } 56 | } 57 | 58 | export default class ConfigForm extends Component { 59 | state = { 60 | label: "", 61 | isRequired: false, 62 | allowDataFill: true, 63 | inputType: "text", 64 | listOptions: "", 65 | textAreaRows: 3 66 | } 67 | 68 | static getDerivedStateFromProps(props, state) { 69 | if(props.show && state.allowDataFill) { 70 | const { label, isRequired, additionalConfig } = props.field; 71 | 72 | return { 73 | label, 74 | isRequired, 75 | ...additionalConfig, 76 | allowDataFill: false 77 | }; 78 | } 79 | 80 | return null; 81 | } 82 | 83 | componentDidUpdate(prevProps, prevState) { 84 | if(prevProps.show === false && prevState.allowDataFill === false){ 85 | this.setState({allowDataFill: true}); 86 | } 87 | } 88 | 89 | handleLabelChange = (e) => { 90 | this.setState({label: e.target.value}); 91 | } 92 | 93 | handleRequiredChange = (e) => { 94 | this.setState({isRequired: e.target.checked}); 95 | } 96 | 97 | handleTypeSelect = (type) => { 98 | this.setState({inputType: type}); 99 | } 100 | 101 | handleRowsChange = (rows) => { 102 | this.setState({textAreaRows: rows}); 103 | } 104 | 105 | handleOptionsChange = (options) => { 106 | this.setState({listOptions: options}); 107 | } 108 | 109 | handleFormSubmit = (id, e) => { 110 | const {label, isRequired, inputType, textAreaRows, listOptions} = this.state; 111 | let additionalConfig; 112 | 113 | switch (this.props.field.type) { 114 | case "select": 115 | additionalConfig = {listOptions}; 116 | break; 117 | 118 | case "textarea": 119 | additionalConfig = {textAreaRows}; 120 | break; 121 | 122 | case "date": 123 | additionalConfig = {}; 124 | break; 125 | 126 | default: 127 | additionalConfig = {inputType}; 128 | break; 129 | } 130 | 131 | this.props.onConfigSubmit({ 132 | id, 133 | payload: {label, isRequired, additionalConfig} 134 | }); 135 | 136 | this.props.onCloseClick(); 137 | e.preventDefault(); 138 | } 139 | 140 | getForm = (fieldType) => { 141 | const Fragment = React.Fragment; 142 | 143 | let extraConfigs; 144 | 145 | switch (fieldType) { 146 | case "select": 147 | extraConfigs = 148 | 149 | break; 150 | 151 | case "textarea": 152 | extraConfigs = 153 | 154 | break; 155 | 156 | case "date": 157 | extraConfigs = null; 158 | 159 | break; 160 | 161 | default: 162 | let allowedTypes = [ 163 | {id: 1, label: "Normal Text", type: "text"}, 164 | {id: 2, label: "Email", type: "email"}, 165 | {id: 3, label: "Phone", type: "number"} 166 | ]; 167 | 168 | extraConfigs =
169 | { allowedTypes.map((item) => { 170 | return 177 | }) 178 | } 179 |
180 | 181 | break; 182 | } 183 | 184 | return ( 185 | 186 |
187 | 188 | 189 |
190 |
191 |
192 | 193 | 194 |
195 |
196 | 197 | {extraConfigs} 198 | 199 | ) 200 | } 201 | 202 | render() { 203 | const { field, show } = this.props; 204 | 205 | return( 206 |
this.handleFormSubmit(field.id, e)}> 207 |
208 | {show && this.getForm(field.type)} 209 |
210 |
211 | 212 | 213 |
214 |
215 | ); 216 | } 217 | } -------------------------------------------------------------------------------- /resources/js/components/FormBuilder/configModal.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import './../../../css/modal.css'; 4 | import ConfigForm from './configForm'; 5 | 6 | const modalRoot = document.getElementById('modal-root'); 7 | 8 | export class Modal extends Component { 9 | constructor(props) { 10 | super(props); 11 | this.el = document.createElement('div'); 12 | } 13 | 14 | componentDidMount() { 15 | modalRoot.appendChild(this.el); 16 | } 17 | 18 | componentWillUnmount() { 19 | modalRoot.removeChild(this.el); 20 | } 21 | 22 | render() { 23 | return ReactDOM.createPortal( 24 | this.props.children, 25 | this.el, 26 | ); 27 | } 28 | } 29 | 30 | export class ModalBody extends Component { 31 | handleModalCloseClick = () => { 32 | this.props.onCloseClick(); 33 | } 34 | 35 | handleConfigSubmit = (data) => { 36 | this.props.onConfigSubmit(data); 37 | } 38 | 39 | render() { 40 | const { show, field } = this.props; 41 | 42 | return ( 43 |
44 |
45 |
46 |
47 |
Configure
48 | 51 |
52 | 53 | 59 |
60 |
61 |
62 | ) 63 | } 64 | } -------------------------------------------------------------------------------- /resources/js/components/FormBuilder/field.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import DatePicker from "react-datepicker"; 3 | import "react-datepicker/dist/react-datepicker.css"; 4 | require('lodash.uniqueid'); 5 | 6 | class FieldControls extends Component{ 7 | render() { 8 | const { field, onBtnClick } = this.props; 9 | 10 | return ( 11 | 12 | 15 | 16 | 19 | 20 | ) 21 | } 22 | } 23 | 24 | export class TheField extends Component { 25 | state = { 26 | startDate: new Date() 27 | }; 28 | 29 | handleDateChange = date => { 30 | this.setState({ 31 | startDate: date 32 | }); 33 | }; 34 | 35 | handleFldControlClick = (payload) => { 36 | this.props.onUserAction(payload); 37 | } 38 | 39 | generatedField = (field, isBoard) => { 40 | let fieldMarkup, helpText; 41 | let fieldClass = isBoard? "form-control" : "form-control bg-secondary"; 42 | let label = field.label; 43 | 44 | switch (field.type) { 45 | case "select": 46 | fieldClass = isBoard? "custom-select" : "custom-select bg-secondary text-white"; 47 | fieldMarkup = ; 59 | helpText = "allow the user to select an option from the drop-down list"; 60 | 61 | break; 62 | 63 | case "textarea": 64 | fieldMarkup = ; 65 | helpText = "defines a multi-line input field"; 66 | 67 | break; 68 | 69 | case "date": 70 | fieldClass = isBoard? "form-control" : "form-control bg-secondary text-white"; 71 | fieldMarkup = ; 72 | fieldMarkup = ; 77 | 78 | helpText = "used for date input- resulting value includes the year, month, and day"; 79 | 80 | break; 81 | 82 | default: 83 | fieldMarkup = ; 84 | helpText = "used for normal text input, email or phone number field"; 85 | 86 | break; 87 | } 88 | 89 | return {fieldMarkup, label, helpText}; 90 | } 91 | 92 | render() { 93 | const { isBoard, field } = this.props; 94 | const { fieldMarkup, label, helpText } = this.generatedField(field, isBoard); 95 | 96 | return ( 97 |
98 |
99 | {label} 100 | 101 | {isBoard && 102 | 103 | } 104 |
105 | 106 | {fieldMarkup} 107 | 108 | {! isBoard && {helpText}} 109 |
110 | ) 111 | } 112 | } 113 | -------------------------------------------------------------------------------- /resources/js/components/FormBuilder/main.js: -------------------------------------------------------------------------------- 1 | require('./../../bootstrap'); 2 | 3 | import React, { Component } from 'react'; 4 | import ReactDOM from 'react-dom'; 5 | import ErrorBoundary from './../ErrorBoundary'; 6 | 7 | import Pallet from './pallet'; 8 | import Board from './board'; 9 | import SaveBtnArea from './builderBottom'; 10 | 11 | import './../../../css/builder.css'; 12 | 13 | class App extends Component { 14 | state = { 15 | notification: { 16 | show: false, type: "", msg: "" 17 | }, 18 | saveForm: false, 19 | formData: "" 20 | } 21 | 22 | handleFormSave = () => { 23 | this.setState((state) => { 24 | return { 25 | saveForm: true, 26 | notification: Object.assign({...state.notification}, {show: false}) 27 | }; 28 | }); 29 | } 30 | 31 | handleMsgBoxClose = () => { 32 | this.setState((state) => { 33 | return { 34 | notification: Object.assign({...state.notification}, {show: false}) 35 | }; 36 | }); 37 | } 38 | 39 | handleComplete = ({success, msg, payload}) => { 40 | const type = success? "success" : "warning"; 41 | 42 | this.setState((state) => { 43 | return { 44 | saveForm: false, 45 | formData: JSON.stringify(payload), 46 | notification: Object.assign({...state.notification}, {show: true, type, msg}) 47 | }; 48 | }); 49 | } 50 | 51 | render() { 52 | const { saveForm, notification, formData } = this.state; 53 | 54 | return ( 55 | 56 | 57 | 58 | 59 | 66 | 67 | ); 68 | } 69 | } 70 | 71 | if (document.getElementById('builder-app')) { 72 | ReactDOM.render(, document.getElementById('builder-app')); 73 | } 74 | -------------------------------------------------------------------------------- /resources/js/components/FormBuilder/pallet.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import { Container, Draggable } from 'react-smooth-dnd'; 3 | import { applyDrag } from './utils'; 4 | import { TheField } from './field'; 5 | 6 | export default class Pallet extends Component { 7 | constructor() { 8 | super(); 9 | 10 | this.state = { 11 | fields: [ 12 | { id: 1, type: 'input', label: 'Input field', isRequired: false, additionalConfig: {inputType: 'text'} }, 13 | { id: 2, type: 'date', label: 'Datepicker', isRequired: false, additionalConfig: {} }, 14 | { id: 3, type: 'select', label: 'Drop-down list', isRequired: false, additionalConfig: {listOptions: ""} }, 15 | { id: 4, type: 'textarea', label: 'Textarea', isRequired: false, additionalConfig: {textAreaRows: 3} } 16 | ] 17 | } 18 | } 19 | 20 | render() { 21 | return ( 22 |
23 |
24 |
PALLET
25 |
26 |
27 | this.state.fields[i]} onDrop={e => this.setState({ fields: applyDrag(this.state.fields, e) })}> 28 | { 29 | this.state.fields.map((fld,i) => { 30 | return ( 31 | 32 |
33 | ☰ 34 | 35 | {} 36 |
37 | 38 | ); 39 | }) 40 | } 41 | 42 |
43 |
44 |
45 |
46 | ); 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /resources/js/components/FormBuilder/utils.js: -------------------------------------------------------------------------------- 1 | require('lodash.uniqueid'); 2 | 3 | export const applyDrag = (arr, dragResult) => { 4 | const { removedIndex, addedIndex, payload } = dragResult; 5 | if (removedIndex === null && addedIndex === null) return arr; 6 | 7 | const result = [...arr]; 8 | let itemToAdd = payload; 9 | 10 | if (removedIndex !== null) { 11 | itemToAdd = result.splice(removedIndex, 1)[0]; 12 | } 13 | 14 | if (addedIndex !== null) { 15 | // triggers when pallet item gets copied over only 16 | if(removedIndex == null) result.splice(addedIndex, 0, Object.assign({...itemToAdd}, {id: _.uniqueId('board_field_')})); 17 | // triggers when sorting only on the board 18 | else result.splice(addedIndex, 0, itemToAdd); 19 | } 20 | 21 | return result; 22 | }; -------------------------------------------------------------------------------- /resources/lang/en/auth.php: -------------------------------------------------------------------------------- 1 | 'These credentials do not match our records.', 17 | 'throttle' => 'Too many login attempts. Please try again in :seconds seconds.', 18 | 19 | ]; 20 | -------------------------------------------------------------------------------- /resources/lang/en/pagination.php: -------------------------------------------------------------------------------- 1 | '« Previous', 17 | 'next' => 'Next »', 18 | 19 | ]; 20 | -------------------------------------------------------------------------------- /resources/lang/en/passwords.php: -------------------------------------------------------------------------------- 1 | 'Your password has been reset!', 17 | 'sent' => 'We have e-mailed your password reset link!', 18 | 'token' => 'This password reset token is invalid.', 19 | 'user' => "We can't find a user with that e-mail address.", 20 | 'throttled' => 'Please wait before retrying.', 21 | 22 | ]; 23 | -------------------------------------------------------------------------------- /resources/lang/en/validation.php: -------------------------------------------------------------------------------- 1 | 'The :attribute must be accepted.', 17 | 'active_url' => 'The :attribute is not a valid URL.', 18 | 'after' => 'The :attribute must be a date after :date.', 19 | 'after_or_equal' => 'The :attribute must be a date after or equal to :date.', 20 | 'alpha' => 'The :attribute may only contain letters.', 21 | 'alpha_dash' => 'The :attribute may only contain letters, numbers, dashes and underscores.', 22 | 'alpha_num' => 'The :attribute may only contain letters and numbers.', 23 | 'array' => 'The :attribute must be an array.', 24 | 'before' => 'The :attribute must be a date before :date.', 25 | 'before_or_equal' => 'The :attribute must be a date before or equal to :date.', 26 | 'between' => [ 27 | 'numeric' => 'The :attribute must be between :min and :max.', 28 | 'file' => 'The :attribute must be between :min and :max kilobytes.', 29 | 'string' => 'The :attribute must be between :min and :max characters.', 30 | 'array' => 'The :attribute must have between :min and :max items.', 31 | ], 32 | 'boolean' => 'The :attribute field must be true or false.', 33 | 'confirmed' => 'The :attribute confirmation does not match.', 34 | 'date' => 'The :attribute is not a valid date.', 35 | 'date_equals' => 'The :attribute must be a date equal to :date.', 36 | 'date_format' => 'The :attribute does not match the format :format.', 37 | 'different' => 'The :attribute and :other must be different.', 38 | 'digits' => 'The :attribute must be :digits digits.', 39 | 'digits_between' => 'The :attribute must be between :min and :max digits.', 40 | 'dimensions' => 'The :attribute has invalid image dimensions.', 41 | 'distinct' => 'The :attribute field has a duplicate value.', 42 | 'email' => 'The :attribute must be a valid email address.', 43 | 'ends_with' => 'The :attribute must end with one of the following: :values', 44 | 'exists' => 'The selected :attribute is invalid.', 45 | 'file' => 'The :attribute must be a file.', 46 | 'filled' => 'The :attribute field must have a value.', 47 | 'gt' => [ 48 | 'numeric' => 'The :attribute must be greater than :value.', 49 | 'file' => 'The :attribute must be greater than :value kilobytes.', 50 | 'string' => 'The :attribute must be greater than :value characters.', 51 | 'array' => 'The :attribute must have more than :value items.', 52 | ], 53 | 'gte' => [ 54 | 'numeric' => 'The :attribute must be greater than or equal :value.', 55 | 'file' => 'The :attribute must be greater than or equal :value kilobytes.', 56 | 'string' => 'The :attribute must be greater than or equal :value characters.', 57 | 'array' => 'The :attribute must have :value items or more.', 58 | ], 59 | 'image' => 'The :attribute must be an image.', 60 | 'in' => 'The selected :attribute is invalid.', 61 | 'in_array' => 'The :attribute field does not exist in :other.', 62 | 'integer' => 'The :attribute must be an integer.', 63 | 'ip' => 'The :attribute must be a valid IP address.', 64 | 'ipv4' => 'The :attribute must be a valid IPv4 address.', 65 | 'ipv6' => 'The :attribute must be a valid IPv6 address.', 66 | 'json' => 'The :attribute must be a valid JSON string.', 67 | 'lt' => [ 68 | 'numeric' => 'The :attribute must be less than :value.', 69 | 'file' => 'The :attribute must be less than :value kilobytes.', 70 | 'string' => 'The :attribute must be less than :value characters.', 71 | 'array' => 'The :attribute must have less than :value items.', 72 | ], 73 | 'lte' => [ 74 | 'numeric' => 'The :attribute must be less than or equal :value.', 75 | 'file' => 'The :attribute must be less than or equal :value kilobytes.', 76 | 'string' => 'The :attribute must be less than or equal :value characters.', 77 | 'array' => 'The :attribute must not have more than :value items.', 78 | ], 79 | 'max' => [ 80 | 'numeric' => 'The :attribute may not be greater than :max.', 81 | 'file' => 'The :attribute may not be greater than :max kilobytes.', 82 | 'string' => 'The :attribute may not be greater than :max characters.', 83 | 'array' => 'The :attribute may not have more than :max items.', 84 | ], 85 | 'mimes' => 'The :attribute must be a file of type: :values.', 86 | 'mimetypes' => 'The :attribute must be a file of type: :values.', 87 | 'min' => [ 88 | 'numeric' => 'The :attribute must be at least :min.', 89 | 'file' => 'The :attribute must be at least :min kilobytes.', 90 | 'string' => 'The :attribute must be at least :min characters.', 91 | 'array' => 'The :attribute must have at least :min items.', 92 | ], 93 | 'not_in' => 'The selected :attribute is invalid.', 94 | 'not_regex' => 'The :attribute format is invalid.', 95 | 'numeric' => 'The :attribute must be a number.', 96 | 'password' => 'The password is incorrect.', 97 | 'present' => 'The :attribute field must be present.', 98 | 'regex' => 'The :attribute format is invalid.', 99 | 'required' => 'The :attribute field is required.', 100 | 'required_if' => 'The :attribute field is required when :other is :value.', 101 | 'required_unless' => 'The :attribute field is required unless :other is in :values.', 102 | 'required_with' => 'The :attribute field is required when :values is present.', 103 | 'required_with_all' => 'The :attribute field is required when :values are present.', 104 | 'required_without' => 'The :attribute field is required when :values is not present.', 105 | 'required_without_all' => 'The :attribute field is required when none of :values are present.', 106 | 'same' => 'The :attribute and :other must match.', 107 | 'size' => [ 108 | 'numeric' => 'The :attribute must be :size.', 109 | 'file' => 'The :attribute must be :size kilobytes.', 110 | 'string' => 'The :attribute must be :size characters.', 111 | 'array' => 'The :attribute must contain :size items.', 112 | ], 113 | 'starts_with' => 'The :attribute must start with one of the following: :values', 114 | 'string' => 'The :attribute must be a string.', 115 | 'timezone' => 'The :attribute must be a valid zone.', 116 | 'unique' => 'The :attribute has already been taken.', 117 | 'uploaded' => 'The :attribute failed to upload.', 118 | 'url' => 'The :attribute format is invalid.', 119 | 'uuid' => 'The :attribute must be a valid UUID.', 120 | 121 | /* 122 | |-------------------------------------------------------------------------- 123 | | Custom Validation Language Lines 124 | |-------------------------------------------------------------------------- 125 | | 126 | | Here you may specify custom validation messages for attributes using the 127 | | convention "attribute.rule" to name the lines. This makes it quick to 128 | | specify a specific custom language line for a given attribute rule. 129 | | 130 | */ 131 | 132 | 'custom' => [ 133 | 'attribute-name' => [ 134 | 'rule-name' => 'custom-message', 135 | ], 136 | ], 137 | 138 | /* 139 | |-------------------------------------------------------------------------- 140 | | Custom Validation Attributes 141 | |-------------------------------------------------------------------------- 142 | | 143 | | The following language lines are used to swap our attribute placeholder 144 | | with something more reader friendly such as "E-Mail Address" instead 145 | | of "email". This simply helps us make our message more expressive. 146 | | 147 | */ 148 | 149 | 'attributes' => [], 150 | 151 | ]; 152 | -------------------------------------------------------------------------------- /resources/sass/_variables.scss: -------------------------------------------------------------------------------- 1 | // Body 2 | $body-bg: #f8fafc; 3 | 4 | // Typography 5 | $font-family-sans-serif: 'Nunito', sans-serif; 6 | $font-size-base: 0.9rem; 7 | $line-height-base: 1.6; 8 | 9 | // Colors 10 | $blue: #3490dc; 11 | $indigo: #6574cd; 12 | $purple: #9561e2; 13 | $pink: #f66d9b; 14 | $red: #e3342f; 15 | $orange: #f6993f; 16 | $yellow: #ffed4a; 17 | $green: #38c172; 18 | $teal: #4dc0b5; 19 | $cyan: #6cb2eb; 20 | -------------------------------------------------------------------------------- /resources/sass/app.scss: -------------------------------------------------------------------------------- 1 | // Fonts 2 | @import url('https://fonts.googleapis.com/css?family=Nunito'); 3 | 4 | // Variables 5 | @import 'variables'; 6 | 7 | // Bootstrap 8 | @import '~bootstrap/scss/bootstrap'; 9 | -------------------------------------------------------------------------------- /resources/views/builder.blade.php: -------------------------------------------------------------------------------- 1 | @extends('layouts.main') 2 | 3 | @push('styles') 4 | 5 | @endpush 6 | 7 | @section('content') 8 |
9 |
10 |

Form Builder

11 |

Drag and drop elements from the pallet to the builder board.

12 |
13 |

create dynamic form by drag drop fields, sort field order, configure form fields, set validation rules.

14 |
15 |
16 | 17 |
18 | {{-- react app root --}} 19 |
20 | 21 | 22 |
23 | 24 | @endsection 25 | 26 | @push('scripts') 27 | 32 | 33 | 34 | @endpush 35 | -------------------------------------------------------------------------------- /resources/views/emails/form-submitted.blade.php: -------------------------------------------------------------------------------- 1 | @component('mail::message') 2 | # Form submitted email notification 3 | 4 | below is the entire form data. 5 | 6 | @component('mail::table') 7 | | Field | Data | 8 | | ------------- |:-------------:| 9 | @foreach($formData as $field) 10 | | {{ $field[0] }} | {{ $field[1] }} | 11 | @endforeach 12 | 13 | @endcomponent 14 | 15 | Thanks,
16 | {{ config('app.name') }} 17 | @endcomponent 18 | -------------------------------------------------------------------------------- /resources/views/form.blade.php: -------------------------------------------------------------------------------- 1 | @extends('layouts.main') 2 | 3 | @push('styles') 4 | 5 | @endpush 6 | 7 | @section('content') 8 |
9 |
10 |
11 | @if($errors->any()) 12 | 15 | @endif 16 | 17 | @if(session('mail_sent') == 1) 18 | 21 | @endif 22 | 23 |
24 |
25 | @if(count($fields) > 0) 26 |
27 | @csrf 28 | 29 | 30 | 31 | @foreach($fields as $field) 32 | @php 33 | $options = $field->pivot->options? json_decode($field->pivot->options) : null; 34 | $field_name = 'field_' . $field->pivot->id; 35 | $id_for = 'input-fld-'. $loop->iteration; 36 | @endphp 37 | 38 |
39 | @if($options->label) 40 | 41 | @endif 42 | 43 | @switch($field->field_type) 44 | @case("select") 45 | 51 | @break 52 | 53 | @case("textarea") 54 | 55 | @break 56 | 57 | @default 58 | type }}" class="form-control {{ $options->type == "date"? "datepicker" : "" }} @error($field_name) is-invalid @enderror" name={{ $field_name }} id="{{ $id_for }}" value="{{ old($field_name) }}" /> 59 | @endswitch 60 | 61 | @error($field_name) 62 |
63 | {{ $errors->first($field_name) }} 64 |
65 | @enderror 66 |
67 | @endforeach 68 | 69 |
70 | 73 |
74 |
75 | @endif 76 |
77 |
78 |
79 |
80 |
81 | 82 | @endsection 83 | 84 | @push('scripts') 85 | 86 | 87 | 88 | 89 | 96 | @endpush 97 | -------------------------------------------------------------------------------- /resources/views/layouts/main.blade.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{ config('app.name') }} | {{ $title }} 5 | 6 | 7 | 8 | 9 | 10 | 11 | @stack('styles') 12 | 13 | 14 |
15 |
16 | @include('layouts.nav') 17 | 18 |
19 | @yield('content') 20 |
21 |
22 | 23 |
24 |
25 |
26 | Footer 27 |
28 |
29 |
30 | 31 | @stack('scripts') 32 | 33 |
34 | 35 | 36 | -------------------------------------------------------------------------------- /resources/views/layouts/nav.blade.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /resources/views/welcome.blade.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Laravel 8 | 9 | 10 | 11 | 12 | 13 | 65 | 66 | 67 |
68 |
69 |
70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /routes/api.php: -------------------------------------------------------------------------------- 1 | get('/user', function (Request $request) { 17 | return $request->user(); 18 | }); 19 | -------------------------------------------------------------------------------- /routes/channels.php: -------------------------------------------------------------------------------- 1 | id === (int) $id; 16 | }); 17 | -------------------------------------------------------------------------------- /routes/console.php: -------------------------------------------------------------------------------- 1 | comment(Inspiring::quote()); 18 | })->describe('Display an inspiring quote'); 19 | -------------------------------------------------------------------------------- /routes/web.php: -------------------------------------------------------------------------------- 1 | name('app.home'); 15 | 16 | Route::get('/show-form', 'FormBuilder@showForm')->name('show.form'); 17 | Route::post('/save-form', 'FormBuilder@saveForm')->name('save.form'); 18 | Route::post('/submit-form', 'FormBuilder@handleFormRequest')->name('submit.form'); 19 | -------------------------------------------------------------------------------- /server.php: -------------------------------------------------------------------------------- 1 | 8 | */ 9 | 10 | $uri = urldecode( 11 | parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH) 12 | ); 13 | 14 | // This file allows us to emulate Apache's "mod_rewrite" functionality from the 15 | // built-in PHP web server. This provides a convenient way to test a Laravel 16 | // application without having installed a "real" web server software here. 17 | if ($uri !== '/' && file_exists(__DIR__.'/public'.$uri)) { 18 | return false; 19 | } 20 | 21 | require_once __DIR__.'/public/index.php'; 22 | -------------------------------------------------------------------------------- /storage/app/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !public/ 3 | !.gitignore 4 | -------------------------------------------------------------------------------- /storage/app/public/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/debugbar/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/framework/.gitignore: -------------------------------------------------------------------------------- 1 | config.php 2 | routes.php 3 | schedule-* 4 | compiled.php 5 | services.json 6 | events.scanned.php 7 | routes.scanned.php 8 | down 9 | -------------------------------------------------------------------------------- /storage/framework/cache/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !data/ 3 | !.gitignore 4 | -------------------------------------------------------------------------------- /storage/framework/cache/data/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/framework/sessions/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/framework/testing/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/framework/views/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /storage/logs/.gitignore: -------------------------------------------------------------------------------- 1 | * 2 | !.gitignore 3 | -------------------------------------------------------------------------------- /tests/CreatesApplication.php: -------------------------------------------------------------------------------- 1 | make(Kernel::class)->bootstrap(); 19 | 20 | return $app; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /tests/Feature/ExampleTest.php: -------------------------------------------------------------------------------- 1 | get('/'); 18 | 19 | $response->assertStatus(200); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /tests/TestCase.php: -------------------------------------------------------------------------------- 1 | assertTrue(true); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /webpack.mix.js: -------------------------------------------------------------------------------- 1 | const mix = require('laravel-mix'); 2 | 3 | /* 4 | |-------------------------------------------------------------------------- 5 | | Mix Asset Management 6 | |-------------------------------------------------------------------------- 7 | | 8 | | Mix provides a clean, fluent API for defining some Webpack build steps 9 | | for your Laravel application. By default, we are compiling the Sass 10 | | file for the application as well as bundling up all the JS files. 11 | | 12 | */ 13 | 14 | mix.react('resources/js/components/FormBuilder/main.js', 'public/js/formbuilder'); 15 | --------------------------------------------------------------------------------