+
- 鳳梨課表
+ 中正課表
@@ -20,7 +20,7 @@ const router = useRouter();
-
+
@@ -40,9 +40,9 @@ const router = useRouter();
diff --git a/src/components/announcement.vue b/src/components/pages/home/announcement.vue
similarity index 54%
rename from src/components/announcement.vue
rename to src/components/pages/home/announcement.vue
index 0e17b37..23667ac 100644
--- a/src/components/announcement.vue
+++ b/src/components/pages/home/announcement.vue
@@ -4,8 +4,9 @@
公告
- 若要刪除單一課程，請點擊下方之展開課程列表，
\ No newline at end of file
diff --git a/src/components/pages/home/intro.vue b/src/components/pages/home/intro.vue
new file mode 100644
index 0000000..05513f9
--- /dev/null
+++ b/src/components/pages/home/intro.vue
@@ -0,0 +1,119 @@
+
+
+
+
+
+ 初次見面?
+
+
+ 我們是現在就讀於中正大學的學生，為了改善中正學生的排課選課體驗而建立了中正課表團隊，
+ 希望能透過我們所學和自身經驗打造一個更加舒適且符合中正學生所需的服務。
+ 目前本網站提供之功能如下
+
+
+ 手動輸入或搜尋課程資訊(可保存於同裝置之同一瀏覽器)
+
+
+ 自動計算學分
+
+
+ 產生對應之課表
+
+
+ 課程格子背景顏色與文字顏色自定義
+
+
+ 下載課表圖檔
+
+
+
+
+
+
+ 版本紀錄
+
+
+ v 0.0.1 第一次公開測試版本開放
+
+
+
+ 成員介紹
+
+
+
+
+
+
+
+ 創辦人 吳翰平
+
+
+ 現在就讀於中正大學資訊工程學系三年級，
+
+
+
+
+ 王子銜
+
+
+ 中正大學通訊工程學系三年級，
+
+
+
+
+
+
+ 中正大學資訊工程學系三年級
+
+
+
+
+
+
+
+ 現在就讀於資訊工程學系三年級，
+
+
+
+
+
+
diff --git a/src/components/pages/home/notify.vue b/src/components/pages/home/notify.vue
new file mode 100644
index 0000000..719502d
--- /dev/null
+++ b/src/components/pages/home/notify.vue
@@ -0,0 +1,32 @@
+
+
+
+
+
提醒
+
+ 本課表網站提供自定義課程輸入與搜尋功能，為了提供更客製化的自訂課表，點擊課表上的課程可以進行課程格的顏色修改，並且可以進行課程的刪除。
+
+ Close
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/pages/login/loginarea.vue b/src/components/pages/login/loginarea.vue
new file mode 100644
index 0000000..a76d0cc
--- /dev/null
+++ b/src/components/pages/login/loginarea.vue
@@ -0,0 +1,73 @@
+
+
+
+
+
diff --git a/src/components/pages/main/classTable.vue b/src/components/pages/main/classTable.vue
new file mode 100644
index 0000000..e000b78
--- /dev/null
+++ b/src/components/pages/main/classTable.vue
@@ -0,0 +1,346 @@
+
+
+
+
+
+
+ 目前學分: {{credit}}
+
+
+
+
+
+ ⠀
+
+
+ 節次
+
+
+ 星期一
+
+
+ 星期二
+
+
+ 星期三
+
+
+ 星期四
+
+
+ 星期五
+
+
+ 星期六
+
+
+
+
+
+
+
+
+
+
+
+ [{{item.id}}] {{item.class_name}} {{item.teacher}} {{item.class_time}} {{item.class_room}}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/pages/main/colorTemplate.vue b/src/components/pages/main/colorTemplate.vue
new file mode 100644
index 0000000..87c29db
--- /dev/null
+++ b/src/components/pages/main/colorTemplate.vue
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/pages/main/comment.vue b/src/components/pages/main/comment.vue
new file mode 100644
index 0000000..fca6cac
--- /dev/null
+++ b/src/components/pages/main/comment.vue
@@ -0,0 +1,22 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/pages/main/courseCard.vue b/src/components/pages/main/courseCard.vue
new file mode 100644
index 0000000..ba829f5
--- /dev/null
+++ b/src/components/pages/main/courseCard.vue
@@ -0,0 +1,158 @@
+
+
+
+
+
+
+
+
{{ item.getStartTime() }}
+
{{ item.getCourseName() }}
+
{{ item.getClassroom() }}
+
+
+
+
+ 刪除
+ 修改顏色
+ 文字樣式
+
+
+
+
+
+
+
+
+
+
+ {{ item.getStartTime() }}
+ {{ item.getCourseName() }}
+ {{ item.getClassroom() }}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/pages/main/inputArea.vue b/src/components/pages/main/inputArea.vue
new file mode 100644
index 0000000..a7f3929
--- /dev/null
+++ b/src/components/pages/main/inputArea.vue
@@ -0,0 +1,336 @@
+
+
+
+
+
diff --git a/src/components/pages/main/search_box.vue b/src/components/pages/main/search_box.vue
new file mode 100644
index 0000000..46d5e70
--- /dev/null
+++ b/src/components/pages/main/search_box.vue
@@ -0,0 +1,293 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.class_name}}
+ {{item.teacher}}
+
+
+
+
+
+
+
課程ID: {{selectedCourse.id}}
+
課程名稱: {{selectedCourse.class_name}}
+
教師: {{selectedCourse.teacher}}
+
學分: {{selectedCourse.credit}}
+
教室: {{selectedCourse.class_room}}
+
時間: {{selectedCourse.class_time}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/css/style.css b/src/css/style.css
index 7769514..92d548e 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -1,28 +1,139 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-img
-{
- display: unset;
-}
-.btn-head
-{
- @apply rounded-3xl px-5 py-2 mx-1 hover:bg-white duration-500;
-}
-.btn-head-mobile
-{
- @apply rounded-3xl text-center px-3 py-2 my-1 hover:bg-white duration-500;
-}
-.btn-link
-{
- @apply text-center font-medium mx-2 px-5 py-3 border-2 border-orange-200 bg-orange-200 rounded-full hover:bg-transparent duration-300;
-}
-.btn-normal
-{
- @apply text-center shadow-2xl text-white font-medium mx-2 px-5 py-1 border-2 border-gray-500 bg-gray-500 rounded-lg hover:bg-transparent hover:text-black duration-500;
-}
-table
-{
- table-layout: fixed;
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+img
+{
+ display: unset;
+}
+.btn-head
+{
+ @apply rounded-3xl px-5 py-2 mx-1 hover:bg-white duration-500;
+}
+.btn-head-mobile
+{
+ @apply rounded-3xl text-center px-3 py-2 my-1 hover:bg-white duration-500;
+}
+.btn-link
+{
+ @apply text-center font-medium mx-2 px-5 py-3 border-2 border-orange-200 bg-orange-200 rounded-full hover:bg-transparent duration-300;
+}
+.btn-normal
+{
+ @apply text-center shadow-2xl text-white font-medium mx-2 px-5 py-1 border-2 border-gray-500 bg-gray-500 rounded-lg hover:bg-transparent hover:text-black duration-500;
+}
+table
+{
+ table-layout: fixed;
+}
+.table-head
+{
+ @apply text-center text-gray-900 border-b border-black py-1.5 font-semibold min-w-[9rem];
+}
+.title
+{
+ @apply w-16 text-xl text-gray-700 font-serif;
+}
+.course
+{
+ @apply rounded-md font-bold text-base ;
+}
+[type=search]::-webkit-search-cancel-button
+{
+ width: 36px;
+ height: 36px;
+ border: 0;
+ padding-right: .5rem;
+ background-size: 16px;
+ cursor: pointer;
+ opacity: .4;
+ transition: .2s;
+}
+.result
+{
+ position: absolute;
+ visibility: hidden;
+}
+.result-show
+{
+ visibility: visible;
+ position: relative;
+}
+/* change search border when focus */
+[type=search]
+{
+ outline: none;
+ border-width: 0.1px;
+}
+[type=search]:focus
+{
+ outline: none;
+ border-width: 0.1px;
+ border-color: #ffb676;
+ box-shadow: 0 0 5px #f8efcf;
+}
+[type=text]
+{
+ outline: none;
+ border-width: 0.1px;
+}
+[type=text]:focus
+{
+ outline: none;
+ border-width: 0.1px;
+ border-color: #ffb676;
+ box-shadow: 0 0 5px #f8efcf;
+}
+[type=password]
+{
+ outline: none;
+ border-width: 0.1px;
+}
+[type=password]:focus
+{
+ outline: none;
+ border-width: 0.1px;
+ border-color: #ffb676;
+ box-shadow: 0 0 5px #f8efcf;
+}
+.ant-switch{
+ background-color: #ffb676;
+ }
+.splitpanes
+{
+ @apply bg-white;
+}
+.splitpanes--vertical > .splitpanes__splitter
+{
+ width: 5px;
+ background: linear-gradient(90deg, #ccc, #fff2bb);
+}
+.main_page_left
+{
+ max-height: 41rem;
+ overflow-y: auto;
+}
+
+/* scroll bar */
+
+/* Firefox */
+* {
+ scrollbar-width: thin;
+ scrollbar-color: #ffe2c8 #fff;
+}
+
+/* Chrome, Edge, and Safari */
+*::-webkit-scrollbar {
+ width: 15px;
+}
+
+*::-webkit-scrollbar-track {
+ background: #fff;
+ border-radius: 5px;
+}
+
+*::-webkit-scrollbar-thumb {
+ background-color: #ffe2c8;
+ border-radius: 14px;
+ border: 3px solid #fff;
}
\ No newline at end of file
diff --git a/src/css/tailwind.css b/src/css/tailwind.css
index 22561b1..1c04d03 100644
--- a/src/css/tailwind.css
+++ b/src/css/tailwind.css
@@ -1 +1 @@
-/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.visible{visibility:visible}.collapse{visibility:collapse}.z-0{z-index:0}.z-40{z-index:40}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-6{height:1.5rem}.h-full{height:100%}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-3\/12{width:25%}.w-4\/12{width:33.333333%}.w-6{width:1.5rem}.w-8\/12{width:66.666667%}.w-full{width:100%}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:initial}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.place-content-end{place-content:end}.place-content-between{place-content:space-between}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-100\/10{background-color:#f3f4f61a}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}.bg-orange-100\/50{background-color:#ffedd580}.bg-orange-200{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-orange-300{--tw-gradient-from:#fdba74 var(--tw-gradient-from-position);--tw-gradient-to:#fdba7400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-red-700{--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-0{padding:0}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.pb-2{padding-bottom:.5rem}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.tracking-tight{letter-spacing:-.025em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.text-transparent{color:#0000}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}img{display:unset}.btn-head{margin-left:.25rem;margin-right:.25rem;border-radius:1.5rem;padding:.5rem 1.25rem;transition-duration:.5s}.btn-head:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.btn-head-mobile{margin-top:.25rem;margin-bottom:.25rem;border-radius:1.5rem;padding:.5rem .75rem;text-align:center;transition-duration:.5s}.btn-head-mobile:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.btn-link{margin-left:.5rem;margin-right:.5rem;border-radius:9999px;border-width:2px;--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity));padding:.75rem 1.25rem;text-align:center;font-weight:500;transition-duration:.3s}.btn-link:hover{background-color:initial}.btn-normal{margin-left:.5rem;margin-right:.5rem;border-radius:.5rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity));padding:.25rem 1.25rem;text-align:center;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-duration:.5s}.btn-normal:hover{background-color:initial;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}table{table-layout:fixed}@media (min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:w-8\/12{width:66.666667%}.md\:w-9\/12{width:75%}}
\ No newline at end of file
+/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-0{left:0}.top-0{top:0}.top-8{top:2rem}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.-order-1{order:-1}.col-span-1{grid-column:span 1/span 1}.m-2{margin:.5rem}.m-auto{margin:auto}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-36{margin-top:9rem;margin-bottom:9rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-7{margin-top:1.75rem;margin-bottom:1.75rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-3{margin-top:.75rem}.ml-6{margin-left:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-40{height:10rem}.h-6{height:1.5rem}.h-72{height:18rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[41rem\]{max-height:41rem}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-2\/12{width:16.666667%}.w-36{width:9rem}.w-5\/12{width:41.666667%}.w-6{width:1.5rem}.w-7\/12{width:58.333333%}.w-72{width:18rem}.w-8{width:2rem}.w-8\/12{width:66.666667%}.w-\[10px\]{width:10px}.w-full{width:100%}.w-screen{width:100vw}.min-w-\[4rem\]{min-width:4rem}.min-w-\[60rem\]{min-width:60rem}.min-w-\[8rem\]{min-width:8rem}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:initial}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.place-content-end{place-content:end}.place-content-between{place-content:space-between}.content-center{align-content:center}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-orange-300{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity))}.border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity))}.border-green-300{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity))}.border-green-100{--tw-border-opacity:1;border-color:rgb(220 252 231/var(--tw-border-opacity))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-100\/10{background-color:#f3f4f61a}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}.bg-orange-200{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity))}.bg-orange-300{--tw-bg-opacity:1;background-color:rgb(253 186 116/var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/70{background-color:#ffffffb3}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.bg-green-100\/10{background-color:#dcfce71a}.bg-green-100\/50{background-color:#dcfce780}.bg-green-100\/60{background-color:#dcfce799}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-orange-300{--tw-gradient-from:#fdba74 var(--tw-gradient-from-position);--tw-gradient-to:#fdba7400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-red-700{--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-0{padding:0}.p-2{padding:.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.pb-2{padding-bottom:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.tracking-tight{letter-spacing:-.025em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.drop-shadow-xl{--tw-drop-shadow:drop-shadow(0 20px 13px #00000008) drop-shadow(0 8px 5px #00000014);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}img{display:unset}.btn-head{margin-left:.25rem;margin-right:.25rem;border-radius:1.5rem;padding:.5rem 1.25rem;transition-duration:.5s}.btn-head:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.btn-head-mobile{margin-top:.25rem;margin-bottom:.25rem;border-radius:1.5rem;padding:.5rem .75rem;text-align:center;transition-duration:.5s}.btn-head-mobile:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.btn-link{margin-left:.5rem;margin-right:.5rem;border-radius:9999px;border-width:2px;--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity));padding:.75rem 1.25rem;text-align:center;font-weight:500;transition-duration:.3s}.btn-link:hover{background-color:initial}.btn-normal{margin-left:.5rem;margin-right:.5rem;border-radius:.5rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity));padding:.25rem 1.25rem;text-align:center;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-duration:.5s}.btn-normal:hover{background-color:initial;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}table{table-layout:fixed}.table-head{min-width:9rem;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity));padding-top:.375rem;padding-bottom:.375rem;text-align:center;font-weight:600;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.title{width:4rem;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.course{border-radius:.375rem;font-size:1rem;line-height:1.5rem;font-weight:700}[type=search]::-webkit-search-cancel-button{width:36px;height:36px;border:0;padding-right:.5rem;background-size:16px;cursor:pointer;opacity:.4;-webkit-transition:.2s;transition:.2s}.result{position:absolute;visibility:hidden}.result-show{visibility:visible;position:relative}[type=search],[type=search]:focus{outline:none;border-width:.1px}[type=search]:focus{border-color:#ffb676;box-shadow:0 0 5px #f8efcf}[type=text],[type=text]:focus{outline:none;border-width:.1px}[type=text]:focus{border-color:#ffb676;box-shadow:0 0 5px #f8efcf}[type=password],[type=password]:focus{outline:none;border-width:.1px}[type=password]:focus{border-color:#ffb676;box-shadow:0 0 5px #f8efcf}.ant-switch{background-color:#ffb676}.splitpanes{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.splitpanes--vertical>.splitpanes__splitter{width:5px;background:linear-gradient(90deg,#ccc,#fff2bb)}.main_page_left{max-height:41rem;overflow-y:auto}*{scrollbar-width:thin;scrollbar-color:#ffe2c8 #fff}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:#fff;border-radius:5px}::-webkit-scrollbar-thumb{background-color:#ffe2c8;border-radius:14px;border:3px solid #fff}.hover\:bg-gray-500:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.hover\:bg-orange-200:hover{--tw-bg-opacity:1;background-color:rgb(254 215 170/var(--tw-bg-opacity))}.hover\:bg-orange-300:hover{--tw-bg-opacity:1;background-color:rgb(253 186 116/var(--tw-bg-opacity))}.hover\:bg-orange-500:hover{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity))}.hover\:bg-green-300:hover{--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:my-0{margin-bottom:0}.md\:mt-0,.md\:my-0{margin-top:0}.md\:block{display:block}.md\:hidden{display:none}.md\:h-auto{height:auto}.md\:w-3\/12{width:25%}.md\:w-4\/12{width:33.333333%}.md\:w-5\/12{width:41.666667%}.md\:w-6\/12{width:50%}.md\:w-7\/12{width:58.333333%}.md\:w-8\/12{width:66.666667%}.md\:w-9\/12{width:75%}.md\:w-auto{width:auto}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:rounded-none{border-radius:0}}
\ No newline at end of file
diff --git a/src/functions/ccuplus.ts b/src/functions/ccuplus.ts
new file mode 100644
index 0000000..4d7ffbb
--- /dev/null
+++ b/src/functions/ccuplus.ts
@@ -0,0 +1,35 @@
+import axios from "axios";
+const env = import.meta.env;
+const apiSite = `https://${env.VITE_CCUPLUS_DEVICE}/`;
+
+
+export async function searchCourseOnCcuplus(course_id: string) {
+ const apiUrl = apiSite + course_id;
+
+ return new Promise((resolve, reject) => {
+ axios.get(apiUrl, {
+ })
+ .then((response) => {
+ resolve(response.data);
+ })
+ .catch((error) => {
+ console.error(error);
+ reject(error);
+ });
+ });
+}
+
+export async function searchCommentsOnCcuplus(course_id: string) {
+ const apiUrl = apiSite + course_id + "comments";
+ return new Promise((resolve, reject) => {
+ axios.get(apiUrl, {
+ })
+ .then((response) => {
+ resolve(response.data);
+ })
+ .catch((error) => {
+ console.error(error);
+ reject(error);
+ });
+ });
+}
\ No newline at end of file
diff --git a/src/functions/course_add.ts b/src/functions/course_add.ts
index 96086c0..ce14556 100644
--- a/src/functions/course_add.ts
+++ b/src/functions/course_add.ts
@@ -1,11 +1,137 @@
-// a function that put the course in the database of manual input
-// and return the status of the operation
-export default function courseAdd(courseName: string, classRoom: string, weekDay: string, start: string, end:string)
-{
- // construct a course object here
- // push the course object to the local storage
- // store information in the database
- // return the status of the operation
- console.log(courseName, classRoom, weekDay, start, end);
- return true;
+import store from '../store';
+import { Course, courseToTime, courseToStartIndex, courseToEndIndex, WeekDayToInt } from "./general";
+import {v4 as uuidv4} from 'uuid';
+
+const env = import.meta.env;
+
+// a function that put the course in the database of manual input
+// and return the status of the operation
+
+export function courseAdd(courseName: string, classRoom: string, weekDay: string, start: string, end:string)
+{
+ // construct a course object here
+ // push the course object to the local storage
+ // store information in the database
+ // return the status of the operation
+ let courseTable: string | null = localStorage.getItem("courseTable")
+ let table: Course[][] = []
+ let data = JSON.parse(courseTable!)
+ for(let i = 0; i < data.length; i++)
+ {
+ let row: Course[] = []
+ for(let j = 0; j < data[i].length; j++)
+ {
+ row.push(new Course({
+ course_name: data[i][j].courseData.course_name,
+ start_time: data[i][j].courseData.start_time,
+ classroom: data[i][j].courseData.classroom,
+ is_title: data[i][j].courseData.is_title,
+ is_course: data[i][j].courseData.is_course,
+ color: data[i][j].courseData.color,
+ ID: data[i][j].courseData.ID,
+ Credit: data[i][j].courseData.Credit,
+ is_custom: data[i][j].courseData.is_custom,
+ Teacher: data[i][j].courseData.Teacher,
+ Memo: data[i][j].courseData.Memo,
+ textColor: data[i][j].courseData.textColor,
+ textStyle: data[i][j].courseData.textStyle,
+ uuid: data[i][j].courseData.uuid,
+ length: 0
+ }))
+ }
+ table.push(row)
+ }
+ let Uuid = uuidv4();
+ let course = new Course({
+ start_time: courseToTime[start],
+ course_name: courseName,
+ classroom: classRoom,
+ is_title: false,
+ is_course: true,
+ color: env.VITE_CARD_DEFAULT_COLOR,
+ ID: null,
+ Credit: null,
+ is_custom: true,
+ Teacher: null,
+ Memo: null,
+ textColor: env.VITE_CARDTEXT_DEFAULT_COLOR,
+ textStyle: env.VITE_CARDTEXT_DEFAULT_STYLE,
+ uuid: Uuid,
+ length: 0
+ })
+ let weekDayIndex = WeekDayToInt[weekDay]; // 2 is the offset of the first two columns
+ let startHour = courseToStartIndex[start];
+ let endHour = courseToEndIndex[end];
+ let startT = `${weekDay}${start}~${end}`;
+ for(let i = startHour; i < endHour; i++)
+ {
+ if(table[i][weekDayIndex].getIsCourse())
+ {
+ // there is a course in the same time slot
+ return false;
+ }
+ else
+ {
+ // there is no course in the same time slot
+ table[i][weekDayIndex] = course;
+ }
+ }
+ store.dispatch('addCourse', table);
+ let temp = JSON.parse(JSON.stringify(course));;
+ temp.start_time = startT;
+ store.dispatch('addCourseList', temp);
+ console.log("this")
+ // 不要在這邊儲存localstorage，使用store
+ console.log(table)
+ // window.location.reload();
+ return table;
+}
+
+
+export function searchAdd(course_list : Course[])
+{
+ // construct a course object here
+ // push the course object to the local storage
+ // store information in the database
+ // return the status of the operation
+ console.log(course_list);
+ let table: Course[][] = store.state.classStorage;
+ // put the list of courses into the table
+ for(let i = 0; i < course_list.length; i++)
+ {
+ let course = course_list[i];
+ // console.log(course);
+ let weekDayIndex = WeekDayToInt[course.getWeekDay()]; // 2 is the offset of the first two columns
+ let startHour = courseToStartIndex[course.getStartTime()];
+ let endHour = courseToEndIndex[course.getEndTime()];
+ // console.log(startHour, endHour);
+ let startT = courseToTime[course.getStartTime()];
+ for(let j = startHour; j < endHour; j++)
+ {
+ console.log(table[j][weekDayIndex]);
+ if(table[j][weekDayIndex].getIsCourse())
+ {
+ // there is a course in the same time slot
+ return false;
+ }
+ else
+ {
+ // there is no course in the same time slot
+ // console.log(course.getStartTime());
+ // course.setStartTime(courseToTime[course.getStartTime().toString()]);
+ // console.log(j, weekDayIndex);
+ table[j][weekDayIndex] = course;
+ // console.log(course.getStartTime())
+ // console.log(course.getStartTime());
+ // console.log(courseToTime[course.getStartTime()])
+ // console.log(courseToTime['1'])
+ table[j][weekDayIndex].setStartTime(startT);
+ // console.log(table[j][weekDayIndex].getStartTime())
+ }
+ }
+ }
+ // console.log(table);
+ // 不要在這邊儲存localstorage，使用storec
+ store.dispatch('addCourse', table);
+ return table;
}
\ No newline at end of file
diff --git a/src/functions/course_color.ts b/src/functions/course_color.ts
new file mode 100644
index 0000000..1449fab
--- /dev/null
+++ b/src/functions/course_color.ts
@@ -0,0 +1,26 @@
+import { Course } from './general.ts'
+import store from '../store'
+
+export function courseChangeColor(course : Course, color : string){
+ let temp = store.state.classStorage;
+ for(let i = 0; i < temp.length; i++){
+ for(let j = 0; j < temp[i].length; j++){
+ if(course.getUuid() == temp[i][j].getUuid()){
+ temp[i][j].setColor(color);
+ }
+ }
+ }
+ store.dispatch('addCourse', temp);
+}
+
+export function courseTextChangeColor(course : Course, color : string){
+ let temp = store.state.classStorage;
+ for(let i = 0; i < temp.length; i++){
+ for(let j = 0; j < temp[i].length; j++){
+ if(course.getUuid() == temp[i][j].getUuid()){
+ temp[i][j].setTextColor(color);
+ }
+ }
+ }
+ store.dispatch('addCourse', temp);
+}
\ No newline at end of file
diff --git a/src/functions/course_delete.ts b/src/functions/course_delete.ts
index e69de29..d50532a 100644
--- a/src/functions/course_delete.ts
+++ b/src/functions/course_delete.ts
@@ -0,0 +1,69 @@
+import { Course} from "./general";
+import store from "../store";
+
+export function courseDelete(item: Course)
+{
+ // 比對名子 課程編號 教室 其他不管
+ console.log(item)
+ let data = JSON.parse(localStorage.getItem("courseTable")!)
+ console.log(data);
+ let table: Course[][] = []
+ for(let i = 0; i < data.length; i++)
+ {
+ let row: Course[] = []
+ for(let j = 0; j < data[i].length; j++)
+ {
+ if(data[i][j].courseData.uuid == item.getUuid()){
+
+ row.push(new Course(
+ {
+ course_name: "",
+ start_time: "",
+ classroom: "",
+ is_title: false,
+ is_course: false,
+ color: "",
+ ID: null,
+ Credit: null,
+ is_custom: null,
+ Teacher: null,
+ Memo: null,
+ textColor: "",
+ textStyle: "",
+ uuid: "",
+ length: 0
+ }
+ ))
+ }
+ else
+ {
+ row.push(new Course({
+ course_name: data[i][j].courseData.course_name,
+ start_time: data[i][j].courseData.start_time,
+ classroom: data[i][j].courseData.classroom,
+ is_title: data[i][j].courseData.is_title,
+ is_course: data[i][j].courseData.is_course,
+ color: data[i][j].courseData.color,
+ ID: data[i][j].courseData.ID,
+ Credit: data[i][j].courseData.Credit,
+ is_custom: data[i][j].courseData.is_custom,
+ Teacher: data[i][j].courseData.Teacher,
+ Memo: data[i][j].courseData.Memo,
+ textColor: data[i][j].courseData.textColor,
+ textStyle: data[i][j].courseData.textStyle,
+ uuid: data[i][j].courseData.uuid,
+ length: 0
+ }))
+ }
+ }
+ table.push(row)
+ }
+ // 不要在這邊儲存localstorage，使用store
+ store.dispatch('deleteCourseList', item);
+ store.dispatch('addCourse', table);
+ return true;
+}
+
+export function decreaseCredit(credit : number){
+ store.dispatch('addCredit', -credit);
+}
\ No newline at end of file
diff --git a/src/functions/course_search.ts b/src/functions/course_search.ts
new file mode 100644
index 0000000..a52258b
--- /dev/null
+++ b/src/functions/course_search.ts
@@ -0,0 +1,70 @@
+import axios from 'axios';
+
+//require dotenv
+const env = import.meta.env;
+
+
+const apiSite = `https://${env.VITE_BACKEND_DEVICE}/`;
+
+
+export async function searchCourse(Input: string) {
+
+ const apiUrl = apiSite + "searchCourse";
+ const keyword = Input.trim();
+ // const delay = (n:number) => new Promise( r => setTimeout(r, n*1000));
+ //await delay(1);
+
+ return new Promise((resolve, reject) => {
+ const startTime = performance.now();
+ axios.get(apiUrl, {
+ params: {
+ keyword: keyword
+ }
+ })
+ .then((response) => {
+ // 在這裡處理回應資料
+ // console.log(response.data)
+ const endTime = performance.now();
+ console.log('查詢課程請求到回應時間:', endTime - startTime, '毫秒');
+ // 計算http request 時間
+ // console.log('查詢課程請求到回應時間:', endTime - startTime, '毫秒');
+ resolve(response.data);
+ })
+ .catch((error) => {
+ // 在這裡處理錯誤
+ console.error(error);
+ reject(error);
+ });
+ });
+}
+
+export async function recordcourse(course: object) {
+
+ const apiUrl = apiSite + "record/userSelectClass";
+ //console.log(apiUrl)
+
+
+ return new Promise((resolve, reject) => {
+ const startTime = performance.now();
+ axios.get(apiUrl, {
+ params: {
+ keyword: course
+ }
+ })
+ .then((response) => {
+ // 在這裡處理回應資料
+ // console.log(response.data)
+ const endTime = performance.now();
+ console.log('查詢課程請求到回應時間:', endTime - startTime, '毫秒');
+ // 計算http request 時間
+ // console.log('查詢課程請求到回應時間:', endTime - startTime, '毫秒');
+ resolve(response.data);
+ })
+ .catch((error) => {
+ // 在這裡處理錯誤
+ console.error(error);
+ reject(error);
+ });
+ });
+}
+
diff --git a/src/functions/general.ts b/src/functions/general.ts
new file mode 100644
index 0000000..96c672e
--- /dev/null
+++ b/src/functions/general.ts
@@ -0,0 +1,351 @@
+import store from '../store';
+import { computed } from 'vue';
+const env = import.meta.env;
+// using a key-value pair to map courseID to time
+export const courseToTime: { [key: string]: string } = {
+ "1" : "07:10",
+ "2" : "08:10",
+ "3" : "09:10",
+ "4" : "10:10",
+ "5" : "11:10",
+ "6" : "12:10",
+ "7" : "13:10",
+ "8" : "14:10",
+ "9" : "15:10",
+ "10" : "16:10",
+ "11" : "17:10",
+ "12" : "18:10",
+ "13" : "19:10",
+ "14" : "20:10",
+ "15" : "21:10",
+ "A" : "07:15",
+ "B" : "08:45",
+ "C" : "10:15",
+ "D" : "11:45",
+ "E" : "13:15",
+ "F" : "14:45",
+ "G" : "16:15",
+ "H" : "17:45",
+ "I" : "19:15",
+ "J" : "20:45"
+}
+
+export const courseToStartIndex: { [key: string]: number } = {
+ "1" : 0,
+ "2" : 2,
+ "3" : 4,
+ "4" : 6,
+ "5" : 8,
+ "6" : 10,
+ "7" : 12,
+ "8" : 14,
+ "9" : 16,
+ "10" : 18,
+ "11" : 20,
+ "12" : 22,
+ "13" : 24,
+ "14" : 26,
+ "15" : 28,
+ "A" : 0,
+ "B" : 3,
+ "C" : 6,
+ "D" : 9,
+ "E" : 12,
+ "F" : 15,
+ "G" : 18,
+ "H" : 21,
+ "I" : 24,
+ "J" : 27
+}
+export const courseToEndIndex: { [key: string]: number } = {
+ "1" : 2,
+ "2" : 4,
+ "3" : 6,
+ "4" : 8,
+ "5" : 10,
+ "6" : 12,
+ "7" : 14,
+ "8" : 16,
+ "9" : 18,
+ "10" : 20,
+ "11" : 22,
+ "12" : 24,
+ "13" : 26,
+ "14" : 28,
+ "15" : 30,
+ "A" : 3,
+ "B" : 6,
+ "C" : 9,
+ "D" : 12,
+ "E" : 15,
+ "F" : 18,
+ "G" : 21,
+ "H" : 24,
+ "I" : 27,
+ "J" : 30
+}
+export const WeekDayToInt: { [key: string]: number } = {
+ "一" : 3,
+ "二" : 4,
+ "三" : 5,
+ "四" : 6,
+ "五" : 7,
+ "六" : 8
+}
+
+interface CourseData
+{
+ start_time: string;
+ end_time?: string;
+ week_day?: string;
+ course_name: string;
+ classroom: string;
+ is_title: boolean;
+ is_course: boolean;
+ color: string;
+ ID: string | null;
+ Credit: number | null;
+ is_custom: boolean | null;
+ Teacher: string | null;
+ Memo: string | null;
+ textColor: string;
+ textStyle: string;
+ uuid: string;
+ length: number;
+}
+
+export class Course
+{
+ private courseData: CourseData;
+ constructor(courseData: CourseData)
+ {
+ this.courseData = courseData;
+ }
+ public inputValue(courseData: CourseData): void
+ {
+ this.courseData = courseData;
+ }
+ public getStartTime(): string
+ {
+ return this.courseData.start_time;
+ }
+ public setStartTime(time :string): void
+ {
+ console.log(time)
+ this.courseData.start_time = time;
+ }
+ public getEndTime(): string
+ {
+ return this.courseData.end_time!;
+ }
+ public getWeekDay(): string
+ {
+ return this.courseData.week_day!;
+ }
+ public getCourseName(): string
+ {
+ return this.courseData.course_name;
+ }
+ public getClassroom(): string
+ {
+ return this.courseData.classroom;
+ }
+ public getIsTitle(): boolean
+ {
+ return this.courseData.is_title;
+ }
+ public getIsCourse(): boolean
+ {
+ return this.courseData.is_course;
+ }
+ public getColor(): string
+ {
+ return this.courseData.color;
+ }
+ public setColor(color : string): void
+ {
+ this.courseData.color = color;
+ }
+ public getId(): string | null
+ {
+ return this.courseData.ID;
+ }
+ public getCredit(): number | null
+ {
+ return this.courseData.Credit;
+ }
+ public getIsCustom(): boolean | null
+ {
+ return this.courseData.is_custom;
+ }
+ public getTeacher(): string | null
+ {
+ return this.courseData.Teacher;
+ }
+ public getMemo(): string | null
+ {
+ return this.courseData.Memo;
+ }
+ public getTextColor() : string
+ {
+ return this.courseData.textColor
+ }
+ public setTextColor(color :string) : void
+ {
+ this.courseData.textColor = color;
+ }
+ public getTextStyle() : string
+ {
+ return this.courseData.textStyle;
+ }
+ public setTextStyle(style: string) : void
+ {
+ this.courseData.textStyle = style;
+ }
+ public getUuid() : string
+ {
+ return this.courseData.uuid;
+ }
+ public setUuid(uuid : string) : void
+ {
+ this.courseData.uuid = uuid;
+ }
+ public getLength() : number
+ {
+ return this.courseData.length;
+ }
+ public setLength(length : number) : void
+ {
+ this.courseData.length = length;
+ }
+}
+
+
+export function InitTable()
+{
+ let data_table: Course[][] = []
+ var data = [
+ ["⠀", "1", "A", "", "", "", "", "", ""],
+ [" ", "1", "A", "", "", "", "", "", ""],
+ ["⠀", "2", "A", "", "", "", "", "", ""],
+ [" ", "2", "B", "", "", "", "", "", ""],
+ ["⠀", "3", "B", "", "", "", "", "", ""],
+ [" ", "3", "B", "", "", "", "", "", ""],
+ ["⠀", "4", "C", "", "", "", "", "", ""],
+ [" ", "4", "C", "", "", "", "", "", ""],
+ ["⠀", "5", "C", "", "", "", "", "", ""],
+ [" ", "5", "D", "", "", "", "", "", ""],
+ ["⠀", "6", "D", "", "", "", "", "", ""],
+ [" ", "6", "D", "", "", "", "", "", ""],
+ ["⠀", "7", "E", "", "", "", "", "", ""],
+ [" ", "7", "E", "", "", "", "", "", ""],
+ ["⠀", "8", "E", "", "", "", "", "", ""],
+ [" ", "8", "F", "", "", "", "", "", ""],
+ ["⠀", "9", "F", "", "", "", "", "", ""],
+ [" ", "9", "F", "", "", "", "", "", ""],
+ ["⠀", "10", "G", "", "", "", "", "", ""],
+ [" ", "10", "G", "", "", "", "", "", ""],
+ ["⠀", "11", "G", "", "", "", "", "", ""],
+ [" ", "11", "H", "", "", "", "", "", ""],
+ ["⠀", "12", "H", "", "", "", "", "", ""],
+ [" ", "12", "H", "", "", "", "", "", ""],
+ ["⠀", "13", "I", "", "", "", "", "", ""],
+ [" ", "13", "I", "", "", "", "", "", ""],
+ ["⠀", "14", "I", "", "", "", "", "", ""],
+ [" ", "14", "J", "", "", "", "", "", ""],
+ ["⠀", "15", "J", "", "", "", "", "", ""],
+ [" ", "15", "J", "", "", "", "", "", ""]
+ ]
+ for(let i = 0; i < data.length; i++)
+ {
+ let row: Course[] = []
+ for(let j = 0; j < data[i].length; j++)
+ {
+ if(j == 1 || j == 2 || j == 0)
+ {
+ let time = courseToTime[data[i][j]]
+ let course = new Course({
+ course_name: time,
+ start_time: data[i][j],
+ classroom: "",
+ is_title: true,
+ is_course: false,
+ color: '',
+ ID: null,
+ Credit: null,
+ is_custom: null,
+ Teacher: null,
+ Memo: null,
+ textColor: "",
+ textStyle: "",
+ uuid: "",
+ length: 0
+ });
+ if(j == 0){
+ row.push(course);
+ }
+ else{
+ course.setColor(env.VITE_TITLE_DEFAULT_COLOR);
+ row.push(course);
+ }
+ }
+ else
+ {
+ row.push(new Course({
+ course_name: "",
+ start_time: "",
+ classroom: "",
+ is_title: false,
+ is_course: false,
+ color: "",
+ ID: null,
+ Credit: null,
+ is_custom: null,
+ Teacher: null,
+ Memo: null,
+ textColor: "",
+ textStyle: "",
+ uuid: "",
+ length: 0
+ }))
+ }
+ }
+ data_table.push(row)
+ }
+ localStorage.setItem("courseTable", JSON.stringify(data_table))
+ return data_table
+}
+
+export function GetCourseTable()
+{
+ return store.state.classStorage;
+ // retrieve the course table from the local storage
+ // let courseTable = localStorage.getItem("courseTable")
+ // if(courseTable == null)
+ // {
+ // return InitTable()
+ // }
+ // else
+ // {
+ // // change the loaded data to the Course object 2D array
+ // let table: Course[][] = []
+ // let data = JSON.parse(courseTable)
+ // console.log(store.state.classStorage[0])
+ // for(let i = 0; i < data.length; i++)
+ // {
+ // let row: Course[] = []
+ // for(let j = 0; j < data[i].length; j++)
+ // {
+ // row.push(new Course({
+ // course_name: data[i][j].courseData.course_name,
+ // start_time: data[i][j].courseData.start_time,
+ // classroom: data[i][j].courseData.classroom,
+ // is_title: data[i][j].courseData.is_title,
+ // is_course: data[i][j].courseData.is_course
+ // }))
+ // }
+ // table.push(row)
+ // }
+ // return table
+ // }
+}
\ No newline at end of file
diff --git a/src/functions/image_render.ts b/src/functions/image_render.ts
index 9a0d1f7..aab71cc 100644
--- a/src/functions/image_render.ts
+++ b/src/functions/image_render.ts
@@ -1,17 +1,17 @@
-import html2canvas from "html2canvas";
-
-// render a specific html element to an image
-export default function renderImage(element: string)
-{
- let htmlElement: any = document.getElementById(element);
- html2canvas(htmlElement).then(
- function(canvas)
- {
- var temp = document.createElement("a");
- temp.href = canvas.toDataURL("image/png", 1)
- .replace("image/png", "image/octet-stream");
- temp.download = "curriculum.png";
- temp.click();
- }
- )
-}
+import html2canvas from "html2canvas";
+
+// render a specific html element to an image
+export default function renderImage(element: string)
+{
+ let htmlElement: any = document.getElementById(element);
+ html2canvas(htmlElement).then(
+ function(canvas)
+ {
+ var temp = document.createElement("a");
+ temp.href = canvas.toDataURL("image/png", 1)
+ .replace("image/png", "image/octet-stream");
+ temp.download = "curriculum.png";
+ temp.click();
+ }
+ )
+}
diff --git a/src/functions/rowspanizer.ts b/src/functions/rowspanizer.ts
new file mode 100644
index 0000000..c1a1ecd
--- /dev/null
+++ b/src/functions/rowspanizer.ts
@@ -0,0 +1,97 @@
+interface RowspanizerOptions
+{
+ target: string;
+ colspan_index?: number;
+}
+
+export class Rowspanizer
+{
+ private options:
+ RowspanizerOptions;
+ constructor(options: RowspanizerOptions)
+ {
+ this.options = options;
+ }
+ public rowspanize(): void
+ {
+ console.log('Rowspanizing', this.options.target);
+ const targetElement = document.querySelector(this.options.target) as HTMLElement;
+ if(!targetElement)
+ {
+ console.error('Target', this.options.target, 'not found.');
+ return;
+ }
+ const rows = targetElement.getElementsByTagName('tr');
+ const colCount = this.getColCount(rows);
+ for(let col = 0; col < colCount; col++)
+ {
+ let currentCellValue: string | null = null;
+ let rowspan = 1;
+ let the_target_cell: HTMLTableCellElement | null = null;
+ const rowCount = rows.length;
+ for(let row = 0; row < rowCount; row++)
+ {
+ // Get the cell value
+ let cellValue: string | null = null;
+ const rowElement = rows[row];
+ const cells = rowElement.getElementsByTagName('td');
+ const cell = cells[col];
+ if(cell)
+ {
+ cellValue = cell.innerHTML;
+ // console.log(cellValue);
+ }
+ else
+ {
+ continue;
+ }
+ // console.log(cellValue, rowspan);
+ if(!the_target_cell)
+ {
+ the_target_cell = cell;
+ }
+ // If the cell value is the same as the previous cell value
+ if(cellValue === currentCellValue && cellValue !== null)
+ {
+ // add a class specifying that the cell should be hidden
+ cell.style.display = 'none';
+ rowspan++;
+ }
+ // If the cell value is different from the previous cell value
+ else if(cellValue !== currentCellValue && cellValue !== null)
+ {
+ if(the_target_cell && currentCellValue !== null)
+ {
+ // Set the rowspan of the target cell to the rowspan value
+ the_target_cell.setAttribute('rowspan', rowspan.toString());
+ // console.log(the_target_cell, rowspan);
+ the_target_cell = cell;
+ }
+ currentCellValue = cellValue;
+ rowspan = 1;
+ }
+ if(row === rowCount - 1 && the_target_cell && rowspan > 1)
+ {
+ // If we are at the end of the table and the_target_cell is not null, set the rowspan
+ the_target_cell.setAttribute('rowspan', rowspan.toString());
+ }
+ currentCellValue = cellValue;
+ }
+ }
+ }
+ private getColCount(rows: HTMLCollectionOf
): number
+ {
+ let maxColCount = 0;
+
+ for(let i = 0; i < rows.length; i++)
+ {
+ const row = rows[i];
+ const cells = row.getElementsByTagName('td');
+ const colCount = cells.length;
+ if(colCount > maxColCount)
+ maxColCount = colCount;
+ }
+ return maxColCount;
+ }
+};
+
diff --git a/src/functions/table.ts b/src/functions/table.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/src/functions/token.ts b/src/functions/token.ts
new file mode 100644
index 0000000..6a95d8c
--- /dev/null
+++ b/src/functions/token.ts
@@ -0,0 +1,30 @@
+import axios from 'axios';
+const env = import.meta.env;
+const apiSite = `https://${env.VITE_BACKEND_DEVICE}/`;
+
+
+
+const Token = {
+ saveToken(token: string){
+ localStorage.setItem('token', token);
+ },
+ loadToken(){
+ return localStorage.getItem('token');
+ },
+ async varifyToken(token: string | null){
+ if(token === null) return false;
+ const apiUrl = apiSite + "verifyToken";
+ return new Promise((resolve, reject) => {
+ axios.post(apiUrl, {token})
+ .then((response) => {
+ resolve(response.data.status);
+ })
+ .catch((error) => {
+ console.error(error);
+ reject(false);
+ });
+ });
+ }
+};
+
+export default Token;
\ No newline at end of file
diff --git a/src/functions/tool.ts b/src/functions/tool.ts
new file mode 100644
index 0000000..bfbaa6a
--- /dev/null
+++ b/src/functions/tool.ts
@@ -0,0 +1,20 @@
+
+
+export function splittime(time: string){
+ // console.log(time)
+ // 回傳值為二維陣列，為[][],內部陣列為[星期, 開始節次, 結束節次]
+ let store = time.split(" ");
+ store.splice(0,1);
+ // console.log(store)
+ let arr:[string, string, string][] = [];
+ for(let i = 0; i < store.length; i++){
+ let temp = store[i][0];
+ // temp2 remove the first char
+ let temp2 = store[i].slice(1);
+ let temp3 = temp2.split(",");
+ let single_data: [string, string, string] = [temp, temp3[0], temp3[temp3.length - 1]];
+ // push to arr
+ arr.push(single_data);
+ }
+ return arr;
+}
\ No newline at end of file
diff --git a/src/functions/web_statistic.ts b/src/functions/web_statistic.ts
new file mode 100644
index 0000000..8c56d54
--- /dev/null
+++ b/src/functions/web_statistic.ts
@@ -0,0 +1,36 @@
+import axios from 'axios';
+import {ref, watch } from 'vue';
+//require dotenv
+const env = import.meta.env;
+const apiSite = `https://${env.VITE_BACKEND_DEVICE}/`;
+export async function visitWeb(web_name:string|null){
+ const apiUrl = apiSite + "record/visistWebsite";
+ return new Promise((resolve, reject) => {
+ axios.get(apiUrl, {
+ params: {
+ web_name: web_name
+ }
+ }).then((response) => {
+ resolve(response.data);
+ }).catch((error) => {
+ console.error(error);
+ reject(error);
+ });
+ });
+}
+export async function getVisitCount(web_name:string|null) {
+ const apiUrl = apiSite + "statistic/getVisitCount";
+ return new Promise((resolve, reject) => {
+ axios.get(apiUrl, {
+ params: {
+ web_name: web_name
+ }
+ }).then((response) => {
+
+ resolve(Number(response.data.value));
+ }).catch((error) => {
+ console.error(error);
+ reject(error);
+ });
+ });
+}
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index f40b086..41fa35a 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,24 @@
-import { createApp } from 'vue';
-import App from './App.vue';
-import router from './router';
-import './css/tailwind.css';
-
-createApp(App).use(router).mount('#app');
+import { createApp } from 'vue';
+import App from './App.vue';
+import Vue3DraggableResizable from 'vue3-draggable-resizable';
+import router from './router';
+import './css/tailwind.css';
+import * as Icons from '@ant-design/icons-vue';
+import 'vue3-draggable-resizable/dist/Vue3DraggableResizable.css';
+import store from './store';
+
+const app = createApp(App);
+
+const icons: any = Icons;
+
+for (const i in icons) {
+ app.component(i, icons[i]);
+}
+
+app.use(store);
+app.use(router);
+app.use(Vue3DraggableResizable);
+app.mount('#app');
+
+
+
diff --git a/src/router/index.ts b/src/router/index.ts
index 3d0f125..6680713 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,19 +1,60 @@
-import { createRouter, createWebHashHistory } from 'vue-router';
-
-const routes = [
- {
- path: '/',
- name: 'Home',
- component: () => import('../views/page_home.vue'),
- },
- {
- path: '/main',
- name: 'Main',
- component: () => import('../views/page_main.vue'),
- }
-];
-
-export default createRouter({
- history: createWebHashHistory(),
- routes,
-});
\ No newline at end of file
+import { createRouter, createWebHashHistory } from 'vue-router';
+import Token from '../functions/token.ts';
+
+
+const routes = [
+ {
+ //error 404
+ path: '/:pathMatch(.*)*',
+ name: 'NotFound',
+ component: () => import('../views/page_error.vue'),
+ },
+ {
+ path: '/',
+ name: 'Home',
+ component: () => import('../views/page_home.vue'),
+ },
+ {
+ path: '/main',
+ name: 'Main',
+ component: () => import('../views/page_main.vue'),
+ },
+ {
+ path: '/login',
+ name: 'Login',
+ component: () => import('../views/page_login.vue'),
+ },
+ {
+ path: '/admin',
+ name: 'Admin',
+ component: () => import('../views/page_admin.vue'),
+ meta: { requireAuth: true }
+ },
+
+];
+
+
+const router = createRouter({
+ history: createWebHashHistory(),
+ routes,
+});
+
+router.beforeEach(async (to, from, next) => {
+ console.log(`to=${to.fullPath} from=${from.fullPath}, to.meta.requireAuth=${to.meta.requireAuth}`);
+ if(to.meta.requireAuth){
+ try{
+ const token :string|null= Token.loadToken();
+ const result = Boolean(await Token.varifyToken(token));
+ //console.log(`result=${result}`);
+ if(result)next();
+ else {
+ next(from.fullPath);
+ alert("您的權限不足");
+ }
+ }catch(err){
+ next(from.fullPath);
+ }
+ }else next();
+});
+
+export default router;
\ No newline at end of file
diff --git a/src/store/index.ts b/src/store/index.ts
new file mode 100644
index 0000000..4cf2398
--- /dev/null
+++ b/src/store/index.ts
@@ -0,0 +1,212 @@
+import { stat } from 'fs';
+import { createStore } from 'vuex';
+import { Course, InitTable } from '../functions/general'
+const env = import.meta.env;
+
+interface State {
+ show: boolean;
+ classStorage: Array>;
+ classListStorage: Array;
+ credit : number;
+ show_ColorPick : boolean;
+ chooseCard : Course | null;
+ cardMode : number;
+ defaultColor : string;
+ showTable: boolean;
+ show_credit: boolean;
+}
+
+function Transfer(data : any)
+{
+ let temp: Course[][] = [];
+ for(let i = 0; i < data.length; i++){
+ let t: Course[] = [];
+ for(let j = 0; j < data[i].length; j++){
+ t.push(new Course(data[i][j]['courseData']))
+ }
+ temp.push(t);
+ }
+ return temp;
+}
+
+function Transfer_class_list(data : any)
+{
+ let temp: Course[] = [];
+ for(let i = 0; i < data.length; i++){
+ temp.push(new Course(data[i]['courseData']));
+ }
+ return temp;
+}
+
+const store = createStore({
+ state: {
+ show: false,
+ classStorage : [],
+ classListStorage : [],
+ credit : 0,
+ show_ColorPick : false,
+ chooseCard: null,
+ cardMode: 0,
+ defaultColor: env.VITE_CARD_DEFAULT_COLOR,
+ showTable: true,
+ show_credit: false
+ },
+ mutations: {
+ display(state: State) {
+ state.show = true;
+ },
+ hidden(state: State) {
+ state.show = false;
+ },
+ show_credit(state: State) {
+ state.show_credit = true;
+ },
+ hidden_credit(state: State) {
+ state.show_credit = false;
+ },
+ initCourseFromLocalstorage(state: State){
+ let courseTable: string | null = localStorage.getItem("courseTable");
+ if(courseTable == null){
+ state.classStorage = InitTable();
+ localStorage.setItem("courseTable", JSON.stringify(state.classStorage));
+ return;
+ }
+ let data = JSON.parse(courseTable!);
+ state.classStorage = Transfer(data);
+ },
+ addCourse(state: State, data : any){
+ console.log(data);
+ state.classStorage = data;
+ localStorage.setItem("courseTable", JSON.stringify(state.classStorage));
+ },
+ clearCourse(state: State){
+ state.classStorage = InitTable();
+ state.classListStorage = [];
+ state.credit = 0 ;
+ state.chooseCard = null;
+ localStorage.setItem("courseTable", JSON.stringify(state.classStorage));
+ localStorage.setItem("courseList", JSON.stringify(state.classListStorage));
+ localStorage.setItem("credit", state.credit.toString());
+ },
+ initCourseListFromLocalstorage(state: State){
+ let courseList: string | null = localStorage.getItem("courseList");
+ if(courseList == null){
+ state.classListStorage = [];
+ localStorage.setItem("courseList", JSON.stringify(state.classListStorage));
+ return;
+ }
+ let data = JSON.parse(courseList!);
+ state.classListStorage = Transfer_class_list(data);
+ },
+ addCourseList(state: State, Class: Course){
+ state.classListStorage.push(Class);
+ localStorage.setItem("courseList", JSON.stringify(state.classListStorage));
+ },
+ deleteCourseList(state: State, Class: Course){
+ let List = state.classListStorage;
+ let temp :Array = [];
+ for(let i = 0; i < List.length; i++){
+ if(List[i].getCourseName() == Class.getCourseName() && List[i].getId() == Class.getId() && List[i].getClassroom() == Class.getClassroom()){
+ continue;
+ }
+ else{
+ temp.push(List[i]);
+ }
+ }
+ state.classListStorage = temp;
+ localStorage.setItem("courseList", JSON.stringify(state.classListStorage));
+ },
+ initCredit(state: State){
+ let creditL: string | null = localStorage.getItem("credit");
+ if(creditL == null){
+ state.credit = 0;
+ localStorage.setItem("credit", state.credit.toString());
+ return;
+ }
+ state.credit = Number(creditL);
+ console.log(state.credit);
+ },
+ addCredit(state: State, delta : number){
+ state.credit += delta;
+ console.log(state.credit, delta)
+ localStorage.setItem("credit", state.credit.toString());
+ },
+ changeShowColorPick(state: State, Bool: boolean){
+ state.show_ColorPick = Bool;
+ },
+ setChooseCard(state: State, Card: Course){
+ state.chooseCard = Card;
+ },
+ setCardMode(state: State, mode: number){
+ state.cardMode = mode;
+ },
+ setDefaultColor(state: State, color: string){
+ state.defaultColor = color;
+ },
+ setShowTable(state: State, Bool: boolean){
+ state.showTable = Bool;
+ }
+ },
+ actions: {
+ display(context: any) {
+ context.commit('display');
+ },
+ hidden(context: any) {
+ context.commit('hidden');
+ },
+ show_credit(context: any) {
+ context.commit('show_credit');
+ },
+ hidden_credit(context: any) {
+ context.commit('hidden_credit');
+ },
+ initCourseFromLocalstorage(context: any){
+ context.commit('initCourseFromLocalstorage');
+ },
+ addCourse(context: any, data : any){
+ context.commit("addCourse", data);
+ },
+ clearCourse(context: any){
+ context.commit("clearCourse");
+ },
+ initCourseListFromLocalstorage(context: any){
+ context.commit("initCourseListFromLocalstorage");
+ },
+ addCourseList(context: any, Class: Array){
+ context.commit("addCourseList", Class);
+ },
+ initCredit(context: any){
+ context.commit("initCredit");
+ },
+ initAll(context: any){
+ context.commit("initCredit");
+ context.commit("initCourseListFromLocalstorage");
+ context.commit('initCourseFromLocalstorage');
+ },
+ addCredit(context: any, delta: number){
+ context.commit("addCredit", delta);
+ },
+ deleteCourseList(context: any, Class: Course){
+ context.commit("deleteCourseList", Class);
+ },
+ changeShowColorPick(context: any, Bool: boolean){
+ context.commit("changeShowColorPick", Bool);
+ },
+ setChooseCard(context: any, Card: Course){
+ context.commit("setChooseCard", Card);
+ },
+ setCardMode(context: any, mode: number){
+ context.commit("setCardMode", mode);
+ },
+ setDefaultColor(context: any, color: string){
+ // console.log(color)
+ context.commit("setDefaultColor", color);
+ },
+ setShowTable(context: any, Bool: boolean){
+ console.log("change")
+ context.commit("setShowTable", Bool);
+ }
+ }
+});
+
+export default store;
diff --git a/src/views/page_admin.vue b/src/views/page_admin.vue
new file mode 100644
index 0000000..6cf9c47
--- /dev/null
+++ b/src/views/page_admin.vue
@@ -0,0 +1,22 @@
+
+
+
+
+
+
visitCount: {{visitCount}}
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/page_error.vue b/src/views/page_error.vue
new file mode 100644
index 0000000..f2fa7b9
--- /dev/null
+++ b/src/views/page_error.vue
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
Something Went Wrong!!
+
+
+
\ No newline at end of file
diff --git a/src/views/page_home.vue b/src/views/page_home.vue
index ef5a4e7..3b2ef7c 100644
--- a/src/views/page_home.vue
+++ b/src/views/page_home.vue
@@ -1,28 +1,44 @@
-
-
-
-
-
-
-
-
- CCU Pineapple Schedule
-
-
- 鳳梨課表
-
-
- 歡迎來到專屬於所有中正人的排課與課表製作網頁服務
-
-
-
-
-
-
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+ CCU Class
+
+
+ 中正課表
+
+
+ 歡迎來到專屬於所有中正人的排課與課表製作網頁服務
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/page_login.vue b/src/views/page_login.vue
new file mode 100644
index 0000000..79e6cd9
--- /dev/null
+++ b/src/views/page_login.vue
@@ -0,0 +1,20 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/page_main.vue b/src/views/page_main.vue
index 07abc5c..17f2962 100644
--- a/src/views/page_main.vue
+++ b/src/views/page_main.vue
@@ -1,15 +1,56 @@
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index 11f02fe..7d0ff9e 100644
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -1 +1 @@
-/// 
+ 
+ 
+ 
+
+-
+ 中正競程
+
+
+