fix: hide phone number on master user

app/Http/Controllers/UserController.php

@@ -38,7 +38,6 @@ class UserController extends Controller
                 ->through(fn($user) => [
                     'id' => $user->id,
                     'name' => $user->name,
-                    'phone' => $user->phone,
                     'email' => $user->email,
                     'role' => $user->role->name,
                     'status' => $user->status,
@@ -135,7 +134,12 @@ class UserController extends Controller
      */
     public function update(UpdateUserRequest $request, User $user)
     {
-        $user->update($request->validated());
+        $user->update([
+            'name' => $request->name,
+            'phone' => $request->phone ?? $user->phone,
+            'email' => $request->email,
+            'role_id' => $request->role_id,
+        ]);
 
         return back()->with('success', __('messages.success.update.user'));
     }

app/Http/Requests/User/UpdateUserRequest.php

@@ -25,7 +25,7 @@ class UpdateUserRequest extends FormRequest
     {
         return [
             'name' => 'required|string|max:50',
-            'phone' => 'required|numeric|min:12|unique:users,phone,' . $this->user->id,
+            'phone' => 'nullable|numeric|min:12|unique:users,phone,' . $this->user->id,
             'email' => 'required|email|unique:users,email,' . $this->user->id,
             'role_id' => 'required|numeric',
         ];

app/Models/User.php

@@ -63,7 +63,6 @@ class User extends Authenticatable implements MustVerifyEmail
         $query->when($filters['search'] ?? null, function ($query, $search) {
             $query->where(function ($query) use ($search) {
                 $query->where('name', 'like', '%' . $search . '%')
-                    ->orWhere('phone', 'like', '%' . $search . '%')
                     ->orWhere('email', 'like', '%' . $search . '%');
             });
         });

public/js/resources_js_pages_user_Edit_vue.js

@@ -477,7 +477,7 @@ __webpack_require__.r(__webpack_exports__);
 
     var form = (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_1__.useForm)({
       name: props.user.name,
-      phone: props.user.phone,
+      phone: null,
       email: props.user.email,
       role_id: props.user.role_id
     });
@@ -1178,13 +1178,14 @@ var _hoisted_5 = {
   "class": "col-12 md:col-6"
 };
 var _hoisted_6 = {
+  key: 0,
   "class": "col-12 md:col-6"
 };
 var _hoisted_7 = {
   "class": "col-12 md:col-6"
 };
 var _hoisted_8 = {
-  key: 0,
+  key: 1,
   "class": "col-12 md:col-6"
 };
 var _hoisted_9 = {
@@ -1223,10 +1224,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             })
           }, null, 8
           /* PROPS */
-          , ["disabled", "error", "modelValue"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_6, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputText"], {
+          , ["disabled", "error", "modelValue"])]), $props.user.role_id === 1 ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)("div", _hoisted_6, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputText"], {
             label: "Nomor HP",
             placeholder: "nomor hp",
-            disabled: $props.user.role_id !== 1,
             error: $setup.form.errors.phone,
             modelValue: $setup.form.phone,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
@@ -1234,7 +1234,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             })
           }, null, 8
           /* PROPS */
-          , ["disabled", "error", "modelValue"])]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_7, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputText"], {
+          , ["error", "modelValue"])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_7, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppInputText"], {
             label: "Email",
             placeholder: "email",
             disabled: $props.user.role_id !== 1,

public/js/resources_js_pages_user_Index_vue.js

@@ -981,7 +981,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         header: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
           return [_hoisted_1, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_2, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_3, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_4, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_InputText, {
             "class": "w-full md:w-27rem",
-            placeholder: "cari, contoh: 08xx, tina, tina@xx.com",
+            placeholder: "cari, contoh: tina, tina@xx.com",
             modelValue: $setup.search,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
               return $setup.search = $event;
@@ -1081,9 +1081,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
   field: 'name',
   header: 'Nama'
-}, {
-  field: 'phone',
-  header: 'No HP'
 }, {
   field: 'email',
   header: 'Email'

public/js/resources_js_pages_user_Show_vue.js

@@ -380,7 +380,7 @@ __webpack_require__.r(__webpack_exports__);
     var props = __props;
     var form = (0,_inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_0__.useForm)({
       name: props.user.name,
-      phone: props.user.phone,
+      phone: null,
       email: props.user.email,
       role_id: props.user.role_id
     });

public/js/resources_js_pages_user_tableHeader_js.js

@@ -14,9 +14,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([{
   field: 'name',
   header: 'Nama'
-}, {
-  field: 'phone',
-  header: 'No HP'
 }, {
   field: 'email',
   header: 'Email'

public/js/vue.js

@@ -58466,7 +58466,7 @@ module.exports = JSON.parse('{"name":"axios","version":"0.21.4","description":"P
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"10c6b388645ceb22","resources_js_pages_auth_ForgotPassword_vue":"85a497d97d470da0","resources_js_pages_auth_Login_vue":"b69ff437d119c92b","resources_js_pages_auth_ResetPassword_vue":"9bc29d6465cc0c53","resources_js_pages_auth_VerifyEmail_vue":"f88499b46d5f110c","resources_js_pages_expense_Create_vue":"6b317317dd1facc1","resources_js_pages_expense_Index_vue":"f68ad02de7919d7f","resources_js_pages_expense_Show_vue":"08ad1bd80a3b1b55","resources_js_pages_expense_tableHeader_js":"5b2c3a80fb697fff","resources_js_pages_home_Index_vue":"d37b07ec9a0de76b","resources_js_pages_member_Create_vue":"219be439cbdcb0fc","resources_js_pages_member_Edit_vue":"9be41b6f715dc3dc","resources_js_pages_member_Index_vue":"24f15d92feaabcc0","resources_js_pages_member_tableHeader_js":"61877f698532418e","resources_js_pages_member_useVehicle_js":"8edc972eb134efdf","resources_js_pages_mutation_Report_vue":"719b40705807e96b","resources_js_pages_mutation_tableHeader_js":"2c25ede9c3d1ff83","resources_js_pages_parkingfee_Create_vue":"3b5d007865a3175b","resources_js_pages_topup_Create_vue":"78970620a479025b","resources_js_pages_topup_Index_vue":"4bf34b53ba1e6f71","resources_js_pages_topup_Show_vue":"3414b5d6b7a48456","resources_js_pages_topup_tableHeader_js":"187746378ee18327","resources_js_pages_typemember_Create_vue":"4156d4c5d6d84320","resources_js_pages_typemember_Edit_vue":"837a31dd27cce269","resources_js_pages_typemember_Index_vue":"636b8e7509320ec1","resources_js_pages_typemember_tableHeader_js":"02f8a6c57093a7fe","resources_js_pages_typemember_useVehicle_js":"9bcdb75c62376835","resources_js_pages_typevehicle_Create_vue":"473e9a1484d5a361","resources_js_pages_typevehicle_Edit_vue":"771320873aaeb34e","resources_js_pages_typevehicle_Index_vue":"3f5b8f7cd6431c9c","resources_js_pages_typevehicle_tableHeader_js":"9616b18c4a750c3f","resources_js_pages_user_Create_vue":"c0966eacbaebe9f3","resources_js_pages_user_Edit_vue":"d72a87bfe38c706a","resources_js_pages_user_Index_vue":"5f3af1ecccab0573","resources_js_pages_user_Show_vue":"9fd2ebf7d82aac77","resources_js_pages_user_tableHeader_js":"21d48ec8ebf81ea7"}[chunkId] + "";
+/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"10c6b388645ceb22","resources_js_pages_auth_ForgotPassword_vue":"85a497d97d470da0","resources_js_pages_auth_Login_vue":"b69ff437d119c92b","resources_js_pages_auth_ResetPassword_vue":"9bc29d6465cc0c53","resources_js_pages_auth_VerifyEmail_vue":"f88499b46d5f110c","resources_js_pages_expense_Create_vue":"6b317317dd1facc1","resources_js_pages_expense_Index_vue":"f68ad02de7919d7f","resources_js_pages_expense_Show_vue":"08ad1bd80a3b1b55","resources_js_pages_expense_tableHeader_js":"5b2c3a80fb697fff","resources_js_pages_home_Index_vue":"d37b07ec9a0de76b","resources_js_pages_member_Create_vue":"219be439cbdcb0fc","resources_js_pages_member_Edit_vue":"9be41b6f715dc3dc","resources_js_pages_member_Index_vue":"24f15d92feaabcc0","resources_js_pages_member_tableHeader_js":"61877f698532418e","resources_js_pages_member_useVehicle_js":"8edc972eb134efdf","resources_js_pages_mutation_Report_vue":"719b40705807e96b","resources_js_pages_mutation_tableHeader_js":"2c25ede9c3d1ff83","resources_js_pages_parkingfee_Create_vue":"3b5d007865a3175b","resources_js_pages_topup_Create_vue":"78970620a479025b","resources_js_pages_topup_Index_vue":"4bf34b53ba1e6f71","resources_js_pages_topup_Show_vue":"3414b5d6b7a48456","resources_js_pages_topup_tableHeader_js":"187746378ee18327","resources_js_pages_typemember_Create_vue":"4156d4c5d6d84320","resources_js_pages_typemember_Edit_vue":"837a31dd27cce269","resources_js_pages_typemember_Index_vue":"636b8e7509320ec1","resources_js_pages_typemember_tableHeader_js":"02f8a6c57093a7fe","resources_js_pages_typemember_useVehicle_js":"9bcdb75c62376835","resources_js_pages_typevehicle_Create_vue":"473e9a1484d5a361","resources_js_pages_typevehicle_Edit_vue":"771320873aaeb34e","resources_js_pages_typevehicle_Index_vue":"3f5b8f7cd6431c9c","resources_js_pages_typevehicle_tableHeader_js":"9616b18c4a750c3f","resources_js_pages_user_Create_vue":"c0966eacbaebe9f3","resources_js_pages_user_Edit_vue":"dc133cd27472979d","resources_js_pages_user_Index_vue":"285415934210f89f","resources_js_pages_user_Show_vue":"eb8620a364acd84c","resources_js_pages_user_tableHeader_js":"78beeea0dcacb81b"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	

resources/js/pages/user/Edit.vue

@@ -32,7 +32,7 @@ const onDeleteUser = () => {
 
 const form = useForm({
   name: props.user.name,
-  phone: props.user.phone,
+  phone: null,
   email: props.user.email,
   role_id: props.user.role_id,
 })
@@ -66,14 +66,8 @@ const onSubmit = () => {
                 />
               </div>
 
-              <div class="col-12 md:col-6">
-                <AppInputText
-                  label="Nomor HP"
-                  placeholder="nomor hp"
-                  :disabled="user.role_id !== 1"
-                  :error="form.errors.phone"
-                  v-model="form.phone"
-                />
+              <div v-if="user.role_id === 1" class="col-12 md:col-6">
+                <AppInputText label="Nomor HP" placeholder="nomor hp" :error="form.errors.phone" v-model="form.phone" />
               </div>
 
               <div class="col-12 md:col-6">

resources/js/pages/user/Index.vue

@@ -38,11 +38,7 @@ watch(search, () => {
         <div class="grid">
           <div class="col-12 md:col-8">
             <div class="flex align-items-center">
-              <InputText
-                class="w-full md:w-27rem"
-                placeholder="cari, contoh: 08xx, tina, tina@xx.com"
-                v-model="search"
-              />
+              <InputText class="w-full md:w-27rem" placeholder="cari, contoh: tina, tina@xx.com" v-model="search" />
             </div>
           </div>
 

resources/js/pages/user/Show.vue

@@ -12,7 +12,7 @@ const props = defineProps({
 
 const form = useForm({
   name: props.user.name,
-  phone: props.user.phone,
+  phone: null,
   email: props.user.email,
   role_id: props.user.role_id,
 })

resources/js/pages/user/tableHeader.js

@@ -1,6 +1,5 @@
 export default [
   { field: 'name', header: 'Nama' },
-  { field: 'phone', header: 'No HP' },
   { field: 'email', header: 'Email' },
   { field: 'role', header: 'Hak Akses' },
   { field: 'status', header: 'Status' },