{{ msg }}
-
- For a guide and recipes on how to configure / customize this project,
- check out the
- vue-cli documentation.
-
Installed CLI Plugins
--
-
- - babel - -
- - pwa - -
- - router - -
- - eslint - -
- - typescript - -
Essential Links
--
-
- - Core Docs - -
- - Forum - -
- - Community Chat - -
- - Twitter - -
- - News - -
Ecosystem
--
-
- - vue-router - -
- - vuex - -
- - vue-devtools - -
- - vue-loader - -
- - awesome-vue - -
+
+
+
+
+
+
+
+
+ ลงเวลาเข้างาน
+ ลงเวลาออกงาน
+
+
+
+
+
+
+
+
+
+
+
+ {{ date2Thai(Thai) }}
+
+
+
+
+
+
+ {{ formattedH }}:
+
+
+
+
+ {{ formattedM }}:
+
+
+
+ {{ formattedS }}
+
+
+
+
+
+
+
+ พื้นที่ใกล้เคียง
+ :
+ {{ location }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ สถานที่ทำงาน
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ลงเวลาเข้างานของคุณ
+ ลงเวลาออกงานของคุณ
+
+
+
+
+ {{ Thai }}
+
+
+
+
+ {{ formattedH }}:
+
+ {{ formattedM }}
+
+
+
+ {{ location }}
+
+ {{ coordinates }}
+
+
+
+
+
+
+
+
diff --git a/src/modules/checkin/componenst/tableHistory.vue b/src/modules/checkin/componenst/tableHistory.vue
new file mode 100644
index 0000000..fa32f23
--- /dev/null
+++ b/src/modules/checkin/componenst/tableHistory.vue
@@ -0,0 +1,200 @@
+
+
+
+
+
+
+ {{ year + 543 }}
+ {{
+ parseInt(value + 543)
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/modules/checkin/router.ts b/src/modules/checkin/router.ts
new file mode 100644
index 0000000..5f514e7
--- /dev/null
+++ b/src/modules/checkin/router.ts
@@ -0,0 +1,38 @@
+/**
+ * Router Checkin
+ */
+
+const Checkin = () => import("@/modules/04_checkin/views/CheckIn.vue");
+const History = () => import("@/modules/04_checkin/views/History.vue");
+
+/* const Checkout = () => import("@/modules/04_checkin/views/Checkout.vue");
+ */
+export default [
+ {
+ path: "/check-in",
+ name: "Checkin",
+ component: Checkin,
+ meta: {
+ Auth: true,
+ Key: [7],
+ },
+ },
+ {
+ path: "/check-in/history",
+ name: "History",
+ component: History,
+ meta: {
+ Auth: true,
+ Key: [7],
+ },
+ },
+ /* {
+ path: "/check-out",
+ name: "Checkout",
+ component: Checkout,
+ meta: {
+ Auth: true,
+ Key: [7],
+ },
+ }, */
+];
diff --git a/src/quasar-user-options.ts b/src/quasar-user-options.ts
new file mode 100644
index 0000000..28f60f7
--- /dev/null
+++ b/src/quasar-user-options.ts
@@ -0,0 +1,11 @@
+import "./styles/quasar.scss";
+import "@quasar/extras/material-icons/material-icons.css";
+import "@quasar/extras/material-icons-outlined/material-icons-outlined.css";
+import "@quasar/extras/material-icons-round/material-icons-round.css";
+import "@quasar/extras/material-icons-sharp/material-icons-sharp.css";
+
+// To be used on app.use(Quasar, { ... })
+export default {
+ config: {},
+ plugins: {},
+};
diff --git a/src/registerServiceWorker.ts b/src/registerServiceWorker.ts
index 1473a0a..0f13c06 100644
--- a/src/registerServiceWorker.ts
+++ b/src/registerServiceWorker.ts
@@ -1,7 +1,6 @@
/* eslint-disable no-console */
import { register } from "register-service-worker";
-
if (process.env.NODE_ENV === "production") {
register(`${process.env.BASE_URL}service-worker.js`, {
ready() {
diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts
index 3804a43..55e0ca6 100644
--- a/src/shims-vue.d.ts
+++ b/src/shims-vue.d.ts
@@ -1,6 +1,6 @@
/* eslint-disable */
-declare module '*.vue' {
- import type { DefineComponent } from 'vue'
- const component: DefineComponent<{}, {}, any>
- export default component
+declare module "*.vue" {
+ import type { DefineComponent } from "vue";
+ const component: DefineComponent<{}, {}, any>;
+ export default component;
}
diff --git a/src/stores/mixin.ts b/src/stores/mixin.ts
new file mode 100644
index 0000000..593b971
--- /dev/null
+++ b/src/stores/mixin.ts
@@ -0,0 +1,78 @@
+import { defineStore } from "pinia";
+
+export const useCounterMixin = defineStore("mixin", () => {
+ function date2Thai(
+ srcDate: Date,
+ isFullMonth: boolean = false,
+ isTime: boolean = false
+ ) {
+ if (srcDate == null) {
+ return null;
+ `
+ `;
+ }
+ const date = new Date(srcDate);
+ const isValidDate = Boolean(+date);
+ if (!isValidDate) return srcDate.toString();
+ if (isValidDate && date.getFullYear() < 1000) return srcDate.toString();
+ const fullMonthThai = [
+ "มกราคม",
+ "กุมภาพันธ์",
+ "มีนาคม",
+ "เมษายน",
+ "พฤษภาคม",
+ "มิถุนายน",
+ "กรกฎาคม",
+ "สิงหาคม",
+ "กันยายน",
+ "ตุลาคม",
+ "พฤศจิกายน",
+ "ธันวาคม",
+ ];
+ const abbrMonthThai = [
+ "ม.ค.",
+ "ก.พ.",
+ "มี.ค.",
+ "เม.ย.",
+ "พ.ค.",
+ "มิ.ย.",
+ "ก.ค.",
+ "ส.ค.",
+ "ก.ย.",
+ "ต.ค.",
+ "พ.ย.",
+ "ธ.ค.",
+ ];
+ let dstYear = 0;
+ if (date.getFullYear() > 2500) {
+ dstYear = date.getFullYear();
+ } else {
+ dstYear = date.getFullYear() + 543;
+ }
+ let dstMonth = "";
+ if (isFullMonth) {
+ dstMonth = fullMonthThai[date.getMonth()];
+ } else {
+ dstMonth = abbrMonthThai[date.getMonth()];
+ }
+ let dstTime = "";
+ if (isTime) {
+ const H = date.getHours().toString().padStart(2, "0");
+ const M = date.getMinutes().toString().padStart(2, "0");
+ // const S = date.getSeconds().toString().padStart(2, "0")
+ // dstTime = " " + H + ":" + M + ":" + S + " น."
+ dstTime = " " + H + ":" + M + " น.";
+ }
+ return (
+ date.getDate().toString().padStart(2, "0") +
+ " " +
+ dstMonth +
+ " " +
+ dstYear +
+ dstTime
+ );
+ }
+ return {
+ date2Thai,
+ };
+});
diff --git a/src/styles/quasar.scss b/src/styles/quasar.scss
new file mode 100644
index 0000000..835a742
--- /dev/null
+++ b/src/styles/quasar.scss
@@ -0,0 +1,3 @@
+@import "./quasar.variables.scss";
+@import "~quasar-styl";
+// @import '~quasar-addon-styl';
diff --git a/src/styles/quasar.variables.scss b/src/styles/quasar.variables.scss
new file mode 100644
index 0000000..dc43e04
--- /dev/null
+++ b/src/styles/quasar.variables.scss
@@ -0,0 +1,15 @@
+// It's highly recommended to change the default colors
+// to match your app's branding.
+
+$primary: #02a998;
+$secondary: #016987;
+$accent: #9c27b0;
+
+$dark: #35473c;
+
+$positive: #21ba45;
+$negative: #c10015;
+$info: #31ccec;
+$warning: #f2c037;
+
+@import "~quasar-variables-styl";
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 646b241..072e84b 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,18 +1,10 @@
- 
-
diff --git a/tsconfig.json b/tsconfig.json
index 6497d64..66c82bf 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,20 +13,11 @@
"useDefineForClassFields": true,
"sourceMap": true,
"baseUrl": ".",
- "types": [
- "webpack-env"
- ],
+ "types": ["webpack-env"],
"paths": {
- "@/*": [
- "src/*"
- ]
+ "@/*": ["src/*"]
},
- "lib": [
- "esnext",
- "dom",
- "dom.iterable",
- "scripthost"
- ]
+ "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
},
"include": [
"src/**/*.ts",
@@ -35,7 +26,5 @@
"tests/**/*.ts",
"tests/**/*.tsx"
],
- "exclude": [
- "node_modules"
- ]
+ "exclude": ["node_modules"]
}
diff --git a/vue.config.js b/vue.config.js
index 0aed899..f9f1fa9 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,11 @@
const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
- transpileDependencies: true,
+ transpileDependencies: ["quasar"],
+
+ pluginOptions: {
+ quasar: {
+ importStrategy: "kebab",
+ rtlSupport: false,
+ },
+ },
});