From c25ea3effd6adccf867ce47a6e2b01f8fd7e56f9 Mon Sep 17 00:00:00 2001
From: HERBRETEAU Enzo <enzo.herbreteau@reseau.eseo.fr>
Date: Sun, 21 Jan 2024 15:09:22 +0100
Subject: [PATCH] Add tooltip on task status + increase lenth of profile photo
 path

---
 app/Http/Requests/UpdateProfileRequest.php               | 2 +-
 .../migrations/2023_12_26_213315_create_users_table.php  | 2 +-
 resources/views/components/project-card/circle.blade.php | 2 +-
 resources/views/components/task/priority.blade.php       | 9 ++++++++-
 resources/views/components/ui/people.blade.php           | 2 +-
 resources/views/components/ui/tooltip.blade.php          | 5 +++--
 6 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/app/Http/Requests/UpdateProfileRequest.php b/app/Http/Requests/UpdateProfileRequest.php
index 52e29b5..1d3d9e2 100644
--- a/app/Http/Requests/UpdateProfileRequest.php
+++ b/app/Http/Requests/UpdateProfileRequest.php
@@ -29,7 +29,7 @@ public function rules() {
             'email' => ['required', 'email'],
             'password' => ['required', 'min:'.self::$minPasswordLength, 'regex:/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d).+$/'],
             'password_confirm' => ['required', 'same:password'],
-            'image_url' => ['required', 'url', 'max:255'],
+            'image_url' => ['required', 'url', 'max:500'],
         ];
     }
 
diff --git a/database/migrations/2023_12_26_213315_create_users_table.php b/database/migrations/2023_12_26_213315_create_users_table.php
index 9d95a5e..1aa942c 100644
--- a/database/migrations/2023_12_26_213315_create_users_table.php
+++ b/database/migrations/2023_12_26_213315_create_users_table.php
@@ -17,7 +17,7 @@ public function up(): void
             $table->string('last_name');
             $table->string('email')->unique();
             $table->string('password');
-            $table->string('profile_photo_path')->nullable();
+            $table->longText('profile_photo_path')->nullable();
             $table->timestamps();
         });
     }
diff --git a/resources/views/components/project-card/circle.blade.php b/resources/views/components/project-card/circle.blade.php
index 0216e8c..7aee25d 100644
--- a/resources/views/components/project-card/circle.blade.php
+++ b/resources/views/components/project-card/circle.blade.php
@@ -11,7 +11,7 @@
         <img draggable="false" src="{{$url}}" class="w-full h-full object-cover rounded-full" alt="Image">
     @endif
     @if($tooltip)
-        <x-ui.tooltip text="{{$name}}"/>
+        <x-ui.tooltip text="{{$name}}" bottom="2"/>
     @endif
     
 </div>
\ No newline at end of file
diff --git a/resources/views/components/task/priority.blade.php b/resources/views/components/task/priority.blade.php
index cc1a6ba..2e479d3 100644
--- a/resources/views/components/task/priority.blade.php
+++ b/resources/views/components/task/priority.blade.php
@@ -9,15 +9,19 @@
         switch ($priority) {
             case 0:
                 $color="bg-green-600";
+                $tooltip = "Moderate";
                 break;
             case 1:
                 $color="bg-amber-600";
+                $tooltip = "High Priority";
                 break;
             case 2:
                 $color="bg-red";
+                $tooltip = "Urgent";
                 break;
             default:
                 $color="bg-grey-600";
+                $tooltip = "";
                 break;
     }
    
@@ -25,5 +29,8 @@
 @endphp
 
 @if(isset($priority))
-    <div class="h-5 w-5 rounded-full {{$color}} "></div>
+    <div class="relative inline-block group">
+        <div class="h-5 w-5 rounded-full {{$color}} "></div>
+        <x-ui.tooltip text="{{$tooltip}}" bottom="1.5"/>
+    </div>
 @endif
\ No newline at end of file
diff --git a/resources/views/components/ui/people.blade.php b/resources/views/components/ui/people.blade.php
index 2956510..fe801b0 100644
--- a/resources/views/components/ui/people.blade.php
+++ b/resources/views/components/ui/people.blade.php
@@ -48,7 +48,7 @@
 
         @if($moreCircles) 
             <div class="h-9 w-9 -ml-3 rounded-full flex items-center justify-center bg-gray-300 text-sm relative inline-block group">+{{($users->count())-$displayedCircles}}
-                <x-ui.tooltip text="{{$namesString}}"/>
+                <x-ui.tooltip text="{{$namesString}}" bottom="2"/>
             </div>
         @endif
     </div>
diff --git a/resources/views/components/ui/tooltip.blade.php b/resources/views/components/ui/tooltip.blade.php
index 7b7c60a..2780d54 100644
--- a/resources/views/components/ui/tooltip.blade.php
+++ b/resources/views/components/ui/tooltip.blade.php
@@ -1,9 +1,10 @@
 @props([
-    'text' => null
+    'text' => null,
+    'bottom' => "2.5"
 ])
 
 @if($text != null)
-<div class="hidden absolute z-10 group-hover:flex bg-white rounded-xl p-2 left-1/2 -translate-x-1/2 bottom-[2.5rem] w-fit-content flex flex-col items-center justify-center gap-1 cursor-pointer shadow-box inline-block whitespace-nowrap">
+<div class="hidden absolute z-10 group-hover:flex bg-white rounded-xl p-2 left-1/2 -translate-x-1/2 bottom-[{{$bottom}}rem] w-fit-content flex flex-col items-center justify-center gap-1 cursor-pointer shadow-box inline-block whitespace-nowrap">
         <p class="text-xs">{{$text}}</p>
 </div>
 @endif
\ No newline at end of file