From 979f663241bbc4030bee3af3267e55818c4e786d Mon Sep 17 00:00:00 2001
From: Kamil Piech <kamil.piech@blumilk.pl>
Date: Tue, 13 Aug 2024 07:25:09 +0200
Subject: [PATCH 1/3] #46 - dashboard navigation (#111)

* #46 - feat: added dynamic active atrribute for dashboard navigation

* #46 - fix: code reivew fixes
---
 resources/js/Layouts/DashboardLayout.vue | 33 ++++++++++++------------
 resources/js/Pages/Dashboard/Home.vue    |  1 +
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/resources/js/Layouts/DashboardLayout.vue b/resources/js/Layouts/DashboardLayout.vue
index bb94954..7fb4320 100644
--- a/resources/js/Layouts/DashboardLayout.vue
+++ b/resources/js/Layouts/DashboardLayout.vue
@@ -29,28 +29,28 @@ const navigation = [
   {
     title: 'Ogólne',
     elements: [
-      { name: 'Dashboard', href: '/dashboard', icon: HomeIcon, current: true },
-      { name: 'Ustawienia', href: '/dashboard/settings', icon: Cog6ToothIcon, current: false },
-      { name: 'Sekcje', href: '/dashboard/sections', icon: Square2StackIcon, current: false },
-      { name: 'Aktualizacja hasła', href: '/dashboard/password', icon: LockOpenIcon, current: false },
-      { name: 'Aktualności', href: '/dashboard/news', icon: NewspaperIcon, current: false },
-      { name: 'FAQ', href: '/dashboard/faqs', icon: QuestionMarkCircleIcon, current: false },
-      { name: 'Formy kontaktu', href: '/dashboard/contact-infos', icon: AtSymbolIcon, current: false },
+      { name: 'Dashboard', href: '/dashboard', icon: HomeIcon, component: 'Dashboard/Home' },
+      { name: 'Ustawienia', href: '/dashboard/settings', icon: Cog6ToothIcon, component: 'Dashboard/Setting' },
+      { name: 'Sekcje', href: '/dashboard/sections', icon: Square2StackIcon, component: 'Dashboard/Section' },
+      { name: 'Aktualizacja hasła', href: '/dashboard/password', icon: LockOpenIcon, component: 'Dashboard/PasswordUpdate' },
+      { name: 'Aktualności', href: '/dashboard/news', icon: NewspaperIcon, component: 'Dashboard/News' },
+      { name: 'FAQ', href: '/dashboard/faqs', icon: QuestionMarkCircleIcon, component: 'Dashboard/FAQ' },
+      { name: 'Formy kontaktu', href: '/dashboard/contact-infos', icon: AtSymbolIcon, component: 'Dashboard/ContactInfo' },
     ],
   },
   {
     title: 'Uczelnia',
     elements: [
-      { name: 'Studenci', href: '/dashboard/students', icon: UsersIcon, current: false },
-      { name: 'Kursy w semestrze', href: '/dashboard/semester-courses', icon: BookmarkSquareIcon, current: false },
+      { name: 'Studenci', href: '/dashboard/students', icon: UsersIcon, component: 'Dashboard/Student' },
+      { name: 'Kursy w semestrze', href: '/dashboard/semester-courses', icon: BookmarkSquareIcon, component: 'Dashboard/CourseSemester' },
     ],
   },
   {
     title: 'Słowniki',
     elements: [
-      { name: 'Kursy', href: '/dashboard/courses', icon: BriefcaseIcon, current: false },
-      { name: 'Kierunki i specjalności', href: '/dashboard/fields', icon: MagnifyingGlassIcon, current: false },
-      { name: 'Semestry', href: '/dashboard/semesters', icon: ClipboardIcon, current: false },
+      { name: 'Kursy', href: '/dashboard/courses', icon: BriefcaseIcon, component: 'Dashboard/Course/' },
+      { name: 'Kierunki i specjalności', href: '/dashboard/fields', icon: MagnifyingGlassIcon, component: 'Dashboard/Field' },
+      { name: 'Semestry', href: '/dashboard/semesters', icon: ClipboardIcon, component: 'Dashboard/Semester' },
     ],
   },
 ]
@@ -105,8 +105,8 @@ watch(() => props.flash, (flash) => {
                       </div>
                       <ul role="list" class="-mx-2 space-y-1">
                         <li v-for="item in section.elements" :key="item.name">
-                          <InertiaLink :href="item.href" :class="[item.current ? 'bg-gray-50 text-sky-600' : 'text-gray-700 hover:bg-gray-50 hover:text-sky-600', 'group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6']">
-                            <component :is="item.icon" :class="[item.current ? 'text-sky-600' : 'text-gray-400 group-hover:text-sky-600', 'size-6 shrink-0']" aria-hidden="true" />
+                          <InertiaLink :href="item.href" :class="[$page.component.startsWith(item.component) ? 'bg-gray-50 text-sky-600' : 'text-gray-700 hover:bg-gray-50 hover:text-sky-600', 'group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6']">
+                            <component :is="item.icon" :class="[$page.component.startsWith(item.component) ? 'text-sky-600' : 'text-gray-400 group-hover:text-sky-600', 'size-6 shrink-0']" aria-hidden="true" />
                             {{ item.name }}
                           </InertiaLink>
                         </li>
@@ -120,7 +120,6 @@ watch(() => props.flash, (flash) => {
         </div>
       </Dialog>
     </TransitionRoot>
-
     <!-- Static sidebar for desktop -->
     <div class="hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col">
       <div class="flex grow flex-col gap-y-5 overflow-y-auto border-r border-gray-200 bg-white px-6">
@@ -132,8 +131,8 @@ watch(() => props.flash, (flash) => {
               </div>
               <ul role="list" class="-mx-2 space-y-1">
                 <li v-for="item in section.elements" :key="item.name">
-                  <InertiaLink :href="item.href" :class="[item.current ? 'bg-gray-50 text-sky-600' : 'text-gray-700 hover:bg-gray-50 hover:text-sky-600', 'group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6']">
-                    <component :is="item.icon" :class="[item.current ? 'text-sky-600' : 'text-gray-400 group-hover:text-sky-600', 'size-6 shrink-0']" aria-hidden="true" />
+                  <InertiaLink :href="item.href" :class="[$page.component.startsWith(item.component) ? 'bg-gray-50 text-sky-600' : 'text-gray-700 hover:bg-gray-50 hover:text-sky-600', 'group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6']">
+                    <component :is="item.icon" :class="[$page.component.startsWith(item.component) ? 'text-sky-600' : 'text-gray-400 group-hover:text-sky-600', 'size-6 shrink-0']" aria-hidden="true" />
                     {{ item.name }}
                   </InertiaLink>
                 </li>
diff --git a/resources/js/Pages/Dashboard/Home.vue b/resources/js/Pages/Dashboard/Home.vue
index 29e4061..b2aac84 100644
--- a/resources/js/Pages/Dashboard/Home.vue
+++ b/resources/js/Pages/Dashboard/Home.vue
@@ -5,6 +5,7 @@ defineProps({
   name: String,
   counters: Array,
 })
+
 </script>
 
 <template>

From 870abb417586c25c1be837ce000c8b62477f04ba Mon Sep 17 00:00:00 2001
From: Kamil Piech <kamil.piech@blumilk.pl>
Date: Tue, 13 Aug 2024 07:54:21 +0200
Subject: [PATCH 2/3] #29 - grades page (#70)

* #29 - grades page

* #29 - some fixes

* #29 - show view of student grades

* #29 - added some tests

* #29 - adde DTO

* #29 - cr fixes

* #29 - fix: code review fixes

* #29 - fix: updated packaged and run linter

* #29 - fix: lintf

* #29 - fix: fixed beahviour on index with grades

* #29 - fix: fixed lintf

* #29 - fix: fixed name and index number displaying

* #29 - fix: lintf

* #29 - fix: fixed some behaviour connected with graphic interface

* #29 - fix: js linter fix
---
 app/DTOs/StudentData.php                      |  47 +++++
 .../Controllers/Dashboard/GradeController.php |  17 +-
 .../Controllers/Public/GradeController.php    |  75 +++++++
 app/Http/Requests/UpdateGrade.php             |   2 +-
 app/Models/Grade.php                          |   6 +
 app/Observers/GradeObserver.php               |  17 ++
 composer.lock                                 |  48 ++---
 database/factories/GradeFactory.php           |   2 +-
 database/factories/SemesterFactory.php        |   2 +-
 database/seeders/DatabaseSeeder.php           |  35 ++++
 .../Dashboard/CourseSemester/Grade/Index.vue  |  12 +-
 resources/js/Pages/Public/Grade.vue           | 191 ++++++++++++++++++
 resources/js/Shared/Components/GradeCell.vue  |  40 ++--
 routes/web.php                                |   2 +
 tests/Feature/GradePageTest.php               | 175 ++++++++++++++++
 15 files changed, 613 insertions(+), 58 deletions(-)
 create mode 100644 app/DTOs/StudentData.php
 create mode 100644 app/Http/Controllers/Public/GradeController.php
 create mode 100644 app/Observers/GradeObserver.php
 create mode 100644 resources/js/Pages/Public/Grade.vue
 create mode 100644 tests/Feature/GradePageTest.php

diff --git a/app/DTOs/StudentData.php b/app/DTOs/StudentData.php
new file mode 100644
index 0000000..33eba4f
--- /dev/null
+++ b/app/DTOs/StudentData.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\DTOs;
+
+use App\Models\Grade;
+use App\Models\GradeColumn;
+use App\Models\Student;
+use Illuminate\Support\Collection;
+
+readonly class StudentData
+{
+    public function __construct(
+        public string $student,
+        public Collection $grades,
+    ) {}
+
+    public static function fromModels(Student $student, Student $studentByIndex, Collection $gradeColumns): self
+    {
+        return new self(
+            student: $student->id === $studentByIndex->id ? $student->index_number : "",
+            grades: self::prepareGrades($student, $gradeColumns),
+        );
+    }
+
+    public static function prepareGrades(Student $student, Collection $gradeColumns): Collection
+    {
+        return $gradeColumns->map(function (GradeColumn $column) use ($student): array {
+            /** @var Grade $grade */
+            $grade = Grade::query()
+                ->where("grade_column_id", $column->id)
+                ->where("student_id", $student->id)
+                ->first();
+
+            return $grade
+                ? [
+                    "present" => $grade->status,
+                    "value" => $grade->value,
+                ]
+                : [
+                    "present" => null,
+                    "value" => null,
+                ];
+        });
+    }
+}
diff --git a/app/Http/Controllers/Dashboard/GradeController.php b/app/Http/Controllers/Dashboard/GradeController.php
index 1a0f125..1ddbc5c 100644
--- a/app/Http/Controllers/Dashboard/GradeController.php
+++ b/app/Http/Controllers/Dashboard/GradeController.php
@@ -67,12 +67,21 @@ public function storeGrade(UpdateGrade $request, CourseSemester $course, Group $
 
     public function updateGrade(UpdateGrade $request, CourseSemester $course, Group $group, GradeColumn $gradeColumn): RedirectResponse
     {
-        $gradeColumn->grades()
+        $grade = $gradeColumn->grades()
             ->where("student_id", $request->get("student_id"))
-            ->update($request->getData());
+            ->first();
 
-        return redirect()->back()
-            ->with("success", "Zaktualizowano ocenę");
+        if ($grade) {
+            $grade->update($request->getData());
+
+            return redirect()->back()
+                ->with("success", "Zaktualizowano ocenę");
+        }
+
+        $gradeColumn->grades()
+            ->create($request->getData());
+
+        return redirect()->back();
     }
 
     public function destroy(CourseSemester $course, Group $group, GradeColumn $gradeColumn): RedirectResponse
diff --git a/app/Http/Controllers/Public/GradeController.php b/app/Http/Controllers/Public/GradeController.php
new file mode 100644
index 0000000..f021e9e
--- /dev/null
+++ b/app/Http/Controllers/Public/GradeController.php
@@ -0,0 +1,75 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Http\Controllers\Public;
+
+use App\DTOs\StudentData;
+use App\Http\Controllers\Controller;
+use App\Models\CourseSemester;
+use App\Models\Group;
+use App\Models\Semester;
+use App\Models\Student;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Http\Request;
+use Inertia\Response;
+
+class GradeController extends Controller
+{
+    public function __invoke(Request $request, ?Semester $semester = null, ?CourseSemester $course = null, ?Group $group = null, ?string $index = null): Response
+    {
+        $courses = [];
+        $groups = [];
+        $gradeColumns = [];
+        $students = [];
+        $studentByIndex = null;
+
+        if ($semester) {
+            $courses = $semester
+                ->courses()
+                ->with("course", fn(BelongsTo $query): BelongsTo => $query->select(["name", "id"]))
+                ->get();
+        }
+
+        if ($course) {
+            $groups = $course
+                ->groups()
+                ->get(["name", "id"]);
+        }
+
+        if ($group && $index) {
+            $studentByIndex = $group->students()
+                ->where("index_number", $index)
+                ->first();
+
+            if ($studentByIndex?->exists()) {
+                $gradeColumns = $group
+                    ->gradeColumns()
+                    ->where("active", true)
+                    ->orderBy("priority")
+                    ->get();
+                $students = $group->students()
+                    ->whereNot("index_number", $index)
+                    ->inRandomOrder()
+                    ->take(8)
+                    ->get()
+                    ->push($studentByIndex)
+                    ->sortBy("index_number")
+                    ->map(fn(Student $student): StudentData => StudentData::fromModels($student, $studentByIndex, $gradeColumns));
+            }
+        }
+
+        return inertia("Public/Grade", [
+            "semesters" => Semester::query()->get(["name", "id"]),
+            "semester" => $semester,
+            "courses" => $courses,
+            "course" => $course,
+            "groups" => $groups,
+            "group" => $group,
+            "index" => $index ?? "",
+            "gradeColumns" => $gradeColumns,
+            "students" => $students,
+            "indexExists" => $studentByIndex?->exists(),
+        ]);
+    }
+}
diff --git a/app/Http/Requests/UpdateGrade.php b/app/Http/Requests/UpdateGrade.php
index a03c12e..ab451dc 100644
--- a/app/Http/Requests/UpdateGrade.php
+++ b/app/Http/Requests/UpdateGrade.php
@@ -20,7 +20,7 @@ public function getData(): array
     {
         return [
             "student_id" => $this->get("student_id"),
-            "status" => $this->boolean("status"),
+            "status" => $this->get("status") === null ? null : $this->boolean("status"),
             "value" => $this->get("value"),
         ];
     }
diff --git a/app/Models/Grade.php b/app/Models/Grade.php
index a09ec80..9c331a3 100644
--- a/app/Models/Grade.php
+++ b/app/Models/Grade.php
@@ -4,6 +4,7 @@
 
 namespace App\Models;
 
+use App\Observers\GradeObserver;
 use Carbon\Carbon;
 use Illuminate\Database\Eloquent\Concerns\HasUlids;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
@@ -40,4 +41,9 @@ public function student(): BelongsTo
     {
         return $this->belongsTo(Student::class);
     }
+
+    protected static function booted(): void
+    {
+        self::observe(GradeObserver::class);
+    }
 }
diff --git a/app/Observers/GradeObserver.php b/app/Observers/GradeObserver.php
new file mode 100644
index 0000000..9094d7a
--- /dev/null
+++ b/app/Observers/GradeObserver.php
@@ -0,0 +1,17 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Observers;
+
+use App\Models\Grade;
+
+class GradeObserver
+{
+    public function updating(Grade $grade): void
+    {
+        if ($grade->status === true && $grade->getOriginal("status") === false) {
+            $grade->status = null;
+        }
+    }
+}
diff --git a/composer.lock b/composer.lock
index bc9365a..037f525 100644
--- a/composer.lock
+++ b/composer.lock
@@ -7535,16 +7535,16 @@
         },
         {
             "name": "phpunit/phpunit",
-            "version": "11.2.6",
+            "version": "11.2.7",
             "source": {
                 "type": "git",
                 "url": "https://github.com/sebastianbergmann/phpunit.git",
-                "reference": "1dc0fedac703199e8704de085e47dd46bac0dde4"
+                "reference": "15c7e69dec4a8f246840859e6b430bd2abeb5039"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/1dc0fedac703199e8704de085e47dd46bac0dde4",
-                "reference": "1dc0fedac703199e8704de085e47dd46bac0dde4",
+                "url": "https://api.github.com/repos/sebastianbergmann/phpunit/zipball/15c7e69dec4a8f246840859e6b430bd2abeb5039",
+                "reference": "15c7e69dec4a8f246840859e6b430bd2abeb5039",
                 "shasum": ""
             },
             "require": {
@@ -7554,25 +7554,25 @@
                 "ext-mbstring": "*",
                 "ext-xml": "*",
                 "ext-xmlwriter": "*",
-                "myclabs/deep-copy": "^1.10.1",
-                "phar-io/manifest": "^2.0.3",
-                "phar-io/version": "^3.0.2",
+                "myclabs/deep-copy": "^1.12.0",
+                "phar-io/manifest": "^2.0.4",
+                "phar-io/version": "^3.2.1",
                 "php": ">=8.2",
-                "phpunit/php-code-coverage": "^11.0",
-                "phpunit/php-file-iterator": "^5.0",
-                "phpunit/php-invoker": "^5.0",
-                "phpunit/php-text-template": "^4.0",
-                "phpunit/php-timer": "^7.0",
-                "sebastian/cli-parser": "^3.0",
-                "sebastian/code-unit": "^3.0",
-                "sebastian/comparator": "^6.0",
-                "sebastian/diff": "^6.0",
-                "sebastian/environment": "^7.0",
-                "sebastian/exporter": "^6.1.2",
-                "sebastian/global-state": "^7.0",
-                "sebastian/object-enumerator": "^6.0",
-                "sebastian/type": "^5.0",
-                "sebastian/version": "^5.0"
+                "phpunit/php-code-coverage": "^11.0.5",
+                "phpunit/php-file-iterator": "^5.0.1",
+                "phpunit/php-invoker": "^5.0.1",
+                "phpunit/php-text-template": "^4.0.1",
+                "phpunit/php-timer": "^7.0.1",
+                "sebastian/cli-parser": "^3.0.2",
+                "sebastian/code-unit": "^3.0.1",
+                "sebastian/comparator": "^6.0.1",
+                "sebastian/diff": "^6.0.2",
+                "sebastian/environment": "^7.2.0",
+                "sebastian/exporter": "^6.1.3",
+                "sebastian/global-state": "^7.0.2",
+                "sebastian/object-enumerator": "^6.0.1",
+                "sebastian/type": "^5.0.1",
+                "sebastian/version": "^5.0.1"
             },
             "suggest": {
                 "ext-soap": "To be able to generate mocks based on WSDL files"
@@ -7615,7 +7615,7 @@
             "support": {
                 "issues": "https://github.com/sebastianbergmann/phpunit/issues",
                 "security": "https://github.com/sebastianbergmann/phpunit/security/policy",
-                "source": "https://github.com/sebastianbergmann/phpunit/tree/11.2.6"
+                "source": "https://github.com/sebastianbergmann/phpunit/tree/11.2.7"
             },
             "funding": [
                 {
@@ -7631,7 +7631,7 @@
                     "type": "tidelift"
                 }
             ],
-            "time": "2024-07-03T05:51:49+00:00"
+            "time": "2024-07-10T11:50:09+00:00"
         },
         {
             "name": "react/cache",
diff --git a/database/factories/GradeFactory.php b/database/factories/GradeFactory.php
index 110f593..6c5d477 100644
--- a/database/factories/GradeFactory.php
+++ b/database/factories/GradeFactory.php
@@ -13,7 +13,7 @@ class GradeFactory extends Factory
     public function definition(): array
     {
         return [
-            "value" => fake()->numberBetween(2, 5),
+            "value" => fake()->boolean ? fake()->numberBetween(2, 5) : null,
             "status" => fake()->boolean,
             "student_id" => Student::factory(),
             "grade_column_id" => GradeColumn::factory(),
diff --git a/database/factories/SemesterFactory.php b/database/factories/SemesterFactory.php
index c5c3312..62348aa 100644
--- a/database/factories/SemesterFactory.php
+++ b/database/factories/SemesterFactory.php
@@ -11,7 +11,7 @@ class SemesterFactory extends Factory
     public function definition(): array
     {
         return [
-            "name" => "Semestr" . fake()->numberBetween(1, 7),
+            "name" => "Semestr " . fake()->numberBetween(1, 7),
             "active" => fake()->boolean,
         ];
     }
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index 2d3fd79..4552c2e 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -4,9 +4,14 @@
 
 namespace Database\Seeders;
 
+use App\Models\CourseSemester;
+use App\Models\Grade;
+use App\Models\GradeColumn;
+use App\Models\Group;
 use App\Models\Section;
 use App\Models\SectionSettings;
 use App\Models\Setting;
+use App\Models\Student;
 use App\Models\User;
 use Illuminate\Database\Seeder;
 
@@ -24,5 +29,35 @@ public function run(): void
             "counters_enabled" => true,
             "contact_enabled" => true,
         ]);
+        $this->seedGrades();
+    }
+
+    protected function seedGrades(): void
+    {
+        $courses = CourseSemester::factory(5)->create();
+        $students = Student::factory(100)->create();
+
+        foreach ($courses as $course) {
+            $groups = Group::factory(fake()->numberBetween(2, 6))->create([
+                "course_semester_id" => $course->id,
+            ]);
+
+            /** @var Group $group */
+            foreach ($groups as $group) {
+                $group->students()->sync($students->random(15));
+                $columns = GradeColumn::factory(15)->create([
+                    "group_id" => $group->id,
+                ]);
+
+                foreach ($group->students as $student) {
+                    foreach ($columns as $column) {
+                        Grade::factory()->create([
+                            "grade_column_id" => $column->id,
+                            "student_id" => $student->id,
+                        ]);
+                    }
+                }
+            }
+        }
     }
 }
diff --git a/resources/js/Pages/Dashboard/CourseSemester/Grade/Index.vue b/resources/js/Pages/Dashboard/CourseSemester/Grade/Index.vue
index d4b4692..5197bcb 100644
--- a/resources/js/Pages/Dashboard/CourseSemester/Grade/Index.vue
+++ b/resources/js/Pages/Dashboard/CourseSemester/Grade/Index.vue
@@ -30,7 +30,6 @@ const props = defineProps({
   search: String,
   total: Number,
 })
-const showName = ref(false)
 const showModal = ref(false)
 const showEditForm = ref(false)
 const showCreateForm = ref(false)
@@ -71,10 +70,11 @@ function updateGrade(gradeColumnId, studentId, value, status) {
   })
 }
 
-function createGrade(gradeColumnId, studentId, status) {
+function createGrade(gradeColumnId, studentId, status, value) {
   Inertia.post(`/dashboard/semester-courses/${props.course.data.id}/groups/${props.group.id}/grades/${gradeColumnId}/store`, {
     status: status,
     student_id: studentId,
+    value: value,
   }, {
     preserveScroll: true,
   })
@@ -221,9 +221,11 @@ watch(searchForm, debounce(() => {
           </template>
           <template #body>
             <TableRow v-for="student in students.data" :key="student.id">
-              <TableCell class="h-[70px] w-[120px] min-w-[120px] cursor-pointer border-2" @click="[showName = !showName]">
-                <span v-if="!showName">{{ student.index_number }}</span>
-                <span v-else>{{ student.first_name }} {{ student.surname }}</span>
+              <TableCell class="h-[70px] w-[120px] min-w-[120px] cursor-pointer flex-row border-2">
+                <div class="font-bold">
+                  {{ student.first_name }} {{ student.surname }}
+                </div>
+                <div>({{ student.index_number }})</div>
               </TableCell>
               <GradeCell v-for="column in gradeColumns" :key="column.id"
                          :grade="column.grades.find(obj => obj.student_id === student.id)" :grade-column="column"
diff --git a/resources/js/Pages/Public/Grade.vue b/resources/js/Pages/Public/Grade.vue
new file mode 100644
index 0000000..90772b8
--- /dev/null
+++ b/resources/js/Pages/Public/Grade.vue
@@ -0,0 +1,191 @@
+<script setup>
+import PublicLayout from '@/Layouts/PublicLayout.vue'
+import BackgroundGrid from '@/Components/BackgroundGrid.vue'
+import SectionHeader from '@/Components/SectionHeader.vue'
+import { Link } from '@inertiajs/inertia-vue3'
+import SubmitButton from '@/Shared/Components/Buttons/SubmitButton.vue'
+import TableWrapper from '@/Shared/Components/Table/TableWrapper.vue'
+import TableHeader from '@/Shared/Components/Table/TableHeader.vue'
+import TableRow from '@/Shared/Components/Table/TableRow.vue'
+import TableCell from '@/Shared/Components/Table/TableCell.vue'
+import { Inertia } from '@inertiajs/inertia'
+import { ExclamationCircleIcon, MagnifyingGlassIcon } from '@heroicons/vue/24/solid'
+import { ref } from 'vue'
+
+const props = defineProps({
+  title: String,
+  semesters: Array,
+  semester: Object,
+  courses: Array,
+  course: Object,
+  groups: Array,
+  group: Object,
+  index: String,
+  gradeColumns: Array,
+  students: Array,
+  indexExists: Boolean,
+})
+
+const searchIndex = ref(props.index)
+
+function getIndex() {
+  Inertia.get(`/oceny/${props.semester.id}/${props.course.id}/${props.group.id}/${searchIndex.value}`, {}, {
+    preserveScroll: true,
+  })
+}
+</script>
+
+<template>
+  <PublicLayout>
+    <div class="relative isolate bg-gradient-to-r from-gray-50 to-gray-100 py-24 sm:py-32">
+      <BackgroundGrid mask-direction="left" />
+      <div class="mx-auto max-w-7xl px-6 lg:px-8">
+        <SectionHeader class="max-w-full">
+          <template #header>
+            Formularz dostępu do ocen
+          </template>
+          <template #subheader>
+            Wybierz odpowiedni semestr, kurs oraz grupę, a następnie wpisz swój numer indeksu, aby uzyskać arkusz ocen i
+            obecności
+          </template>
+        </SectionHeader>
+        <div class="mt-5">
+          <table>
+            <tbody>
+              <tr class="w-1/2">
+                <td
+                  class="block border-t-2 border-gray-200 pl-5 pt-5 sm:table-cell sm:border-b-2 sm:border-r-2 sm:border-t-0 sm:p-5"
+                >
+                  Wybierz semestr:
+                </td>
+                <td class="block border-b-2 border-gray-200 px-5 pb-5 sm:table-cell sm:p-5">
+                  <div class="flex flex-wrap">
+                    <Link v-for="item in semesters" :key="item.id"
+                          :class="[item.id === semester?.id ? 'border-blue-900 text-blue-900' : '']"
+                          :href="`/oceny/${item.id}`"
+                          class="mr-5 mt-4 border-2 px-5 py-3"
+                    >
+                      {{ item.name }}
+                    </Link>
+                  </div>
+                </td>
+              </tr>
+              <tr v-if="semester">
+                <td class="block border-gray-200 pl-5 pt-5 sm:table-cell sm:border-b-2 sm:border-r-2 sm:p-5">
+                  Wybierz kurs:
+                </td>
+                <td class="block border-b-2 border-gray-200 px-5 pb-5 sm:table-cell sm:p-5">
+                  <div class="flex flex-wrap">
+                    <Link v-for="item in courses" :key="item.id"
+                          :class="[item.id === course?.id ? 'border-blue-900 text-blue-900' : '']"
+                          :href="`/oceny/${semester.id}/${item.id}`"
+                          class="mr-5 mt-4 border-2 px-5 py-3"
+                    >
+                      {{ item.course.name }}
+                    </Link>
+                  </div>
+                </td>
+              </tr>
+              <tr v-if="course">
+                <td class="block border-gray-200 pl-5 pt-5 sm:table-cell sm:border-b-2 sm:border-r-2 sm:p-5">
+                  Wybierz grupę:
+                </td>
+                <td class="block border-b-2 border-gray-200 px-5 pb-5 sm:table-cell sm:p-5">
+                  <div class="flex flex-wrap">
+                    <Link v-for="item in groups" :key="item.id"
+                          :class="[item.id === group?.id ? 'border-blue-900 text-blue-900' : '']"
+                          :href="`/oceny/${semester.id}/${course.id}/${item.id}`"
+                          class="mr-5 mt-4 border-2 px-5 py-3"
+                    >
+                      {{ item.name }}
+                    </Link>
+                  </div>
+                </td>
+              </tr>
+              <tr v-if="group">
+                <td class="block border-gray-200 pl-5 pt-5 sm:table-cell sm:border-b-2 sm:border-r-2 sm:p-5">
+                  Wybierz numer indeksu:
+                </td>
+                <td class="block border-b-2 border-gray-200 px-5 pb-5 pt-2 sm:table-cell sm:p-5">
+                  <div class="flex">
+                    <input v-model="searchIndex" autocomplete="off"
+                           class="mr-3 block w-32 border-2 border-gray-200 px-5 py-3 opacity-75 focus:!border-blue-900 focus:!text-blue-900 focus:!ring-0 sm:w-48"
+                    >
+                    <SubmitButton class="min-h-max" @click="getIndex">
+                      <MagnifyingGlassIcon class="size-6" />
+                    </SubmitButton>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+          <div v-if="index && indexExists" class="mt-5">
+            <h3 class="text-2xl font-bold tracking-tight text-gray-900 sm:text-3xl">
+              Arkusz ocen i obecności
+            </h3>
+            <p class="mt-1 text-lg leading-8 text-gray-600">
+              Numery indeksów innych studentów są zaciemnione z prawnych względów
+            </p>
+            <TableWrapper class="mt-10">
+              <template #header>
+                <TableHeader>
+                  student
+                </TableHeader>
+                <TableHeader v-for="column in gradeColumns" :key="column.id"
+                             class="min-w-[50px] border-2 border-solid text-center"
+                >
+                  {{ column.name }}
+                </TableHeader>
+              </template>
+              <template #body>
+                <TableRow v-for="student in students" :key="student">
+                  <TableCell class="size-[50px] min-w-[50px] border-2 text-center font-bold">
+                    {{ student.student }}
+                  </TableCell>
+                  <TableCell v-for="grade in student.grades" :key="grade"
+                             :class="{'bg-lime-200': grade.present === true, 'bg-rose-300': grade.present === false}"
+                             class="border-2 text-center font-bold text-gray-900"
+                  >
+                    {{ grade.value }}
+                  </TableCell>
+                </TableRow>
+              </template>
+            </TableWrapper>
+            <div class="mt-4">
+              <h5 class="text-xl font-bold tracking-tight text-gray-900">
+                Legenda:
+              </h5>
+              <div class="flex flex-col gap-5 sm:flex-row">
+                <div class="mt-3 flex items-center gap-2">
+                  <span class="size-8 bg-lime-300" />
+                  <p>student obecny lub ocena pozytywna</p>
+                </div>
+                <div class="mt-3 flex items-center gap-2">
+                  <span class="size-8 bg-red-300" />
+                  <p>student nieobecny lub ocena niedostateczna</p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div v-else-if="index" class="mt-5 rounded-md bg-red-50 p-4">
+            <div class="flex items-center">
+              <div class="shrink-0">
+                <ExclamationCircleIcon class="size-14 text-red-400" />
+              </div>
+              <div class="ml-3">
+                <h3 class="text-sm font-medium text-red-800">
+                  Niestety nic nie znaleziono.
+                </h3>
+                <p class="mt-2 text-sm text-red-700">
+                  Dla podanej kombinacji identyfikatorów semestru, kursu i numeru indeksu nie odnaleziono żadnych
+                  danych. Sprawdź poprawność podanych informacji. Jeżeli semestr dopiero się rozpoczął, może po prostu
+                  jeszcze niczego tu nie ma.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </PublicLayout>
+</template>
diff --git a/resources/js/Shared/Components/GradeCell.vue b/resources/js/Shared/Components/GradeCell.vue
index c941f18..11b25b5 100644
--- a/resources/js/Shared/Components/GradeCell.vue
+++ b/resources/js/Shared/Components/GradeCell.vue
@@ -1,5 +1,6 @@
 <script setup>
 import TableCell from './Table/TableCell.vue'
+import { useForm } from '@inertiajs/inertia-vue3'
 
 const props = defineProps({
   gradeColumn: Object,
@@ -8,23 +9,10 @@ const props = defineProps({
 })
 
 const emit = defineEmits(['createGrade', 'updateGrade', 'updateValue'])
-let clicks = 0
-let timeout = null
 
-function createGradeOnClick() {
-  clicks++
-
-  if (clicks === 1) {
-    timeout = setTimeout(() => {
-      emit('createGrade', props.gradeColumn.id, props.student.id, true)
-      clicks = 0
-    }, 200)
-  } else {
-    clearTimeout(timeout)
-    emit('createGrade', props.gradeColumn.id, props.student.id, false)
-    clicks = 0
-  }
-}
+const gradeInput = useForm({
+  value: props.grade?.value || '',
+})
 </script>
 
 <template>
@@ -32,15 +20,23 @@ function createGradeOnClick() {
     v-if="grade"
     :class="[grade?.status
       ? 'bg-lime-200'
-      : grade ? 'bg-rose-300' :'bg-white']"
-    @dblclick="emit('updateGrade',gradeColumn.id, student.id, grade.value, !grade.status)"
+      : grade?.status !== null ? 'bg-rose-300' : 'bg-white']"
+    @dblclick="emit('updateGrade', gradeColumn.id, student.id, inputVal, !grade.status)"
   >
     <input
-      :class="[grade.status? 'bg-lime-200' : 'bg-rose-300']"
-      :value="grade.value"
+      v-model="gradeInput.value"
+      :class="[grade?.status
+        ? 'bg-lime-200'
+        : grade?.status !== null ? 'bg-rose-300' : 'bg-white']"
+      class="size-full cursor-pointer border-0 p-0 text-center font-bold text-gray-900 shadow-none ring-0 focus:border-0 focus:ring-0"
+      @change="emit('updateGrade', gradeColumn.id, student.id, gradeInput.value, grade.status)"
+    >
+  </TableCell>
+  <TableCell v-else class="bg-white" @dblclick="emit('updateGrade', props.gradeColumn.id, props.student.id, true, gradeInput.value)">
+    <input
+      v-model="gradeInput.value"
       class="size-full cursor-pointer border-0 p-0 text-center font-bold text-gray-900 shadow-none ring-0 focus:border-0 focus:ring-0"
-      @change="emit('updateGrade',gradeColumn.id, student.id, $event.target.value, grade.status)"
+      @change="emit('createGrade', gradeColumn.id, student.id, null, gradeInput.value)"
     >
   </TableCell>
-  <TableCell v-else class="bg-white" @click="createGradeOnClick" />
 </template>
diff --git a/routes/web.php b/routes/web.php
index c21b994..907df0e 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -19,6 +19,7 @@
 use App\Http\Controllers\Dashboard\SemesterController;
 use App\Http\Controllers\Dashboard\SettingController;
 use App\Http\Controllers\Dashboard\StudentController;
+use App\Http\Controllers\Public\GradeController as PublicGradeController;
 use App\Http\Controllers\Public\HomeController;
 use App\Http\Controllers\Public\LoginController;
 use App\Http\Controllers\Public\NewsController;
@@ -26,6 +27,7 @@
 
 Route::get("/", HomeController::class)->name("main");
 Route::get("/aktualnosci", NewsController::class);
+Route::get("/oceny/{semester?}/{course?}/{group?}/{index?}", PublicGradeController::class);
 
 Route::middleware("guest")->group(function (): void {
     Route::get("/login", [LoginController::class, "create"])->name("login");
diff --git a/tests/Feature/GradePageTest.php b/tests/Feature/GradePageTest.php
new file mode 100644
index 0000000..97c390d
--- /dev/null
+++ b/tests/Feature/GradePageTest.php
@@ -0,0 +1,175 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Tests\Feature;
+
+use App\Models\CourseSemester;
+use App\Models\Grade;
+use App\Models\GradeColumn;
+use App\Models\Group;
+use App\Models\SectionSettings;
+use App\Models\Setting;
+use App\Models\Student;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Inertia\Testing\AssertableInertia as Assert;
+use Tests\TestCase;
+
+class GradePageTest extends TestCase
+{
+    use RefreshDatabase;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        Setting::factory()->create();
+        SectionSettings::factory()->create();
+        $this->course = CourseSemester::factory()->create();
+        $this->student = Student::factory()->create();
+        $this->group = Group::factory()->create([
+            "course_semester_id" => $this->course->id,
+        ]);
+        $this->group->students()->sync($this->student);
+        $column = GradeColumn::factory()->create([
+            "group_id" => $this->group->id,
+            "active" => true,
+        ]);
+        Grade::factory()->create([
+            "grade_column_id" => $column->id,
+            "student_id" => $this->student->id,
+        ]);
+    }
+
+    public function testTheGradePageReturnsSuccessfulResponse(): void
+    {
+        $this->get("/oceny")->assertStatus(200);
+    }
+
+    public function testOnTheGradePageCanChooseSemester(): void
+    {
+        $this->get("/oceny")
+            ->assertStatus(200)
+            ->assertInertia(
+                fn(Assert $page): Assert => $page
+                    ->component("Public/Grade")
+                    ->has("semesters", 1)
+                    ->where("semester", null),
+            );
+
+        $this->get("/oceny/{$this->course->semester_id}")
+            ->assertStatus(200)
+            ->assertInertia(
+                fn(Assert $page): Assert => $page
+                    ->component("Public/Grade")
+                    ->has("semesters", 1)
+                    ->where("semester.id", $this->course->semester_id),
+            );
+    }
+
+    public function testOnTheGradePageCanChooseCourse(): void
+    {
+        $this->get("/oceny/{$this->course->semester_id}")
+            ->assertStatus(200)
+            ->assertInertia(
+                fn(Assert $page): Assert => $page
+                    ->component("Public/Grade")
+                    ->has("semesters", 1)
+                    ->where("semester.id", $this->course->semester_id)
+                    ->has("courses", 1)
+                    ->where("course", null),
+            );
+
+        $this->get("/oceny/{$this->course->semester_id}/{$this->course->id}")
+            ->assertStatus(200)
+            ->assertInertia(
+                fn(Assert $page): Assert => $page
+                    ->component("Public/Grade")
+                    ->has("semesters", 1)
+                    ->where("semester.id", $this->course->semester_id)
+                    ->has("courses", 1)
+                    ->where("course.id", $this->course->id),
+            );
+    }
+
+    public function testOnTheGradePageCanChooseGroup(): void
+    {
+        $this->get("/oceny/{$this->course->semester_id}/{$this->course->id}")
+            ->assertStatus(200)
+            ->assertInertia(
+                fn(Assert $page): Assert => $page
+                    ->component("Public/Grade")
+                    ->has("semesters", 1)
+                    ->where("semester.id", $this->course->semester_id)
+                    ->has("courses", 1)
+                    ->where("course.id", $this->course->id)
+                    ->has("groups", 1)
+                    ->where("group", null),
+            );
+
+        $this->get("/oceny/{$this->course->semester_id}/{$this->course->id}/{$this->group->id}")
+            ->assertStatus(200)
+            ->assertInertia(
+                fn(Assert $page): Assert => $page
+                    ->component("Public/Grade")
+                    ->has("semesters", 1)
+                    ->where("semester.id", $this->course->semester_id)
+                    ->has("courses", 1)
+                    ->where("course.id", $this->course->id)
+                    ->has("groups", 1)
+                    ->where("group.id", $this->group->id),
+            );
+    }
+
+    public function testOnTheGradePageCanSeeGradesAfterFillIndexNumber(): void
+    {
+        $this->get("/oceny/{$this->course->semester_id}/{$this->course->id}/{$this->group->id}")
+            ->assertStatus(200)
+            ->assertInertia(
+                fn(Assert $page): Assert => $page
+                    ->component("Public/Grade")
+                    ->has("semesters", 1)
+                    ->where("semester.id", $this->course->semester_id)
+                    ->has("courses", 1)
+                    ->where("course.id", $this->course->id)
+                    ->has("groups", 1)
+                    ->where("group.id", $this->group->id)
+                    ->where("index", ""),
+            );
+
+        $this->get("/oceny/{$this->course->semester_id}/{$this->course->id}/{$this->group->id}/{$this->student->index_number}")
+            ->assertStatus(200)
+            ->assertInertia(
+                fn(Assert $page): Assert => $page
+                    ->component("Public/Grade")
+                    ->has("semesters", 1)
+                    ->where("semester.id", $this->course->semester_id)
+                    ->has("courses", 1)
+                    ->where("course.id", $this->course->id)
+                    ->has("groups", 1)
+                    ->where("group.id", $this->group->id)
+                    ->where("index", "{$this->student->index_number}")
+                    ->has("gradeColumns", 1)
+                    ->has("students", 1),
+            );
+    }
+
+    public function testOnTheGradePageCannotSeeGradesWithInvalidIndexNumber(): void
+    {
+        $this->get("/oceny/{$this->course->semester_id}/{$this->course->id}/{$this->group->id}/invalid")
+            ->assertStatus(200)
+            ->assertInertia(
+                fn(Assert $page): Assert => $page
+                    ->component("Public/Grade")
+                    ->has("semesters", 1)
+                    ->where("semester.id", $this->course->semester_id)
+                    ->has("courses", 1)
+                    ->where("course.id", $this->course->id)
+                    ->has("groups", 1)
+                    ->where("group.id", $this->group->id)
+                    ->where("index", "invalid")
+                    ->has("gradeColumns", 0)
+                    ->has("students", 0),
+            );
+    }
+}

From 14f66de434678db949e602c3a8ec9992fe43fe62 Mon Sep 17 00:00:00 2001
From: Kamil Piech <kamil.piech@blumilk.pl>
Date: Tue, 13 Aug 2024 13:33:58 +0200
Subject: [PATCH 3/3] #103 - added tooltips (#112)

* #103 - feat: added tooltips

* #103 - fix: code review fix
---
 resources/css/app.css                            |  8 ++++++++
 .../js/Pages/Dashboard/ContactInfo/Index.vue     |  4 ++--
 resources/js/Pages/Dashboard/Course/Index.vue    |  4 ++--
 .../js/Pages/Dashboard/CourseSemester/Index.vue  |  4 ++--
 .../js/Pages/Dashboard/CourseSemester/Show.vue   | 16 ++++++++++------
 resources/js/Pages/Dashboard/FAQ/Index.vue       |  4 ++--
 resources/js/Pages/Dashboard/Field/Index.vue     |  4 ++--
 resources/js/Pages/Dashboard/News/Index.vue      |  4 ++--
 resources/js/Pages/Dashboard/Semester/Index.vue  |  4 ++--
 resources/js/Pages/Dashboard/Student/Index.vue   |  4 ++--
 10 files changed, 34 insertions(+), 22 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index 5aece88..442481d 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -3,3 +3,11 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.tooltip {
+    @apply invisible absolute;
+}
+
+.has-tooltip:hover .tooltip {
+    @apply visible z-50;
+}
diff --git a/resources/js/Pages/Dashboard/ContactInfo/Index.vue b/resources/js/Pages/Dashboard/ContactInfo/Index.vue
index f222f3f..4cecf82 100644
--- a/resources/js/Pages/Dashboard/ContactInfo/Index.vue
+++ b/resources/js/Pages/Dashboard/ContactInfo/Index.vue
@@ -9,7 +9,7 @@ import Button from '@/Shared/Components/Buttons/Button.vue'
 import EmptyState from '@/Shared/Components/EmptyState.vue'
 import RemoveModal from '@/Shared/Modals/RemoveModal.vue'
 import { ref } from 'vue'
-import { Cog6ToothIcon, XCircleIcon } from '@heroicons/vue/24/outline'
+import { PencilSquareIcon, XCircleIcon } from '@heroicons/vue/24/outline'
 import ManagementHeader from '@/Shared/Components/ManagementHeader.vue'
 import ManagementHeaderItem from '@/Shared/Components/ManagementHeaderItem.vue'
 defineProps({
@@ -73,7 +73,7 @@ const contactInfoToDeleteId = ref(0)
               </TableCell>
               <TableCell class="flex justify-end gap-2">
                 <Button :href="`contact-infos/${contact.id}/edit`">
-                  <Cog6ToothIcon class="w-5" />
+                  <PencilSquareIcon class="w-5" />
                 </Button>
                 <Button class="text-red-600" @click="[showModal = true, contactInfoToDeleteId = contact.id]">
                   <XCircleIcon class="w-5" />
diff --git a/resources/js/Pages/Dashboard/Course/Index.vue b/resources/js/Pages/Dashboard/Course/Index.vue
index 7c1db0d..a084cef 100644
--- a/resources/js/Pages/Dashboard/Course/Index.vue
+++ b/resources/js/Pages/Dashboard/Course/Index.vue
@@ -10,7 +10,7 @@ import RemoveModal from '@/Shared/Modals/RemoveModal.vue'
 import { ref } from 'vue'
 import ManagementHeader from '@/Shared/Components/ManagementHeader.vue'
 import ManagementHeaderItem from '@/Shared/Components/ManagementHeaderItem.vue'
-import { Cog6ToothIcon, XCircleIcon } from '@heroicons/vue/24/outline'
+import { PencilSquareIcon, XCircleIcon } from '@heroicons/vue/24/outline'
 
 defineProps({
   courses: Object,
@@ -83,7 +83,7 @@ const courseToDeleteId = ref(0)
               </TableCell>
               <TableCell class="flex justify-end gap-2">
                 <Button :href="`/dashboard/courses/${course.id}/edit`">
-                  <Cog6ToothIcon class="w-5" />
+                  <PencilSquareIcon class="w-5" />
                 </Button>
                 <Button class="text-red-600" @click="[showModal = true, courseToDeleteId = course.id]">
                   <XCircleIcon class="w-5" />
diff --git a/resources/js/Pages/Dashboard/CourseSemester/Index.vue b/resources/js/Pages/Dashboard/CourseSemester/Index.vue
index 71faffe..4b6762d 100644
--- a/resources/js/Pages/Dashboard/CourseSemester/Index.vue
+++ b/resources/js/Pages/Dashboard/CourseSemester/Index.vue
@@ -10,7 +10,7 @@ import RemoveModal from '@/Shared/Modals/RemoveModal.vue'
 import { ref } from 'vue'
 import ManagementHeader from '@/Shared/Components/ManagementHeader.vue'
 import ManagementHeaderItem from '@/Shared/Components/ManagementHeaderItem.vue'
-import { Cog6ToothIcon, XCircleIcon, EyeIcon } from '@heroicons/vue/24/outline'
+import { PencilSquareIcon, XCircleIcon, EyeIcon } from '@heroicons/vue/24/outline'
 
 defineProps({
   courses: Object,
@@ -88,7 +88,7 @@ const courseToDeleteId = ref(0)
                   <EyeIcon class="w-5" />
                 </Button>
                 <Button :href="`/dashboard/semester-courses/${course.id}/edit`">
-                  <Cog6ToothIcon class="w-5" />
+                  <PencilSquareIcon class="w-5" />
                 </Button>
                 <Button class="text-red-600" @click="[showModal = true, courseToDeleteId = course.id]">
                   <XCircleIcon class="w-5" />
diff --git a/resources/js/Pages/Dashboard/CourseSemester/Show.vue b/resources/js/Pages/Dashboard/CourseSemester/Show.vue
index d40b0c3..1dc3d3f 100644
--- a/resources/js/Pages/Dashboard/CourseSemester/Show.vue
+++ b/resources/js/Pages/Dashboard/CourseSemester/Show.vue
@@ -12,7 +12,7 @@ import FormError from '@/Shared/Forms/FormError.vue'
 import ManagementHeader from '@/Shared/Components/ManagementHeader.vue'
 import ManagementHeaderItem from '@/Shared/Components/ManagementHeaderItem.vue'
 import RemoveModal from '@/Shared/Modals/RemoveModal.vue'
-import { Cog6ToothIcon, UsersIcon, XCircleIcon, ChartBarIcon } from '@heroicons/vue/24/outline'
+import { PencilSquareIcon, UsersIcon, XCircleIcon, ChartBarIcon } from '@heroicons/vue/24/outline'
 import { ref } from 'vue'
 
 const props = defineProps({
@@ -187,17 +187,21 @@ function updateGroup() {
           >
             {{ group.name }}[{{ group.formAbbreviation }}]
             <div class="flex gap-2">
-              <Button :href="`/dashboard/semester-courses/${course.data.id}/groups/${group.id}/grades`">
+              <Button class="has-tooltip" :href="`/dashboard/semester-courses/${course.data.id}/groups/${group.id}/grades`">
                 <ChartBarIcon class="w-5" />
+                <span class="tooltip -ml-6 -mt-16 rounded bg-gray-500 p-1 text-white">Oceny</span>
               </Button>
-              <Button :href="`/dashboard/semester-courses/${course.data.id}/groups/${group.id}/students`">
+              <Button class="has-tooltip" :href="`/dashboard/semester-courses/${course.data.id}/groups/${group.id}/students`">
                 <UsersIcon class="w-5" />
+                <span class="tooltip -ml-8 -mt-16 rounded bg-gray-500 p-1 text-white">Studenci</span>
               </Button>
-              <Button>
-                <Cog6ToothIcon class="w-5" @click="editGroup(group)" />
+              <Button class="has-tooltip">
+                <PencilSquareIcon class="w-5" @click="editGroup(group)" />
+                <span class="tooltip -ml-10 -mt-16 rounded bg-gray-500 p-1 text-white">Edytuj grupę</span>
               </Button>
-              <Button class="text-red-600" @click="[showModal = true, showEditForm = false, groupToDeleteId = group.id]">
+              <Button class="has-tooltip text-red-600" @click="[showModal = true, showEditForm = false, groupToDeleteId = group.id]">
                 <XCircleIcon class="w-5" />
+                <span class="tooltip -ml-10 -mt-16 rounded bg-rose-300 p-1 text-white">Usuń grupę</span>
               </Button>
             </div>
           </div>
diff --git a/resources/js/Pages/Dashboard/FAQ/Index.vue b/resources/js/Pages/Dashboard/FAQ/Index.vue
index 28bc28b..2de00fe 100644
--- a/resources/js/Pages/Dashboard/FAQ/Index.vue
+++ b/resources/js/Pages/Dashboard/FAQ/Index.vue
@@ -10,7 +10,7 @@ import RemoveModal from '@/Shared/Modals/RemoveModal.vue'
 import { ref } from 'vue'
 import ManagementHeader from '@/Shared/Components/ManagementHeader.vue'
 import ManagementHeaderItem from '@/Shared/Components/ManagementHeaderItem.vue'
-import { Cog6ToothIcon, XCircleIcon } from '@heroicons/vue/24/outline'
+import { PencilSquareIcon, XCircleIcon } from '@heroicons/vue/24/outline'
 
 defineProps({
   faqs: Object,
@@ -65,7 +65,7 @@ const faqToDeleteId = ref(0)
               </TableCell>
               <TableCell class="flex justify-end gap-2">
                 <Button :href="`/dashboard/faqs/${faq.id}/edit`">
-                  <Cog6ToothIcon class="w-5" />
+                  <PencilSquareIcon class="w-5" />
                 </Button>
                 <Button class="text-red-600" @click="[showModal = true, faqToDeleteId = faq.id]">
                   <XCircleIcon class="w-5" />
diff --git a/resources/js/Pages/Dashboard/Field/Index.vue b/resources/js/Pages/Dashboard/Field/Index.vue
index ea0f7cc..035d64f 100644
--- a/resources/js/Pages/Dashboard/Field/Index.vue
+++ b/resources/js/Pages/Dashboard/Field/Index.vue
@@ -10,7 +10,7 @@ import RemoveModal from '@/Shared/Modals/RemoveModal.vue'
 import { ref } from 'vue'
 import ManagementHeader from '@/Shared/Components/ManagementHeader.vue'
 import ManagementHeaderItem from '@/Shared/Components/ManagementHeaderItem.vue'
-import { Cog6ToothIcon, XCircleIcon } from '@heroicons/vue/24/outline'
+import { PencilSquareIcon, XCircleIcon } from '@heroicons/vue/24/outline'
 
 defineProps({
   fields: Object,
@@ -71,7 +71,7 @@ const fieldToDeleteId = ref(0)
               </TableCell>
               <TableCell class="flex justify-end gap-2">
                 <Button :href="`/dashboard/fields/${field.id}/edit`">
-                  <Cog6ToothIcon class="w-5" />
+                  <PencilSquareIcon class="w-5" />
                 </Button>
                 <Button class="text-red-600" @click="[showModal = true, fieldToDeleteId = field.id]">
                   <XCircleIcon class="w-5" />
diff --git a/resources/js/Pages/Dashboard/News/Index.vue b/resources/js/Pages/Dashboard/News/Index.vue
index 78b79c6..995d456 100644
--- a/resources/js/Pages/Dashboard/News/Index.vue
+++ b/resources/js/Pages/Dashboard/News/Index.vue
@@ -13,7 +13,7 @@ import { Inertia } from '@inertiajs/inertia'
 import { debounce } from 'lodash'
 import TextInput from '@/Shared/Forms/TextInput.vue'
 import { useForm } from '@inertiajs/inertia-vue3'
-import { Cog6ToothIcon, XCircleIcon } from '@heroicons/vue/24/outline'
+import { PencilSquareIcon, XCircleIcon } from '@heroicons/vue/24/outline'
 import ManagementHeader from '@/Shared/Components/ManagementHeader.vue'
 import ManagementHeaderItem from '@/Shared/Components/ManagementHeaderItem.vue'
 
@@ -97,7 +97,7 @@ watch(form, debounce(() => {
               </TableCell>
               <TableCell class="flex justify-end gap-2">
                 <Button :href="`news/${article.id}/edit`">
-                  <Cog6ToothIcon class="w-5" />
+                  <PencilSquareIcon class="w-5" />
                 </Button>
                 <Button class="text-red-600" @click="[showModal = true, newsToDeleteId = article.id]">
                   <XCircleIcon class="w-5" />
diff --git a/resources/js/Pages/Dashboard/Semester/Index.vue b/resources/js/Pages/Dashboard/Semester/Index.vue
index c43ab83..787b0fd 100644
--- a/resources/js/Pages/Dashboard/Semester/Index.vue
+++ b/resources/js/Pages/Dashboard/Semester/Index.vue
@@ -11,7 +11,7 @@ import { ref } from 'vue'
 import { Method } from '@inertiajs/inertia'
 import ManagementHeader from '@/Shared/Components/ManagementHeader.vue'
 import ManagementHeaderItem from '@/Shared/Components/ManagementHeaderItem.vue'
-import { Cog6ToothIcon, XCircleIcon, CheckIcon } from '@heroicons/vue/24/outline'
+import { PencilSquareIcon, XCircleIcon, CheckIcon } from '@heroicons/vue/24/outline'
 
 defineProps({
   semesters: Object,
@@ -79,7 +79,7 @@ const semesterToDeleteId = ref(0)
                   <CheckIcon class="w-5" />
                 </Button>
                 <Button :href="`/dashboard/semesters/${semester.id}/edit`">
-                  <Cog6ToothIcon class="w-5" />
+                  <PencilSquareIcon class="w-5" />
                 </Button>
                 <Button class="text-red-600" @click="[showModal = true, semesterToDeleteId = semester.id]">
                   <XCircleIcon class="w-5" />
diff --git a/resources/js/Pages/Dashboard/Student/Index.vue b/resources/js/Pages/Dashboard/Student/Index.vue
index f25c952..efa1a99 100644
--- a/resources/js/Pages/Dashboard/Student/Index.vue
+++ b/resources/js/Pages/Dashboard/Student/Index.vue
@@ -13,7 +13,7 @@ import { Inertia } from '@inertiajs/inertia'
 import { debounce } from 'lodash'
 import TextInput from '@/Shared/Forms/TextInput.vue'
 import { useForm } from '@inertiajs/inertia-vue3'
-import { Cog6ToothIcon, XCircleIcon } from '@heroicons/vue/24/outline'
+import { PencilSquareIcon, XCircleIcon } from '@heroicons/vue/24/outline'
 import ManagementHeader from '@/Shared/Components/ManagementHeader.vue'
 import ManagementHeaderItem from '@/Shared/Components/ManagementHeaderItem.vue'
 
@@ -97,7 +97,7 @@ watch(form, debounce(() => {
               </TableCell>
               <TableCell class="flex justify-end gap-2">
                 <Button :href="`students/${student.id}/edit`">
-                  <Cog6ToothIcon class="w-5" />
+                  <PencilSquareIcon class="w-5" />
                 </Button>
                 <Button class="text-red-600" @click="[showModal = true, studentToDeleteId = student.id]">
                   <XCircleIcon class="w-5" />