From fd4363903bfbcbe4617c2a418e60893bf81dd945 Mon Sep 17 00:00:00 2001
From: Krzysztof Rewak <krzysztof.rewak@blumilk.pl>
Date: Tue, 8 Oct 2024 19:55:01 +0200
Subject: [PATCH] - students multisearch (#164)

* - students multisearch

* - lintf
---
 .../Dashboard/GroupStudentController.php           | 14 ++++++++++----
 app/Models/Group.php                               |  4 ++++
 .../Dashboard/CourseSemester/Student/Index.vue     | 13 ++++++++-----
 resources/js/Pages/Dashboard/Student/Index.vue     |  6 +++---
 4 files changed, 25 insertions(+), 12 deletions(-)

diff --git a/app/Http/Controllers/Dashboard/GroupStudentController.php b/app/Http/Controllers/Dashboard/GroupStudentController.php
index 1df3674..feb298f 100644
--- a/app/Http/Controllers/Dashboard/GroupStudentController.php
+++ b/app/Http/Controllers/Dashboard/GroupStudentController.php
@@ -21,16 +21,22 @@ public function index(Request $request, CourseSemester $course, Group $group): R
         $students = $group->students()
             ->paginate()
             ->withQueryString();
-        $availableStudents = $searchText
-            ? Student::query()
+
+        $availableStudents = match(true) {
+            $searchText === null => [],
+            preg_match("/^(\d+\s?)+$/", $searchText) === 1 => Student::query()
+                ->whereNotIn("id", $group->students->pluck("id"))
+                ->whereIn("index_number", explode(" ", $searchText))
+                ->get(),
+            default => Student::query()
                 ->whereNotIn("id", $group->students->pluck("id"))
                 ->where(
                     fn(Builder $query): Builder => $query
                         ->where("first_name", "ILIKE", "%$searchText%")
                         ->orWhere("surname", "ILIKE", "%$searchText%")
                         ->orWhere("index_number", "LIKE", "%$searchText%"),
-                )->get()
-            : [];
+                )->get(),
+        };
 
         return inertia("Dashboard/CourseSemester/Student/Index", [
             "course" => CourseSemesterData::fromModel($course),
diff --git a/app/Models/Group.php b/app/Models/Group.php
index 5d7e747..14b253d 100644
--- a/app/Models/Group.php
+++ b/app/Models/Group.php
@@ -5,6 +5,7 @@
 namespace Keating\Models;
 
 use Carbon\Carbon;
+use Illuminate\Database\Eloquent\Collection;
 use Illuminate\Database\Eloquent\Concerns\HasUlids;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
@@ -20,6 +21,9 @@
  * @property StudyForm $form
  * @property Carbon $created_at
  * @property Carbon $updated_at
+ * @property-read CourseSemester $course
+ * @property-read Collection<Student> $students
+ * @property-read Collection<GradeColumn> $gradeColumns
  */
 class Group extends Model
 {
diff --git a/resources/js/Pages/Dashboard/CourseSemester/Student/Index.vue b/resources/js/Pages/Dashboard/CourseSemester/Student/Index.vue
index a9e5a56..cf1d1cd 100644
--- a/resources/js/Pages/Dashboard/CourseSemester/Student/Index.vue
+++ b/resources/js/Pages/Dashboard/CourseSemester/Student/Index.vue
@@ -75,7 +75,10 @@ watch(form, debounce(() => {
         </template>
       </ManagementHeader>
       <div v-if="studentsFormOpen" class="border-2 border-dotted p-4 sm:rounded-lg">
-        <TextInput id="search" v-model="form.search" placeholder="Szukaj studentów do dodania" type="search" class="mb-5 max-w-lg" />
+        <div class="items flex gap-4">
+          <TextInput id="search" v-model="form.search" placeholder="Szukaj studentów do dodania" type="search" class="mb-5 max-w-lg" />
+          <span class="mt-2 text-sm text-gray-500">podaj imiona, nazwiska, numery indeksu lub zestawy numerów indeksów oddzielone spacjami</span>
+        </div>
         <div v-if="availableStudents.length" class="grid max-h-64 grid-cols-3 gap-4 overflow-y-auto">
           <div v-for="student in availableStudents" :key="student.id" class="flex h-max cursor-pointer items-center justify-between overflow-x-auto bg-white p-4 text-left sm:rounded-lg">
             <div>
@@ -93,10 +96,10 @@ watch(form, debounce(() => {
       <div v-if="students.data.length" class="flex flex-col gap-8">
         <TableWrapper>
           <template #header>
-            <TableHeader class="w-1/6">
+            <TableHeader class="w-1 text-nowrap">
               ID
             </TableHeader>
-            <TableHeader class="w-1/6">
+            <TableHeader class="w-1 text-nowrap">
               Numer indeksu
             </TableHeader>
             <TableHeader class="w-1/5">
@@ -109,10 +112,10 @@ watch(form, debounce(() => {
           </template>
           <template #body>
             <TableRow v-for="student in students.data" :key="student.id">
-              <TableCell class="pr-12 opacity-75">
+              <TableCell class="text-nowrap pr-12 opacity-75">
                 {{ student.id }}
               </TableCell>
-              <TableCell>
+              <TableCell class="">
                 {{ student.index_number }}
               </TableCell>
               <TableCell>
diff --git a/resources/js/Pages/Dashboard/Student/Index.vue b/resources/js/Pages/Dashboard/Student/Index.vue
index 9a81d84..04b0cba 100644
--- a/resources/js/Pages/Dashboard/Student/Index.vue
+++ b/resources/js/Pages/Dashboard/Student/Index.vue
@@ -70,10 +70,10 @@ watch(form, debounce(() => {
       <div v-if="students.data.length" class="flex flex-col gap-8">
         <TableWrapper>
           <template #header>
-            <TableHeader class="w-1/6">
+            <TableHeader class="w-1 text-nowrap">
               ID
             </TableHeader>
-            <TableHeader class="w-1/6">
+            <TableHeader class="w-1 text-nowrap">
               Numer indeksu
             </TableHeader>
             <TableHeader class="w-1/5">
@@ -86,7 +86,7 @@ watch(form, debounce(() => {
           </template>
           <template #body>
             <TableRow v-for="student in students.data" :key="student.id">
-              <TableCell class="pr-12 opacity-75">
+              <TableCell class="text-nowrap pr-12 opacity-75">
                 {{ student.id }}
               </TableCell>
               <TableCell>