feat: reset password

app/Http/Controllers/UserController.php

@@ -35,6 +35,7 @@ class UserController extends Controller
                     'name' => $user->name,
                     'username' => $user->username,
                     'role' => $user->role->name,
+                    'role_id' => $user->role_id,
                     'status' => $user->status
                 ])
         ]);
@@ -185,4 +186,11 @@ class UserController extends Controller
 
         return back()->with('success', __('messages.success.update.change_password'));
     }
+
+    public function resetPassword(User $user)
+    {
+        $user->update(['password' => bcrypt('12345678')]);
+
+        return back()->with('success', __('passwords.reset'));
+    }
 }

public/js/resources_js_pages_Users_Edit_vue.js

@@ -1271,7 +1271,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             icon: "pi pi-trash",
             "class": "p-button-outlined p-button-danger",
             onClick: $setup.onDeleteUser
-          })) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_10, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButtonLink"], {
+          })) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)("div", _hoisted_10, [$props.user.role_id !== 1 ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)($setup["AppButtonLink"], {
+            key: 0,
             label: "Blokir",
             icon: "pi pi-ban",
             method: "delete",
@@ -1279,7 +1280,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             href: _ctx.route('users.block', $props.user.id)
           }, null, 8
           /* PROPS */
-          , ["href"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
+          , ["href"])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Button, {
             label: "Simpan",
             "class": "p-button-outlined",
             icon: "pi pi-check",

public/js/resources_js_pages_Users_Index_vue.js

@@ -322,11 +322,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @inertiajs/inertia-vue3 */ "./node_modules/@inertiajs/inertia-vue3/dist/index.js");
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _tableHeader__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./tableHeader */ "./resources/js/pages/Users/tableHeader.js");
-/* harmony import */ var _components_useSearchText__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/components/useSearchText */ "./resources/js/components/useSearchText.js");
-/* harmony import */ var _layouts_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/layouts/DashboardLayout.vue */ "./resources/js/layouts/DashboardLayout.vue");
-/* harmony import */ var _components_AppButtonLink_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/components/AppButtonLink.vue */ "./resources/js/components/AppButtonLink.vue");
-/* harmony import */ var _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/components/AppPagination.vue */ "./resources/js/components/AppPagination.vue");
+/* harmony import */ var primevue_useconfirm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! primevue/useconfirm */ "./node_modules/primevue/useconfirm/useconfirm.esm.js");
+/* harmony import */ var _tableHeader__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./tableHeader */ "./resources/js/pages/Users/tableHeader.js");
+/* harmony import */ var _components_useSearchText__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/components/useSearchText */ "./resources/js/components/useSearchText.js");
+/* harmony import */ var _layouts_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/layouts/DashboardLayout.vue */ "./resources/js/layouts/DashboardLayout.vue");
+/* harmony import */ var _components_AppButtonLink_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/components/AppButtonLink.vue */ "./resources/js/components/AppButtonLink.vue");
+/* harmony import */ var _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @/components/AppPagination.vue */ "./resources/js/components/AppPagination.vue");
+
 
 
 
@@ -347,7 +349,7 @@ __webpack_require__.r(__webpack_exports__);
     expose();
     var props = __props;
 
-    var _useSearchText = (0,_components_useSearchText__WEBPACK_IMPORTED_MODULE_5__.useSearchText)(props),
+    var _useSearchText = (0,_components_useSearchText__WEBPACK_IMPORTED_MODULE_6__.useSearchText)(props),
         search = _useSearchText.search;
 
     (0,vue__WEBPACK_IMPORTED_MODULE_0__.watch)(search, function () {
@@ -357,18 +359,38 @@ __webpack_require__.r(__webpack_exports__);
         preserveState: true
       });
     });
+    var resetConfirm = (0,primevue_useconfirm__WEBPACK_IMPORTED_MODULE_4__.useConfirm)();
+
+    var onResetPassword = function onResetPassword(data) {
+      resetConfirm.require({
+        message: "Yakin mereset kata sandi (".concat(data.name, ") ?"),
+        header: 'Reset Kata Sandi',
+        acceptLabel: 'Iya',
+        rejectLabel: 'Tidak',
+        accept: function accept() {
+          _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_1__.Inertia.put(route('users.reset-password', data.id));
+        },
+        reject: function reject() {
+          resetConfirm.close();
+        }
+      });
+    };
+
     var __returned__ = {
       props: props,
       search: search,
+      resetConfirm: resetConfirm,
+      onResetPassword: onResetPassword,
       watch: vue__WEBPACK_IMPORTED_MODULE_0__.watch,
       Inertia: _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_1__.Inertia,
       Head: _inertiajs_inertia_vue3__WEBPACK_IMPORTED_MODULE_2__.Head,
       pickBy: lodash__WEBPACK_IMPORTED_MODULE_3__.pickBy,
-      tableHeader: _tableHeader__WEBPACK_IMPORTED_MODULE_4__["default"],
-      useSearchText: _components_useSearchText__WEBPACK_IMPORTED_MODULE_5__.useSearchText,
-      DashboardLayout: _layouts_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_6__["default"],
-      AppButtonLink: _components_AppButtonLink_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
-      AppPagination: _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_8__["default"]
+      useConfirm: primevue_useconfirm__WEBPACK_IMPORTED_MODULE_4__.useConfirm,
+      tableHeader: _tableHeader__WEBPACK_IMPORTED_MODULE_5__["default"],
+      useSearchText: _components_useSearchText__WEBPACK_IMPORTED_MODULE_6__.useSearchText,
+      DashboardLayout: _layouts_DashboardLayout_vue__WEBPACK_IMPORTED_MODULE_7__["default"],
+      AppButtonLink: _components_AppButtonLink_vue__WEBPACK_IMPORTED_MODULE_8__["default"],
+      AppPagination: _components_AppPagination_vue__WEBPACK_IMPORTED_MODULE_9__["default"]
     };
     Object.defineProperty(__returned__, '__isScriptSetup', {
       enumerable: false,
@@ -981,17 +1003,23 @@ var _hoisted_5 = {
   "class": "col-12 md:col-4 flex flex-column md:flex-row justify-content-end"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_ConfirmDialog = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("ConfirmDialog");
+
   var _component_InputText = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("InputText");
 
   var _component_Column = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Column");
 
+  var _component_Button = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("Button");
+
   var _component_DataTable = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)("DataTable");
 
+  var _directive_tooltip = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveDirective)("tooltip");
+
   return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(vue__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["Head"], {
     title: "Daftar User"
   }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["DashboardLayout"], null, {
     "default": (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function () {
-      return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_DataTable, {
+      return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_ConfirmDialog), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_DataTable, {
         responsiveLayout: "scroll",
         columnResizeMode: "expand",
         value: $props.users.data,
@@ -1031,13 +1059,26 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           )), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_Column, null, {
             body: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(function (_ref) {
               var data = _ref.data;
-              return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButtonLink"], {
+              return [(0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)((0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)($setup["AppButtonLink"], {
                 icon: "pi pi-pencil",
                 "class": "p-button-icon-only p-button-rounded p-button-text",
                 href: _ctx.route('users.edit', data.id)
               }, null, 8
               /* PROPS */
-              , ["href"])];
+              , ["href"]), [[_directive_tooltip, 'Ubah User', void 0, {
+                bottom: true
+              }]]), data.role_id !== 1 ? (0,vue__WEBPACK_IMPORTED_MODULE_0__.withDirectives)(((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)(_component_Button, {
+                key: 0,
+                icon: "pi pi-key",
+                "class": "p-button-icon-only p-button-rounded p-button-text",
+                onClick: function onClick($event) {
+                  return $setup.onResetPassword(data);
+                }
+              }, null, 8
+              /* PROPS */
+              , ["onClick"])), [[_directive_tooltip, 'Reset Kata Sandi', void 0, {
+                bottom: true
+              }]]) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)];
             }),
             _: 1
             /* STABLE */

public/js/vue.js

@@ -58513,7 +58513,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":"9296b829a7757dee","resources_js_pages_Auth_Login_vue":"cb7d9267c0b9275e","resources_js_pages_Customers_Index_vue":"efe10709977e56ba","resources_js_pages_Dashboards_Index_vue":"a565c1bfb1fb63b9","resources_js_pages_Purchases_Index_vue":"72cc6e7458a3c247","resources_js_pages_Sales_Index_vue":"bb75c1753cd4dfae","resources_js_pages_StockProducts_Index_vue":"8360688f3422c96f","resources_js_pages_Suppliers_Index_vue":"1c1d93b70b6e91ff","resources_js_pages_Users_Create_vue":"aff43d9484b673e5","resources_js_pages_Users_Edit_vue":"36baa4decc0ecd9c","resources_js_pages_Users_Index_vue":"91e95659c4fcc5be","resources_js_pages_Users_Show_vue":"f3f98d81ef28f6d1","resources_js_pages_Users_tableHeader_js":"48f19bd820caf015"}[chunkId] + "";
+/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"9296b829a7757dee","resources_js_pages_Auth_Login_vue":"cb7d9267c0b9275e","resources_js_pages_Customers_Index_vue":"efe10709977e56ba","resources_js_pages_Dashboards_Index_vue":"a565c1bfb1fb63b9","resources_js_pages_Purchases_Index_vue":"72cc6e7458a3c247","resources_js_pages_Sales_Index_vue":"bb75c1753cd4dfae","resources_js_pages_StockProducts_Index_vue":"8360688f3422c96f","resources_js_pages_Suppliers_Index_vue":"1c1d93b70b6e91ff","resources_js_pages_Users_Create_vue":"aff43d9484b673e5","resources_js_pages_Users_Edit_vue":"3583ea5c3f44678e","resources_js_pages_Users_Index_vue":"7ca9635e398fbaa7","resources_js_pages_Users_Show_vue":"f3f98d81ef28f6d1","resources_js_pages_Users_tableHeader_js":"48f19bd820caf015"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	

resources/js/pages/Users/Edit.vue

@@ -105,6 +105,7 @@ const onSubmit = () => {
                 class="col-12 md:col-6 flex flex-column md:flex-row justify-content-center md:justify-content-end"
               >
                 <AppButtonLink
+                  v-if="user.role_id !== 1"
                   label="Blokir"
                   icon="pi pi-ban"
                   method="delete"

resources/js/pages/Users/Index.vue

@@ -3,6 +3,7 @@ import { watch } from 'vue'
 import { Inertia } from '@inertiajs/inertia'
 import { Head } from '@inertiajs/inertia-vue3'
 import { pickBy } from 'lodash'
+import { useConfirm } from 'primevue/useconfirm'
 import tableHeader from './tableHeader'
 import { useSearchText } from '@/components/useSearchText'
 import DashboardLayout from '@/layouts/DashboardLayout.vue'
@@ -21,12 +22,31 @@ watch(search, () => {
     preserveState: true,
   })
 })
+
+const resetConfirm = useConfirm()
+
+const onResetPassword = (data) => {
+  resetConfirm.require({
+    message: `Yakin mereset kata sandi (${data.name}) ?`,
+    header: 'Reset Kata Sandi',
+    acceptLabel: 'Iya',
+    rejectLabel: 'Tidak',
+    accept: () => {
+      Inertia.put(route('users.reset-password', data.id))
+    },
+    reject: () => {
+      resetConfirm.close()
+    },
+  })
+}
 </script>
 
 <template>
   <Head title="Daftar User" />
 
   <DashboardLayout>
+    <ConfirmDialog></ConfirmDialog>
+
     <DataTable
       responsiveLayout="scroll"
       columnResizeMode="expand"
@@ -73,8 +93,17 @@ watch(search, () => {
           <AppButtonLink
             icon="pi pi-pencil"
             class="p-button-icon-only p-button-rounded p-button-text"
+            v-tooltip.bottom="'Ubah User'"
             :href="route('users.edit', data.id)"
           />
+
+          <Button
+            v-if="data.role_id !== 1"
+            icon="pi pi-key"
+            class="p-button-icon-only p-button-rounded p-button-text"
+            v-tooltip.bottom="'Reset Kata Sandi'"
+            @click="onResetPassword(data)"
+          />
         </template>
       </Column>
     </DataTable>

routes/web.php

@@ -25,10 +25,15 @@ Route::middleware(['auth', 'verified'])->group(function () {
 
     Route::get('/dashboards', DashboardController::class);
 
+    Route::put('/users/reset-password/{user}', [UserController::class, 'resetPassword'])
+        ->name('users.reset-password');
+
     Route::delete('/users/block/{user}', [UserController::class, 'block'])
         ->name('users.block');
+
     Route::post('/users/change-password/{user}', [UserController::class, 'changePassword'])
         ->name('users.change-password');
+
     Route::resource('/users', UserController::class);
 
     Route::resource('/customers', CustomerController::class);