From fa6da11084f565aac2757f99ae07fe492389aa5c Mon Sep 17 00:00:00 2001
From: Krzysztof Rewak <krzysztof.rewak@gmail.com>
Date: Thu, 19 Sep 2024 20:42:29 +0200
Subject: [PATCH] #147 - Google CSV import to grades

---
 .phpstorm.meta.php                            | 15 +++
 .../Controllers/Dashboard/GradeController.php | 12 +--
 .../Dashboard/GradeImportController.php       | 50 ++++++++++
 ...olumn.php => UpdateGradeColumnRequest.php} |  2 +-
 ...UpdateGrade.php => UpdateGradeRequest.php} |  2 +-
 app/Models/Grade.php                          |  5 +
 app/Models/Group.php                          |  4 +
 app/Models/Student.php                        |  9 ++
 app/Providers/BuilderServiceProvider.php      | 14 ++-
 codestyle.php                                 |  2 -
 database/factories/GradeColumnFactory.php     |  2 +-
 .../Dashboard/CourseSemester/Grade/Import.vue | 96 +++++++++++++++++++
 .../Dashboard/CourseSemester/Grade/Index.vue  | 64 ++++++-------
 resources/js/Shared/Components/GradeCell.vue  |  4 +-
 resources/tests/google/students001.txt        |  7 ++
 routes/web.php                                |  6 ++
 16 files changed, 245 insertions(+), 49 deletions(-)
 create mode 100644 .phpstorm.meta.php
 create mode 100644 app/Http/Controllers/Dashboard/GradeImportController.php
 rename app/Http/Requests/{UpdateGradeColumn.php => UpdateGradeColumnRequest.php} (88%)
 rename app/Http/Requests/{UpdateGrade.php => UpdateGradeRequest.php} (92%)
 create mode 100644 resources/js/Pages/Dashboard/CourseSemester/Grade/Import.vue
 create mode 100644 resources/tests/google/students001.txt

diff --git a/.phpstorm.meta.php b/.phpstorm.meta.php
new file mode 100644
index 00000000..fe6c2134
--- /dev/null
+++ b/.phpstorm.meta.php
@@ -0,0 +1,15 @@
+<?php
+
+namespace Illuminate\Database\Eloquent {
+    use Illuminate\Contracts\Database\Eloquent\Builder as BuilderContract;
+
+    class Builder implements BuilderContract {
+        public function whereLikeUnaccentInsensitive(string $column, mixed $value): static {
+            return $intance;
+        }
+
+        public function orWhereLikeUnaccentInsensitive(string $column, mixed $value): static {
+            return $intance;
+        }
+    }
+}
diff --git a/app/Http/Controllers/Dashboard/GradeController.php b/app/Http/Controllers/Dashboard/GradeController.php
index 507908f9..8d53a5fc 100644
--- a/app/Http/Controllers/Dashboard/GradeController.php
+++ b/app/Http/Controllers/Dashboard/GradeController.php
@@ -9,8 +9,8 @@
 use Illuminate\Http\Request;
 use Inertia\Response;
 use Keating\DTOs\CourseSemesterData;
-use Keating\Http\Requests\UpdateGrade;
-use Keating\Http\Requests\UpdateGradeColumn;
+use Keating\Http\Requests\UpdateGradeColumnRequest;
+use Keating\Http\Requests\UpdateGradeRequest;
 use Keating\Models\CourseSemester;
 use Keating\Models\GradeColumn;
 use Keating\Models\Group;
@@ -40,7 +40,7 @@ public function index(Request $request, CourseSemester $course, Group $group): R
         ]);
     }
 
-    public function store(UpdateGradeColumn $request, CourseSemester $course, Group $group): RedirectResponse
+    public function store(UpdateGradeColumnRequest $request, CourseSemester $course, Group $group): RedirectResponse
     {
         $group->gradeColumns()->create($request->getData());
 
@@ -48,7 +48,7 @@ public function store(UpdateGradeColumn $request, CourseSemester $course, Group
             ->with("success", "Dodano kolumnę");
     }
 
-    public function update(UpdateGradeColumn $request, CourseSemester $course, Group $group, GradeColumn $gradeColumn): RedirectResponse
+    public function update(UpdateGradeColumnRequest $request, CourseSemester $course, Group $group, GradeColumn $gradeColumn): RedirectResponse
     {
         $gradeColumn->update($request->getData());
 
@@ -56,7 +56,7 @@ public function update(UpdateGradeColumn $request, CourseSemester $course, Group
             ->with("success", "Zaktualizowano kolumnę");
     }
 
-    public function storeGrade(UpdateGrade $request, CourseSemester $course, Group $group, GradeColumn $gradeColumn): RedirectResponse
+    public function storeGrade(UpdateGradeRequest $request, CourseSemester $course, Group $group, GradeColumn $gradeColumn): RedirectResponse
     {
         $gradeColumn->grades()
             ->create($request->getData());
@@ -64,7 +64,7 @@ public function storeGrade(UpdateGrade $request, CourseSemester $course, Group $
         return redirect()->back();
     }
 
-    public function updateGrade(UpdateGrade $request, CourseSemester $course, Group $group, GradeColumn $gradeColumn): RedirectResponse
+    public function updateGrade(UpdateGradeRequest $request, CourseSemester $course, Group $group, GradeColumn $gradeColumn): RedirectResponse
     {
         $grade = $gradeColumn->grades()
             ->where("student_id", $request->get("student_id"))
diff --git a/app/Http/Controllers/Dashboard/GradeImportController.php b/app/Http/Controllers/Dashboard/GradeImportController.php
new file mode 100644
index 00000000..7e022ef4
--- /dev/null
+++ b/app/Http/Controllers/Dashboard/GradeImportController.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Keating\Http\Controllers\Dashboard;
+
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\Routing\ResponseFactory;
+use Inertia\Response;
+use Keating\DTOs\CourseSemesterData;
+use Keating\Models\CourseSemester;
+use Keating\Models\Grade;
+use Keating\Models\GradeColumn;
+use Keating\Models\Group;
+
+class GradeImportController
+{
+    public function index(CourseSemester $course, Group $group, GradeColumn $column): Response
+    {
+        return inertia("Dashboard/CourseSemester/Grade/Import", [
+            "course" => CourseSemesterData::fromModel($course),
+            "group" => $group,
+            "column" => $column,
+            "csrfToken" => csrf_token(),
+        ]);
+    }
+
+    public function prepare(Request $request, CourseSemester $course, Group $group, GradeColumn $column, ResponseFactory $response): JsonResponse
+    {
+        $students = $request;
+
+        return $response->json([
+            "students" => $column->refresh()->grades->map(fn(Grade $grade): array => [
+                "id" => $grade->id,
+                "column" => [
+                    "id" => $column->id,
+                ],
+                "student" => [
+                    "id" => $grade->student->id,
+                    "name" => $grade->student->fullName,
+                    "indexNumber" => $grade->student->index_number,
+                ],
+                "status" => $grade->status,
+                "value" => $grade->value,
+                "imported" => rand(0, 1) > .5,
+            ]),
+        ]);
+    }
+}
diff --git a/app/Http/Requests/UpdateGradeColumn.php b/app/Http/Requests/UpdateGradeColumnRequest.php
similarity index 88%
rename from app/Http/Requests/UpdateGradeColumn.php
rename to app/Http/Requests/UpdateGradeColumnRequest.php
index 8cba0598..12262f55 100644
--- a/app/Http/Requests/UpdateGradeColumn.php
+++ b/app/Http/Requests/UpdateGradeColumnRequest.php
@@ -6,7 +6,7 @@
 
 use Illuminate\Foundation\Http\FormRequest;
 
-class UpdateGradeColumn extends FormRequest
+class UpdateGradeColumnRequest extends FormRequest
 {
     public function rules(): array
     {
diff --git a/app/Http/Requests/UpdateGrade.php b/app/Http/Requests/UpdateGradeRequest.php
similarity index 92%
rename from app/Http/Requests/UpdateGrade.php
rename to app/Http/Requests/UpdateGradeRequest.php
index 72a02e97..85377483 100644
--- a/app/Http/Requests/UpdateGrade.php
+++ b/app/Http/Requests/UpdateGradeRequest.php
@@ -6,7 +6,7 @@
 
 use Illuminate\Foundation\Http\FormRequest;
 
-class UpdateGrade extends FormRequest
+class UpdateGradeRequest extends FormRequest
 {
     public function rules(): array
     {
diff --git a/app/Models/Grade.php b/app/Models/Grade.php
index 8f2da741..8bbb72ee 100644
--- a/app/Models/Grade.php
+++ b/app/Models/Grade.php
@@ -15,6 +15,10 @@
  * @property string $id
  * @property ?boolean $status
  * @property ?string $value
+ * @property string $student_id
+ * @property Student $student
+ * @property string $grade_column_id
+ * @property GradeColumn $gradeColumn
  * @property Carbon $created_at
  * @property Carbon $updated_at
  */
@@ -27,6 +31,7 @@ class Grade extends Model
         "status",
         "value",
         "student_id",
+        "grade_column_id",
     ];
     protected $casts = [
         "status" => "boolean",
diff --git a/app/Models/Group.php b/app/Models/Group.php
index 5d7e747b..30b59952 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;
@@ -18,6 +19,9 @@
  * @property string $name
  * @property string $course_semester_id
  * @property StudyForm $form
+ * @property CourseSemester course
+ * @property Collection<Student> students
+ * @property Collection<GradeColumn> gradeColumns
  * @property Carbon $created_at
  * @property Carbon $updated_at
  */
diff --git a/app/Models/Student.php b/app/Models/Student.php
index a9a5a696..20ca690c 100644
--- a/app/Models/Student.php
+++ b/app/Models/Student.php
@@ -5,6 +5,7 @@
 namespace Keating\Models;
 
 use Carbon\Carbon;
+use Illuminate\Database\Eloquent\Casts\Attribute;
 use Illuminate\Database\Eloquent\Concerns\HasUlids;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
@@ -16,6 +17,7 @@
  * @property string $first_name
  * @property string $surname
  * @property string $index_number
+ * @property-read string $fullName
  * @property Carbon $created_at
  * @property Carbon $updated_at
  */
@@ -30,6 +32,13 @@ class Student extends Model
         "index_number",
     ];
 
+    public function fullName(): Attribute
+    {
+        return new Attribute(
+            get: fn(): string => $this->first_name . " " . $this->surname,
+        );
+    }
+
     public function groups(): BelongsToMany
     {
         return $this->belongsToMany(Group::class, "student_group");
diff --git a/app/Providers/BuilderServiceProvider.php b/app/Providers/BuilderServiceProvider.php
index 8c1eb274..d9f9e16a 100644
--- a/app/Providers/BuilderServiceProvider.php
+++ b/app/Providers/BuilderServiceProvider.php
@@ -9,9 +9,19 @@
 
 class BuilderServiceProvider extends ServiceProvider
 {
+    /**
+     * all macros are also registered in .phpstorm.meta.php file
+     */
     public function boot(): void
     {
-        Builder::macro("whereLikeUnaccentInsensitive", fn($column, $search): Builder => $this->whereRaw("unaccent($column) ILIKE unaccent(?)", ["%{$search}%"]));
-        Builder::macro("orWhereLikeUnaccentInsensitive", fn($column, $search): Builder => $this->orWhereRaw("unaccent($column) ILIKE unaccent(?)", ["%{$search}%"]));
+        Builder::macro(
+            "whereLikeUnaccentInsensitive",
+            fn($column, $search): Builder => $this->whereRaw("unaccent($column) ILIKE unaccent(?)", ["%{$search}%"]),
+        );
+
+        Builder::macro(
+            "orWhereLikeUnaccentInsensitive",
+            fn($column, $search): Builder => $this->orWhereRaw("unaccent($column) ILIKE unaccent(?)", ["%{$search}%"]),
+        );
     }
 }
diff --git a/codestyle.php b/codestyle.php
index 3b73200a..e22e93d4 100644
--- a/codestyle.php
+++ b/codestyle.php
@@ -5,14 +5,12 @@
 use Blumilk\Codestyle\Config;
 use Blumilk\Codestyle\Configuration\Defaults\CommonRules;
 use Blumilk\Codestyle\Configuration\Defaults\LaravelPaths;
-use PhpCsFixer\Fixer\LanguageConstruct\ClassKeywordFixer;
 
 $paths = new LaravelPaths();
 $rules = new CommonRules();
 
 $config = new Config(
     paths: $paths->add("codestyle.php"),
-    rules: $rules->filter(ClassKeywordFixer::class),
 );
 
 return $config->config();
diff --git a/database/factories/GradeColumnFactory.php b/database/factories/GradeColumnFactory.php
index a37d4a58..b85a4edf 100644
--- a/database/factories/GradeColumnFactory.php
+++ b/database/factories/GradeColumnFactory.php
@@ -12,7 +12,7 @@ class GradeColumnFactory extends Factory
     public function definition(): array
     {
         return [
-            "name" => fake()->asciify("***"),
+            "name" => fake()->numerify("W#"),
             "active" => fake()->boolean,
             "priority" => fake()->numberBetween(1, 100),
             "group_id" => Group::factory(),
diff --git a/resources/js/Pages/Dashboard/CourseSemester/Grade/Import.vue b/resources/js/Pages/Dashboard/CourseSemester/Grade/Import.vue
new file mode 100644
index 00000000..33c88daf
--- /dev/null
+++ b/resources/js/Pages/Dashboard/CourseSemester/Grade/Import.vue
@@ -0,0 +1,96 @@
+<script setup>
+import DashboardLayout from '@/Layouts/DashboardLayout.vue'
+import ManagementHeader from '@/Shared/Components/ManagementHeader.vue'
+import Section from '@/Shared/Components/Section.vue'
+import SubmitButton from '@/Shared/Components/Buttons/SubmitButton.vue'
+import FormGroup from '@/Shared/Forms/FormGroup.vue'
+import FormLabel from '@/Shared/Forms/FormLabel.vue'
+import { useForm } from '@inertiajs/inertia-vue3'
+import FormError from '@/Shared/Forms/FormError.vue'
+import TableWrapper from '@/Shared/Components/Table/Public/TableWrapper.vue'
+import TableRow from '@/Shared/Components/Table/Public/TableRow.vue'
+import TableCell from '@/Shared/Components/Table/Public/TableCell.vue'
+import GradeCell from '@/Shared/Components/GradeCell.vue'
+
+const props = defineProps({
+  course: Object,
+  group: Object,
+  column: Object,
+  csrfToken: String,
+})
+
+const preparationForm = useForm({
+  content: '',
+})
+
+const gradesForm = useForm({
+  grades: '',
+})
+
+function prepareStudentsList() {
+  fetch(`/dashboard/semester-courses/${props.course.id}/groups/${props.group.id}/grades/${props.column.id}/prepare`)
+    .then(response => response.json())
+    .then(data => {
+      gradesForm.grades = data['students']
+    })
+}
+</script>
+
+<template>
+  <DashboardLayout>
+    <div class="flex flex-col gap-8">
+      <ManagementHeader>
+        <template #header>
+          Import aktywności studentów
+          <span class="text-gray-500">{{ group.name }}</span>
+          <br> dla kursu
+          <span class="text-gray-500">{{ course.course }}</span>
+          dla oceny
+          <span class="text-gray-500">{{ column.name }}</span>
+        </template>
+      </ManagementHeader>
+      <div class="grid grid-cols-2 gap-8">
+        <Section>
+          <form class="flex flex-col justify-between gap-4" @submit.prevent="prepareStudentsList()">
+            <FormGroup>
+              <FormLabel for="content">
+                Lista studentów do zaimportowania
+                <span class="text-gray-500">(z pliku CSV przysłanego z Google Workspace)</span>
+              </FormLabel>
+              <textarea v-model="preparationForm.content" class="block h-[320px] w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 sm:text-sm sm:leading-6" />
+              <FormError :error="preparationForm.errors.content" />
+            </FormGroup>
+            <div class="mt-4 flex justify-end">
+              <SubmitButton>
+                przygotuj
+              </SubmitButton>
+            </div>
+          </form>
+        </Section>
+        <Section>
+          <FormLabel for="content">
+            Lista ocen
+          </FormLabel>
+          <TableWrapper class="mt-2">
+            <template #body>
+              <TableRow v-for="data in gradesForm.grades" :key="data.student.id">
+                <TableCell class="h-[70px] w-1 cursor-pointer flex-row border-2">
+                  <div class="text-nowrap font-bold">
+                    {{ data.student.name }}
+                  </div>
+                  <div>
+                    ({{ data.student.indexNumber }})
+                  </div>
+                </TableCell>
+                <GradeCell :grade="data" :grade-column="data.column" :student="data.student" class="cursor-pointer border-2" @create-grade="createGrade" @update-grade="updateGrade" />
+                <TableCell class="h-[70px] w-1 cursor-pointer flex-row border-2">
+                  <span v-if="data.imported">zaimportowane</span>
+                </TableCell>
+              </TableRow>
+            </template>
+          </TableWrapper>
+        </Section>
+      </div>
+    </div>
+  </DashboardLayout>
+</template>
diff --git a/resources/js/Pages/Dashboard/CourseSemester/Grade/Index.vue b/resources/js/Pages/Dashboard/CourseSemester/Grade/Index.vue
index 54e3ff10..24000e0d 100644
--- a/resources/js/Pages/Dashboard/CourseSemester/Grade/Index.vue
+++ b/resources/js/Pages/Dashboard/CourseSemester/Grade/Index.vue
@@ -17,7 +17,7 @@ import { ref, watch } from 'vue'
 import RemoveModal from '@/Shared/Modals/RemoveModal.vue'
 import Section from '@/Shared/Components/Section.vue'
 import Button from '@/Shared/Components/Buttons/Button.vue'
-import { ArrowLeftIcon, ArrowRightIcon, PencilSquareIcon, TrashIcon } from '@heroicons/vue/24/outline'
+import { ArrowLeftIcon, ArrowRightIcon } from '@heroicons/vue/24/outline'
 import GradeCell from '@/Shared/Components/GradeCell.vue'
 import { debounce } from 'lodash'
 import Pagination from '@/Shared/Components/Pagination.vue'
@@ -35,7 +35,6 @@ const showEditForm = ref(false)
 const showCreateForm = ref(false)
 const columnToDeleteId = ref(0)
 const columnToEdit = ref({})
-const showColumnMenu = ref(false)
 const form = useForm({
   name: '',
   active: true,
@@ -113,8 +112,10 @@ watch(searchForm, debounce(() => {
     <div class="flex flex-col gap-8">
       <ManagementHeader>
         <template #header>
-          Zarządzanie ocenami w grupie <span class="text-gray-500">{{ group.name }}</span><br>
-          dla kursu <span class="text-gray-500">{{ course.course }}</span>
+          Zarządzanie ocenami w grupie
+          <span class="text-gray-500">{{ group.name }}</span>
+          <br> dla kursu
+          <span class="text-gray-500">{{ course.course }}</span>
         </template>
         <template #statistics>
           <ManagementHeaderItem>
@@ -189,49 +190,48 @@ watch(searchForm, debounce(() => {
         <TableWrapper>
           <template #header>
             <TableHeader>
-              Numer indeksu
+              Numer indeksu / zajęcia
             </TableHeader>
-            <TableHeader v-for="(column, index) in gradeColumns" :key="column.id"
-                         v-auto-animate="{ duration: 100 }"
-                         :class="[column.active ? '' : 'bg-gray-300 text-white']"
-                         class="w-[70px] cursor-pointer border-2 border-solid text-center"
-            >
-              <div v-if="showColumnMenu" class="mb-5 flex grow justify-between">
+            <TableHeader v-for="(column, index) in gradeColumns" :key="column.id" v-auto-animate="{ duration: 100 }" :class="[column.active ? '' : 'bg-gray-300 text-white']" class="cursor-pointer border-2 border-solid text-center">
+              <div class="mb-5 flex grow justify-between">
                 <ArrowLeftIcon v-if="index === 0" class="w-6 text-gray-400" />
-                <div v-else title="Move Up" @click="reorder(column.id, 1)"
-                     @keydown.prevent.stop.space="reorder(column.id, 1)"
-                >
+                <div v-else title="Move Up" @click="reorder(column.id, 1)" @keydown.prevent.stop.space="reorder(column.id, 1)">
                   <ArrowLeftIcon class="w-6 hover:text-gray-500" />
                 </div>
                 <ArrowRightIcon v-if="index === gradeColumns.length - 1" class="w-6 text-gray-400" />
-                <div v-else title="Move Down" @click="reorder(column.id, 0)"
-                     @keydown.prevent.stop.space="reorder(column.id, 0)"
-                >
+                <div v-else title="Move Down" @click="reorder(column.id, 0)" @keydown.prevent.stop.space="reorder(column.id, 0)">
                   <ArrowRightIcon class="w-6 hover:text-gray-500" />
                 </div>
               </div>
-              <span @click="showColumnMenu = !showColumnMenu">
+              <span>
                 {{ column.name }}
               </span>
-              <div v-if="showColumnMenu" class="mt-5 flex grow justify-between">
-                <PencilSquareIcon class="w-6" @click="editColumn(column)" />
-                <TrashIcon class="w-6" @click="[columnToDeleteId = column.id, showModal = true]" />
+              <div class="mt-5 flex grow flex-col gap-2">
+                <Button class="text-xs" @click="editColumn(column)">
+                  edytuj
+                </Button>
+                <Button class="text-xs" @click="[columnToDeleteId = column.id, showModal = true]">
+                  usuń
+                </Button>
+                <InertiaLink :href="`/dashboard/semester-courses/${course.id}/groups/${group.id}/grades/${column.id}/import`">
+                  <Button class="w-full text-xs">
+                    importuj
+                  </Button>
+                </InertiaLink>
               </div>
             </TableHeader>
           </template>
           <template #body>
             <TableRow v-for="student in students.data" :key="student?.id">
-              <TableCell class="h-[70px] w-[120px] min-w-[120px] cursor-pointer flex-row border-2">
-                <div class="font-bold">
+              <TableCell class="w-1 cursor-pointer flex-row border-2">
+                <div class="text-nowrap font-bold">
                   {{ student?.first_name }} {{ student?.surname }}
                 </div>
-                <div>({{ student?.index_number }})</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"
-                         :student="student" class="cursor-pointer border-2"
-                         @create-grade="createGrade" @update-grade="updateGrade"
-              />
+              <GradeCell v-for="column in gradeColumns" :key="column.id" :grade="column.grades.find(obj => obj.student_id === student?.id)" :grade-column="column" :student="student" class="cursor-pointer border-2" @create-grade="createGrade" @update-grade="updateGrade" />
             </TableRow>
           </template>
         </TableWrapper>
@@ -239,9 +239,5 @@ watch(searchForm, debounce(() => {
       </div>
     </div>
   </DashboardLayout>
-  <RemoveModal
-    :href="`/dashboard/semester-courses/${props.course.id}/groups/${props.group.id}/grades/${columnToDeleteId}`"
-    :show="showModal"
-    @close="showModal = false"
-  />
+  <RemoveModal :href="`/dashboard/semester-courses/${props.course.id}/groups/${props.group.id}/grades/${columnToDeleteId}`" :show="showModal" @close="showModal = false" />
 </template>
diff --git a/resources/js/Shared/Components/GradeCell.vue b/resources/js/Shared/Components/GradeCell.vue
index 11b25b5f..ea926f54 100644
--- a/resources/js/Shared/Components/GradeCell.vue
+++ b/resources/js/Shared/Components/GradeCell.vue
@@ -28,14 +28,14 @@ const gradeInput = useForm({
       :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"
+      class="size-full cursor-pointer border-0 p-0 text-center 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"
+      class="size-full cursor-pointer border-0 p-0 text-center text-gray-900 shadow-none ring-0 focus:border-0 focus:ring-0"
       @change="emit('createGrade', gradeColumn.id, student.id, null, gradeInput.value)"
     >
   </TableCell>
diff --git a/resources/tests/google/students001.txt b/resources/tests/google/students001.txt
new file mode 100644
index 00000000..007d2a7e
--- /dev/null
+++ b/resources/tests/google/students001.txt
@@ -0,0 +1,7 @@
+Imię	Nazwisko	Wyślij e-mail	Czas trwania	Czas dołączenia	Czas opuszczenia
+Dawid	Kowalewicz	dawid.kowalewicz@studenci.collegiumwitelona.pl	1 godz. 26 min	18:44	20:10
+Bartosz	Król	bartosz.krol@studenci.collegiumwitelona.pl	1 godz. 20 min	19:04	20:24
+Krzysztof	Mazur	krzysztof.mazur@collegiumwitelona.pl	1 godz. 26 min	18:44	20:10
+Marcel	Piotrowski	marcel.piotrowski@studenci.collegiumwitelona.pl	1 godz. 26 min	18:44	20:10
+Oliwia	Skowrońska	oliwia.skowronska@studenci.collegiumwitelona.pl	1 godz. 24 min	18:46	20:10
+Dawid	Stępień	dawid.stepien@studenci.collegiumwitelona.pl	35 min	19:35	20:10
diff --git a/routes/web.php b/routes/web.php
index 58f85fda..0f3794db 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -10,6 +10,7 @@
 use Keating\Http\Controllers\Dashboard\FaqController;
 use Keating\Http\Controllers\Dashboard\FieldController;
 use Keating\Http\Controllers\Dashboard\GradeController;
+use Keating\Http\Controllers\Dashboard\GradeImportController;
 use Keating\Http\Controllers\Dashboard\GroupController;
 use Keating\Http\Controllers\Dashboard\GroupStudentController;
 use Keating\Http\Controllers\Dashboard\LogoutController;
@@ -133,6 +134,11 @@
         Route::patch("/semester-courses/{course}/groups/{group}/grades/{gradeColumn}/update", "updateGrade")->name("course.semester.group.grades.update");
         Route::post("/semester-courses/{course}/groups/{group}/grades/{gradeColumn}/reorder/{down}", "reorder")->name("course.semester.group.grades.reorder");
     });
+    Route::controller(GradeImportController::class)->group(function (): void {
+        Route::get("/semester-courses/{course}/groups/{group}/grades/{column}/import", "index")->name("course.semester.group.grade.column.import.index");
+        Route::get("/semester-courses/{course}/groups/{group}/grades/{column}/prepare", "prepare")->name("course.semester.group.grade.column.import.prepare");
+        Route::post("/semester-courses/{course}/groups/{group}/grades/{column}/import", "store")->name("course.semester.group.grade.column.import.store");
+    });
     Route::controller(SettingController::class)->group(function (): void {
         Route::get("/settings", "edit")->name("settings.edit");
         Route::post("/settings", "update")->name("settings.update");