Compare commits
No commits in common. "4a41face169a3e12aba43b4d9cc2bfa3a9a18574" and "3ce17afd76bb566a16315f9c1ac3bfc734e5bb6c" have entirely different histories.
4a41face16
...
3ce17afd76
68
.drone.yml
Normal file
68
.drone.yml
Normal file
@ -0,0 +1,68 @@
|
||||
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,24 +1,43 @@
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
# === Node/React (frontend) ===
|
||||
frontend/node_modules/
|
||||
frontend/dist/
|
||||
frontend/.vite/
|
||||
frontend/.env
|
||||
frontend/.env.*
|
||||
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
# === Java/Spring Boot (employee-service) ===
|
||||
employee-service/target/
|
||||
employee-service/.classpath
|
||||
employee-service/.project
|
||||
employee-service/.settings/
|
||||
employee-service/.env
|
||||
employee-service/*.iml
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
# === IDE Files ===
|
||||
.idea/
|
||||
*.iml
|
||||
.vscode/
|
||||
|
||||
# === OS Files ===
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
Thumbs.db
|
||||
|
||||
# === Logs ===
|
||||
*.log
|
||||
logs/
|
||||
**/logs/
|
||||
|
||||
# === Docker-related ===
|
||||
*.pid
|
||||
*.tar
|
||||
docker-compose.override.yml
|
||||
|
||||
# === Test Reports ===
|
||||
**/test-output/
|
||||
**/coverage/
|
||||
**/jacoco.exec
|
||||
|
||||
# === Misc ===
|
||||
*.bak
|
||||
*.swp
|
||||
*.swo
|
||||
|
||||
33
Dockerfile
33
Dockerfile
@ -1,32 +1,3 @@
|
||||
# ใช้ Node.js เป็น base image
|
||||
FROM node:18-alpine AS build
|
||||
FROM postgres:15
|
||||
|
||||
# กำหนด 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;"]
|
||||
COPY init-scripts/*.sql /docker-entrypoint-initdb.d/
|
||||
58
README.md
58
README.md
@ -1,58 +0,0 @@
|
||||
# 🌐 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! หากมีคำแนะนำหรือข้อเสนอแนะ ยินดีรับฟังเสมอ 🙌
|
||||
83
docker-compose.yml
Normal file
83
docker-compose.yml
Normal file
@ -0,0 +1,83 @@
|
||||
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
Normal file
2
employee-service/.gitattributes
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
/mvnw text eol=lf
|
||||
*.cmd text eol=crlf
|
||||
33
employee-service/.gitignore
vendored
Normal file
33
employee-service/.gitignore
vendored
Normal file
@ -0,0 +1,33 @@
|
||||
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/
|
||||
19
employee-service/.mvn/wrapper/maven-wrapper.properties
vendored
Normal file
19
employee-service/.mvn/wrapper/maven-wrapper.properties
vendored
Normal file
@ -0,0 +1,19 @@
|
||||
# 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
|
||||
11
employee-service/Dockerfile
Normal file
11
employee-service/Dockerfile
Normal file
@ -0,0 +1,11 @@
|
||||
# ===== 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
Normal file
259
employee-service/mvnw
vendored
Normal file
@ -0,0 +1,259 @@
|
||||
#!/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
Normal file
149
employee-service/mvnw.cmd
vendored
Normal file
@ -0,0 +1,149 @@
|
||||
<# : 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"
|
||||
92
employee-service/pom.xml
Normal file
92
employee-service/pom.xml
Normal file
@ -0,0 +1,92 @@
|
||||
<?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>
|
||||
@ -0,0 +1,13 @@
|
||||
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);
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,65 @@
|
||||
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);
|
||||
};
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,51 @@
|
||||
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);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,29 @@
|
||||
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;
|
||||
}
|
||||
@ -0,0 +1,18 @@
|
||||
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);
|
||||
}
|
||||
@ -0,0 +1,53 @@
|
||||
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);
|
||||
}
|
||||
}
|
||||
26
employee-service/src/main/resources/application.yml
Normal file
26
employee-service/src/main/resources/application.yml
Normal file
@ -0,0 +1,26 @@
|
||||
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
|
||||
@ -0,0 +1,13 @@
|
||||
package tech.softwarecraft.employee_service;
|
||||
|
||||
import org.junit.jupiter.api.Test;
|
||||
import org.springframework.boot.test.context.SpringBootTest;
|
||||
|
||||
@SpringBootTest
|
||||
class EmployeeServiceApplicationTests {
|
||||
|
||||
@Test
|
||||
void contextLoads() {
|
||||
}
|
||||
|
||||
}
|
||||
@ -1,33 +0,0 @@
|
||||
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
Submodule
1
frontend
Submodule
@ -0,0 +1 @@
|
||||
Subproject commit 4a41face169a3e12aba43b4d9cc2bfa3a9a18574
|
||||
13
index.html
13
index.html
@ -1,13 +0,0 @@
|
||||
<!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
init-scripts/init.sql
Normal file
1
init-scripts/init.sql
Normal file
@ -0,0 +1 @@
|
||||
CREATE DATABASE employee_service;
|
||||
4
nginx/Dockerfile
Normal file
4
nginx/Dockerfile
Normal file
@ -0,0 +1,4 @@
|
||||
FROM nginx:alpine
|
||||
|
||||
# คัดลอก default.conf ลงไปใน nginx container
|
||||
COPY default.conf /etc/nginx/conf.d/default.conf
|
||||
21
nginx/default.conf
Normal file
21
nginx/default.conf
Normal file
@ -0,0 +1,21 @@
|
||||
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
3215
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
31
package.json
31
package.json
@ -1,31 +0,0 @@
|
||||
{
|
||||
"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 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 1.5 KiB |
182
src/App.jsx
182
src/App.jsx
@ -1,182 +0,0 @@
|
||||
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
|
||||
@ -1,106 +0,0 @@
|
||||
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 +0,0 @@
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 4.0 KiB |
@ -1,17 +0,0 @@
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,136 +0,0 @@
|
||||
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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,50 +0,0 @@
|
||||
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>
|
||||
</>)
|
||||
}
|
||||
@ -1,40 +0,0 @@
|
||||
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>
|
||||
)
|
||||
}
|
||||
@ -1,93 +0,0 @@
|
||||
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}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,4 +0,0 @@
|
||||
@import "tailwindcss";
|
||||
@plugin "daisyui"{
|
||||
themes: light --default, dark --prefersdark, corporate;
|
||||
}
|
||||
12
src/main.jsx
12
src/main.jsx
@ -1,12 +0,0 @@
|
||||
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>,
|
||||
)
|
||||
@ -1,5 +0,0 @@
|
||||
@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;
|
||||
}
|
||||
@ -1,76 +0,0 @@
|
||||
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 วินาที
|
||||
};
|
||||
@ -1,8 +0,0 @@
|
||||
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