From 43e6ef98840ffef29bbfeff4c460f2bdb32498b1 Mon Sep 17 00:00:00 2001
From: Khang Nguyen Duy <khang.nguyenduycse@hcmut.edu.vn>
Date: Mon, 25 Dec 2023 21:02:39 +0700
Subject: [PATCH] feat: override semester

---
 package.json                  |  2 +-
 pnpm-lock.yaml                |  8 +++----
 src/lib/OkeeButton.svelte     |  2 +-
 src/routes/+page.svelte       | 45 ++++++++++++++++++++++++++++-------
 src/routes/ErrorReport.svelte |  4 +++-
 5 files changed, 45 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index eb941ec..ffdd0bd 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
 		"format": "prettier --write --plugin prettier-plugin-svelte --plugin prettier-plugin-tailwindcss ."
 	},
 	"devDependencies": {
-		"@bkalendar/core": "^23.1.3",
+		"@bkalendar/core": "^23.2.0",
 		"@fontsource/arimo": "^5.0.17",
 		"@sveltejs/adapter-static": "^2.0.3",
 		"@sveltejs/kit": "^1.27.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1729d7e..7d0f634 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6,8 +6,8 @@ settings:
 
 devDependencies:
   '@bkalendar/core':
-    specifier: ^23.1.3
-    version: 23.1.3
+    specifier: ^23.2.0
+    version: 23.2.0
   '@fontsource/arimo':
     specifier: ^5.0.17
     version: 5.0.17
@@ -88,8 +88,8 @@ packages:
       regenerator-runtime: 0.14.0
     dev: true
 
-  /@bkalendar/core@23.1.3:
-    resolution: {integrity: sha512-YnllwyGZXSzUhffHX4FOqBPKjRVVtAUsS5qD2Hfry4cze1KSLy6gC0U2ucnk2GPIUPTQZ0AFqkbsqMOMYx/D9Q==, tarball: https://npm.pkg.github.com/download/@bkalendar/core/23.1.3/e7f93ef19aa72c8a813fd0d3f2b7db1da3ffc614}
+  /@bkalendar/core@23.2.0:
+    resolution: {integrity: sha512-k7/djJdI1AeVKYELIv2/ZhSE9nWwXJqIsE/nn5XkBToig8iDcXrvOI0XvaUkzV+BB/dY3J0kEfq0q3Ay8ceh5w==, tarball: https://npm.pkg.github.com/download/@bkalendar/core/23.2.0/a42d8773855be8b0624906be62145f518662a1a6}
     dev: true
 
   /@esbuild/android-arm64@0.18.20:
diff --git a/src/lib/OkeeButton.svelte b/src/lib/OkeeButton.svelte
index 0245a21..81670db 100644
--- a/src/lib/OkeeButton.svelte
+++ b/src/lib/OkeeButton.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <button
-	class="disabled:bg-gradient-none rounded px-2 py-1 font-bold active:opacity-50 enabled:bg-gradient-to-br disabled:cursor-not-allowed disabled:bg-slate-200 disabled:text-slate-500 {variant ==
+	class="disabled:bg-gradient-none rounded px-2 py-1 font-bold enabled:bg-gradient-to-br enabled:active:opacity-50 disabled:cursor-not-allowed disabled:bg-slate-200 disabled:text-slate-500 {variant ==
 	'navy'
 		? 'from-sky-500 to-marine-300 text-slate-50'
 		: variant == 'slate'
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c54e5ee..3f77366 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -16,16 +16,22 @@
 	import { fly } from 'svelte/transition';
 	import Key from '$lib/Key.svelte';
 	import NameInput from './NameInput.svelte';
+	import OkeeButton from '$lib/OkeeButton.svelte';
 
 	let raw: string;
 	let kind: 'sinh viên' | 'giảng viên' | 'sau đại học' = 'sinh viên';
 	let output: 'ical' | 'gapi' = 'gapi';
+	let step: 'import' | 'export' = 'import';
+	let semester: number | undefined = undefined;
+	let error: Error | null = null;
+	let name: string;
 
-	let error: unknown;
 	$: timetable = process(raw, kind);
-
-	let name: string;
-	$: if (timetable) name = calendarName(kind, timetable);
+	$: if (!`${semester}`.match(/^\d+[123]$/)) {
+		error = new Error('mã học kỳ sai định dạng. ví dụ mã đúng: 231, 232, 233.');
+	} else {
+		error = null;
+	}
 
 	function process(r: typeof raw, k: typeof kind) {
 		if (!raw) return null;
@@ -45,10 +51,12 @@
 		try {
 			let timetable = parse(r);
 			resolve(timetable);
+			name = calendarName(kind, timetable);
+			semester = timetable?.semester;
 			error = null;
 			return timetable;
 		} catch (e) {
-			error = e;
+			error = e as Error;
 			return null;
 		}
 	}
@@ -63,6 +71,11 @@
 				return `SDH${timetable.semester}`;
 		}
 	}
+
+	function nextStep() {
+		timetable!.semester = semester!;
+		step = 'export';
+	}
 </script>
 
 <svelte:head>
@@ -70,23 +83,37 @@
 </svelte:head>
 
 <BKalendar />
-<p class="text-right">vì bạn xứng đáng có một bộ lịch đẹp 🌹</p>
+<p class="text-right"><i>vì bạn xứng đáng có một bộ lịch đẹp 🌹</i></p>
 <div class="h-4" />
-{#if !timetable}
+{#if step == 'import'}
 	<div out:fly={{ delay: 500, duration: 500, x: -100 }}>
 		<p>
 			hãy <Key>Ctrl</Key>
 			<Key>A</Key> rồi <Key>Ctrl</Key>
-			<Key>V</Key> thời khóa biểu của bạn vào bên dưới, mình sẽ tự trích lịch của bạn ra 🎩
+			<Key>V</Key> thời khóa biểu của bạn vào bên dưới, mình sẽ tự trích lịch của bạn ra 🪄
 		</p>
 		<div class="h-4" />
 		<PasteArea bind:raw />
 		<div class="h-4" />
-		<KindSelect bind:kind />
+		<div class="flex items-center justify-end space-x-4">
+			<p class="flex-shrink-0">học kỳ</p>
+			<input
+				type="number"
+				class="inline w-16 outline-dashed outline-[1.5px] outline-slate-200 disabled:cursor-not-allowed disabled:bg-slate-100"
+				disabled={!timetable}
+				bind:value={semester}
+			/>
+		</div>
 		<div class="h-4" />
+		<div class="flex justify-end">
+			<OkeeButton variant="navy" disabled={!timetable || !!error} on:click={nextStep} />
+		</div>
 		{#if error}
+			<div class="h-4" />
 			<ErrorReport {error} />
 		{/if}
+		<div class="h-4" />
+		<KindSelect bind:kind />
 	</div>
 {:else}
 	<div in:fly={{ delay: 1000, x: 100 }}>
diff --git a/src/routes/ErrorReport.svelte b/src/routes/ErrorReport.svelte
index a2124fe..daff019 100644
--- a/src/routes/ErrorReport.svelte
+++ b/src/routes/ErrorReport.svelte
@@ -8,7 +8,7 @@
 		UnresolvedError
 	} from '@bkalendar/core';
 
-	export let error: unknown;
+	export let error: Error;
 
 	$: console.error(error);
 </script>
@@ -44,6 +44,8 @@
 		bạn chịu khó xóa bớt các dòng của các môn không nằm trong thời khóa biểu này ra khỏi đoạn copy
 		nha.
 	</p>
+{:else if error instanceof UnresolvedError}
+	<p>thời khóa biểu của bạn hình như không có môn nào đi học hết á</p>
 {:else}
 	<p>{error.message}</p>
 {/if}