Compare commits
No commits in common. "3ce17afd76bb566a16315f9c1ac3bfc734e5bb6c" and "4a41face169a3e12aba43b4d9cc2bfa3a9a18574" have entirely different histories.
3ce17afd76
...
4a41face16
68
.drone.yml
68
.drone.yml
@ -1,68 +0,0 @@
|
|||||||
kind: pipeline
|
|
||||||
type: docker
|
|
||||||
name: default
|
|
||||||
|
|
||||||
steps:
|
|
||||||
- name: Build Backend (Spring Boot)
|
|
||||||
image: maven:3.9-eclipse-temurin-17
|
|
||||||
commands:
|
|
||||||
- cd employee-service
|
|
||||||
- mvn clean package -DskipTests
|
|
||||||
|
|
||||||
- name: Build Frontend (React)
|
|
||||||
image: node:20-alpine
|
|
||||||
commands:
|
|
||||||
- cd frontend
|
|
||||||
- npm install
|
|
||||||
- npm run build
|
|
||||||
|
|
||||||
- name: Build Full Stack via Docker Compose
|
|
||||||
image: docker:24.0.5-cli
|
|
||||||
volumes:
|
|
||||||
- name: dockersock
|
|
||||||
path: /var/run/docker.sock
|
|
||||||
commands:
|
|
||||||
- docker compose -f docker-compose.yml build
|
|
||||||
|
|
||||||
- name: Run SonarQube Scan
|
|
||||||
image: sonarsource/sonar-scanner-cli
|
|
||||||
environment:
|
|
||||||
SONAR_HOST_URL:
|
|
||||||
from_secret: SCANNER_HOST_URL
|
|
||||||
SONAR_LOGIN:
|
|
||||||
from_secret: SCANNER_LOGIN
|
|
||||||
SONAR_TOKEN:
|
|
||||||
from_secret: SCANNER_TOKEN
|
|
||||||
commands:
|
|
||||||
- mkdir -p /tmp/.scannerwork
|
|
||||||
- chmod -R 777 /tmp/.scannerwork
|
|
||||||
- >
|
|
||||||
sonar-scanner
|
|
||||||
-Dsonar.login=$SONAR_LOGIN
|
|
||||||
-Dsonar.token=$SONAR_TOKEN
|
|
||||||
-Dsonar.host.url=$SONAR_HOST_URL
|
|
||||||
-Dsonar.projectKey=crud_app
|
|
||||||
-Dsonar.projectName=crud_app
|
|
||||||
-Dsonar.working.directory=/tmp/.scannerwork
|
|
||||||
-Dsonar.modules=frontend,employee-service
|
|
||||||
-Dfrontend.sonar.projectBaseDir=frontend
|
|
||||||
-Dfrontend.sonar.sources=src
|
|
||||||
-Dfrontend.sonar.exclusions=**/node_modules/**
|
|
||||||
-Demployee-service.sonar.projectBaseDir=employee-service
|
|
||||||
-Demployee-service.sonar.sources=src/main/java
|
|
||||||
-Demployee-service.sonar.java.binaries=employee-service/target/classes
|
|
||||||
|
|
||||||
- name: Deploy to Server
|
|
||||||
image: curlimages/curl:latest
|
|
||||||
environment:
|
|
||||||
WEBHOOK_URL:
|
|
||||||
from_secret: WEBHOOK_URL
|
|
||||||
WEBHOOK_SECRET:
|
|
||||||
from_secret: WEBHOOK_SECRET
|
|
||||||
commands:
|
|
||||||
- 'curl -X POST -H "Content-Type: application/json" -H "Authorization: Bearer $WEBHOOK_SECRET" -d "{\"branch\":\"master\"}" "$WEBHOOK_URL"'
|
|
||||||
|
|
||||||
volumes:
|
|
||||||
- name: dockersock
|
|
||||||
host:
|
|
||||||
path: /var/run/docker.sock
|
|
||||||
61
.gitignore
vendored
61
.gitignore
vendored
@ -1,43 +1,24 @@
|
|||||||
# === Node/React (frontend) ===
|
# Logs
|
||||||
frontend/node_modules/
|
logs
|
||||||
frontend/dist/
|
|
||||||
frontend/.vite/
|
|
||||||
frontend/.env
|
|
||||||
frontend/.env.*
|
|
||||||
|
|
||||||
# === Java/Spring Boot (employee-service) ===
|
|
||||||
employee-service/target/
|
|
||||||
employee-service/.classpath
|
|
||||||
employee-service/.project
|
|
||||||
employee-service/.settings/
|
|
||||||
employee-service/.env
|
|
||||||
employee-service/*.iml
|
|
||||||
|
|
||||||
# === IDE Files ===
|
|
||||||
.idea/
|
|
||||||
*.iml
|
|
||||||
.vscode/
|
|
||||||
|
|
||||||
# === OS Files ===
|
|
||||||
.DS_Store
|
|
||||||
Thumbs.db
|
|
||||||
|
|
||||||
# === Logs ===
|
|
||||||
*.log
|
*.log
|
||||||
logs/
|
npm-debug.log*
|
||||||
**/logs/
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
# === Docker-related ===
|
node_modules
|
||||||
*.pid
|
dist
|
||||||
*.tar
|
dist-ssr
|
||||||
docker-compose.override.yml
|
*.local
|
||||||
|
|
||||||
# === Test Reports ===
|
# Editor directories and files
|
||||||
**/test-output/
|
.vscode/*
|
||||||
**/coverage/
|
!.vscode/extensions.json
|
||||||
**/jacoco.exec
|
.idea
|
||||||
|
.DS_Store
|
||||||
# === Misc ===
|
*.suo
|
||||||
*.bak
|
*.ntvs*
|
||||||
*.swp
|
*.njsproj
|
||||||
*.swo
|
*.sln
|
||||||
|
*.sw?
|
||||||
|
|||||||
33
Dockerfile
33
Dockerfile
@ -1,3 +1,32 @@
|
|||||||
FROM postgres:15
|
# ใช้ Node.js เป็น base image
|
||||||
|
FROM node:18-alpine AS build
|
||||||
|
|
||||||
COPY init-scripts/*.sql /docker-entrypoint-initdb.d/
|
# กำหนด working directory ใน container
|
||||||
|
WORKDIR /app
|
||||||
|
|
||||||
|
# คัดลอกไฟล์ package.json และ package-lock.json ไปยัง container
|
||||||
|
COPY package.json package-lock.json ./
|
||||||
|
|
||||||
|
# ติดตั้ง dependencies รวม devDependencies
|
||||||
|
RUN npm ci # ✅ ติดตั้ง dependencies ทั้งหมด
|
||||||
|
|
||||||
|
# คัดลอกไฟล์ทั้งหมดของโปรเจคไปยัง container
|
||||||
|
COPY .. .
|
||||||
|
|
||||||
|
# Build React + Vite
|
||||||
|
RUN npm run build # ✅ ตอนนี้ vite build จะใช้ @vitejs/plugin-react ได้แล้ว
|
||||||
|
|
||||||
|
# ใช้ Nginx เป็น Web Server สำหรับเสิร์ฟไฟล์ static
|
||||||
|
FROM nginx:alpine
|
||||||
|
|
||||||
|
# คัดลอกไฟล์ที่ build แล้วไปยัง Nginx
|
||||||
|
COPY --from=build /app/dist /usr/share/nginx/html
|
||||||
|
|
||||||
|
# ลบ cache หรือไฟล์ที่ไม่จำเป็น
|
||||||
|
RUN rm -rf /var/cache/apk/*
|
||||||
|
|
||||||
|
# เปิดพอร์ต 80
|
||||||
|
EXPOSE 80
|
||||||
|
|
||||||
|
# สั่งให้ Nginx ทำงาน
|
||||||
|
CMD ["nginx", "-g", "daemon off;"]
|
||||||
|
|||||||
58
README.md
Normal file
58
README.md
Normal file
@ -0,0 +1,58 @@
|
|||||||
|
# 🌐 OpenGIS Frontend
|
||||||
|
|
||||||
|
[](https://opengis.softwarecraft.tech/)
|
||||||
|
[](#license)
|
||||||
|
|
||||||
|
> Frontend สำหรับระบบ OpenGIS และแสดงผลแบบ Responsive ด้วย React + TailwindCSS ✨
|
||||||
|
> ระบบนี้ถูก Deploy ไปที่: 🌍 **[https://opengis.softwarecraft.tech/](https://opengis.softwarecraft.tech/)**
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🚀 Features
|
||||||
|
|
||||||
|
- ✅ จัดการข้อมูลที่ต้องการได้ (CRUD)
|
||||||
|
- 🌞🌙 ปุ่มสลับธีม Light/Dark พร้อม Animation
|
||||||
|
- 📋 ตารางข้อมูลพร้อมปุ่ม Update และ Delete
|
||||||
|
- 🔒 Modal ยืนยันการลบข้อมูล
|
||||||
|
- 💅 ใช้ TailwindCSS และ DaisyUI สำหรับ UI ที่ดูดี
|
||||||
|
- หมายเหตุ อยู่ระหว่างการพัฒนา ดังนั้น โค้ดปัจจุบันจะยังไม่ใช่รูปแบบการทำงานจริง ๆ ที่วางแผนไว้ครับ
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🧪 Tech Stack
|
||||||
|
|
||||||
|
| Technology | Description |
|
||||||
|
|--------------|------------------------------------|
|
||||||
|
| ⚛️ React | Frontend JavaScript Framework |
|
||||||
|
| 💨 TailwindCSS | Utility-first CSS Framework |
|
||||||
|
| 🖌️ DaisyUI | Component UI บนพื้นฐาน Tailwind |
|
||||||
|
| 🧠 Gitea | Git Self-hosted Repository |
|
||||||
|
| 🚀 Drone CI | การทำ Continuous Integration และ Continuous Delivery (CI/CD) |
|
||||||
|
| 🚀 SonarQube | การวิเคราะห์คุณภาพโค้ด (Code Quality) |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🔗 Deployment
|
||||||
|
|
||||||
|
ระบบนี้จะถูก Deploy อัตโนมัติไปยัง:
|
||||||
|
👉 **[https://opengis.softwarecraft.tech/](https://opengis.softwarecraft.tech/)**
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🛠️ Development
|
||||||
|
|
||||||
|
### 1. ติดตั้ง dependencies
|
||||||
|
|
||||||
|
``` bash
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
|
||||||
|
### 2. รันแบบ dev server
|
||||||
|
|
||||||
|
``` bash
|
||||||
|
npm run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 🤝 Contributing
|
||||||
|
Pull requests welcome! หากมีคำแนะนำหรือข้อเสนอแนะ ยินดีรับฟังเสมอ 🙌
|
||||||
@ -1,83 +0,0 @@
|
|||||||
services:
|
|
||||||
postgres:
|
|
||||||
container_name: ms_pg_sql
|
|
||||||
build: .
|
|
||||||
environment:
|
|
||||||
POSTGRES_USER: admin
|
|
||||||
POSTGRES_PASSWORD: 123
|
|
||||||
PGDATA: /var/lib/postgresql/data
|
|
||||||
POSTGRES_DB: employee_service
|
|
||||||
volumes:
|
|
||||||
- postgres:/var/lib/postgresql/data
|
|
||||||
ports:
|
|
||||||
- 5432:5432
|
|
||||||
networks:
|
|
||||||
- microservice-net
|
|
||||||
restart: unless-stopped
|
|
||||||
|
|
||||||
pgadmin:
|
|
||||||
container_name: ms_pgadmin
|
|
||||||
image: dpage/pgadmin4
|
|
||||||
environment:
|
|
||||||
PGADMIN_DEFAULT_EMAIL: ${PGADMIN_DEFAULT_EMAIL:-pgadmin@pgadmin.org}
|
|
||||||
PGADMIN_DEFAULT_PASSWORD: ${PGADMIN_DEFAULT_PASSWORD:-admin}
|
|
||||||
PGADMIN_CONFIG_SERVER_MODE: 'False'
|
|
||||||
volumes:
|
|
||||||
- pgadmin:/var/lib/pgadmin
|
|
||||||
ports:
|
|
||||||
- 8180:80
|
|
||||||
networks:
|
|
||||||
- microservice-net
|
|
||||||
restart: unless-stopped
|
|
||||||
|
|
||||||
employee-service:
|
|
||||||
build:
|
|
||||||
context: ./employee-service
|
|
||||||
dockerfile: Dockerfile
|
|
||||||
container_name: ms_employee_service
|
|
||||||
environment:
|
|
||||||
SPRING_DATASOURCE_URL: jdbc:postgresql://ms_pg_sql:5432/employee_service
|
|
||||||
SPRING_DATASOURCE_USERNAME: admin
|
|
||||||
SPRING_DATASOURCE_PASSWORD: 123
|
|
||||||
ports:
|
|
||||||
- "8080:8080"
|
|
||||||
depends_on:
|
|
||||||
- postgres
|
|
||||||
networks:
|
|
||||||
- microservice-net
|
|
||||||
restart: unless-stopped
|
|
||||||
|
|
||||||
frontend:
|
|
||||||
build:
|
|
||||||
context: ./frontend
|
|
||||||
dockerfile: Dockerfile
|
|
||||||
container_name: ms_frontend
|
|
||||||
ports:
|
|
||||||
- "80" # ตรงนี้แม้จะดูเหมือนจะ conflict กับ web แต่ใช้ network ภายใน (ไม่ต้องแมพพอร์ต)
|
|
||||||
depends_on:
|
|
||||||
- employee-service
|
|
||||||
networks:
|
|
||||||
- microservice-net
|
|
||||||
restart: unless-stopped
|
|
||||||
|
|
||||||
web:
|
|
||||||
build:
|
|
||||||
context: ./nginx
|
|
||||||
dockerfile: Dockerfile
|
|
||||||
container_name: ms_web
|
|
||||||
ports:
|
|
||||||
- "80:80" # แมพพอร์ตให้ใช้งานจากนอก container ได้
|
|
||||||
depends_on:
|
|
||||||
- frontend
|
|
||||||
- employee-service
|
|
||||||
networks:
|
|
||||||
- microservice-net
|
|
||||||
restart: unless-stopped
|
|
||||||
|
|
||||||
networks:
|
|
||||||
microservice-net:
|
|
||||||
driver: bridge
|
|
||||||
|
|
||||||
volumes:
|
|
||||||
postgres:
|
|
||||||
pgadmin:
|
|
||||||
2
employee-service/.gitattributes
vendored
2
employee-service/.gitattributes
vendored
@ -1,2 +0,0 @@
|
|||||||
/mvnw text eol=lf
|
|
||||||
*.cmd text eol=crlf
|
|
||||||
33
employee-service/.gitignore
vendored
33
employee-service/.gitignore
vendored
@ -1,33 +0,0 @@
|
|||||||
HELP.md
|
|
||||||
target/
|
|
||||||
!.mvn/wrapper/maven-wrapper.jar
|
|
||||||
!**/src/main/**/target/
|
|
||||||
!**/src/test/**/target/
|
|
||||||
|
|
||||||
### STS ###
|
|
||||||
.apt_generated
|
|
||||||
.classpath
|
|
||||||
.factorypath
|
|
||||||
.project
|
|
||||||
.settings
|
|
||||||
.springBeans
|
|
||||||
.sts4-cache
|
|
||||||
|
|
||||||
### IntelliJ IDEA ###
|
|
||||||
.idea
|
|
||||||
*.iws
|
|
||||||
*.iml
|
|
||||||
*.ipr
|
|
||||||
|
|
||||||
### NetBeans ###
|
|
||||||
/nbproject/private/
|
|
||||||
/nbbuild/
|
|
||||||
/dist/
|
|
||||||
/nbdist/
|
|
||||||
/.nb-gradle/
|
|
||||||
build/
|
|
||||||
!**/src/main/**/build/
|
|
||||||
!**/src/test/**/build/
|
|
||||||
|
|
||||||
### VS Code ###
|
|
||||||
.vscode/
|
|
||||||
@ -1,19 +0,0 @@
|
|||||||
# Licensed to the Apache Software Foundation (ASF) under one
|
|
||||||
# or more contributor license agreements. See the NOTICE file
|
|
||||||
# distributed with this work for additional information
|
|
||||||
# regarding copyright ownership. The ASF licenses this file
|
|
||||||
# to you under the Apache License, Version 2.0 (the
|
|
||||||
# "License"); you may not use this file except in compliance
|
|
||||||
# with the License. You may obtain a copy of the License at
|
|
||||||
#
|
|
||||||
# http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
#
|
|
||||||
# Unless required by applicable law or agreed to in writing,
|
|
||||||
# software distributed under the License is distributed on an
|
|
||||||
# "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
||||||
# KIND, either express or implied. See the License for the
|
|
||||||
# specific language governing permissions and limitations
|
|
||||||
# under the License.
|
|
||||||
wrapperVersion=3.3.2
|
|
||||||
distributionType=only-script
|
|
||||||
distributionUrl=https://repo.maven.apache.org/maven2/org/apache/maven/apache-maven/3.9.9/apache-maven-3.9.9-bin.zip
|
|
||||||
@ -1,11 +0,0 @@
|
|||||||
# ===== Stage 1: Build JAR =====
|
|
||||||
FROM eclipse-temurin:21-jdk-alpine AS builder
|
|
||||||
WORKDIR /app
|
|
||||||
COPY . .
|
|
||||||
RUN ./mvnw clean package -DskipTests
|
|
||||||
|
|
||||||
# ===== Stage 2: Run Spring Boot =====
|
|
||||||
FROM eclipse-temurin:21-jdk-alpine
|
|
||||||
WORKDIR /app
|
|
||||||
COPY --from=builder /app/target/*.jar app.jar
|
|
||||||
ENTRYPOINT ["java", "-jar", "app.jar"]
|
|
||||||
259
employee-service/mvnw
vendored
259
employee-service/mvnw
vendored
@ -1,259 +0,0 @@
|
|||||||
#!/bin/sh
|
|
||||||
# ----------------------------------------------------------------------------
|
|
||||||
# Licensed to the Apache Software Foundation (ASF) under one
|
|
||||||
# or more contributor license agreements. See the NOTICE file
|
|
||||||
# distributed with this work for additional information
|
|
||||||
# regarding copyright ownership. The ASF licenses this file
|
|
||||||
# to you under the Apache License, Version 2.0 (the
|
|
||||||
# "License"); you may not use this file except in compliance
|
|
||||||
# with the License. You may obtain a copy of the License at
|
|
||||||
#
|
|
||||||
# http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
#
|
|
||||||
# Unless required by applicable law or agreed to in writing,
|
|
||||||
# software distributed under the License is distributed on an
|
|
||||||
# "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
||||||
# KIND, either express or implied. See the License for the
|
|
||||||
# specific language governing permissions and limitations
|
|
||||||
# under the License.
|
|
||||||
# ----------------------------------------------------------------------------
|
|
||||||
|
|
||||||
# ----------------------------------------------------------------------------
|
|
||||||
# Apache Maven Wrapper startup batch script, version 3.3.2
|
|
||||||
#
|
|
||||||
# Optional ENV vars
|
|
||||||
# -----------------
|
|
||||||
# JAVA_HOME - location of a JDK home dir, required when download maven via java source
|
|
||||||
# MVNW_REPOURL - repo url base for downloading maven distribution
|
|
||||||
# MVNW_USERNAME/MVNW_PASSWORD - user and password for downloading maven
|
|
||||||
# MVNW_VERBOSE - true: enable verbose log; debug: trace the mvnw script; others: silence the output
|
|
||||||
# ----------------------------------------------------------------------------
|
|
||||||
|
|
||||||
set -euf
|
|
||||||
[ "${MVNW_VERBOSE-}" != debug ] || set -x
|
|
||||||
|
|
||||||
# OS specific support.
|
|
||||||
native_path() { printf %s\\n "$1"; }
|
|
||||||
case "$(uname)" in
|
|
||||||
CYGWIN* | MINGW*)
|
|
||||||
[ -z "${JAVA_HOME-}" ] || JAVA_HOME="$(cygpath --unix "$JAVA_HOME")"
|
|
||||||
native_path() { cygpath --path --windows "$1"; }
|
|
||||||
;;
|
|
||||||
esac
|
|
||||||
|
|
||||||
# set JAVACMD and JAVACCMD
|
|
||||||
set_java_home() {
|
|
||||||
# For Cygwin and MinGW, ensure paths are in Unix format before anything is touched
|
|
||||||
if [ -n "${JAVA_HOME-}" ]; then
|
|
||||||
if [ -x "$JAVA_HOME/jre/sh/java" ]; then
|
|
||||||
# IBM's JDK on AIX uses strange locations for the executables
|
|
||||||
JAVACMD="$JAVA_HOME/jre/sh/java"
|
|
||||||
JAVACCMD="$JAVA_HOME/jre/sh/javac"
|
|
||||||
else
|
|
||||||
JAVACMD="$JAVA_HOME/bin/java"
|
|
||||||
JAVACCMD="$JAVA_HOME/bin/javac"
|
|
||||||
|
|
||||||
if [ ! -x "$JAVACMD" ] || [ ! -x "$JAVACCMD" ]; then
|
|
||||||
echo "The JAVA_HOME environment variable is not defined correctly, so mvnw cannot run." >&2
|
|
||||||
echo "JAVA_HOME is set to \"$JAVA_HOME\", but \"\$JAVA_HOME/bin/java\" or \"\$JAVA_HOME/bin/javac\" does not exist." >&2
|
|
||||||
return 1
|
|
||||||
fi
|
|
||||||
fi
|
|
||||||
else
|
|
||||||
JAVACMD="$(
|
|
||||||
'set' +e
|
|
||||||
'unset' -f command 2>/dev/null
|
|
||||||
'command' -v java
|
|
||||||
)" || :
|
|
||||||
JAVACCMD="$(
|
|
||||||
'set' +e
|
|
||||||
'unset' -f command 2>/dev/null
|
|
||||||
'command' -v javac
|
|
||||||
)" || :
|
|
||||||
|
|
||||||
if [ ! -x "${JAVACMD-}" ] || [ ! -x "${JAVACCMD-}" ]; then
|
|
||||||
echo "The java/javac command does not exist in PATH nor is JAVA_HOME set, so mvnw cannot run." >&2
|
|
||||||
return 1
|
|
||||||
fi
|
|
||||||
fi
|
|
||||||
}
|
|
||||||
|
|
||||||
# hash string like Java String::hashCode
|
|
||||||
hash_string() {
|
|
||||||
str="${1:-}" h=0
|
|
||||||
while [ -n "$str" ]; do
|
|
||||||
char="${str%"${str#?}"}"
|
|
||||||
h=$(((h * 31 + $(LC_CTYPE=C printf %d "'$char")) % 4294967296))
|
|
||||||
str="${str#?}"
|
|
||||||
done
|
|
||||||
printf %x\\n $h
|
|
||||||
}
|
|
||||||
|
|
||||||
verbose() { :; }
|
|
||||||
[ "${MVNW_VERBOSE-}" != true ] || verbose() { printf %s\\n "${1-}"; }
|
|
||||||
|
|
||||||
die() {
|
|
||||||
printf %s\\n "$1" >&2
|
|
||||||
exit 1
|
|
||||||
}
|
|
||||||
|
|
||||||
trim() {
|
|
||||||
# MWRAPPER-139:
|
|
||||||
# Trims trailing and leading whitespace, carriage returns, tabs, and linefeeds.
|
|
||||||
# Needed for removing poorly interpreted newline sequences when running in more
|
|
||||||
# exotic environments such as mingw bash on Windows.
|
|
||||||
printf "%s" "${1}" | tr -d '[:space:]'
|
|
||||||
}
|
|
||||||
|
|
||||||
# parse distributionUrl and optional distributionSha256Sum, requires .mvn/wrapper/maven-wrapper.properties
|
|
||||||
while IFS="=" read -r key value; do
|
|
||||||
case "${key-}" in
|
|
||||||
distributionUrl) distributionUrl=$(trim "${value-}") ;;
|
|
||||||
distributionSha256Sum) distributionSha256Sum=$(trim "${value-}") ;;
|
|
||||||
esac
|
|
||||||
done <"${0%/*}/.mvn/wrapper/maven-wrapper.properties"
|
|
||||||
[ -n "${distributionUrl-}" ] || die "cannot read distributionUrl property in ${0%/*}/.mvn/wrapper/maven-wrapper.properties"
|
|
||||||
|
|
||||||
case "${distributionUrl##*/}" in
|
|
||||||
maven-mvnd-*bin.*)
|
|
||||||
MVN_CMD=mvnd.sh _MVNW_REPO_PATTERN=/maven/mvnd/
|
|
||||||
case "${PROCESSOR_ARCHITECTURE-}${PROCESSOR_ARCHITEW6432-}:$(uname -a)" in
|
|
||||||
*AMD64:CYGWIN* | *AMD64:MINGW*) distributionPlatform=windows-amd64 ;;
|
|
||||||
:Darwin*x86_64) distributionPlatform=darwin-amd64 ;;
|
|
||||||
:Darwin*arm64) distributionPlatform=darwin-aarch64 ;;
|
|
||||||
:Linux*x86_64*) distributionPlatform=linux-amd64 ;;
|
|
||||||
*)
|
|
||||||
echo "Cannot detect native platform for mvnd on $(uname)-$(uname -m), use pure java version" >&2
|
|
||||||
distributionPlatform=linux-amd64
|
|
||||||
;;
|
|
||||||
esac
|
|
||||||
distributionUrl="${distributionUrl%-bin.*}-$distributionPlatform.zip"
|
|
||||||
;;
|
|
||||||
maven-mvnd-*) MVN_CMD=mvnd.sh _MVNW_REPO_PATTERN=/maven/mvnd/ ;;
|
|
||||||
*) MVN_CMD="mvn${0##*/mvnw}" _MVNW_REPO_PATTERN=/org/apache/maven/ ;;
|
|
||||||
esac
|
|
||||||
|
|
||||||
# apply MVNW_REPOURL and calculate MAVEN_HOME
|
|
||||||
# maven home pattern: ~/.m2/wrapper/dists/{apache-maven-<version>,maven-mvnd-<version>-<platform>}/<hash>
|
|
||||||
[ -z "${MVNW_REPOURL-}" ] || distributionUrl="$MVNW_REPOURL$_MVNW_REPO_PATTERN${distributionUrl#*"$_MVNW_REPO_PATTERN"}"
|
|
||||||
distributionUrlName="${distributionUrl##*/}"
|
|
||||||
distributionUrlNameMain="${distributionUrlName%.*}"
|
|
||||||
distributionUrlNameMain="${distributionUrlNameMain%-bin}"
|
|
||||||
MAVEN_USER_HOME="${MAVEN_USER_HOME:-${HOME}/.m2}"
|
|
||||||
MAVEN_HOME="${MAVEN_USER_HOME}/wrapper/dists/${distributionUrlNameMain-}/$(hash_string "$distributionUrl")"
|
|
||||||
|
|
||||||
exec_maven() {
|
|
||||||
unset MVNW_VERBOSE MVNW_USERNAME MVNW_PASSWORD MVNW_REPOURL || :
|
|
||||||
exec "$MAVEN_HOME/bin/$MVN_CMD" "$@" || die "cannot exec $MAVEN_HOME/bin/$MVN_CMD"
|
|
||||||
}
|
|
||||||
|
|
||||||
if [ -d "$MAVEN_HOME" ]; then
|
|
||||||
verbose "found existing MAVEN_HOME at $MAVEN_HOME"
|
|
||||||
exec_maven "$@"
|
|
||||||
fi
|
|
||||||
|
|
||||||
case "${distributionUrl-}" in
|
|
||||||
*?-bin.zip | *?maven-mvnd-?*-?*.zip) ;;
|
|
||||||
*) die "distributionUrl is not valid, must match *-bin.zip or maven-mvnd-*.zip, but found '${distributionUrl-}'" ;;
|
|
||||||
esac
|
|
||||||
|
|
||||||
# prepare tmp dir
|
|
||||||
if TMP_DOWNLOAD_DIR="$(mktemp -d)" && [ -d "$TMP_DOWNLOAD_DIR" ]; then
|
|
||||||
clean() { rm -rf -- "$TMP_DOWNLOAD_DIR"; }
|
|
||||||
trap clean HUP INT TERM EXIT
|
|
||||||
else
|
|
||||||
die "cannot create temp dir"
|
|
||||||
fi
|
|
||||||
|
|
||||||
mkdir -p -- "${MAVEN_HOME%/*}"
|
|
||||||
|
|
||||||
# Download and Install Apache Maven
|
|
||||||
verbose "Couldn't find MAVEN_HOME, downloading and installing it ..."
|
|
||||||
verbose "Downloading from: $distributionUrl"
|
|
||||||
verbose "Downloading to: $TMP_DOWNLOAD_DIR/$distributionUrlName"
|
|
||||||
|
|
||||||
# select .zip or .tar.gz
|
|
||||||
if ! command -v unzip >/dev/null; then
|
|
||||||
distributionUrl="${distributionUrl%.zip}.tar.gz"
|
|
||||||
distributionUrlName="${distributionUrl##*/}"
|
|
||||||
fi
|
|
||||||
|
|
||||||
# verbose opt
|
|
||||||
__MVNW_QUIET_WGET=--quiet __MVNW_QUIET_CURL=--silent __MVNW_QUIET_UNZIP=-q __MVNW_QUIET_TAR=''
|
|
||||||
[ "${MVNW_VERBOSE-}" != true ] || __MVNW_QUIET_WGET='' __MVNW_QUIET_CURL='' __MVNW_QUIET_UNZIP='' __MVNW_QUIET_TAR=v
|
|
||||||
|
|
||||||
# normalize http auth
|
|
||||||
case "${MVNW_PASSWORD:+has-password}" in
|
|
||||||
'') MVNW_USERNAME='' MVNW_PASSWORD='' ;;
|
|
||||||
has-password) [ -n "${MVNW_USERNAME-}" ] || MVNW_USERNAME='' MVNW_PASSWORD='' ;;
|
|
||||||
esac
|
|
||||||
|
|
||||||
if [ -z "${MVNW_USERNAME-}" ] && command -v wget >/dev/null; then
|
|
||||||
verbose "Found wget ... using wget"
|
|
||||||
wget ${__MVNW_QUIET_WGET:+"$__MVNW_QUIET_WGET"} "$distributionUrl" -O "$TMP_DOWNLOAD_DIR/$distributionUrlName" || die "wget: Failed to fetch $distributionUrl"
|
|
||||||
elif [ -z "${MVNW_USERNAME-}" ] && command -v curl >/dev/null; then
|
|
||||||
verbose "Found curl ... using curl"
|
|
||||||
curl ${__MVNW_QUIET_CURL:+"$__MVNW_QUIET_CURL"} -f -L -o "$TMP_DOWNLOAD_DIR/$distributionUrlName" "$distributionUrl" || die "curl: Failed to fetch $distributionUrl"
|
|
||||||
elif set_java_home; then
|
|
||||||
verbose "Falling back to use Java to download"
|
|
||||||
javaSource="$TMP_DOWNLOAD_DIR/Downloader.java"
|
|
||||||
targetZip="$TMP_DOWNLOAD_DIR/$distributionUrlName"
|
|
||||||
cat >"$javaSource" <<-END
|
|
||||||
public class Downloader extends java.net.Authenticator
|
|
||||||
{
|
|
||||||
protected java.net.PasswordAuthentication getPasswordAuthentication()
|
|
||||||
{
|
|
||||||
return new java.net.PasswordAuthentication( System.getenv( "MVNW_USERNAME" ), System.getenv( "MVNW_PASSWORD" ).toCharArray() );
|
|
||||||
}
|
|
||||||
public static void main( String[] args ) throws Exception
|
|
||||||
{
|
|
||||||
setDefault( new Downloader() );
|
|
||||||
java.nio.file.Files.copy( java.net.URI.create( args[0] ).toURL().openStream(), java.nio.file.Paths.get( args[1] ).toAbsolutePath().normalize() );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
END
|
|
||||||
# For Cygwin/MinGW, switch paths to Windows format before running javac and java
|
|
||||||
verbose " - Compiling Downloader.java ..."
|
|
||||||
"$(native_path "$JAVACCMD")" "$(native_path "$javaSource")" || die "Failed to compile Downloader.java"
|
|
||||||
verbose " - Running Downloader.java ..."
|
|
||||||
"$(native_path "$JAVACMD")" -cp "$(native_path "$TMP_DOWNLOAD_DIR")" Downloader "$distributionUrl" "$(native_path "$targetZip")"
|
|
||||||
fi
|
|
||||||
|
|
||||||
# If specified, validate the SHA-256 sum of the Maven distribution zip file
|
|
||||||
if [ -n "${distributionSha256Sum-}" ]; then
|
|
||||||
distributionSha256Result=false
|
|
||||||
if [ "$MVN_CMD" = mvnd.sh ]; then
|
|
||||||
echo "Checksum validation is not supported for maven-mvnd." >&2
|
|
||||||
echo "Please disable validation by removing 'distributionSha256Sum' from your maven-wrapper.properties." >&2
|
|
||||||
exit 1
|
|
||||||
elif command -v sha256sum >/dev/null; then
|
|
||||||
if echo "$distributionSha256Sum $TMP_DOWNLOAD_DIR/$distributionUrlName" | sha256sum -c >/dev/null 2>&1; then
|
|
||||||
distributionSha256Result=true
|
|
||||||
fi
|
|
||||||
elif command -v shasum >/dev/null; then
|
|
||||||
if echo "$distributionSha256Sum $TMP_DOWNLOAD_DIR/$distributionUrlName" | shasum -a 256 -c >/dev/null 2>&1; then
|
|
||||||
distributionSha256Result=true
|
|
||||||
fi
|
|
||||||
else
|
|
||||||
echo "Checksum validation was requested but neither 'sha256sum' or 'shasum' are available." >&2
|
|
||||||
echo "Please install either command, or disable validation by removing 'distributionSha256Sum' from your maven-wrapper.properties." >&2
|
|
||||||
exit 1
|
|
||||||
fi
|
|
||||||
if [ $distributionSha256Result = false ]; then
|
|
||||||
echo "Error: Failed to validate Maven distribution SHA-256, your Maven distribution might be compromised." >&2
|
|
||||||
echo "If you updated your Maven version, you need to update the specified distributionSha256Sum property." >&2
|
|
||||||
exit 1
|
|
||||||
fi
|
|
||||||
fi
|
|
||||||
|
|
||||||
# unzip and move
|
|
||||||
if command -v unzip >/dev/null; then
|
|
||||||
unzip ${__MVNW_QUIET_UNZIP:+"$__MVNW_QUIET_UNZIP"} "$TMP_DOWNLOAD_DIR/$distributionUrlName" -d "$TMP_DOWNLOAD_DIR" || die "failed to unzip"
|
|
||||||
else
|
|
||||||
tar xzf${__MVNW_QUIET_TAR:+"$__MVNW_QUIET_TAR"} "$TMP_DOWNLOAD_DIR/$distributionUrlName" -C "$TMP_DOWNLOAD_DIR" || die "failed to untar"
|
|
||||||
fi
|
|
||||||
printf %s\\n "$distributionUrl" >"$TMP_DOWNLOAD_DIR/$distributionUrlNameMain/mvnw.url"
|
|
||||||
mv -- "$TMP_DOWNLOAD_DIR/$distributionUrlNameMain" "$MAVEN_HOME" || [ -d "$MAVEN_HOME" ] || die "fail to move MAVEN_HOME"
|
|
||||||
|
|
||||||
clean || :
|
|
||||||
exec_maven "$@"
|
|
||||||
149
employee-service/mvnw.cmd
vendored
149
employee-service/mvnw.cmd
vendored
@ -1,149 +0,0 @@
|
|||||||
<# : batch portion
|
|
||||||
@REM ----------------------------------------------------------------------------
|
|
||||||
@REM Licensed to the Apache Software Foundation (ASF) under one
|
|
||||||
@REM or more contributor license agreements. See the NOTICE file
|
|
||||||
@REM distributed with this work for additional information
|
|
||||||
@REM regarding copyright ownership. The ASF licenses this file
|
|
||||||
@REM to you under the Apache License, Version 2.0 (the
|
|
||||||
@REM "License"); you may not use this file except in compliance
|
|
||||||
@REM with the License. You may obtain a copy of the License at
|
|
||||||
@REM
|
|
||||||
@REM http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
@REM
|
|
||||||
@REM Unless required by applicable law or agreed to in writing,
|
|
||||||
@REM software distributed under the License is distributed on an
|
|
||||||
@REM "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
||||||
@REM KIND, either express or implied. See the License for the
|
|
||||||
@REM specific language governing permissions and limitations
|
|
||||||
@REM under the License.
|
|
||||||
@REM ----------------------------------------------------------------------------
|
|
||||||
|
|
||||||
@REM ----------------------------------------------------------------------------
|
|
||||||
@REM Apache Maven Wrapper startup batch script, version 3.3.2
|
|
||||||
@REM
|
|
||||||
@REM Optional ENV vars
|
|
||||||
@REM MVNW_REPOURL - repo url base for downloading maven distribution
|
|
||||||
@REM MVNW_USERNAME/MVNW_PASSWORD - user and password for downloading maven
|
|
||||||
@REM MVNW_VERBOSE - true: enable verbose log; others: silence the output
|
|
||||||
@REM ----------------------------------------------------------------------------
|
|
||||||
|
|
||||||
@IF "%__MVNW_ARG0_NAME__%"=="" (SET __MVNW_ARG0_NAME__=%~nx0)
|
|
||||||
@SET __MVNW_CMD__=
|
|
||||||
@SET __MVNW_ERROR__=
|
|
||||||
@SET __MVNW_PSMODULEP_SAVE=%PSModulePath%
|
|
||||||
@SET PSModulePath=
|
|
||||||
@FOR /F "usebackq tokens=1* delims==" %%A IN (`powershell -noprofile "& {$scriptDir='%~dp0'; $script='%__MVNW_ARG0_NAME__%'; icm -ScriptBlock ([Scriptblock]::Create((Get-Content -Raw '%~f0'))) -NoNewScope}"`) DO @(
|
|
||||||
IF "%%A"=="MVN_CMD" (set __MVNW_CMD__=%%B) ELSE IF "%%B"=="" (echo %%A) ELSE (echo %%A=%%B)
|
|
||||||
)
|
|
||||||
@SET PSModulePath=%__MVNW_PSMODULEP_SAVE%
|
|
||||||
@SET __MVNW_PSMODULEP_SAVE=
|
|
||||||
@SET __MVNW_ARG0_NAME__=
|
|
||||||
@SET MVNW_USERNAME=
|
|
||||||
@SET MVNW_PASSWORD=
|
|
||||||
@IF NOT "%__MVNW_CMD__%"=="" (%__MVNW_CMD__% %*)
|
|
||||||
@echo Cannot start maven from wrapper >&2 && exit /b 1
|
|
||||||
@GOTO :EOF
|
|
||||||
: end batch / begin powershell #>
|
|
||||||
|
|
||||||
$ErrorActionPreference = "Stop"
|
|
||||||
if ($env:MVNW_VERBOSE -eq "true") {
|
|
||||||
$VerbosePreference = "Continue"
|
|
||||||
}
|
|
||||||
|
|
||||||
# calculate distributionUrl, requires .mvn/wrapper/maven-wrapper.properties
|
|
||||||
$distributionUrl = (Get-Content -Raw "$scriptDir/.mvn/wrapper/maven-wrapper.properties" | ConvertFrom-StringData).distributionUrl
|
|
||||||
if (!$distributionUrl) {
|
|
||||||
Write-Error "cannot read distributionUrl property in $scriptDir/.mvn/wrapper/maven-wrapper.properties"
|
|
||||||
}
|
|
||||||
|
|
||||||
switch -wildcard -casesensitive ( $($distributionUrl -replace '^.*/','') ) {
|
|
||||||
"maven-mvnd-*" {
|
|
||||||
$USE_MVND = $true
|
|
||||||
$distributionUrl = $distributionUrl -replace '-bin\.[^.]*$',"-windows-amd64.zip"
|
|
||||||
$MVN_CMD = "mvnd.cmd"
|
|
||||||
break
|
|
||||||
}
|
|
||||||
default {
|
|
||||||
$USE_MVND = $false
|
|
||||||
$MVN_CMD = $script -replace '^mvnw','mvn'
|
|
||||||
break
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
# apply MVNW_REPOURL and calculate MAVEN_HOME
|
|
||||||
# maven home pattern: ~/.m2/wrapper/dists/{apache-maven-<version>,maven-mvnd-<version>-<platform>}/<hash>
|
|
||||||
if ($env:MVNW_REPOURL) {
|
|
||||||
$MVNW_REPO_PATTERN = if ($USE_MVND) { "/org/apache/maven/" } else { "/maven/mvnd/" }
|
|
||||||
$distributionUrl = "$env:MVNW_REPOURL$MVNW_REPO_PATTERN$($distributionUrl -replace '^.*'+$MVNW_REPO_PATTERN,'')"
|
|
||||||
}
|
|
||||||
$distributionUrlName = $distributionUrl -replace '^.*/',''
|
|
||||||
$distributionUrlNameMain = $distributionUrlName -replace '\.[^.]*$','' -replace '-bin$',''
|
|
||||||
$MAVEN_HOME_PARENT = "$HOME/.m2/wrapper/dists/$distributionUrlNameMain"
|
|
||||||
if ($env:MAVEN_USER_HOME) {
|
|
||||||
$MAVEN_HOME_PARENT = "$env:MAVEN_USER_HOME/wrapper/dists/$distributionUrlNameMain"
|
|
||||||
}
|
|
||||||
$MAVEN_HOME_NAME = ([System.Security.Cryptography.MD5]::Create().ComputeHash([byte[]][char[]]$distributionUrl) | ForEach-Object {$_.ToString("x2")}) -join ''
|
|
||||||
$MAVEN_HOME = "$MAVEN_HOME_PARENT/$MAVEN_HOME_NAME"
|
|
||||||
|
|
||||||
if (Test-Path -Path "$MAVEN_HOME" -PathType Container) {
|
|
||||||
Write-Verbose "found existing MAVEN_HOME at $MAVEN_HOME"
|
|
||||||
Write-Output "MVN_CMD=$MAVEN_HOME/bin/$MVN_CMD"
|
|
||||||
exit $?
|
|
||||||
}
|
|
||||||
|
|
||||||
if (! $distributionUrlNameMain -or ($distributionUrlName -eq $distributionUrlNameMain)) {
|
|
||||||
Write-Error "distributionUrl is not valid, must end with *-bin.zip, but found $distributionUrl"
|
|
||||||
}
|
|
||||||
|
|
||||||
# prepare tmp dir
|
|
||||||
$TMP_DOWNLOAD_DIR_HOLDER = New-TemporaryFile
|
|
||||||
$TMP_DOWNLOAD_DIR = New-Item -Itemtype Directory -Path "$TMP_DOWNLOAD_DIR_HOLDER.dir"
|
|
||||||
$TMP_DOWNLOAD_DIR_HOLDER.Delete() | Out-Null
|
|
||||||
trap {
|
|
||||||
if ($TMP_DOWNLOAD_DIR.Exists) {
|
|
||||||
try { Remove-Item $TMP_DOWNLOAD_DIR -Recurse -Force | Out-Null }
|
|
||||||
catch { Write-Warning "Cannot remove $TMP_DOWNLOAD_DIR" }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
New-Item -Itemtype Directory -Path "$MAVEN_HOME_PARENT" -Force | Out-Null
|
|
||||||
|
|
||||||
# Download and Install Apache Maven
|
|
||||||
Write-Verbose "Couldn't find MAVEN_HOME, downloading and installing it ..."
|
|
||||||
Write-Verbose "Downloading from: $distributionUrl"
|
|
||||||
Write-Verbose "Downloading to: $TMP_DOWNLOAD_DIR/$distributionUrlName"
|
|
||||||
|
|
||||||
$webclient = New-Object System.Net.WebClient
|
|
||||||
if ($env:MVNW_USERNAME -and $env:MVNW_PASSWORD) {
|
|
||||||
$webclient.Credentials = New-Object System.Net.NetworkCredential($env:MVNW_USERNAME, $env:MVNW_PASSWORD)
|
|
||||||
}
|
|
||||||
[Net.ServicePointManager]::SecurityProtocol = [Net.SecurityProtocolType]::Tls12
|
|
||||||
$webclient.DownloadFile($distributionUrl, "$TMP_DOWNLOAD_DIR/$distributionUrlName") | Out-Null
|
|
||||||
|
|
||||||
# If specified, validate the SHA-256 sum of the Maven distribution zip file
|
|
||||||
$distributionSha256Sum = (Get-Content -Raw "$scriptDir/.mvn/wrapper/maven-wrapper.properties" | ConvertFrom-StringData).distributionSha256Sum
|
|
||||||
if ($distributionSha256Sum) {
|
|
||||||
if ($USE_MVND) {
|
|
||||||
Write-Error "Checksum validation is not supported for maven-mvnd. `nPlease disable validation by removing 'distributionSha256Sum' from your maven-wrapper.properties."
|
|
||||||
}
|
|
||||||
Import-Module $PSHOME\Modules\Microsoft.PowerShell.Utility -Function Get-FileHash
|
|
||||||
if ((Get-FileHash "$TMP_DOWNLOAD_DIR/$distributionUrlName" -Algorithm SHA256).Hash.ToLower() -ne $distributionSha256Sum) {
|
|
||||||
Write-Error "Error: Failed to validate Maven distribution SHA-256, your Maven distribution might be compromised. If you updated your Maven version, you need to update the specified distributionSha256Sum property."
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
# unzip and move
|
|
||||||
Expand-Archive "$TMP_DOWNLOAD_DIR/$distributionUrlName" -DestinationPath "$TMP_DOWNLOAD_DIR" | Out-Null
|
|
||||||
Rename-Item -Path "$TMP_DOWNLOAD_DIR/$distributionUrlNameMain" -NewName $MAVEN_HOME_NAME | Out-Null
|
|
||||||
try {
|
|
||||||
Move-Item -Path "$TMP_DOWNLOAD_DIR/$MAVEN_HOME_NAME" -Destination $MAVEN_HOME_PARENT | Out-Null
|
|
||||||
} catch {
|
|
||||||
if (! (Test-Path -Path "$MAVEN_HOME" -PathType Container)) {
|
|
||||||
Write-Error "fail to move MAVEN_HOME"
|
|
||||||
}
|
|
||||||
} finally {
|
|
||||||
try { Remove-Item $TMP_DOWNLOAD_DIR -Recurse -Force | Out-Null }
|
|
||||||
catch { Write-Warning "Cannot remove $TMP_DOWNLOAD_DIR" }
|
|
||||||
}
|
|
||||||
|
|
||||||
Write-Output "MVN_CMD=$MAVEN_HOME/bin/$MVN_CMD"
|
|
||||||
@ -1,92 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
|
||||||
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
|
|
||||||
<modelVersion>4.0.0</modelVersion>
|
|
||||||
<parent>
|
|
||||||
<groupId>org.springframework.boot</groupId>
|
|
||||||
<artifactId>spring-boot-starter-parent</artifactId>
|
|
||||||
<version>3.4.4</version>
|
|
||||||
<relativePath/> <!-- lookup parent from repository -->
|
|
||||||
</parent>
|
|
||||||
<groupId>tech.softwarecraft</groupId>
|
|
||||||
<artifactId>employee-service</artifactId>
|
|
||||||
<version>0.0.1-SNAPSHOT</version>
|
|
||||||
<name>employee-service</name>
|
|
||||||
<description>Employee Service</description>
|
|
||||||
<url/>
|
|
||||||
<licenses>
|
|
||||||
<license/>
|
|
||||||
</licenses>
|
|
||||||
<developers>
|
|
||||||
<developer/>
|
|
||||||
</developers>
|
|
||||||
<scm>
|
|
||||||
<connection/>
|
|
||||||
<developerConnection/>
|
|
||||||
<tag/>
|
|
||||||
<url/>
|
|
||||||
</scm>
|
|
||||||
<properties>
|
|
||||||
<java.version>21</java.version>
|
|
||||||
</properties>
|
|
||||||
<dependencies>
|
|
||||||
<dependency>
|
|
||||||
<groupId>org.springframework.boot</groupId>
|
|
||||||
<artifactId>spring-boot-starter-data-jpa</artifactId>
|
|
||||||
</dependency>
|
|
||||||
<dependency>
|
|
||||||
<groupId>org.springframework.boot</groupId>
|
|
||||||
<artifactId>spring-boot-starter-validation</artifactId>
|
|
||||||
</dependency>
|
|
||||||
<dependency>
|
|
||||||
<groupId>org.springframework.boot</groupId>
|
|
||||||
<artifactId>spring-boot-starter-web</artifactId>
|
|
||||||
</dependency>
|
|
||||||
|
|
||||||
<dependency>
|
|
||||||
<groupId>org.postgresql</groupId>
|
|
||||||
<artifactId>postgresql</artifactId>
|
|
||||||
<scope>runtime</scope>
|
|
||||||
</dependency>
|
|
||||||
<dependency>
|
|
||||||
<groupId>org.projectlombok</groupId>
|
|
||||||
<artifactId>lombok</artifactId>
|
|
||||||
<optional>true</optional>
|
|
||||||
</dependency>
|
|
||||||
<dependency>
|
|
||||||
<groupId>org.springframework.boot</groupId>
|
|
||||||
<artifactId>spring-boot-starter-test</artifactId>
|
|
||||||
<scope>test</scope>
|
|
||||||
</dependency>
|
|
||||||
</dependencies>
|
|
||||||
|
|
||||||
<build>
|
|
||||||
<plugins>
|
|
||||||
<plugin>
|
|
||||||
<groupId>org.apache.maven.plugins</groupId>
|
|
||||||
<artifactId>maven-compiler-plugin</artifactId>
|
|
||||||
<configuration>
|
|
||||||
<annotationProcessorPaths>
|
|
||||||
<path>
|
|
||||||
<groupId>org.projectlombok</groupId>
|
|
||||||
<artifactId>lombok</artifactId>
|
|
||||||
</path>
|
|
||||||
</annotationProcessorPaths>
|
|
||||||
</configuration>
|
|
||||||
</plugin>
|
|
||||||
<plugin>
|
|
||||||
<groupId>org.springframework.boot</groupId>
|
|
||||||
<artifactId>spring-boot-maven-plugin</artifactId>
|
|
||||||
<configuration>
|
|
||||||
<excludes>
|
|
||||||
<exclude>
|
|
||||||
<groupId>org.projectlombok</groupId>
|
|
||||||
<artifactId>lombok</artifactId>
|
|
||||||
</exclude>
|
|
||||||
</excludes>
|
|
||||||
</configuration>
|
|
||||||
</plugin>
|
|
||||||
</plugins>
|
|
||||||
</build>
|
|
||||||
|
|
||||||
</project>
|
|
||||||
@ -1,13 +0,0 @@
|
|||||||
package tech.softwarecraft.employee_service;
|
|
||||||
|
|
||||||
import org.springframework.boot.SpringApplication;
|
|
||||||
import org.springframework.boot.autoconfigure.SpringBootApplication;
|
|
||||||
|
|
||||||
@SpringBootApplication
|
|
||||||
public class EmployeeServiceApplication {
|
|
||||||
|
|
||||||
public static void main(String[] args) {
|
|
||||||
SpringApplication.run(EmployeeServiceApplication.class, args);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,65 +0,0 @@
|
|||||||
package tech.softwarecraft.employee_service.configuration;
|
|
||||||
|
|
||||||
import org.springframework.boot.CommandLineRunner;
|
|
||||||
import org.springframework.context.annotation.Bean;
|
|
||||||
import org.springframework.context.annotation.Configuration;
|
|
||||||
import tech.softwarecraft.employee_service.model.Employee;
|
|
||||||
import tech.softwarecraft.employee_service.repository.EmployeeRepository;
|
|
||||||
|
|
||||||
import java.util.List;
|
|
||||||
|
|
||||||
@Configuration
|
|
||||||
public class DataInitializer {
|
|
||||||
|
|
||||||
@Bean
|
|
||||||
public CommandLineRunner initData(EmployeeRepository employeeRepository) {
|
|
||||||
return args -> {
|
|
||||||
List<Employee> employees = List.of(
|
|
||||||
new Employee(1, "Cy Ganderton", "ganderton@gmail.com", "Quality Control Specialist", "Quality Control Department", true),
|
|
||||||
new Employee(2, "Hart Hagerty", "hagerty@gmail.com", "Desktop Support Technician", "Desktop Support Department", true),
|
|
||||||
new Employee(3, "Brice Swyre", "swyre@gmail.com", "Tax Accountant", "Desktop Support Department", false),
|
|
||||||
new Employee(4, "Grace Lee", "grace.lee@example.com", "Software Engineer", "Data Analysis Department", false),
|
|
||||||
new Employee(5, "Frank Miller", "frank.miller@example.com", "Project Manager", "Data Analysis Department", true),
|
|
||||||
new Employee(6, "Alice Johnson", "alice.johnson@company.com", "HR Specialist", "HR Department", false),
|
|
||||||
new Employee(7, "Charlie Davis", "charlie.davis@business.com", "Software Engineer", "Data Analysis Department", true),
|
|
||||||
new Employee(8, "Emily Wilson", "emily.wilson@company.com", "Marketing Coordinator", "Marketing Department", false),
|
|
||||||
new Employee(9, "Henry Clark", "henry.clark@business.com", "HR Specialist", "HR Department", true),
|
|
||||||
new Employee(10, "Ivy Lewis", "ivy.lewis@example.com", "Software Engineer", "Engineering Department", false),
|
|
||||||
new Employee(11, "John Doe", "john.doe@company.com", "Marketing Coordinator", "Marketing Department", true),
|
|
||||||
new Employee(12, "Jane Smith", "jane.smith@business.com", "Data Analyst", "Data Analysis Department", false),
|
|
||||||
new Employee(13, "Alice Johnson", "alice.johnson@example.com", "Project Manager", "Project Management Department", true),
|
|
||||||
new Employee(14, "Bob Brown", "bob.brown@company.com", "HR Specialist", "HR Department", false),
|
|
||||||
new Employee(15, "Charlie Davis", "charlie.davis@business.com", "Software Engineer", "Data Analysis Department", true),
|
|
||||||
new Employee(16, "Emily Wilson", "emily.wilson@company.com", "Marketing Coordinator", "Marketing Department", false),
|
|
||||||
new Employee(17, "Frank Miller", "frank.miller@business.com", "Project Manager", "Project Management Department", true),
|
|
||||||
new Employee(18, "Grace Lee", "grace.lee@example.com", "Data Analyst", "Data Analysis Department", false),
|
|
||||||
new Employee(19, "Henry Clark", "henry.clark@company.com", "Software Engineer", "Engineering Department", true),
|
|
||||||
new Employee(20, "Ivy Lewis", "ivy.lewis@business.com", "HR Specialist", "HR Department", false),
|
|
||||||
new Employee(21, "John Doe", "john.doe@example.com", "Marketing Coordinator", "Marketing Department", true),
|
|
||||||
new Employee(22, "Jane Smith", "jane.smith@company.com", "Data Analyst", "Data Analysis Department", false),
|
|
||||||
new Employee(23, "Alice Johnson", "alice.johnson@business.com", "Project Manager", "Project Management Department", true),
|
|
||||||
new Employee(24, "Bob Brown", "bob.brown@example.com", "HR Specialist", "HR Department", false),
|
|
||||||
new Employee(25, "Charlie Davis", "charlie.davis@company.com", "Software Engineer", "Data Analysis Department", true),
|
|
||||||
new Employee(26, "Emily Wilson", "emily.wilson@business.com", "Marketing Coordinator", "Marketing Department", false),
|
|
||||||
new Employee(27, "Frank Miller", "frank.miller@company.com", "Project Manager", "Project Management Department", true),
|
|
||||||
new Employee(28, "Grace Lee", "grace.lee@business.com", "Data Analyst", "Data Analysis Department", false),
|
|
||||||
new Employee(29, "Henry Clark", "henry.clark@example.com", "Software Engineer", "Engineering Department", true),
|
|
||||||
new Employee(30, "Ivy Lewis", "ivy.lewis@company.com", "HR Specialist", "HR Department", false),
|
|
||||||
new Employee(31, "John Doe", "john.doe@business.com", "Marketing Coordinator", "Marketing Department", true),
|
|
||||||
new Employee(32, "Jane Smith", "jane.smith@example.com", "Data Analyst", "Data Analysis Department", false),
|
|
||||||
new Employee(33, "Alice Johnson", "alice.johnson@company.com", "Project Manager", "Project Management Department", true),
|
|
||||||
new Employee(34, "Bob Brown", "bob.brown@business.com", "HR Specialist", "HR Department", false),
|
|
||||||
new Employee(35, "Charlie Davis", "charlie.davis@example.com", "Software Engineer", "Data Analysis Department", true),
|
|
||||||
new Employee(36, "Emily Wilson", "emily.wilson@company.com", "Marketing Coordinator", "Marketing Department", false),
|
|
||||||
new Employee(37, "Frank Miller", "frank.miller@business.com", "Project Manager", "Project Management Department", true),
|
|
||||||
new Employee(38, "Grace Lee", "grace.lee@company.com", "Data Analyst", "Data Analysis Department", false),
|
|
||||||
new Employee(39, "Henry Clark", "henry.clark@business.com", "Software Engineer", "Engineering Department", true),
|
|
||||||
new Employee(40, "Ivy Lewis", "ivy.lewis@example.com", "HR Specialist", "HR Department", false),
|
|
||||||
new Employee(41, "John Doe", "john.doe@company.com", "Marketing Coordinator", "Marketing Department", true)
|
|
||||||
);
|
|
||||||
|
|
||||||
employeeRepository.saveAll(employees);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,51 +0,0 @@
|
|||||||
package tech.softwarecraft.employee_service.controller;
|
|
||||||
|
|
||||||
import org.springframework.http.ResponseEntity;
|
|
||||||
import org.springframework.web.bind.annotation.*;
|
|
||||||
import tech.softwarecraft.employee_service.model.Employee;
|
|
||||||
import tech.softwarecraft.employee_service.service.EmployeeService;
|
|
||||||
|
|
||||||
import java.util.List;
|
|
||||||
|
|
||||||
@CrossOrigin("http://localhost") // ถ้า nginx ทำ HTTPS จะเปลี่ยนตาม
|
|
||||||
@RestController
|
|
||||||
@RequestMapping("/api/employees")
|
|
||||||
public class EmployeeController {
|
|
||||||
|
|
||||||
private EmployeeService employeeService;
|
|
||||||
|
|
||||||
public EmployeeController(EmployeeService employeeService) {
|
|
||||||
this.employeeService = employeeService;
|
|
||||||
}
|
|
||||||
|
|
||||||
@PostMapping
|
|
||||||
public ResponseEntity<Employee> createEmployee(@RequestBody Employee employee) {
|
|
||||||
return ResponseEntity.ok(employeeService.createEmployee(employee));
|
|
||||||
}
|
|
||||||
|
|
||||||
@GetMapping
|
|
||||||
public List<Employee> getAllEmployees() {
|
|
||||||
return employeeService.getAllEmployees();
|
|
||||||
}
|
|
||||||
|
|
||||||
@PutMapping("/{id}")
|
|
||||||
public ResponseEntity<Employee> updateEmployee(@PathVariable int id, @RequestBody Employee employee) {
|
|
||||||
System.out.println("Updating employee with id " + id);
|
|
||||||
return employeeService.updateEmployee(id, employee)
|
|
||||||
.map(ResponseEntity::ok)
|
|
||||||
.orElse(ResponseEntity.notFound().build());
|
|
||||||
}
|
|
||||||
|
|
||||||
@DeleteMapping("/{id}")
|
|
||||||
public ResponseEntity<Void> deleteEmployee(@PathVariable int id) {
|
|
||||||
if (employeeService.deleteEmployee(id)) {
|
|
||||||
return ResponseEntity.noContent().build();
|
|
||||||
}
|
|
||||||
return ResponseEntity.notFound().build();
|
|
||||||
}
|
|
||||||
|
|
||||||
@GetMapping("/search")
|
|
||||||
public List<Employee> searchEmployee(@RequestParam String keyword) {
|
|
||||||
return employeeService.searchEmployees(keyword);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
package tech.softwarecraft.employee_service.model;
|
|
||||||
|
|
||||||
import jakarta.persistence.*;
|
|
||||||
import lombok.AllArgsConstructor;
|
|
||||||
import lombok.Data;
|
|
||||||
import lombok.NoArgsConstructor;
|
|
||||||
|
|
||||||
@Entity
|
|
||||||
@Data
|
|
||||||
@NoArgsConstructor
|
|
||||||
@AllArgsConstructor
|
|
||||||
@Table(name = "employees", uniqueConstraints = {
|
|
||||||
@UniqueConstraint(columnNames = "id")
|
|
||||||
})
|
|
||||||
public class Employee {
|
|
||||||
@Id
|
|
||||||
@Column(name = "id")
|
|
||||||
private int id;
|
|
||||||
@Column(name = "name")
|
|
||||||
private String name;
|
|
||||||
@Column(name = "mail")
|
|
||||||
private String mail;
|
|
||||||
@Column(name = "job")
|
|
||||||
private String job;
|
|
||||||
@Column(name = "department")
|
|
||||||
private String department;
|
|
||||||
@Column(name = "active")
|
|
||||||
private boolean active;
|
|
||||||
}
|
|
||||||
@ -1,18 +0,0 @@
|
|||||||
package tech.softwarecraft.employee_service.repository;
|
|
||||||
|
|
||||||
import org.springframework.data.jpa.repository.JpaRepository;
|
|
||||||
import org.springframework.data.jpa.repository.Query;
|
|
||||||
import org.springframework.stereotype.Repository;
|
|
||||||
import tech.softwarecraft.employee_service.model.Employee;
|
|
||||||
|
|
||||||
import java.util.List;
|
|
||||||
|
|
||||||
@Repository
|
|
||||||
public interface EmployeeRepository extends JpaRepository<Employee, Integer> {
|
|
||||||
@Query("SELECT e FROM Employee e WHERE " +
|
|
||||||
"LOWER(e.name) LIKE LOWER(CONCAT('%', :keyword, '%')) OR " +
|
|
||||||
"LOWER(e.mail) LIKE LOWER(CONCAT('%', :keyword, '%')) OR " +
|
|
||||||
"LOWER(e.job) LIKE LOWER(CONCAT('%', :keyword, '%')) OR " +
|
|
||||||
"LOWER(e.department) LIKE LOWER(CONCAT('%', :keyword, '%'))")
|
|
||||||
List<Employee> searchByKeyword(String keyword);
|
|
||||||
}
|
|
||||||
@ -1,53 +0,0 @@
|
|||||||
package tech.softwarecraft.employee_service.service;
|
|
||||||
|
|
||||||
import org.springframework.stereotype.Service;
|
|
||||||
import tech.softwarecraft.employee_service.model.Employee;
|
|
||||||
import tech.softwarecraft.employee_service.repository.EmployeeRepository;
|
|
||||||
|
|
||||||
import java.util.List;
|
|
||||||
import java.util.Optional;
|
|
||||||
|
|
||||||
@Service
|
|
||||||
public class EmployeeService {
|
|
||||||
private final EmployeeRepository employeeRepository;
|
|
||||||
|
|
||||||
public EmployeeService(EmployeeRepository employeeRepository) {
|
|
||||||
this.employeeRepository = employeeRepository;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Create Employee
|
|
||||||
public Employee createEmployee(Employee employee) {
|
|
||||||
return employeeRepository.save(employee);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Read Employee
|
|
||||||
public List<Employee> getAllEmployees() {
|
|
||||||
return employeeRepository.findAll();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update Employee
|
|
||||||
public Optional<Employee> updateEmployee(int id, Employee newData) {
|
|
||||||
return employeeRepository.findById(id).map(existing ->{
|
|
||||||
existing.setName(newData.getName());
|
|
||||||
existing.setMail(newData.getMail());
|
|
||||||
existing.setJob(newData.getJob());
|
|
||||||
existing.setDepartment(newData.getDepartment());
|
|
||||||
existing.setActive(newData.isActive());
|
|
||||||
return employeeRepository.save(existing);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Delete Employee
|
|
||||||
public boolean deleteEmployee(int id) {
|
|
||||||
if(employeeRepository.existsById(id)) {
|
|
||||||
employeeRepository.deleteById(id);
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Search by keyword
|
|
||||||
public List<Employee> searchEmployees(String keyword) {
|
|
||||||
return employeeRepository.searchByKeyword(keyword);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,26 +0,0 @@
|
|||||||
spring:
|
|
||||||
application:
|
|
||||||
name: employee-service
|
|
||||||
|
|
||||||
datasource:
|
|
||||||
url: jdbc:postgresql://ms_pg_sql:5432/employee_service
|
|
||||||
username: admin
|
|
||||||
password: 123
|
|
||||||
|
|
||||||
jpa:
|
|
||||||
database-platform: org.hibernate.dialect.PostgreSQLDialect
|
|
||||||
database: postgresql
|
|
||||||
hibernate:
|
|
||||||
ddl-auto: create-drop
|
|
||||||
naming:
|
|
||||||
physical-strategy: org.hibernate.boot.model.naming.PhysicalNamingStrategyStandardImpl
|
|
||||||
show-sql: true
|
|
||||||
|
|
||||||
server:
|
|
||||||
port: 8080
|
|
||||||
|
|
||||||
logging:
|
|
||||||
level:
|
|
||||||
org:
|
|
||||||
springframework:
|
|
||||||
security: DEBUG
|
|
||||||
@ -1,13 +0,0 @@
|
|||||||
package tech.softwarecraft.employee_service;
|
|
||||||
|
|
||||||
import org.junit.jupiter.api.Test;
|
|
||||||
import org.springframework.boot.test.context.SpringBootTest;
|
|
||||||
|
|
||||||
@SpringBootTest
|
|
||||||
class EmployeeServiceApplicationTests {
|
|
||||||
|
|
||||||
@Test
|
|
||||||
void contextLoads() {
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
33
eslint.config.js
Normal file
33
eslint.config.js
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
import js from '@eslint/js'
|
||||||
|
import globals from 'globals'
|
||||||
|
import reactHooks from 'eslint-plugin-react-hooks'
|
||||||
|
import reactRefresh from 'eslint-plugin-react-refresh'
|
||||||
|
|
||||||
|
export default [
|
||||||
|
{ ignores: ['dist'] },
|
||||||
|
{
|
||||||
|
files: ['**/*.{js,jsx}'],
|
||||||
|
languageOptions: {
|
||||||
|
ecmaVersion: 2020,
|
||||||
|
globals: globals.browser,
|
||||||
|
parserOptions: {
|
||||||
|
ecmaVersion: 'latest',
|
||||||
|
ecmaFeatures: { jsx: true },
|
||||||
|
sourceType: 'module',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
plugins: {
|
||||||
|
'react-hooks': reactHooks,
|
||||||
|
'react-refresh': reactRefresh,
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
...js.configs.recommended.rules,
|
||||||
|
...reactHooks.configs.recommended.rules,
|
||||||
|
'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
|
||||||
|
'react-refresh/only-export-components': [
|
||||||
|
'warn',
|
||||||
|
{ allowConstantExport: true },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
]
|
||||||
1
frontend
1
frontend
@ -1 +0,0 @@
|
|||||||
Subproject commit 4a41face169a3e12aba43b4d9cc2bfa3a9a18574
|
|
||||||
13
index.html
Normal file
13
index.html
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en" data-theme="corporate">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>Vite + React</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="root"></div>
|
||||||
|
<script type="module" src="/src/main.jsx"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1 +0,0 @@
|
|||||||
CREATE DATABASE employee_service;
|
|
||||||
@ -1,4 +0,0 @@
|
|||||||
FROM nginx:alpine
|
|
||||||
|
|
||||||
# คัดลอก default.conf ลงไปใน nginx container
|
|
||||||
COPY default.conf /etc/nginx/conf.d/default.conf
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
server {
|
|
||||||
listen 80;
|
|
||||||
|
|
||||||
location / {
|
|
||||||
proxy_pass http://ms_frontend:80;
|
|
||||||
proxy_http_version 1.1;
|
|
||||||
proxy_set_header Host $host;
|
|
||||||
proxy_set_header Upgrade $http_upgrade;
|
|
||||||
proxy_set_header Connection 'upgrade';
|
|
||||||
proxy_cache_bypass $http_upgrade;
|
|
||||||
}
|
|
||||||
|
|
||||||
location /api/ {
|
|
||||||
proxy_pass http://ms_employee_service:8080;
|
|
||||||
proxy_http_version 1.1;
|
|
||||||
proxy_set_header Host $host;
|
|
||||||
proxy_set_header Upgrade $http_upgrade;
|
|
||||||
proxy_set_header Connection 'upgrade';
|
|
||||||
proxy_cache_bypass $http_upgrade;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
3215
package-lock.json
generated
Normal file
3215
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
31
package.json
Normal file
31
package.json
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
{
|
||||||
|
"name": "frontend",
|
||||||
|
"private": true,
|
||||||
|
"version": "0.0.0",
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "vite build",
|
||||||
|
"lint": "eslint .",
|
||||||
|
"preview": "vite preview"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@tailwindcss/vite": "^4.1.3",
|
||||||
|
"daisyui": "^5.0.19",
|
||||||
|
"lodash": "^4.17.21",
|
||||||
|
"react": "^19.0.0",
|
||||||
|
"react-dom": "^19.0.0",
|
||||||
|
"tailwindcss": "^4.1.3"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@eslint/js": "^9.21.0",
|
||||||
|
"@types/react": "^19.0.10",
|
||||||
|
"@types/react-dom": "^19.0.4",
|
||||||
|
"@vitejs/plugin-react": "^4.3.4",
|
||||||
|
"eslint": "^9.21.0",
|
||||||
|
"eslint-plugin-react-hooks": "^5.1.0",
|
||||||
|
"eslint-plugin-react-refresh": "^0.4.19",
|
||||||
|
"globals": "^15.15.0",
|
||||||
|
"vite": "^6.2.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
1
public/vite.svg
Normal file
1
public/vite.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
182
src/App.jsx
Normal file
182
src/App.jsx
Normal file
@ -0,0 +1,182 @@
|
|||||||
|
import Navbar from "./components/Navbar.jsx";
|
||||||
|
import Table from "./components/Table.jsx";
|
||||||
|
import ModalForm from "./components/ModalForm.jsx";
|
||||||
|
import {useEffect, useState} from "react";
|
||||||
|
import Pagination from "./components/Pagination.jsx";
|
||||||
|
import {getEmployees, addEmployee, updateEmployee, deleteEmployee, searchEmployees} from "./api/employee.js";
|
||||||
|
import {showToast} from "./utils/appUtils.js";
|
||||||
|
|
||||||
|
function App() {
|
||||||
|
|
||||||
|
const [isOpen, setIsOpen] = useState(false);
|
||||||
|
const [modalMode, setModalMode] = useState("add");
|
||||||
|
const [tableData, setTableData] = useState([]);
|
||||||
|
const [employee, setEmployee] = useState(null);
|
||||||
|
const [searchTerm, setSearchTerm] = useState('');
|
||||||
|
const [page, setPage] = useState(1);
|
||||||
|
const [limit, setLimit] = useState(5);
|
||||||
|
const [totalPage, setTotalPage] = useState(1);
|
||||||
|
const [allEmployeeData, setAllEmployeeData] = useState([]);
|
||||||
|
|
||||||
|
// โหลดข้อมูลครั้งแรกครั้งเดียว ใช้ allEmployeeData เป็นแหล่งข้อมูลหลักในการแบ่งหน้าใหม่
|
||||||
|
useEffect(() => {
|
||||||
|
const fetchData = async () =>{
|
||||||
|
const employeeData = await getEmployees();
|
||||||
|
setAllEmployeeData(employeeData);
|
||||||
|
setTotalPage(Math.ceil(employeeData.length / limit));
|
||||||
|
}
|
||||||
|
fetchData();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
// แบ่งหน้าแสดงข้อมูลใหม่ เมื่อหน้าเปลี่ยนหรือมีการค้นหา
|
||||||
|
useEffect(() => {
|
||||||
|
const fetchFilteredEmployees = async () => {
|
||||||
|
let filtered;
|
||||||
|
if(searchTerm){
|
||||||
|
filtered = await searchEmployees(searchTerm);
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
filtered = allEmployeeData;
|
||||||
|
}
|
||||||
|
// คำนวณจำนวนหน้าทั้งหมดใหม่
|
||||||
|
const newTotalPage = Math.ceil(filtered.length / limit);
|
||||||
|
setTotalPage(newTotalPage);
|
||||||
|
|
||||||
|
// ตรวจสอบว่าหน้าปัจจุบันยังอยู่ในช่วงที่มีข้อมูลหรือไม่
|
||||||
|
if (page > newTotalPage && newTotalPage > 0) {
|
||||||
|
setPage(newTotalPage);
|
||||||
|
return; // ยกเลิกรอบนี้ก่อน รอให้ page เปลี่ยนแล้วค่อยรันใหม่
|
||||||
|
}
|
||||||
|
|
||||||
|
const start = (page - 1) * limit;
|
||||||
|
const end = page * limit;
|
||||||
|
const employeeDataPaginationArray = filtered.slice(start, end);
|
||||||
|
setTableData(employeeDataPaginationArray);
|
||||||
|
};
|
||||||
|
fetchFilteredEmployees();
|
||||||
|
}, [page, allEmployeeData, searchTerm]);
|
||||||
|
|
||||||
|
// เมื่อกดที่ปุ่มใด ๆ ก็ตาม
|
||||||
|
const handleOpen = (mode, employee) => {
|
||||||
|
// กำหนดค่าตัวแปรที่จำเป็นต่อการทำงานของ Modal Form
|
||||||
|
setIsOpen(true);
|
||||||
|
setModalMode(mode);
|
||||||
|
setEmployee(employee);
|
||||||
|
}
|
||||||
|
// ตรวจสอบว่าเป็นการกดปุ่มอะไร
|
||||||
|
const handleSubmit = async (newEmployeeData)=>{
|
||||||
|
if(modalMode === 'add'){
|
||||||
|
// ในอนาคตจะ Add ข้อมูลด้วย Rest API
|
||||||
|
const addedEmployee = await addEmployee(newEmployeeData);
|
||||||
|
if(addedEmployee){
|
||||||
|
// เรียกดูข้อมูลพนักงานใหม่จากฐานข้อมูล
|
||||||
|
const employeeData = await getEmployees();
|
||||||
|
// ปรับปรุงข้อมูลที่จะแสดงใน Table
|
||||||
|
setAllEmployeeData(employeeData);
|
||||||
|
setTotalPage(Math.ceil(employeeData.length / limit));
|
||||||
|
showToast('เพิ่มข้อมูลเรียบร้อย', 'success');
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
showToast('ไม่สามารถเพิ่มข้อมูลได้','error');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
// ในอนาคตจะ Update ข้อมูลในฐานข้อมูลด้วย Rest API
|
||||||
|
const updatedEmployee = await updateEmployee(newEmployeeData.id, newEmployeeData);
|
||||||
|
if(updatedEmployee){
|
||||||
|
// เรียกดูข้อมูลพนักงานใหม่จากฐานข้อมูล
|
||||||
|
const employeeData = await getEmployees();
|
||||||
|
setAllEmployeeData(employeeData);
|
||||||
|
setTotalPage(Math.ceil(employeeData.length / limit));
|
||||||
|
|
||||||
|
showToast('ปรับปรุงข้อมูลเรียบร้อย', 'success');
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
showToast('ไม่สามารถปรับปรุงข้อมูลได้','error');
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// เมื่อกดปุ่มเปลี่ยนหน้า
|
||||||
|
const handlePageChange = (value, index, paginationArray)=>{
|
||||||
|
if(value === "«"){
|
||||||
|
setPage(1);
|
||||||
|
}
|
||||||
|
else if(value === "&lsaquo"){
|
||||||
|
if(page !== 1){
|
||||||
|
setPage(page - 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else if(value==="&rsaquo"){
|
||||||
|
if(page !== totalPage){
|
||||||
|
setPage(page + 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else if(value==="»"){
|
||||||
|
setPage(totalPage);
|
||||||
|
}
|
||||||
|
else if(value === "..."){
|
||||||
|
// หาว่าหน้าปัจจุบันอยู่ตรง index ไหนใน paginationArray เปรียบเทียบกับ index ของ "..." ที่กด
|
||||||
|
const currentIndex = paginationArray.findIndex(p => p === page);
|
||||||
|
if(index > currentIndex){
|
||||||
|
setPage(page + 1);
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
setPage(page - 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
setPage(value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ตรวจสอบกรณีที่มีการลบข้อมูลสุดท้ายในหน้า
|
||||||
|
const handleDelete = async (employeeId) =>{
|
||||||
|
const success = await deleteEmployee(employeeId);
|
||||||
|
if(success){
|
||||||
|
// เรียกดูข้อมูลพนักงานใหม่จากฐานข้อมูล
|
||||||
|
const employeeData = await getEmployees();
|
||||||
|
// ปรับปรุงข้อมูลที่จะแสดงใน Table
|
||||||
|
setAllEmployeeData(employeeData);
|
||||||
|
const newTotalPage = Math.ceil(employeeData.length / limit);
|
||||||
|
|
||||||
|
// ถ้าหน้าที่อยู่เกินหน้าสุดท้ายหลังลบ ให้ลดหน้าลง
|
||||||
|
if (page > newTotalPage) {
|
||||||
|
setPage(newTotalPage === 0 ? 1 : newTotalPage);
|
||||||
|
}
|
||||||
|
setTotalPage(newTotalPage);
|
||||||
|
showToast('ลบข้อมูลเรียบร้อย', 'success');
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
showToast('ไม่สามารถลบข้อมูลได้', 'error');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Navbar onOpen={()=>handleOpen('add')} setSearchTerm={setSearchTerm}/>
|
||||||
|
<Table
|
||||||
|
handleOpen={handleOpen}
|
||||||
|
tableData={tableData}
|
||||||
|
onDelete={handleDelete}
|
||||||
|
/>
|
||||||
|
<ModalForm
|
||||||
|
isOpen={isOpen}
|
||||||
|
onClose={()=>setIsOpen(false)}
|
||||||
|
OnSubmit={handleSubmit}
|
||||||
|
mode={modalMode}
|
||||||
|
employee={employee}
|
||||||
|
/>
|
||||||
|
<Pagination
|
||||||
|
totalPage={totalPage}
|
||||||
|
page={page}
|
||||||
|
limit={limit}
|
||||||
|
sibling={1}
|
||||||
|
setPage={handlePageChange}
|
||||||
|
/>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default App
|
||||||
106
src/api/employee.js
Normal file
106
src/api/employee.js
Normal file
@ -0,0 +1,106 @@
|
|||||||
|
const BASE_URL = "/api/employees";
|
||||||
|
|
||||||
|
export const getEmployees = async ()=>{
|
||||||
|
try{
|
||||||
|
const response = await fetch(`${BASE_URL}`);
|
||||||
|
if(!response.ok){
|
||||||
|
throw new Error("Error while fetching all employees");
|
||||||
|
}
|
||||||
|
const data = await response.json()
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
catch (e) {
|
||||||
|
console.log("Error while fetching all employees");
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
//return employees;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const addEmployee = async (employee) =>{
|
||||||
|
try {
|
||||||
|
const response = await fetch(`${BASE_URL}`,{
|
||||||
|
method:"POST",
|
||||||
|
headers:{
|
||||||
|
"Content-Type":"application/json"
|
||||||
|
},
|
||||||
|
body: JSON.stringify(employee)
|
||||||
|
});
|
||||||
|
|
||||||
|
if(!response.ok){
|
||||||
|
throw new Error("Fail to create employee");
|
||||||
|
}
|
||||||
|
|
||||||
|
const data = response.json();
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
catch (e) {
|
||||||
|
console.log("Fail to create employee");
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export const updateEmployee = async (id, employee) => {
|
||||||
|
try {
|
||||||
|
const response = await fetch(`${BASE_URL}/${id}`, {
|
||||||
|
method: "PUT",
|
||||||
|
headers: {
|
||||||
|
"Content-Type":"application/json"
|
||||||
|
},
|
||||||
|
body: JSON.stringify(employee)
|
||||||
|
});
|
||||||
|
|
||||||
|
if(!response.ok){
|
||||||
|
throw new Error("Fail to update employee")
|
||||||
|
}
|
||||||
|
|
||||||
|
const data = response.json();
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
catch (e) {
|
||||||
|
console.log("Fail to update employee");
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export const deleteEmployee = async (id) => {
|
||||||
|
try {
|
||||||
|
const response = await fetch(`${BASE_URL}/${id}`,{
|
||||||
|
method : "DELETE",
|
||||||
|
headers : {
|
||||||
|
"Content-Type":"application/json"
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
if(!response.ok){
|
||||||
|
throw new Error("Fail to delete employee");
|
||||||
|
}
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
catch (e) {
|
||||||
|
console.log("Fail to delete employee");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export const searchEmployees = async (keyword) => {
|
||||||
|
try{
|
||||||
|
const response = await fetch(`${BASE_URL}/search?keyword=${keyword}`,{
|
||||||
|
method : "GET",
|
||||||
|
headers: {
|
||||||
|
"Content-type":"application/json"
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
if(!response.ok){
|
||||||
|
throw new Error("Fail to search employees");
|
||||||
|
}
|
||||||
|
|
||||||
|
const data = response.json();
|
||||||
|
return data;
|
||||||
|
}
|
||||||
|
catch (e) {
|
||||||
|
console.log("Fail to search employees");
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
1
src/assets/react.svg
Normal file
1
src/assets/react.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
|
||||||
|
After Width: | Height: | Size: 4.0 KiB |
17
src/components/ConfirmModal.jsx
Normal file
17
src/components/ConfirmModal.jsx
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
export default function ConfirmModal({ message, onConfirm, onCancel, isOpen }){
|
||||||
|
if (!isOpen) return null;
|
||||||
|
return(
|
||||||
|
<>
|
||||||
|
<dialog className="modal modal-open">
|
||||||
|
<div className="modal-box">
|
||||||
|
<h3 className="font-bold text-lg">ยืนยันการลบ</h3>
|
||||||
|
<p className="py-4">{message}</p>
|
||||||
|
<div className="modal-action">
|
||||||
|
<button className="btn btn-error" onClick={onConfirm}>ยืนยัน</button>
|
||||||
|
<button className="btn" onClick={onCancel}>ยกเลิก</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</dialog>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
136
src/components/ModalForm.jsx
Normal file
136
src/components/ModalForm.jsx
Normal file
@ -0,0 +1,136 @@
|
|||||||
|
import {useEffect, useState} from "react";
|
||||||
|
import {validateForm, showToast} from "../utils/appUtils.js";
|
||||||
|
|
||||||
|
export default function ModalForm({isOpen, onClose, mode, OnSubmit, employee}){
|
||||||
|
// ต้องตั้งชื่อตัวแปรให้ตรงกับชื่อตัวแปรที่แสดงในตารางด้วย
|
||||||
|
const [id,setId] = useState('');
|
||||||
|
const [active,setStatus] = useState(false);
|
||||||
|
const [name, setName] = useState('');
|
||||||
|
const [mail, setEmail] = useState('');
|
||||||
|
const [job, setJob] = useState('');
|
||||||
|
const [department, setDepartment] = useState('');
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if(mode === 'edit' && employee){
|
||||||
|
setId(employee.id);
|
||||||
|
setName(employee.name);
|
||||||
|
setEmail(employee.mail);
|
||||||
|
setDepartment(employee.department);
|
||||||
|
setJob(employee.job);
|
||||||
|
setStatus(employee.active);
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
// Reset field if add new employee
|
||||||
|
setId('');
|
||||||
|
setName('');
|
||||||
|
setEmail('');
|
||||||
|
setDepartment('');
|
||||||
|
setJob('');
|
||||||
|
setStatus(false);
|
||||||
|
}
|
||||||
|
}, [mode,employee]);
|
||||||
|
|
||||||
|
const handleStatusChange = (e) =>{
|
||||||
|
setStatus(e.target.value === 'Active')
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleSubmit = (e)=>{
|
||||||
|
e.preventDefault();
|
||||||
|
const errorMessage = validateForm(id,name,mail,job,department);
|
||||||
|
if (errorMessage) {
|
||||||
|
showToast(errorMessage, 'error');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
try{
|
||||||
|
const employeeData = {id:Number(id),name,mail,job,department,active}
|
||||||
|
// เรียกใช้งาน handleSubmit ใน App.jsx
|
||||||
|
OnSubmit(employeeData)
|
||||||
|
onClose();
|
||||||
|
}
|
||||||
|
catch (err) {
|
||||||
|
console.log('Error while adding employee', err)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<dialog id="my_modal_3" className="modal" open={isOpen}>
|
||||||
|
<div className="modal-box ">
|
||||||
|
<h3 className="font-bold text-lg py-4">{mode === 'add' ? 'Employee Detail':'Edit Employee'}</h3>
|
||||||
|
<form method="dialog" onSubmit={handleSubmit}>
|
||||||
|
{/* Data Input in this Modal Form */}
|
||||||
|
<div className="flex fle justify-between">
|
||||||
|
<fieldset className="fieldset w-full mr-4">
|
||||||
|
<legend className="fieldset-legend">Id</legend>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="input"
|
||||||
|
placeholder="Type here"
|
||||||
|
value={id}
|
||||||
|
onChange={(e)=>setId(e.target.value)}
|
||||||
|
/>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset className="fieldset w-full">
|
||||||
|
<legend className="fieldset-legend">Status</legend>
|
||||||
|
<select
|
||||||
|
|
||||||
|
className="select"
|
||||||
|
onChange={handleStatusChange}
|
||||||
|
value={active? 'Active': 'Inactive'}
|
||||||
|
>
|
||||||
|
|
||||||
|
<option>Active</option>
|
||||||
|
<option>Inactive</option>
|
||||||
|
</select>
|
||||||
|
</fieldset>
|
||||||
|
</div>
|
||||||
|
<fieldset className="fieldset">
|
||||||
|
<legend className="fieldset-legend">Name</legend>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="input w-auto"
|
||||||
|
placeholder="Type here"
|
||||||
|
value={name}
|
||||||
|
onChange={(e)=>setName(e.target.value)}
|
||||||
|
/>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset className="fieldset">
|
||||||
|
<legend className="fieldset-legend">Email</legend>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="input w-auto"
|
||||||
|
placeholder="Type here"
|
||||||
|
value={mail}
|
||||||
|
onChange={(e)=>setEmail(e.target.value)}
|
||||||
|
/>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset className="fieldset">
|
||||||
|
<legend className="fieldset-legend">Job</legend>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="input w-auto"
|
||||||
|
placeholder="Type here"
|
||||||
|
value={job}
|
||||||
|
onChange={(e)=>setJob(e.target.value)}
|
||||||
|
/>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset className="fieldset">
|
||||||
|
<legend className="fieldset-legend">Department</legend>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
className="input w-auto"
|
||||||
|
placeholder="Type here"
|
||||||
|
value={department}
|
||||||
|
onChange={(e)=>setDepartment(e.target.value)}
|
||||||
|
/>
|
||||||
|
</fieldset>
|
||||||
|
|
||||||
|
{/* if there is a button in form, it will close the modal */}
|
||||||
|
<button type="button" className="btn btn-sm btn-circle btn-ghost absolute right-2 top-2" onClick={onClose}>✕</button>
|
||||||
|
<button type="submit" className="btn btn-success mt-4">{mode === 'add' ? 'Add Employee':'Save'}</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</dialog>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
50
src/components/Navbar.jsx
Normal file
50
src/components/Navbar.jsx
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
import {useEffect, useState} from "react";
|
||||||
|
|
||||||
|
export default function Navbar ({onOpen, setSearchTerm}){
|
||||||
|
// ใช้ state สำหรับเก็บ theme และให้ React จัดการ render ใหม่
|
||||||
|
const [theme, setTheme] = useState("light");
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
document.documentElement.setAttribute("data-theme", theme);
|
||||||
|
}, [theme]);
|
||||||
|
|
||||||
|
const handleSearch = (e) =>{
|
||||||
|
setSearchTerm(e.target.value);
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleSwitchTheme = () => {
|
||||||
|
setTheme(prev=>(prev === "light" ? "dark" : "light"));
|
||||||
|
}
|
||||||
|
|
||||||
|
return(<>
|
||||||
|
<div className="navbar bg-base-100 shadow-md px-4 md:px-8 ">
|
||||||
|
<div className="navbar-start">
|
||||||
|
<a className="btn btn-ghost text-lg hidden sm:flex md:text-2xl font-bold transition-all duration-300">CRUD APP</a>
|
||||||
|
</div>
|
||||||
|
<div className="navbar-center hidden sm:flex">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="Search"
|
||||||
|
className="input input-bordered w-40 sm:w-50 md:w-70 text-black"
|
||||||
|
onChange={handleSearch}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="navbar-end gap-2">
|
||||||
|
{/* Mobile search (visible only on small screens) */}
|
||||||
|
<div className="sm:hidden">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="Search"
|
||||||
|
className="input input-bordered w-32 text-sm"
|
||||||
|
onChange={handleSearch}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<a className="btn btn-primary" onClick={onOpen}>Add</a>
|
||||||
|
<a
|
||||||
|
className="btn btn-info text-xl "
|
||||||
|
onClick={handleSwitchTheme}>{theme === "dark" ? "🌞" : "🌙"}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</>)
|
||||||
|
}
|
||||||
40
src/components/Pagination.jsx
Normal file
40
src/components/Pagination.jsx
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
import {returnPaginationRange} from "../utils/appUtils.js";
|
||||||
|
|
||||||
|
export default function Pagination({totalPage, page, limit, sibling, setPage}){
|
||||||
|
|
||||||
|
let paginationArray = returnPaginationRange(totalPage, page, limit, sibling);
|
||||||
|
|
||||||
|
return(
|
||||||
|
<div className="flex justify-center mt-4">
|
||||||
|
<div className="join">
|
||||||
|
<button className="join-item btn" onClick={() => setPage("«")}>«</button>
|
||||||
|
<button className="join-item btn" onClick={() => setPage("&lsaquo")}>‹</button>
|
||||||
|
{paginationArray.map((pageNumber, index)=> {
|
||||||
|
const key = `${pageNumber}-${index}`;
|
||||||
|
if(pageNumber === page){
|
||||||
|
return (
|
||||||
|
<button
|
||||||
|
key={key}
|
||||||
|
className="join-item btn btn-md bg-primary text-white font-bold"
|
||||||
|
onClick={() => setPage(pageNumber, index, paginationArray)}
|
||||||
|
>{pageNumber}
|
||||||
|
</button>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
return(
|
||||||
|
<button
|
||||||
|
key={key}
|
||||||
|
className="join-item btn"
|
||||||
|
onClick={() => setPage(pageNumber, index, paginationArray)}
|
||||||
|
>{pageNumber}
|
||||||
|
</button>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
})}
|
||||||
|
<button className="join-item btn" onClick={() => setPage("&rsaquo")}>›</button>
|
||||||
|
<button className="join-item btn" onClick={() => setPage("»")}>»</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
93
src/components/Table.jsx
Normal file
93
src/components/Table.jsx
Normal file
@ -0,0 +1,93 @@
|
|||||||
|
import ConfirmModal from './ConfirmModal';
|
||||||
|
import {useState} from "react";
|
||||||
|
import {showToast} from "../utils/appUtils.js"
|
||||||
|
|
||||||
|
export default function Table({handleOpen, tableData, onDelete}){
|
||||||
|
|
||||||
|
const [showConfirm, setShowConfirm] = useState(false);
|
||||||
|
const [selectedId, setSelectedId] = useState(null);
|
||||||
|
|
||||||
|
const confirmDelete = () => {
|
||||||
|
setShowConfirm(false);
|
||||||
|
onDelete(selectedId);
|
||||||
|
showToast("ลบข้อมูลเรียบร้อยแล้ว", "success");
|
||||||
|
};
|
||||||
|
|
||||||
|
const cancelDelete = () => {
|
||||||
|
setShowConfirm(false);
|
||||||
|
showToast("ยกเลิกการลบ", "info");
|
||||||
|
};
|
||||||
|
|
||||||
|
const employees = tableData;
|
||||||
|
|
||||||
|
const handleDelete = (id)=>{
|
||||||
|
setSelectedId(id);
|
||||||
|
setShowConfirm(true);
|
||||||
|
}
|
||||||
|
|
||||||
|
return(
|
||||||
|
<>
|
||||||
|
<div className="overflow-x-auto mt-5">
|
||||||
|
<table className="table">
|
||||||
|
{/* head */}
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Id</th>
|
||||||
|
<th>Name</th>
|
||||||
|
<th>Email</th>
|
||||||
|
<th>Job</th>
|
||||||
|
<th>Department</th>
|
||||||
|
<th>Status</th>
|
||||||
|
<th className="text-center">Actions</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
{/* row */}
|
||||||
|
{employees.map((employee)=>(
|
||||||
|
<tr className="hover:bg-base-300" key={employee.id}>
|
||||||
|
<td>{employee.id}</td>
|
||||||
|
<td>{employee.name}</td>
|
||||||
|
<td>{employee.mail}</td>
|
||||||
|
<td>{employee.job}</td>
|
||||||
|
<td>{employee.department}</td>
|
||||||
|
<td>
|
||||||
|
<button className={`btn rounded-full w-20 ${employee.active ? `btn-primary`: `btn-outline btn-primary`}`}>
|
||||||
|
{employee.active ? 'Active' : 'Inactive'}
|
||||||
|
</button>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div className="flex justify-center gap-2">
|
||||||
|
{/* ปุ่ม Update พร้อมไอคอน */}
|
||||||
|
<button
|
||||||
|
className="btn btn-xs btn-accent flex items-center gap-1"
|
||||||
|
onClick={() => handleOpen('edit', employee)}
|
||||||
|
title="Update Employee"
|
||||||
|
>
|
||||||
|
✏️
|
||||||
|
</button>
|
||||||
|
{/* ปุ่ม Delete แบบไอคอน */}
|
||||||
|
<button
|
||||||
|
className="btn btn-xs btn-secondary flex items-center gap-1"
|
||||||
|
onClick={() => handleDelete(employee.id)}
|
||||||
|
title="Delete Employee"
|
||||||
|
>
|
||||||
|
🗑️
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
))}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
{/* Confirm Dialog */}
|
||||||
|
<ConfirmModal
|
||||||
|
message="คุณแน่ใจหรือไม่ว่าต้องการลบข้อมูลนี้?"
|
||||||
|
isOpen={showConfirm}
|
||||||
|
onConfirm={confirmDelete}
|
||||||
|
onCancel={cancelDelete}
|
||||||
|
/>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
4
src/index.css
Normal file
4
src/index.css
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
@import "tailwindcss";
|
||||||
|
@plugin "daisyui"{
|
||||||
|
themes: light --default, dark --prefersdark, corporate;
|
||||||
|
}
|
||||||
12
src/main.jsx
Normal file
12
src/main.jsx
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
import { StrictMode } from 'react'
|
||||||
|
import { createRoot } from 'react-dom/client'
|
||||||
|
import './index.css'
|
||||||
|
import App from './App.jsx'
|
||||||
|
import './styles.css'
|
||||||
|
|
||||||
|
createRoot(document.getElementById('root')).render(
|
||||||
|
<StrictMode>
|
||||||
|
<div className="toast toast-top toast-end z-50" id="toast-container"></div>
|
||||||
|
<App />
|
||||||
|
</StrictMode>,
|
||||||
|
)
|
||||||
5
src/styles.css
Normal file
5
src/styles.css
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
@import url("https://fonts.googleapis.com/css2?family=Noto%20Sans%20Thai:wght@400;500;600;700;800;900&display=swap");
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Noto Sans Thai', sans-serif;
|
||||||
|
}
|
||||||
76
src/utils/appUtils.js
Normal file
76
src/utils/appUtils.js
Normal file
@ -0,0 +1,76 @@
|
|||||||
|
import _ from "lodash";
|
||||||
|
|
||||||
|
export const returnPaginationRange = (totalPage, page, limit, sibling)=>{
|
||||||
|
// sibling คือ จำนวนหน้าที่จะถูกแสดงรอบ ๆ หน้าปัจจุบัน เช่น << < 1 ... 2 [3] 4 ... > >> เป็นต้น
|
||||||
|
// 7 คือ <<, <, Page, >, >>, ... ซ้ายและขวาของหน้าปัจจุบัน
|
||||||
|
let totalPageNumberInArray = 7 + sibling;
|
||||||
|
if(totalPageNumberInArray >= totalPage){
|
||||||
|
return _.range(1, totalPage+1);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ตรวจสอบว่าควรแสดงจุดไข่ปลาด้านซ้ายหรือไม่
|
||||||
|
let leftSiblingIndex = Math.max(page - sibling,1);
|
||||||
|
let showLeftDot = leftSiblingIndex > 2;
|
||||||
|
|
||||||
|
// ตรวจสอบว่าควรแสดงจุดไข่ปลาด้านขวาหรือไม่
|
||||||
|
let rightSiblingIndex = Math.min(page + sibling,totalPage);
|
||||||
|
let showRightDot = rightSiblingIndex < (totalPage -2);
|
||||||
|
|
||||||
|
// กำหนดช่วงของหน้าที่จะแสดง โดยตรวจสอบเทียบกับการแสดงจุดไข่ปลา
|
||||||
|
if(!showLeftDot && showRightDot){
|
||||||
|
let leftItemsCount = 3 + 2 * sibling;
|
||||||
|
let leftRange = _.range(1, leftItemsCount+1);
|
||||||
|
return [...leftRange, "...", totalPage];
|
||||||
|
}
|
||||||
|
else if(showLeftDot && !showRightDot){
|
||||||
|
let rightItemsCount = 3 + 2 * sibling;
|
||||||
|
let rightRange = _.range(totalPage - (rightItemsCount +1), totalPage + 1);
|
||||||
|
return [1, "...", ...rightRange];
|
||||||
|
}
|
||||||
|
else if(showLeftDot && showRightDot){
|
||||||
|
let middleRange = _.range(leftSiblingIndex, rightSiblingIndex + 1);
|
||||||
|
return [1, "...", ...middleRange, "...", totalPage];
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
console.log("Something wrong in pagination.");
|
||||||
|
return _.range(1, totalPage+1);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
export const validateForm = (id, name, mail, job, department ) => {
|
||||||
|
if (!id || !name || !mail || !job || !department) {
|
||||||
|
return 'กรุณากรอกข้อมูลให้ครบถ้วน';
|
||||||
|
}
|
||||||
|
if(isNaN(Number(id))){
|
||||||
|
return 'กรุณากรอกข้อมูล id เป็นตัวเลข';
|
||||||
|
}
|
||||||
|
if (!/\S+@\S+\.\S+/.test(mail)) {
|
||||||
|
return 'กรุณากรอกอีเมลให้ถูกต้อง';
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
};
|
||||||
|
|
||||||
|
export const showToast = (message, type = 'info') => {
|
||||||
|
const toastContainer = document.getElementById('toast-container');
|
||||||
|
if (!toastContainer) return;
|
||||||
|
|
||||||
|
const colors = {
|
||||||
|
success: 'alert-success',
|
||||||
|
error: 'alert-error',
|
||||||
|
warning: 'alert-warning',
|
||||||
|
info: 'alert-info',
|
||||||
|
};
|
||||||
|
|
||||||
|
const toast = document.createElement('div');
|
||||||
|
toast.className = `alert ${colors[type]} w-fit shadow-lg animate-fadeIn text-white`;
|
||||||
|
toast.innerHTML = `
|
||||||
|
<span>${message}</span>
|
||||||
|
`;
|
||||||
|
|
||||||
|
toastContainer.appendChild(toast);
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
toast.remove();
|
||||||
|
}, 3000); // ลบออกหลังจาก 3 วินาที
|
||||||
|
};
|
||||||
8
vite.config.js
Normal file
8
vite.config.js
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
import { defineConfig } from 'vite'
|
||||||
|
import react from '@vitejs/plugin-react'
|
||||||
|
import tailwindcss from '@tailwindcss/vite';
|
||||||
|
|
||||||
|
// https://vite.dev/config/
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [react(), tailwindcss()],
|
||||||
|
})
|
||||||
Loading…
x
Reference in New Issue
Block a user