-
-
+
+
+
+
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000..b2c0e02
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,3 @@
+{
+ "include": ["./src/**/*"]
+}
diff --git a/package.json b/package.json
index b2caee7..2ad0065 100644
--- a/package.json
+++ b/package.json
@@ -1,43 +1,46 @@
{
- "name": "ku-table",
- "version": "1.0.0",
- "private": true,
- "scripts": {
- "dev": "NODE_OPTIONS=--openssl-legacy-provider vite",
- "build": "NODE_OPTIONS=--openssl-legacy-provider vite build",
- "serve": "NODE_OPTIONS=--openssl-legacy-provider vite preview",
- "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src",
- "prepare": "husky install",
- "pre-commit": "lint-staged"
- },
- "dependencies": {
- "@fortawesome/fontawesome-svg-core": "^1.2.36",
- "@fortawesome/free-solid-svg-icons": "^5.15.4",
- "@fortawesome/vue-fontawesome": "^3.0.5",
- "axios": "^0.21.1",
- "k-progress-v3": "^1.0.0",
- "regenerator-runtime": "^0.14.1",
- "vue": "^3.3.9",
- "vue-html2canvas": "^0.0.4",
- "vue-router": "^4.2.5",
- "vuex": "^4.1.0"
- },
- "devDependencies": {
- "@tailwindcss/postcss7-compat": "^2.2.7",
- "@vitejs/plugin-vue": "^5.0.5",
- "autoprefixer": "9",
- "eslint": "8",
- "eslint-plugin-vue": "8",
- "husky": "^7.0.0",
- "lint-staged": "^11.1.2",
- "postcss": "7",
- "prettier": "^2.3.2",
- "tailwindcss": "npm:@tailwindcss/postcss7-compat",
- "vite": "^5.3.1"
- },
- "browserslist": [
- "> 1%",
- "last 2 versions",
- "not dead"
- ]
+ "name": "ku-table",
+ "version": "1.0.0",
+ "private": true,
+ "scripts": {
+ "dev": "NODE_OPTIONS=--openssl-legacy-provider vite",
+ "build": "NODE_OPTIONS=--openssl-legacy-provider vite build",
+ "serve": "NODE_OPTIONS=--openssl-legacy-provider vite preview",
+ "lint": "eslint --fix src",
+ "format": "prettier . --write",
+ "prepare": "husky install",
+ "pre-commit": "lint-staged"
+ },
+ "dependencies": {
+ "@fortawesome/fontawesome-svg-core": "^1.2.36",
+ "@fortawesome/free-solid-svg-icons": "^5.15.4",
+ "@fortawesome/vue-fontawesome": "^3.0.5",
+ "axios": "^0.21.1",
+ "k-progress-v3": "^1.0.0",
+ "regenerator-runtime": "^0.14.1",
+ "vue": "^3.3.9",
+ "vue-html2canvas": "^0.0.4",
+ "vue-router": "^4.2.5",
+ "vuex": "^4.1.0"
+ },
+ "devDependencies": {
+ "@eslint/compat": "^1.1.0",
+ "@vitejs/plugin-vue": "^5.0.5",
+ "autoprefixer": "^10.4.19",
+ "eslint": "^9.5.0",
+ "eslint-config-prettier": "^9.1.0",
+ "eslint-plugin-vue": "^9.26.0",
+ "husky": "^7.0.0",
+ "lint-staged": "^11.1.2",
+ "postcss": "^8.4.38",
+ "prettier": "^3.3.2",
+ "tailwindcss": "^3.4.4",
+ "typescript": "^5.5.2",
+ "vite": "^5.3.1"
+ },
+ "browserslist": [
+ "> 1%",
+ "last 2 versions",
+ "not dead"
+ ]
}
diff --git a/postcss.config.js b/postcss.config.js
index 377ba69..33ad091 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,9 +1,6 @@
-const autoprefixer = require('autoprefixer');
-const tailwindcss = require('tailwindcss');
-
module.exports = {
- plugins: [
- tailwindcss,
- autoprefixer,
- ],
-};
\ No newline at end of file
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+}
diff --git a/src/App.vue b/src/App.vue
index 76e0ae6..bfb1e0e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,86 +1,70 @@
-
+
+
-
-
-
-
+
+
+
-
+
-
-
-
-
-
-
+
diff --git a/src/assets/tailwind.css b/src/assets/tailwind.css
index 088d4ea..1988990 100644
--- a/src/assets/tailwind.css
+++ b/src/assets/tailwind.css
@@ -16,35 +16,35 @@
@tailwind utilities;
body {
- font-family: 'Kanit', sans-serif;
- line-height: 1.5;
- /* line-height-step: 1.5; */
+ font-family: 'Kanit', sans-serif;
+ line-height: 1.5;
+ /* line-height-step: 1.5; */
}
input:hover {
- box-shadow: 0 0 5pt 0.1pt #d3d3d3;
+ box-shadow: 0 0 5pt 0.1pt #d3d3d3;
}
input:focus {
- box-shadow: 0 0 5pt 0.2pt #d3d3d3;
- outline-width: 0px;
+ box-shadow: 0 0 5pt 0.2pt #d3d3d3;
+ outline-width: 0px;
}
.loader-wrapper {
- position: fixed;
- top: 0;
- left: 0;
- width: 100vw; /* USE VIEWPORT UNITS */
- height: 100vh; /* USE VIEWPORT UNITS */
- z-index: 40; /* MOVE Z-INDEX HERE! */
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100vw; /* USE VIEWPORT UNITS */
+ height: 100vh; /* USE VIEWPORT UNITS */
+ z-index: 40; /* MOVE Z-INDEX HERE! */
}
.loader {
- position: fixed;
- left: 50%;
- top: 50%;
- width: 14vmax;
- margin: -5vmax -7vmax; /* ADD THIS (half the W/H) */
- animation: spin 1s infinite;
+ position: fixed;
+ left: 50%;
+ top: 50%;
+ width: 14vmax;
+ margin: -5vmax -7vmax; /* ADD THIS (half the W/H) */
+ animation: spin 1s infinite;
}
.centered {
@@ -56,44 +56,43 @@ input:focus {
}
.half-screen {
- width: 50vw;
- height: 50vw;
+ width: 50vw;
+ height: 50vw;
}
@keyframes spin {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(360deg);
+ }
}
.lmask {
- position: absolute;
- height: 100%;
- width: 100%;
- background-color: #000;
- bottom: 0;
- left: 0;
- right: 0;
- top: 0;
- z-index: 40;
- opacity: 0.4;
- position: fixed;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ background-color: #000;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ top: 0;
+ z-index: 40;
+ opacity: 0.4;
+ position: fixed;
}
.no-gap {
- margin: 0px !important;
- padding: 0px !important;
+ margin: 0px !important;
+ padding: 0px !important;
}
-.k-progress{
- font-size: 18px;
- justify-content: space-between;
+.k-progress {
+ font-size: 18px;
+ justify-content: space-between;
}
.k-progress-text {
- font-size: 18px
+ font-size: 18px;
}
-
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index e6e8d96..12aa530 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -1,80 +1,137 @@
-
+
+
+
+
+
+
-
+ {{ msg }}
-
- For a guide and recipes on how to configure / customize this project,
- check out the
- vue-cli documentation.
-
Installed CLI Plugins
- -Essential Links
--
-
- Core Docs -
- Forum -
- Community Chat -
- News -
Ecosystem
--
-
- vue-router -
- vuex -
- - vue-devtools - -
- vue-loader -
- - awesome-vue - -
+
diff --git a/src/components/KuFooter.vue b/src/components/KuFooter.vue
index 131b9c2..70635f4 100644
--- a/src/components/KuFooter.vue
+++ b/src/components/KuFooter.vue
@@ -1,49 +1,48 @@
-
+
diff --git a/src/components/SpinTable.vue b/src/components/SpinTable.vue
index f5e6e8b..fe03606 100644
--- a/src/components/SpinTable.vue
+++ b/src/components/SpinTable.vue
@@ -1,16 +1,20 @@
- {{ msg }}
+
+ For a guide and recipes on how to configure / customize this project,
+ check out the
+ vue-cli documentation.
+
Installed CLI Plugins
+ +Essential Links
+-
+
- + Core Docs + +
- + Forum + +
- + Community Chat + +
- + Twitter + +
- + News + +
Ecosystem
+-
+
- + vue-router + +
- + vuex + +
- + vue-devtools + +
- + vue-loader + +
- + awesome-vue + +
- 
-
-
-
-
-
+
-
-
-
-
-
+
+
+
+
+
+
diff --git a/src/components/Unit.vue b/src/components/Unit.vue
index ad52642..70692e4 100644
--- a/src/components/Unit.vue
+++ b/src/components/Unit.vue
@@ -1,199 +1,255 @@
-
+
+
+
+
+
-
diff --git a/src/http.js b/src/http.js
index ad575d5..1fee5b7 100644
--- a/src/http.js
+++ b/src/http.js
@@ -1,13 +1,13 @@
import axios from 'axios'
const axiosInstance = axios.create({
- baseURL: import.meta.env.VITE_BASE_SERVER_URL,
+ baseURL: import.meta.env.VITE_BASE_SERVER_URL,
})
const accessToken = localStorage.getItem('accessToken')
if (accessToken !== null) {
- axiosInstance.defaults.headers.common['accesstoken'] = accessToken
+ axiosInstance.defaults.headers.common['accesstoken'] = accessToken
}
export default axiosInstance
diff --git a/src/main.js b/src/main.js
index 553f675..887985d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -7,29 +7,29 @@ import VueHtml2Canvas from 'vue-html2canvas'
import './assets/tailwind.css'
-import { library } from '@fortawesome/fontawesome-svg-core'
import { faDownload, faMoon, faSun } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+import { library } from '@fortawesome/fontawesome-svg-core'
+import KProgress from 'k-progress-v3'
import theme from './modules/theme'
+import { createStore } from 'vuex'
import auth from './modules/auth'
import router from './router'
-import KProgress from 'k-progress-v3'
-import { createStore } from 'vuex'
library.add(faDownload, faMoon, faSun)
const store = createStore({
- modules: {
- theme,
- auth,
- },
+ modules: {
+ theme,
+ auth,
+ },
})
const app = createApp(App)
-app.component('font-awesome-icon', FontAwesomeIcon)
-app.component('k-progress', KProgress)
+app.component('FontAwesomeIcon', FontAwesomeIcon)
+app.component('KProgress', KProgress)
app.use(store)
app.use(router)
diff --git a/src/modules/auth.js b/src/modules/auth.js
index 50d2ed2..bf026e3 100644
--- a/src/modules/auth.js
+++ b/src/modules/auth.js
@@ -1,30 +1,30 @@
import axiosInstance from '../http'
export default {
- namespaced: true,
- state: {
- studentInfo: JSON.parse(localStorage.getItem('studentInfo')) || null,
- accessToken: localStorage.getItem('accessToken') || null,
- },
- mutations: {
- authenticate(state, payload) {
- const { studentInfo, accessToken } = payload
- localStorage.setItem('accessToken', accessToken)
- localStorage.setItem('studentInfo', JSON.stringify(studentInfo))
- axiosInstance.defaults.headers.common['accesstoken'] = accessToken
- state.studentInfo = studentInfo
- state.accessToken = accessToken
- },
- clearAuthData(state) {
- localStorage.removeItem('accessToken')
- localStorage.removeItem('studentInfo')
- state.studentInfo = null
- state.accessToken = null
- },
- },
- getters: {
- getIsAuthenticated(state) {
- return state.accessToken !== null
- },
- },
+ namespaced: true,
+ state: {
+ studentInfo: JSON.parse(localStorage.getItem('studentInfo')) || null,
+ accessToken: localStorage.getItem('accessToken') || null,
+ },
+ mutations: {
+ authenticate(state, payload) {
+ const { studentInfo, accessToken } = payload
+ localStorage.setItem('accessToken', accessToken)
+ localStorage.setItem('studentInfo', JSON.stringify(studentInfo))
+ axiosInstance.defaults.headers.common['accesstoken'] = accessToken
+ state.studentInfo = studentInfo
+ state.accessToken = accessToken
+ },
+ clearAuthData(state) {
+ localStorage.removeItem('accessToken')
+ localStorage.removeItem('studentInfo')
+ state.studentInfo = null
+ state.accessToken = null
+ },
+ },
+ getters: {
+ getIsAuthenticated(state) {
+ return state.accessToken !== null
+ },
+ },
}
diff --git a/src/modules/theme.js b/src/modules/theme.js
index 9bcb676..1f8ce45 100644
--- a/src/modules/theme.js
+++ b/src/modules/theme.js
@@ -1,40 +1,40 @@
export default {
- namespaced: true,
- state: {
- theme: null,
- },
- mutations: {
- setTheme(state, theme) {
- state.theme = theme
- localStorage.theme = theme
- },
- },
- actions: {
- initTheme({ commit }) {
- const cached = localStorage.theme ? localStorage.theme : false
- const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches
- if (cached) {
- commit('setTheme', cached)
- } else if (prefersDark) {
- commit('setTheme', 'dark')
- } else {
- commit('setTheme', 'light')
- }
- },
- toggleTheme({ commit }) {
- switch (localStorage.theme) {
- case 'light':
- commit('setTheme', 'dark')
- break
- case 'dark':
- commit('setTheme', 'light')
- break
- }
- },
- },
- getters: {
- getTheme: (state) => {
- return state.theme
- },
- },
+ namespaced: true,
+ state: {
+ theme: null,
+ },
+ mutations: {
+ setTheme(state, theme) {
+ state.theme = theme
+ localStorage.theme = theme
+ },
+ },
+ actions: {
+ initTheme({ commit }) {
+ const cached = localStorage.theme ? localStorage.theme : false
+ const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches
+ if (cached) {
+ commit('setTheme', cached)
+ } else if (prefersDark) {
+ commit('setTheme', 'dark')
+ } else {
+ commit('setTheme', 'light')
+ }
+ },
+ toggleTheme({ commit }) {
+ switch (localStorage.theme) {
+ case 'light':
+ commit('setTheme', 'dark')
+ break
+ case 'dark':
+ commit('setTheme', 'light')
+ break
+ }
+ },
+ },
+ getters: {
+ getTheme: (state) => {
+ return state.theme
+ },
+ },
}
diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index 021cbeb..ee4755a 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -1,129 +1,134 @@
-
-
- KU GenEd
-({{ major }})
-- **กำลังแสดงหลักสูตรปี {{ unitYear }} หากจำนวนหน่วยกิตไม่ถูกต้อง โปรด - กรอกฟอร์ม - เพื่อแจ้งให้เพิ่ม -
-
-
+
-
- **Sorry, we don't have information about your faculty department. you can
- fill form here.
-
-
- **ขออภัย ทางเรายังไม่มีข้อมูลเกี่ยวกับคณะ ({{ major }}) ของท่าน กรุณากรอก
- ฟอร์มขอเพิ่มหมวด
-
-
+
+
+
+ **โปรดตรวจสอบข้อมูลเงื่อนไขการลงทะเบียนของท่านอีกครั้ง
+ อาจมีเงื่อนไขแตกต่างกันออกไปในแต่ละสาขาและชั้นปีครับ
+
+ **Please check your registration conditions again. There may be different conditions for
+ each department and year.
+
+
+ + KU GenEd +
++ ({{ major }}) +
++ **กำลังแสดงหลักสูตรปี {{ unitYear }} หากจำนวนหน่วยกิตไม่ถูกต้อง โปรด + กรอกฟอร์ม + เพื่อแจ้งให้เพิ่ม +
+
+
-
+
+ **Sorry, we don't have information about your faculty department. you can
+ fill form here.
+
+
+ **ขออภัย ทางเรายังไม่มีข้อมูลเกี่ยวกับคณะ ({{ major }}) ของท่าน กรุณากรอก
+ ฟอร์มขอเพิ่มหมวด
+
+
-
- **โปรดตรวจสอบข้อมูลเงื่อนไขการลงทะเบียนของท่านอีกครั้ง
- อาจมีเงื่อนไขแตกต่างกันออกไปในแต่ละสาขาและชั้นปีครับ
-
- **Please check your registration conditions again. There may be different conditions for
- each department and year.
-
-
-
-
-
-
-
-
-
- {{ unitsName.en[index] }}
- {{ unitsName.th[index] }}
- {{ item.done }}/{{ item.need }} units
-
- | {{ sub.subject_code }} | -{{ sub.subject_name_en }} | -{{ sub.subject_name_th }} | -{{ sub.credit }} | -
- More information:
- หมายเหตุ:
- https://www.ku.ac.th/th/bachelor-degree
- หรือ
- https://registrar.ku.ac.th/cur/all
-
-
+
+
+
+
+
+
+
+
+ {{ unitsName.en[index] }}
+ {{ unitsName.th[index] }}
+ {{ item.done }}/{{ item.need }} units
+
+ | + {{ sub.subject_code }} + | ++ {{ sub.subject_name_en }} + | ++ {{ sub.subject_name_th }} + | ++ {{ sub.credit }} + | +
+ More information:
+ หมายเหตุ:
+ https://www.ku.ac.th/th/bachelor-degree
+ หรือ
+ https://registrar.ku.ac.th/cur/all
+
+
-
diff --git a/src/pages/NotFound.vue b/src/pages/NotFound.vue
index c8318b8..5e628ef 100644
--- a/src/pages/NotFound.vue
+++ b/src/pages/NotFound.vue
@@ -1,52 +1,46 @@
-
-
+
+ 
+
+
+
-
+
-
- ERROR
-404
- Page not found - -
- 
-
-
-
+
diff --git a/src/pages/Schedule.vue b/src/pages/Schedule.vue
index 6868fff..31e8e0b 100644
--- a/src/pages/Schedule.vue
+++ b/src/pages/Schedule.vue
@@ -1,261 +1,309 @@
-
+
+ + ERROR +
++ 404 +
+ Page not found + +
+
+
+
+
-
+
-
+ created by
+ https://ku-table.vercel.app
+
+
+
-
-
-
- - Schedule -
- Period: {{ period_date }} -
- -
-
-
-
-
-
-
-
-
-
+
-
+
-
-
- {{ header }}
-
-
-
+ >
+
- {{ date }}
-
-
+
+
-
+
+
+
+ + Schedule +
+ Period: {{ period_date }} +
+ +
+
+
+
+
+
+
+
+
+
-
+
- created by
- https://ku-table.vercel.app
-
-
-
+
+
+ {{ header }}
+
+
+
-
+ {{ date }}
+
+
-
-
-
- [{{ course.time_from }}-{{ course.time_to }}]
-{{ course.subject_code }}
-{{ course.subject_name_en }}
-{{ course.subject_name_th }}
-
-
- {{ course.room_name_en }} | {{ course.section_type_en }} {{ course.section_code }}
-{{ course.room_name_th }} | {{ course.section_type_th }} {{ course.section_code }}
-
+
+ + [{{ course.time_from }}-{{ course.time_to }}] +
++ {{ course.subject_code }} +
++ {{ course.subject_name_en }} +
++ {{ course.subject_name_th }} +
+
+
+ + {{ course.room_name_en }} | {{ course.section_type_en }} {{ course.section_code }} +
++ {{ course.room_name_th }} | {{ course.section_type_th }} {{ course.section_code }} +
+