Add description column to users table

Author: perisicnikola37

README.md

@@ -55,7 +55,10 @@ This application includes the following features:
 - Full text searching
 - Pagination
 - Multi delete users
-
+- Inertia.ks progress indicator
+- Font Awesome icons
+- Application analytics
+- User default profile avatar
 ## Contributing
 
 If you would like to contribute to this project, please follow these steps:

app/Http/Controllers/UserController.php

@@ -18,7 +18,8 @@ public function index(Request $request)
     {
         return Inertia::render('Users/Index', [
             'users' => User::with('role')->when($request->term, function ($query, $term) {
-                $query->where('name', 'LIKE', '%' . $term . '%');
+                $query->where('name', 'LIKE', '%' . $term . '%')
+                    ->orWhere('email', 'LIKE', '%' . $term . '%');
             })->latest()->paginate(5),
         ]);
     }

app/Http/Requests/UserStoreRequest.php

@@ -23,6 +23,7 @@ public function rules(): array
     {
         return [
             'name' => 'required|min:2|max:255',
+            'description' => 'required|min:2|max:255',
             'email' => 'required|email|min:2|max:255|unique:users',
             'password' => 'required|min:8|max:255',
             'role_id' => 'required',

database/migrations/2014_10_12_000000_create_users_table.php

@@ -16,12 +16,13 @@ public function up(): void
             $table->id();
             $table->string('name');
             $table->string('email')->unique();
+            $table->string('description')->default('placeholder');
             $table->string('avatar')->default('placeholder');
             $table->timestamp('email_verified_at')->nullable();
             $table->string('password');
             $table->rememberToken();
             $table->foreignId('current_team_id')->nullable();
-            $table->bigInteger('role_id')->unsigned()->index()->nullable();
+            $table->bigInteger('role_id')->unsigned()->index()->default(2);
             // $table->foreign('role_id')->references('id')->on('roles')->cascadeOnDelete();
             $table->timestamps();
         });

resources/js/Pages/Users/Create.vue

@@ -24,6 +24,16 @@
                             <span class="text-red-500">{{ errors.name }}</span>
                         </div>
 
+                        <div class="mb-4">
+                            <label class="block mb-2 text-sm font-bold text-gray-700" for="name">
+                                Description <span class="text-red-500">*</span>
+                            </label>
+                            <input v-model="form.description"
+                                class="w-full px-3 py-2 mb-2 leading-tight text-gray-700 border rounded shadow appearance-none focus:outline-none focus:shadow-outline"
+                                id="description" type="text">
+                            <span class="text-red-500">{{ errors.description }}</span>
+                        </div>
+
                         <div class="mb-4">
                             <label class="block mb-2 text-sm font-bold text-gray-700" for="email">
                                 E-mail <span class="text-red-500">*</span>
@@ -77,7 +87,6 @@
     </AppLayout>
 </template>
 
-
 <script>
 import AppLayout from '@/Layouts/AppLayout.vue';
 import Button from '@/Components/Button.vue';
@@ -97,7 +106,8 @@ export default {
                 email: '',
                 role_id: 2,
                 password: '',
-                avatar: null
+                avatar: null,
+                description: ''
             })
         }
     },

resources/js/Pages/Users/Show.vue

@@ -14,7 +14,11 @@
                     <hr class="my-4">
                     <div class="my-2">
                         <h2 class="text-sm font-bold text-gray-600 uppercase">About</h2>
-                        <p class="mt-2 text-gray-600">{{ user.about }}</p>
+                        <p class="mt-2 text-gray-600">{{ getUser.description != 'placeholder'
+                            ? getUser.description
+                            : 'No data available.'
+                        }}
+                        </p>
                     </div>
                 </div>
             </div>
@@ -27,7 +31,7 @@ import AppLayout from '@/Layouts/AppLayout.vue';
 
 export default {
     components: {
-        AppLayout
+        AppLayout,
     },
     props: {
         getUser: Object,