#484 - user page navigation (#500)

* #484 - user page navigation * fix * fix * fix * fix
blumilksoftware · Oct 28, 2024 · 6896a57 · 6896a57
1 parent 118c7fc
commit 6896a57
Show file tree

Hide file tree

Showing 46 changed files with 164 additions and 172 deletions.
diff --git a/app/Http/Controllers/PermissionController.php b/app/Http/Controllers/PermissionController.php
@@ -42,7 +42,7 @@ public function update(PermissionRequest $request, UpdateUserPermissionsAction $
         $action->execute($user, $request->input("permissions"));
 
         return redirect()
-            ->route("users.index")
+            ->back()
             ->with("success", __("Permissions updated."));
     }
 }
diff --git a/app/Http/Controllers/UserController.php b/app/Http/Controllers/UserController.php
@@ -94,7 +94,8 @@ public function edit(User $user): Response
         $this->authorize("manageUsers");
 
         return inertia("Users/Edit", [
-            "user" => new UserFormDataResource($user),
+            "user" => new UserResource($user),
+            "form" => new UserFormDataResource($user),
             "employmentForms" => EmploymentForm::casesToSelect(),
             "roles" => Role::casesToSelect(),
         ]);
@@ -120,7 +121,7 @@ public function update(
         }
 
         return redirect()
-            ->route("users.index")
+            ->back()
             ->with("success", __("User updated."));
     }
 

diff --git a/app/Http/Controllers/UserHistoryController.php b/app/Http/Controllers/UserHistoryController.php
@@ -10,6 +10,7 @@
 use Toby\Enums\UserHistoryType;
 use Toby\Http\Requests\UserHistoryRequest;
 use Toby\Http\Resources\UserHistoryResource;
+use Toby\Http\Resources\UserResource;
 use Toby\Models\User;
 use Toby\Models\UserHistory;
 
@@ -25,7 +26,7 @@ public function index(User $user): Response
 
         return inertia("UserHistory/Index", [
             "history" => UserHistoryResource::collection($history),
-            "userId" => $user->id,
+            "user" => new UserResource($user),
         ]);
     }
 
@@ -80,7 +81,7 @@ public function destroy(UserHistory $history): RedirectResponse
         $history->delete();
 
         return redirect()
-            ->back()
+            ->route("users.history", $history->user_id)
             ->with("success", __("User history deleted."));
     }
 }
diff --git a/app/Http/Resources/UserFormDataResource.php b/app/Http/Resources/UserFormDataResource.php
@@ -16,6 +16,8 @@ public function toArray($request): array
             "id" => $this->id,
             "firstName" => $this->profile->first_name,
             "lastName" => $this->profile->last_name,
+            "name" => $this->profile->full_name,
+            "avatar" => $this->profile->getAvatar(),
             "email" => $this->email,
             "role" => $this->role,
             "position" => $this->profile->position,

diff --git a/resources/js/Pages/AnnualSummary.vue b/resources/js/Pages/AnnualSummary.vue
@@ -27,8 +27,7 @@ watch(selectedYear, (value, oldValue) => {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Podsumowanie roczne</template>
+  <AppLayout title="Podsumowanie roczne">
     <div class="bg-white shadow-md">
       <div class="p-4 sm:px-6">
         <h2 class="text-lg font-medium leading-6 text-gray-900">

diff --git a/resources/js/Pages/AssignedBenefits/AssignedBenefits.vue b/resources/js/Pages/AssignedBenefits/AssignedBenefits.vue
@@ -100,8 +100,7 @@ function isBenefitHasCompanion(benefitId) {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Aktualne benefity</template>
+  <AppLayout title="Aktualne benefity">
     <div class="bg-white shadow-md">
       <div class="flex justify-between items-center p-4 sm:px-6">
         <div>

diff --git a/resources/js/Pages/Benefits/Benefits.vue b/resources/js/Pages/Benefits/Benefits.vue
@@ -32,8 +32,7 @@ function submitCreateBenefit() {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Benefity</template>
+  <AppLayout title="Benefity">
     <div class="bg-white shadow-md">
       <div class="flex justify-between items-center p-4 sm:px-6">
         <div>

diff --git a/resources/js/Pages/BenefitsReport/Index.vue b/resources/js/Pages/BenefitsReport/Index.vue
@@ -32,8 +32,7 @@ watch(form, debounce(() => {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Raporty benefitowe</template>
+  <AppLayout title="Raporty benefitowe">
     <div class="bg-white shadow-md">
       <div class="flex justify-between items-center p-4 sm:px-6">
         <h2 class="text-lg font-medium leading-6 text-gray-900">

diff --git a/resources/js/Pages/BenefitsReport/Show.vue b/resources/js/Pages/BenefitsReport/Show.vue
@@ -48,8 +48,7 @@ function generateUrl() {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>`Raport benefitowy - ${benefitsReport.name}`</template>
+  <AppLayout :title="`Raport benefitowy - ${benefitsReport.name}`">
     <div class="bg-white shadow-md">
       <div class="flex justify-between items-center p-4 sm:px-6">
         <div>

diff --git a/resources/js/Pages/Calendar.vue b/resources/js/Pages/Calendar.vue
@@ -75,8 +75,7 @@ function toggleHighlight(id) {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Kalendarz</template>
+  <AppLayout title="Kalendarz">
     <div class="bg-white shadow-md">
       <div class="flex-row sm:flex justify-between items-center p-4 sm:px-6">
         <div class="flex-row sm:flex items-center">

diff --git a/resources/js/Pages/Dashboard.vue b/resources/js/Pages/Dashboard.vue
@@ -25,8 +25,7 @@ const { auth } = useGlobalProps()
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Strona główna</template>
+  <AppLayout title="Strona główna">
     <div class="grid grid-cols-1 gap-4 items-start xl:grid-cols-3 xl:gap-8">
       <div class="grid grid-cols-1 gap-4 xl:col-span-2">
         <Welcome :user="auth.user" />

diff --git a/resources/js/Pages/EmployeesMilestones.vue b/resources/js/Pages/EmployeesMilestones.vue
@@ -55,8 +55,7 @@ watch(form, debounce(() => {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Jubileusze</template>
+  <AppLayout title="Jubileusze">
     <div class="bg-white shadow-md">
       <div class="flex justify-between items-center p-4 sm:px-6">
         <div>

diff --git a/resources/js/Pages/Equipment/Create.vue b/resources/js/Pages/Equipment/Create.vue
@@ -32,8 +32,7 @@ function createEquipmentItem() {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Dodawanie sprzętu</template>
+  <AppLayout title="Dodawanie sprzętu">
     <div class="mx-auto w-full max-w-7xl bg-white shadow-md">
       <div class="p-4 sm:px-6">
         <h2 class="text-lg font-medium leading-6 text-gray-900">

diff --git a/resources/js/Pages/Equipment/Edit.vue b/resources/js/Pages/Equipment/Edit.vue
@@ -33,8 +33,7 @@ function editEquipmentItem() {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Edytowanie sprzętu</template>
+  <AppLayout title="Edytowanie sprzętu">
     <div class="mx-auto w-full max-w-7xl bg-white shadow-md">
       <div class="p-4 sm:px-6">
         <h2 class="text-lg font-medium leading-6 text-gray-900">

diff --git a/resources/js/Pages/Equipment/Index.vue b/resources/js/Pages/Equipment/Index.vue
@@ -57,8 +57,7 @@ watch(form, debounce(() => {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Sprzęt</template>
+  <AppLayout title="Sprzęt">
     <div class="bg-white shadow-md">
       <div class="flex justify-between items-center p-4 sm:px-6">
         <div>

diff --git a/resources/js/Pages/Equipment/IndexForEmployee.vue b/resources/js/Pages/Equipment/IndexForEmployee.vue
@@ -35,8 +35,7 @@ watch(form, debounce(() => {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Sprzęt</template>
+  <AppLayout title="Sprzęt">
     <div class="bg-white shadow-md">
       <div class="flex justify-between items-center p-4 sm:px-6">
         <div>

diff --git a/resources/js/Pages/EquipmentLabels.vue b/resources/js/Pages/EquipmentLabels.vue
@@ -29,8 +29,7 @@ function submitCreateLabel() {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Etykiety</template>
+  <AppLayout title="Etykiety">
     <div class="bg-white shadow-md">
       <div class="flex justify-between items-center p-4 sm:px-6">
         <div>

diff --git a/resources/js/Pages/Holidays/Create.vue b/resources/js/Pages/Holidays/Create.vue
@@ -15,8 +15,7 @@ function createHoliday() {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Dodaj dzień wolny</template>
+  <AppLayout title="Dodaj dzień wolny">
     <div class="mx-auto w-full max-w-7xl bg-white shadow-md">
       <div class="p-4 sm:px-6">
         <h2 class="text-lg font-medium leading-6 text-gray-900">

diff --git a/resources/js/Pages/Holidays/Edit.vue b/resources/js/Pages/Holidays/Edit.vue
@@ -19,8 +19,7 @@ function editHoliday() {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Edytuj dzień wolny</template>
+  <AppLayout title="Edytuj dzień wolny">
     <div class="mx-auto w-full max-w-7xl bg-white shadow-md">
       <div class="p-4 sm:px-6">
         <h2 class="text-lg font-medium leading-6 text-gray-900">

diff --git a/resources/js/Pages/Holidays/Index.vue b/resources/js/Pages/Holidays/Index.vue
@@ -31,8 +31,7 @@ watch(selectedYear, (value, oldValue) => {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Dni wolne od pracy</template>
+  <AppLayout title="Dni wolne od pracy">
     <div class="bg-white shadow-md">
       <div class="flex justify-between items-center p-4 sm:px-6">
         <div>

diff --git a/resources/js/Pages/Keys.vue b/resources/js/Pages/Keys.vue
@@ -62,8 +62,7 @@ function submitGiveKey() {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Klucze</template>
+  <AppLayout title="Klucze">
     <div class="bg-white shadow-md">
       <div class="flex justify-between items-center p-4 sm:px-6">
         <div>

diff --git a/resources/js/Pages/MonthlyUsage.vue b/resources/js/Pages/MonthlyUsage.vue
@@ -35,8 +35,7 @@ watch(selectedYear, (value, oldValue) => {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Wykorzystanie miesięczne urlopu</template>
+  <AppLayout title="Wykorzystanie miesięczne urlopu">
     <div class="bg-white shadow-md">
       <div class="flex justify-between items-center p-4 sm:px-6">
         <div class="flex items-center">

diff --git a/resources/js/Pages/OvertimeRequest/ApproversIndex.vue b/resources/js/Pages/OvertimeRequest/ApproversIndex.vue
@@ -69,8 +69,7 @@ watch(form, debounce(() => {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Wnioski</template>
+  <AppLayout title="Wnioski">
     <div class="bg-white shadow-md">
       <div class="flex justify-between items-center p-4 sm:px-6">
         <div>

diff --git a/resources/js/Pages/OvertimeRequest/Create.vue b/resources/js/Pages/OvertimeRequest/Create.vue
@@ -92,8 +92,7 @@ async function refreshEstimatedHours(from, to) {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Dodaj nadgodziny</template>
+  <AppLayout title="Dodaj nadgodziny">
     <div class="mx-auto w-full max-w-7xl">
       <div class="flex flex-col h-full bg-white shadow-md xl:col-span-2">
         <div class="p-4 sm:px-6">

diff --git a/resources/js/Pages/OvertimeRequest/Index.vue b/resources/js/Pages/OvertimeRequest/Index.vue
@@ -59,8 +59,7 @@ watch(form, debounce(() => {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Moje nadgodziny</template>
+  <AppLayout title="Moje nadgodziny">
     <div class="bg-white shadow-md">
       <div class="flex justify-between items-center p-4 sm:px-6">
         <h2 class="text-lg font-medium leading-6 text-gray-900">

diff --git a/resources/js/Pages/OvertimeRequest/IndexForApprovers.vue b/resources/js/Pages/OvertimeRequest/IndexForApprovers.vue
@@ -70,8 +70,7 @@ watch(form, debounce(() => {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Nadgodziny</template>
+  <AppLayout title="Nadgodziny">
     <div class="bg-white shadow-md">
       <div class="flex justify-between items-center p-4 sm:px-6">
         <h2 class="text-lg font-medium leading-6 text-gray-900">

diff --git a/resources/js/Pages/OvertimeRequest/Show.vue b/resources/js/Pages/OvertimeRequest/Show.vue
@@ -14,8 +14,7 @@ defineProps({
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>`Nadgodziny ${request.name}`</template>
+  <AppLayout :title="`Nadgodziny ${request.name}`">
     <div class="grid grid-cols-1 gap-6 xl:grid-cols-3 xl:grid-flow-col-dense">
       <div class="space-y-6 xl:col-span-2 xl:col-start-1">
         <div class="bg-white shadow-md">

diff --git a/resources/js/Pages/Permissions/Edit.vue b/resources/js/Pages/Permissions/Edit.vue
@@ -3,7 +3,7 @@ import { Switch } from '@headlessui/vue'
 import { usePermissionInfo } from '@/Composables/permissionInfo.js'
 import { useForm } from '@inertiajs/vue3'
 import InertiaLink from '@/Shared/InertiaLink.vue'
-import AppLayout from '@/Shared/Layout/AppLayout.vue'
+import UserLayout from '@/Shared/Layout/UserLayout.vue'
 
 const props = defineProps({
   user: Object,
@@ -23,43 +23,9 @@ function editPermissions() {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Edycja uprawnień</template>
+  <UserLayout title="Edycja uprawnień" :user="user">
     <div class="bg-white shadow-md">
-      <div class="p-6">
-        <h2 class="text-lg font-medium leading-6 text-gray-900">
-          Edytuj uprawnienia
-        </h2>
-      </div>
-      <div
-        class="bg-gray-50 w-full py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase"
-      >
-        Użytkownik
-      </div>
-      <div class="items-center p-4 flex">
-        <div class="flex">
-          <img
-            class="size-14 mt-1 rounded-full"
-            :src="user.avatar"
-          >
-          <div class="ml-3">
-            <p class="text-md font-medium text-gray-900">
-              {{ user.name }}
-            </p>
-            <p class="text-sm text-gray-500">
-              {{ user.role }}
-            </p>
-            <p class="text-sm text-gray-500">
-              {{ user.email }}
-            </p>
-          </div>
-        </div>
-      </div>
-      <div class="bg-gray-50 w-full py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase">
-        Uprawnienia
-      </div>
       <form
-        class="w-full py-2 px-4"
         @submit.prevent="editPermissions"
       >
         <template
@@ -68,7 +34,7 @@ function editPermissions() {
         >
           <div
             v-if="sectionPermissions.length > 0"
-            class="w-full my-4 border border-gray-200 items-start"
+            class="w-full my-4 border-t border-gray-200 items-start"
           >
             <div
               class="group w-full max-w-full overflow-hidden flex items-center justify-between p-4 font-semibold text-gray-500"
@@ -120,7 +86,7 @@ function editPermissions() {
           </div>
         </template>
         <div class="flex justify-end py-3">
-          <div class="space-x-3">
+          <div class="space-x-3 px-4 py-2">
             <InertiaLink
               href="/users"
               class="py-2 px-4 text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 rounded-md border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
@@ -139,5 +105,5 @@ function editPermissions() {
         </div>
       </form>
     </div>
-  </AppLayout>
+  </UserLayout>
 </template>
diff --git a/resources/js/Pages/Resumes/Create.vue b/resources/js/Pages/Resumes/Create.vue
@@ -105,8 +105,7 @@ function submitResume() {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Dodawanie CV</template>
+  <AppLayout title="Dodawanie CV">
     <div class="mx-auto w-full max-w-7xl bg-white shadow-md">
       <div class="p-4 sm:px-6">
         <h2 class="text-lg font-medium leading-6 text-gray-900">

diff --git a/resources/js/Pages/Resumes/Edit.vue b/resources/js/Pages/Resumes/Edit.vue
@@ -112,8 +112,7 @@ function submitResume() {
 </script>
 
 <template>
-  <AppLayout>
-    <template #title>Edycja CV</template>
+  <AppLayout title="Edycja CV">
     <div class="mx-auto w-full max-w-7xl bg-white shadow-md">
       <div class="p-4 sm:px-6">
         <h2 class="text-lg font-medium leading-6 text-gray-900">