2 Commits

Author SHA1 Message Date
Rinjae b7c8e7f41c API 그룹 팝업 JSP 추가 - Swagger Validator JS 등록 - Summernote CSS 추가
- API 그룹 팝업(djbApiGroupPopup.jsp) 화면 파일 추가
- Swagger Validator (djb-swagger-validator.js) 및 관련 리팩토링
- Summernote 콘텐츠 스타일 정의 (editor-content.css) 추가
2026-07-03 16:54:47 +09:00
Rinjae 6c0fca22f3 DJB OpenAPI 편집기 초기 코드 업로드:
- 앱 상태 관리 및 기본 렌더 함수 추가 (vanilla JS)
- OpenAPI 스펙 빌더 초기 구현 (v3.1 대응)
- 스텝별 렌더 함수 및 UI 구축
2026-07-02 18:17:58 +09:00
281 changed files with 5032 additions and 17047 deletions
Vendored
+153 -162
View File
@@ -1,189 +1,180 @@
pipeline { pipeline {
agent none agent { label 'djb-vm' }
options { options {
timestamps() timestamps()
disableConcurrentBuilds() disableConcurrentBuilds()
skipDefaultCheckout() // stage별 agent의 자동 SCM checkout 방지 (Deploy 노드는 git 접근 불필요, unstash로만 WAR 수신)
buildDiscarder(logRotator(numToKeepStr: '20', artifactNumToKeepStr: '20')) buildDiscarder(logRotator(numToKeepStr: '20', artifactNumToKeepStr: '20'))
} }
environment { environment {
JAVA_HOME = '/apps/opts/jdk8'
JAVA_HOME_TOMCAT = '/apps/opts/jdk17'
GRADLE_HOME = '/apps/opts/gradle-8.7'
GRADLE_USER_HOME = '/apps/opts/gradle-home'
NODE_HOME = '/apps/opts/node-v24'
PATH = "/apps/opts/jdk8/bin:/apps/opts/gradle-8.7/bin:/apps/opts/node-v24/bin:/apps/opts/bin:${env.PATH}"
GIT_SSH_COMMAND = 'ssh -o StrictHostKeyChecking=accept-new' GIT_SSH_COMMAND = 'ssh -o StrictHostKeyChecking=accept-new'
WEBHOOK_URL = 'http://172.30.1.50:18000/api/hooks/01ba51b01d3c4c98ae8f3183a23a84ed713197857d024b5da4f303458195eb32' CATALINA_BASE = '/prod/eapim/adminportal'
CATALINA_HOME = '/prod/eapim/apache-tomcat-9.0.116'
CATALINA_PID = '/prod/eapim/adminportal/temp/catalina.pid'
DEPLOY_HTTP_PORT = '39120'
} }
stages { stages {
stage('Build (djb-vm)') { stage('Checkout') {
agent { label 'djb-vm' } steps {
environment { checkout scm
JAVA_HOME = '/apps/opts/jdk8'
GRADLE_HOME = '/apps/opts/gradle-8.7'
GRADLE_USER_HOME = '/apps/opts/gradle-home'
NODE_HOME = '/apps/opts/node-v24'
PATH = "/apps/opts/jdk8/bin:/apps/opts/gradle-8.7/bin:/apps/opts/node-v24/bin:/apps/opts/bin:${env.PATH}"
}
stages {
stage('Checkout') {
steps { checkout scm }
}
stage('Checkout dependencies') {
steps {
sh '''
set -eu
cd "$WORKSPACE/.."
mkdir -p eapim-online
for REPO in elink-online-core elink-online-core-jpa elink-online-transformer elink-online-common elink-online-emsclient; do
TARGET="eapim-online/$REPO"
if [ ! -d "$TARGET/.git" ]; then
rm -rf "$TARGET"
git clone --depth=1 --branch master \
"ssh://git@172.30.1.50:2222/djb-eapim/$REPO.git" \
"$TARGET"
else
git -C "$TARGET" fetch --depth=1 origin master
git -C "$TARGET" reset --hard origin/master
git -C "$TARGET" clean -fdx
fi
done
for REPO in elink-portal-common eapim-admin-djb; do
if [ ! -d "$REPO/.git" ]; then
rm -rf "$REPO"
git clone --depth=1 --branch master \
"ssh://git@172.30.1.50:2222/djb-eapim/$REPO.git" \
"$REPO"
else
git -C "$REPO" fetch --depth=1 origin master
git -C "$REPO" reset --hard origin/master
git -C "$REPO" clean -fdx
fi
done
'''
}
}
stage('Verify toolchain') {
steps {
sh '''
set -eu
java -version
gradle --version
'''
}
}
stage('Build WAR') {
steps { sh 'gradle clean build -x test --no-daemon -Pprofile=weblogic' }
post {
success {
sh '''
set -eu
cd build/libs
sha256sum eapim-admin.war > eapim-admin.war.sha256
'''
archiveArtifacts artifacts: 'build/libs/eapim-admin.war,build/libs/eapim-admin.war.sha256', fingerprint: true
stash name: 'war', includes: 'build/libs/eapim-admin.war'
}
}
}
// SBOM(CycloneDX) -> xlsx. 산출물 eapim-admin-sbom.xlsx 를 아티팩트로 보관.
// 실패해도 배포는 진행하도록 UNSTABLE 로만 표시한다.
stage('SBOM') {
steps {
catchError(buildResult: 'UNSTABLE', stageResult: 'FAILURE') {
sh 'gradle sbomXlsx --no-daemon -Pprofile=weblogic'
}
}
post {
always {
archiveArtifacts allowEmptyArchive: true, artifacts: 'build/reports/sbom/*.xlsx', fingerprint: true
}
}
}
} }
} }
stage('Deploy (weblogic)') { stage('Checkout dependencies') {
agent { label 'weblogic' } steps {
environment {
JENKINS_NODE_COOKIE = 'dontKillMe' // background weblogic를 빌드 종료 시 죽이지 않게
WL_HOME = '/app/eapim/adminportal'
WL_DEPLOY_DIR = '/app/eapim/adminportal'
WL_WAR_NAME = 'eapim-admin.war'
WL_HTTP_PORT = '39120'
WL_NOHUP = '/logs/weblogic/domains/eapimDomain/nohup.emsSvr11.out'
}
stages {
stage('Stop WebLogic') {
steps {
sh '"$WL_HOME/stopEms11.sh"' // 동기: 완전 종료까지 블록, 미기동 시에도 안전
}
}
stage('Deploy WAR') {
steps {
unstash 'war'
sh '''
set -eu
cp build/libs/eapim-admin.war "$WL_DEPLOY_DIR/$WL_WAR_NAME"
ls -la "$WL_DEPLOY_DIR"
'''
}
}
stage('Start WebLogic and readiness') {
steps {
sh '''
set -eu
"$WL_HOME/startEms11.sh" # nohup & 로 백그라운드 기동, 즉시 리턴
DEADLINE=$(($(date +%s) + 300))
STATUS=000
while [ "$(date +%s)" -lt "$DEADLINE" ]; do
STATUS=$(curl -sS -o /dev/null -w '%{http_code}' --max-time 3 \
"http://localhost:$WL_HTTP_PORT/monitoring/loginForm.do" 2>/dev/null || echo "000")
case "$STATUS" in
200|302|401) echo "Readiness OK (/monitoring/loginForm.do HTTP $STATUS)"; break ;;
esac
sleep 3
done
case "$STATUS" in
200|302|401) ;;
*)
echo "Readiness failed within 300s, last HTTP=$STATUS"
[ -f "$WL_NOHUP" ] && tail -120 "$WL_NOHUP"
exit 1
;;
esac
'''
}
}
}
}
}
post {
success {
node('weblogic') {
sh ''' sh '''
set +e set -eu
payload=$(printf '{"text":"[%s #%s](%s) SUCCESS"}' "$JOB_NAME" "$BUILD_NUMBER" "$BUILD_URL") cd "$WORKSPACE/.."
curl -sS --fail --max-time 5 -H 'Content-Type: application/json' -X POST --data "$payload" "$WEBHOOK_URL" >/dev/null || echo "Webhook failed"
mkdir -p eapim-online
for REPO in elink-online-core elink-online-core-jpa elink-online-transformer elink-online-common elink-online-emsclient; do
TARGET="eapim-online/$REPO"
if [ ! -d "$TARGET/.git" ]; then
rm -rf "$TARGET"
git clone --depth=1 --branch master \
"ssh://git@172.30.1.50:2222/djb-eapim/$REPO.git" \
"$TARGET"
else
git -C "$TARGET" fetch --depth=1 origin master
git -C "$TARGET" reset --hard origin/master
git -C "$TARGET" clean -fdx
fi
done
for REPO in elink-portal-common eapim-admin-djb; do
if [ ! -d "$REPO/.git" ]; then
rm -rf "$REPO"
git clone --depth=1 --branch master \
"ssh://git@172.30.1.50:2222/djb-eapim/$REPO.git" \
"$REPO"
else
git -C "$REPO" fetch --depth=1 origin master
git -C "$REPO" reset --hard origin/master
git -C "$REPO" clean -fdx
fi
done
''' '''
} }
} }
failure {
node('weblogic') { stage('Verify toolchain') {
steps {
sh '''
set -eu
java -version
gradle --version
'''
}
}
stage('Build WAR') {
steps {
sh 'gradle clean build -x test --no-daemon'
}
post {
success {
sh '''
set -eu
cd build/libs
sha1sum eapim-admin.war > eapim-admin.war.sha1
sha256sum eapim-admin.war > eapim-admin.war.sha256
md5sum eapim-admin.war > eapim-admin.war.md5
'''
archiveArtifacts artifacts: 'build/libs/eapim-admin.war,build/libs/eapim-admin.war.sha1,build/libs/eapim-admin.war.sha256,build/libs/eapim-admin.war.md5', fingerprint: true
}
}
}
stage('Stop Tomcat') {
steps {
sh ''' sh '''
set +e set +e
payload=$(printf '{"text":"[%s #%s](%s) FAILURE"}' "$JOB_NAME" "$BUILD_NUMBER" "$BUILD_URL") systemctl --user stop eapim-admin 2>/dev/null
curl -sS --fail --max-time 5 -H 'Content-Type: application/json' -X POST --data "$payload" "$WEBHOOK_URL" >/dev/null || echo "Webhook failed"
if [ -f "$CATALINA_PID" ] && kill -0 "$(cat "$CATALINA_PID")" 2>/dev/null; then
JAVA_HOME="$JAVA_HOME_TOMCAT" "$CATALINA_HOME/bin/shutdown.sh" 30 -force || true
for i in $(seq 1 30); do
[ -f "$CATALINA_PID" ] && kill -0 "$(cat "$CATALINA_PID")" 2>/dev/null || break
sleep 1
done
fi
rm -f "$CATALINA_PID"
'''
}
}
stage('Deploy monitoring.war') {
steps {
sh '''
set -eu
DEPLOY_DIR="$CATALINA_BASE/webapps"
rm -rf "$DEPLOY_DIR/monitoring" "$DEPLOY_DIR/monitoring.war"
cp build/libs/eapim-admin.war "$DEPLOY_DIR/monitoring.war"
ls -la "$DEPLOY_DIR"
'''
}
}
stage('Start Tomcat and readiness') {
steps {
sh '''
set -eu
LOG="$CATALINA_BASE/logs/catalina.$(date +%Y-%m-%d).log"
BEFORE=0
[ -f "$LOG" ] && BEFORE=$(stat -c %s "$LOG")
systemctl --user start eapim-admin
PROBE_URL="http://localhost:$DEPLOY_HTTP_PORT/monitoring/loginForm.do"
DEADLINE=$(($(date +%s) + 300))
STATUS=000
while [ "$(date +%s)" -lt "$DEADLINE" ]; do
STATUS=$(curl -sS -o /dev/null -w '%{http_code}' --max-time 3 \
"$PROBE_URL" 2>/dev/null || echo "000")
case "$STATUS" in
200|302|401)
echo "Readiness OK ($PROBE_URL HTTP $STATUS)"
break
;;
esac
if [ -f "$LOG" ] && tail -c +$((BEFORE+1)) "$LOG" | grep -qE "Application listener .* Exception|SEVERE.*startup.Catalina"; then
echo "Startup error detected in log"
tail -c +$((BEFORE+1)) "$LOG" | tail -80
exit 1
fi
sleep 2
done
case "$STATUS" in
200|302|401) ;;
*)
echo "Readiness probe failed within 300s, last HTTP status: $STATUS"
echo "--- last 300 lines of catalina log ---"
[ -f "$LOG" ] && tail -c +$((BEFORE+1)) "$LOG" | tail -300
echo "--- systemd unit status ---"
systemctl --user status eapim-admin --no-pager || true
echo "--- listening ports ---"
ss -tlnp 2>/dev/null | grep -E ":$DEPLOY_HTTP_PORT\\b" || echo "(port $DEPLOY_HTTP_PORT not listening)"
exit 1
;;
esac
echo "--- key boot log lines ---"
tail -c +$((BEFORE+1)) "$LOG" | grep -E "Server startup|Deployment of web" | head -10 || true
''' '''
} }
} }
} }
} }
+1 -3
View File
@@ -1,7 +1,7 @@
UserManController_사용자관리_APIGW_INSERT,UPDATE,DELETE UserManController_사용자관리_APIGW_INSERT,UPDATE,DELETE
AdapterController_어댑터관리_APIGW_INSERT,UPDATE,DELETE AdapterController_어댑터관리_APIGW_INSERT,UPDATE,DELETE
ApiInterfaceController_API관리_APIGW_INSERT,UPDATE,DELETE,CLONE ApiInterfaceController_API관리_APIGW_INSERT,UPDATE,DELETE,CLONE
ClientController_Client (키정보)관리_APIGW_INSERT,UPDATE,DELETE,SYNC_PORTAL ClientController_Client (키정보)관리_APIGW_INSERT,UPDATE,DELETE
RoleController_Role (역할)관리_APIGW_INSERT,UPDATE,DELETE RoleController_Role (역할)관리_APIGW_INSERT,UPDATE,DELETE
MenuController_Menu관리_APIGW_INSERT,UPDATE,DELETE MenuController_Menu관리_APIGW_INSERT,UPDATE,DELETE
PortalApprovalLineManController_승인라인관리_APIGW_INSERT,UPDATE,DELETE PortalApprovalLineManController_승인라인관리_APIGW_INSERT,UPDATE,DELETE
@@ -16,5 +16,3 @@ PortalPartnershipManController_피드백/개선요청관리_APIGW_UNMASK,DELETE
PortalPropertyController_포탈 프로퍼티 관리_APIGW_UPDATE PortalPropertyController_포탈 프로퍼티 관리_APIGW_UPDATE
PortalUserTermsManController_약관동의 이력_APIGW_UNMASK PortalUserTermsManController_약관동의 이력_APIGW_UNMASK
MessageRequestManController_메세지발송내역_APIGW_UPDATE_STATUS MessageRequestManController_메세지발송내역_APIGW_UPDATE_STATUS
PortalInquiryManController_Q&A문의관리_APIGW_VISIBILITY
PortalMenuManController_포탈메뉴관리_APIGW_INSERT,UPDATE,DELETE,TRANSACTION_PLACEMENT,INITIALIZE,TRANSACTION_RELOAD
@@ -15,4 +15,4 @@ eai.tableowner=EMSAPP
eai.systemmode=L eai.systemmode=L
eai.drmode=N eai.drmode=N
# black / blue / green / orange / yellow # black / blue / green / orange / yellow
theme.color=blue theme.color=yellow
+1 -1
View File
@@ -110,7 +110,7 @@
</mvc:interceptor> </mvc:interceptor>
<mvc:interceptor> <mvc:interceptor>
<mvc:mapping path="/_onl/**"/> <mvc:mapping path="/_onl/**"/>
<bean class="com.eactive.eai.rms.common.interceptor.InternalApiTokenInterceptor" /> <bean class="com.eactive.eai.rms.common.interceptor.ApiKeyInterceptor" />
</mvc:interceptor> </mvc:interceptor>
<!-- BaseRestController 엔드포인트 IP 화이트리스트 인증 --> <!-- BaseRestController 엔드포인트 IP 화이트리스트 인증 -->
<mvc:interceptor> <mvc:interceptor>
+1 -1
View File
@@ -175,6 +175,6 @@
</jsp-config> </jsp-config>
<session-config> <session-config>
<session-timeout>60</session-timeout> <session-timeout>60</session-timeout>
</session-config> </session-config>
</web-app> </web-app>
+43
View File
@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema"
targetNamespace="http://xmlns.oracle.com/weblogic/weblogic-web-app"
xmlns="http://xmlns.oracle.com/weblogic/weblogic-web-app"
elementFormDefault="qualified">
<xs:element name="weblogic-web-app">
<xs:complexType>
<xs:all>
<xs:element name="context-root" type="xs:string" minOccurs="0"/>
<xs:element name="session-descriptor" minOccurs="0">
<xs:complexType>
<xs:all>
<xs:element name="timeout-secs" type="xs:integer" minOccurs="0"/>
<xs:element name="persistent-store-type" type="xs:string" minOccurs="0"/>
</xs:all>
</xs:complexType>
</xs:element>
<xs:element name="container-descriptor" minOccurs="0">
<xs:complexType>
<xs:all>
<xs:element name="prefer-application-packages" minOccurs="0">
<xs:complexType>
<xs:sequence>
<xs:element name="package-name" type="xs:string" minOccurs="0" maxOccurs="unbounded"/>
</xs:sequence>
</xs:complexType>
</xs:element>
<xs:element name="prefer-application-resources" minOccurs="0">
<xs:complexType>
<xs:sequence>
<xs:element name="resource-name" type="xs:string" minOccurs="0" maxOccurs="unbounded"/>
</xs:sequence>
</xs:complexType>
</xs:element>
</xs:all>
</xs:complexType>
</xs:element>
</xs:all>
</xs:complexType>
</xs:element>
</xs:schema>
+5 -3
View File
@@ -1,10 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<weblogic-web-app xmlns="http://xmlns.oracle.com/weblogic/weblogic-web-app"> <weblogic-web-app
xmlns="http://xmlns.oracle.com/weblogic/weblogic-web-app"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.oracle.com/weblogic/weblogic-web-app weblogic-web-app.xsd">
<context-root>monitoring</context-root> <context-root>monitoring</context-root>
<session-descriptor> <session-descriptor>
<timeout-secs>3600</timeout-secs> <timeout-secs>1800</timeout-secs>
<cookie-name>JSESSIONID_EMS</cookie-name>
<persistent-store-type>replicated_if_clustered</persistent-store-type> <persistent-store-type>replicated_if_clustered</persistent-store-type>
</session-descriptor> </session-descriptor>
-1
View File
@@ -1,7 +1,6 @@
@charset "utf-8"; @charset "utf-8";
.gnb .depth1 > li:hover > a{color:#008cc5;} /* theme */ .gnb .depth1 > li:hover > a{color:#008cc5;} /* theme */
.gnb .sitemap-link:hover{color:#008cc5;} /* theme */
.gnb .depth1 > li > .red_box{background:#008cc5;}/* theme */ .gnb .depth1 > li > .red_box{background:#008cc5;}/* theme */
.gnb .depth2 > li > a:hover{color:#008cc5;}/* theme */ .gnb .depth2 > li > a:hover{color:#008cc5;}/* theme */
-1
View File
@@ -1,7 +1,6 @@
@charset "utf-8"; @charset "utf-8";
.gnb .depth1 > li:hover > a{color:#16a085;} /* theme */ .gnb .depth1 > li:hover > a{color:#16a085;} /* theme */
.gnb .sitemap-link:hover{color:#16a085;} /* theme */
.gnb .depth1 > li > .red_box{background:#16a085;}/* theme */ .gnb .depth1 > li > .red_box{background:#16a085;}/* theme */
.gnb .depth2 > li > a:hover{color:#16a085;}/* theme */ .gnb .depth2 > li > a:hover{color:#16a085;}/* theme */
-1
View File
@@ -1,7 +1,6 @@
@charset "utf-8"; @charset "utf-8";
.gnb .depth1 > li:hover > a{color:#e74c3c;} /* theme */ .gnb .depth1 > li:hover > a{color:#e74c3c;} /* theme */
.gnb .sitemap-link:hover{color:#e74c3c;} /* theme */
.gnb .depth1 > li > .red_box{background:#e74c3c;}/* theme */ .gnb .depth1 > li > .red_box{background:#e74c3c;}/* theme */
.gnb .depth2 > li > a:hover{color:#e74c3c;}/* theme */ .gnb .depth2 > li > a:hover{color:#e74c3c;}/* theme */
-1
View File
@@ -1,7 +1,6 @@
@charset "utf-8"; @charset "utf-8";
.gnb .depth1 > li:hover > a{color:#ff80c0;} /* theme */ .gnb .depth1 > li:hover > a{color:#ff80c0;} /* theme */
.gnb .sitemap-link:hover{color:#ff80c0;} /* theme */
.gnb .depth1 > li > .red_box{background:#ff80c0;}/* theme */ .gnb .depth1 > li > .red_box{background:#ff80c0;}/* theme */
.gnb .depth2 > li > a:hover{color:#ff80c0;}/* theme */ .gnb .depth2 > li > a:hover{color:#ff80c0;}/* theme */
-1
View File
@@ -1,7 +1,6 @@
@charset "utf-8"; @charset "utf-8";
.gnb .depth1 > li:hover > a{color:#be8200;} /* theme */ .gnb .depth1 > li:hover > a{color:#be8200;} /* theme */
.gnb .sitemap-link:hover{color:#be8200;} /* theme */
.gnb .depth1 > li > .red_box{background:#be8200;}/* theme */ .gnb .depth1 > li > .red_box{background:#be8200;}/* theme */
.gnb .depth2 > li > a:hover{color:#be8200;}/* theme */ .gnb .depth2 > li > a:hover{color:#be8200;}/* theme */
+9 -9
View File
@@ -62,8 +62,8 @@ header.sub{position:relative; padding-top:80px;}
100% { color:rgba(255,96,78,0); } 100% { color:rgba(255,96,78,0); }
} */ } */
.gnb_bg{position:absolute; top:80px; left:0; display:none; width:100%; height:282px; box-sizing:border-box; background:white; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);} .gnb_bg{position:absolute; top:80px; left:0; display:none; width:100%; height:382px; box-sizing:border-box; background:white; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);}
.gnb{position:absolute; top:0px; left:180px; display:inline-block; height:80px; overflow-y:hidden;} .gnb{position:absolute; top:0px; left:230px; display:inline-block; height:80px; overflow-y:hidden;}
.gnb:hover{height:auto; overflow-y:visible;} .gnb:hover{height:auto; overflow-y:visible;}
.gnb:hover + .gnb_bg{display:block;} .gnb:hover + .gnb_bg{display:block;}
.gnb h1{float:left; display:block; width:auto; height:100%; line-height:80px;} .gnb h1{float:left; display:block; width:auto; height:100%; line-height:80px;}
@@ -71,15 +71,15 @@ header.sub{position:relative; padding-top:80px;}
.gnb .depth1 > li{position:relative;} .gnb .depth1 > li{position:relative;}
.gnb .depth1 > li > a{position:relative; display:block; box-sizing:border-box; color:#000; font-size:14px; width:160px; height:80px; text-align:center; line-height:80px; letter-spacing:-0.5px; opacity:0.7; transition:all 0.3s;} .gnb .depth1 > li > a{position:relative; display:block; box-sizing:border-box; color:#000; font-size:14px; width:160px; height:80px; text-align:center; line-height:80px; letter-spacing:-0.5px; opacity:0.7; transition:all 0.3s;}
.gnb .depth1 > li > a:after{content:''; position:absolute; top:34px; right:0; display:inline-block; width:1px; height:13px; } .gnb .depth1 > li > a:after{content:''; position:absolute; top:34px; right:0; display:inline-block; width:1px; height:13px; background:#ddd;}
.gnb .depth1 > li:first-child > a:before{content:''; position:absolute; top:34px; left:0; display:inline-block; width:1px; height:13px; } .gnb .depth1 > li:first-child > a:before{content:''; position:absolute; top:34px; left:0; display:inline-block; width:1px; height:13px; background:#ddd;}
/* /*
.gnb .depth1 > li:hover .red_box{transform:scaleX(1);} .gnb .depth1 > li:hover .red_box{transform:scaleX(1);}
.gnb .depth1 > li:hover > a{opacity:1;} .gnb .depth1 > li:hover > a{opacity:1;}
.gnb .depth1 > li > .red_box{display:block; position:absolute; width:100%; height:2px; top:78px; box-sizing:border-box; background:#ed1c24; transform-origin:center center; transform:scaleX(0); transition:all 0.3s;} .gnb .depth1 > li > .red_box{display:block; position:absolute; width:100%; height:2px; top:78px; box-sizing:border-box; background:#ed1c24; transform-origin:center center; transform:scaleX(0); transition:all 0.3s;}
*/ */
.gnb .depth2{position:absolute; left:0; top:80px; width:160px; height:280px; box-sizing:border-box; padding:20px 0; border-right:1px solid #eee; text-align:center; z-index:9;} .gnb .depth2{position:absolute; left:0; top:80px; width:160px; height:410px; box-sizing:border-box; padding:20px 0; border-right:1px solid #eee; text-align:center; z-index:9;}
.gnb .depth1 > li:first-child .depth2{border-left:1px solid #eee;} .gnb .depth2.first{border-left:1px solid #eee;}
.gnb .depth2 > li > a{display:block; color:#000; font-size:13px; line-height:30px;} .gnb .depth2 > li > a{display:block; color:#000; font-size:13px; line-height:30px;}
.gnb .depth2 > li > a:hover{color:#ff0000;} .gnb .depth2 > li > a:hover{color:#ff0000;}
@@ -94,9 +94,9 @@ header.sub{position:relative; padding-top:80px;}
.left_box .depth3 > li:hover > a, .left_box .depth3 > li.on > a{color:#ed1c24;} .left_box .depth3 > li:hover > a, .left_box .depth3 > li.on > a{color:#ed1c24;}
.content_top{position:fixed; top:0; left:0; padding:0 30px; width:100%; height:50px; line-height:50px; background:#eee; border-top:1px solid #ddd; border-left:1px solid #ddd; z-index:100;} .content_top{position:fixed; top:0; left:0; padding:0 30px; width:100%; height:50px; line-height:50px; background:#eee; border-top:1px solid #ddd; border-left:1px solid #ddd; z-index:100;}
.content_top .path{margin:0; padding:0;} .content_top .path{}
.content_top .path > li{display:inline-block; margin:0; padding:0;} .content_top .path > li{display:inline-block;}
.content_top .path > li a{display:block; height:50px; line-height:50px; padding-left:10px; font-size:12px; color:#999; text-decoration:none;} .content_top .path > li a{display:block; height:50px; line-height:50px; padding-left:10px; font-size:12px; color:#999;}
.content_top .path > li a:hover{color:#666;} .content_top .path > li a:hover{color:#666;}
.content_top .path > li a:before{content:'>'; margin-right:10px;} .content_top .path > li a:before{content:'>'; margin-right:10px;}
.content_top .path > li:first-child a:before{content:'';} .content_top .path > li:first-child a:before{content:'';}
+67 -177
View File
@@ -25,18 +25,6 @@
components: [], // 재사용 스키마(POC: 빈 상태) components: [], // 재사용 스키마(POC: 빈 상태)
}; };
// GW authtype(oauth/api_key 등, 서버 DETAIL_SPEC 응답). 인증 badge 라벨 판별용.
// (enricher 는 oauth·api_key 를 모두 apiKey-in-header 로 모델링하므로 scheme.type 만으로 구분 불가)
var djbAuthType = '';
// 마지막 저장(또는 최초 로드) 시점의 state.data 스냅샷 — 닫기 전 미저장 변경 여부 판별용.
var savedSnapshot = null;
function isDirty() { return savedSnapshot !== null && JSON.stringify(state.data) !== savedSnapshot; }
function closeEditor() {
if (isDirty() && !window.confirm('저장하지 않은 변경사항이 있습니다. 저장하지 않고 닫으시겠습니까?')) return;
window.close();
}
// ============================================================ // ============================================================
// 2. 유틸 // 2. 유틸
// ============================================================ // ============================================================
@@ -199,11 +187,16 @@
} }
}); });
// spec 의 서버는 응답유형과 무관하게 항상 GW 주소로 고정한다 — spec 은 "이 API 를 실제로 어디로 // 경로(op.path.value)에는 어댑터경로가 이미 baking 됨(백엔드 applyAutoRules). 서버는 응답유형별 호스트만 붙인다.
// 호출하는가"의 공개 계약이고, 그 기준은 게이트웨이다. sample/mock 은 테스트베드 동작(포탈 // - gw : djb.gateway.base-url (PortalProperty) → [gw호스트 + 어댑터경로 + 경로]
// ApiTesterFilter 가 응답유형에 따라 sampleResponse 반환 / mockUrl forward)에서만 갈린다. // - mock : Mock Server URL → [mock호스트 + 어댑터경로 + 경로]
// 경로(op.path.value)에는 어댑터경로가 이미 baking 됨(백엔드 applyAutoRules). // - 그 외 : 호스트 없음 → [어댑터경로 + 경로]
spec.servers = [{ url: gatewayAddress() }]; var _rt = (d.portal && d.portal.responseType) || 'sample';
var _host;
if (_rt === 'gw') _host = (window.DJB_CTX && window.DJB_CTX.gwAddress) || 'http://127.0.0.1:39310';
else if (_rt === 'mock') _host = (d.portal && d.portal.mockUrl) || '';
else _host = '';
if (_host) spec.servers = [{ url: _host }];
spec.paths[op.path.value] = { [op.method.value.toLowerCase()]: operation }; spec.paths[op.path.value] = { [op.method.value.toLowerCase()]: operation };
// 보안 스킴 // 보안 스킴
@@ -232,8 +225,6 @@
const s = { type: row.type.value }; const s = { type: row.type.value };
if (row.format && row.format.value) s.format = row.format.value; if (row.format && row.format.value) s.format = row.format.value;
if (row.maxLength && row.maxLength.value) s.maxLength = Number(row.maxLength.value); if (row.maxLength && row.maxLength.value) s.maxLength = Number(row.maxLength.value);
// 소수 자릿수(GW 레이아웃 유래) 보존 — 예제값 생성 시 '.' 포함 길이 계산에 사용
if (row.decimals && row.decimals.value !== '' && row.decimals.value != null) s['x-djb-decimal'] = Number(row.decimals.value);
if (row.pattern && row.pattern.value) s.pattern = row.pattern.value; if (row.pattern && row.pattern.value) s.pattern = row.pattern.value;
if (row.description && row.description.value) s.description = row.description.value; if (row.description && row.description.value) s.description = row.description.value;
if (row.example && row.example.value !== '') s.example = coerceExample(row.type.value, row.example.value); if (row.example && row.example.value !== '') s.example = coerceExample(row.type.value, row.example.value);
@@ -257,11 +248,9 @@
if (row.description && row.description.value) obj.properties[name].description = row.description.value; if (row.description && row.description.value) obj.properties[name].description = row.description.value;
if (row.name && row.name.locked) obj.properties[name]['x-djb-gw'] = true; if (row.name && row.name.locked) obj.properties[name]['x-djb-gw'] = true;
} else if (row.type.value === 'array') { } else if (row.type.value === 'array') {
const itemType = (row.itemsType && row.itemsType.value) || 'string';
obj.properties[name] = { obj.properties[name] = {
type: 'array', type: 'array',
// array<object>(GW GRID): 자식 행을 items.properties 로 직렬화. (누락 시 저장 왕복에서 자식 유실) items: { type: (row.itemsType && row.itemsType.value) || 'string' }
items: itemType === 'object' ? schemaArrayToObject(row.children || []) : { type: itemType }
}; };
if (row.description && row.description.value) obj.properties[name].description = row.description.value; if (row.description && row.description.value) obj.properties[name].description = row.description.value;
if (row.name && row.name.locked) obj.properties[name]['x-djb-gw'] = true; if (row.name && row.name.locked) obj.properties[name]['x-djb-gw'] = true;
@@ -312,7 +301,7 @@
function goStep(n) { function goStep(n) {
if (n < 1 || n > STEPS.length) return; if (n < 1 || n > STEPS.length) return;
state.step = n; state.step = n;
if (n === 2) state.reqInfoTab = firstReqTabWithData(); // 요청 정보: 값 있는 탭(Header→Parameter→Body 순) 먼저 if (n === 2) state.reqInfoTab = 'body'; // 요청/응답 정보: 진입 시 항상 Body 먼저
if (n === 3) state.resInfoTab = 'body'; if (n === 3) state.resInfoTab = 'body';
renderStepper(); renderStepper();
renderForm(); renderForm();
@@ -346,9 +335,8 @@
} }
function fieldRow(label, controlHtml, opts) { function fieldRow(label, controlHtml, opts) {
opts = opts || {}; opts = opts || {};
const rowSpacing = opts.bordered ? 'px-3 py-3' : 'mb-3';
return ` return `
<div class="grid grid-cols-12 items-start gap-3 ${rowSpacing}"> <div class="grid grid-cols-12 items-start gap-3 mb-3">
<label class="col-span-3 pt-1.5 text-sm text-slate-600 ${opts.required ? 'font-medium' : ''}"> <label class="col-span-3 pt-1.5 text-sm text-slate-600 ${opts.required ? 'font-medium' : ''}">
${escapeHtml(label)}${opts.required ? ' <span class="text-red-500">*</span>' : ''} ${escapeHtml(label)}${opts.required ? ' <span class="text-red-500">*</span>' : ''}
${opts.locked ? '<span class="ml-1 text-slate-400 text-xs">🔒</span>' : ''} ${opts.locked ? '<span class="ml-1 text-slate-400 text-xs">🔒</span>' : ''}
@@ -378,7 +366,7 @@
`<div class="flex items-center gap-3 mb-4 p-3 bg-slate-50 border border-slate-200 rounded"> `<div class="flex items-center gap-3 mb-4 p-3 bg-slate-50 border border-slate-200 rounded">
<span class="px-2.5 py-1 text-xs font-bold rounded border ${methodColor}">${escapeHtml(op.method.value)}</span> <span class="px-2.5 py-1 text-xs font-bold rounded border ${methodColor}">${escapeHtml(op.method.value)}</span>
<code class="text-sm font-mono text-slate-800">${escapeHtml(op.path.value)}</code> <code class="text-sm font-mono text-slate-800">${escapeHtml(op.path.value)}</code>
<span class="text-xs text-slate-400 ml-auto">🔒 게이트웨이 설정</span> <span class="text-xs text-slate-400 ml-auto">🔒 게이트웨이에서 자동 동기화</span>
</div>` + </div>` +
fieldRow('Operation ID', lockedInput((window.DJB_CTX && window.DJB_CTX.eaiSvcName) || op.operationId.value), { locked: true }) + fieldRow('Operation ID', lockedInput((window.DJB_CTX && window.DJB_CTX.eaiSvcName) || op.operationId.value), { locked: true }) +
fieldRow('API 타이틀', input(i.title.value, 'data-path="info.title.value"', { required: true }), { required: true }) + fieldRow('API 타이틀', input(i.title.value, 'data-path="info.title.value"', { required: true }), { required: true }) +
@@ -451,19 +439,6 @@
+ '</div>'; + '</div>';
} }
// 요청 정보 진입 시 먼저 보일 서브탭 = 값이 든 첫 탭(Header→Parameter→Body 순).
// 보통 GET 은 Parameter(query), POST 는 Body 에만 값이 있음. 전부 비면 Body 로.
function firstReqTabWithData() {
var params = (state.data && state.data.parameters) || [];
var hasHeader = params.some(function (p) { return p.in === 'header'; });
var hasParam = params.some(function (p) { return p.in === 'query'; });
var hasBody = !!(state.data && state.data.requestBody && state.data.requestBody.schema && state.data.requestBody.schema.length);
if (hasHeader) return 'header';
if (hasParam) return 'param';
if (hasBody) return 'body';
return 'body';
}
// Step 2 — 요청 정보 (Header / Parameter / Body / API 설명(HTML)) // Step 2 — 요청 정보 (Header / Parameter / Body / API 설명(HTML))
function renderReqInfo(root) { function renderReqInfo(root) {
const tab = state.reqInfoTab || 'body'; const tab = state.reqInfoTab || 'body';
@@ -684,7 +659,6 @@
const isLocked = row.name.locked; const isLocked = row.name.locked;
const isObject = row.type.value === 'object'; const isObject = row.type.value === 'object';
const isArray = row.type.value === 'array'; const isArray = row.type.value === 'array';
const isArrayOfObject = isArray && (row.itemsType && row.itemsType.value) === 'object';
const expandedKey = `${path}.__expanded`; const expandedKey = `${path}.__expanded`;
const isExpanded = state[expandedKey] !== false; const isExpanded = state[expandedKey] !== false;
@@ -694,7 +668,7 @@
<td class="py-2 px-2 text-center">${isLocked ? '<span class="text-slate-400 text-xs" title="게이트웨이 동기화">🔒</span>' : ''}</td> <td class="py-2 px-2 text-center">${isLocked ? '<span class="text-slate-400 text-xs" title="게이트웨이 동기화">🔒</span>' : ''}</td>
<td class="py-2 px-2"> <td class="py-2 px-2">
<div class="flex items-center gap-1" style="padding-left:${depth * 18}px;"> <div class="flex items-center gap-1" style="padding-left:${depth * 18}px;">
${isObject || isArrayOfObject ${isObject || isArray
? `<button data-toggle-expand="${path}" class="w-4 h-4 text-slate-400 hover:text-slate-700">${isExpanded ? '▾' : '▸'}</button>` ? `<button data-toggle-expand="${path}" class="w-4 h-4 text-slate-400 hover:text-slate-700">${isExpanded ? '▾' : '▸'}</button>`
: `<span class="w-4 inline-block"></span>`} : `<span class="w-4 inline-block"></span>`}
<span class="text-xs text-slate-400 mr-1">${isObject ? '{}' : isArray ? '[]' : '·'}</span> <span class="text-xs text-slate-400 mr-1">${isObject ? '{}' : isArray ? '[]' : '·'}</span>
@@ -725,7 +699,7 @@
isArray isArray
? `<div class="flex gap-1 items-center"> ? `<div class="flex gap-1 items-center">
<span class="text-xs text-slate-400">items:</span> <span class="text-xs text-slate-400">items:</span>
${selectInput((row.itemsType && row.itemsType.value) || 'string', ['string', 'integer', 'number', 'boolean', 'object'], `data-path="${path}.itemsType.value" data-rerender="step3"`, { extra: 'text-xs' })} ${selectInput((row.itemsType && row.itemsType.value) || 'string', ['string', 'integer', 'number', 'boolean'], `data-path="${path}.itemsType.value"`, { extra: 'text-xs' })}
</div>` </div>`
: input(row.example.value, `data-path="${path}.example.value"`, { placeholder: '예제값' })} : input(row.example.value, `data-path="${path}.example.value"`, { placeholder: '예제값' })}
</td> </td>
@@ -737,8 +711,8 @@
</tr> </tr>
`; `;
// children (object + array<object>(GRID) 공통) // children
if ((isObject || isArrayOfObject) && isExpanded) { if (isObject && isExpanded) {
if (row.children && row.children.length) { if (row.children && row.children.length) {
html += renderSchemaRows(row.children, `${path}.children`, depth + 1, seq); html += renderSchemaRows(row.children, `${path}.children`, depth + 1, seq);
} }
@@ -757,44 +731,22 @@
// ============================================================ // ============================================================
// 9. 인증 / 보안 (기본정보 Step 에 병합된 섹션) // 9. 인증 / 보안 (기본정보 Step 에 병합된 섹션)
// ============================================================ // ============================================================
// 테스트베드 프록시 사용 여부(포탈 djb.gateway.use-proxy / token-use-proxy). DJB_CTX 미지정 시 기본 true.
function useProxyOn() { return !(window.DJB_CTX && window.DJB_CTX.useProxy === false); }
function tokenProxyOn() { return !(window.DJB_CTX && window.DJB_CTX.tokenUseProxy === false); }
// 인증 스킴 → 실제 인증방식 라벨/색상. GW enricher 는 oauth·api_key 를 모두 apiKey-in-header 로 모델링하므로
// scheme.type("apiKey")만으로는 구분 불가 → authtype(djbAuthType) 및 scheme key(djbOAuth/djbApiKey)로 판별.
function schemeAuthLabel(s) {
var at = (djbAuthType || '').trim().toLowerCase();
if (at === 'oauth' || at === 'oauth2' || at === 'ca' || s.key === 'djbOAuth') {
return { label: 'OAUTH', cls: 'bg-purple-100 text-purple-700' };
}
if (at === 'api_key' || at === 'apikey' || s.key === 'djbApiKey') {
return { label: 'API KEY', cls: 'bg-emerald-100 text-emerald-700' };
}
return { label: (s.type || '').toUpperCase(), cls: 'bg-slate-100 text-slate-700' };
}
function renderAuthSection() { function renderAuthSection() {
var schemes = state.data.securitySchemes || []; var schemes = state.data.securitySchemes || [];
var proxyOn = useProxyOn();
var notice =
'<div class="mb-3 text-xs bg-slate-50 border border-slate-200 rounded p-2 leading-relaxed text-slate-600">'
+ '<div>Swagger 테스트 호출: <b>' + (proxyOn ? '포탈 프록시 경유' : '직접 호출') + '</b>'
+ (proxyOn ? ' — <code class="font-mono">/api/call-api</code> 가 인증 토큰·헤더를 대신 주입합니다.'
: ' — 브라우저가 대상 주소로 직접 호출(대상 CORS 허용 필요).') + '</div>'
+ '<div>토큰 발급: <b>' + (tokenProxyOn() ? '포탈 프록시 경유' : '직접 호출') + '</b></div>'
+ '<div class="text-slate-400 mt-1">프록시 여부는 포탈 설정 <code class="font-mono">djb.gateway.use-proxy</code> / <code class="font-mono">djb.gateway.token-use-proxy</code> 로 제어됩니다.</div>'
+ '</div>';
return card( return card(
sectionTitle('인증 / 보안', '게이트웨이(GW)에 설정된 인증만 표시됩니다. (읽기 전용)') + sectionTitle('인증 / 보안', '게이트웨이(GW)에 설정된 인증만 표시됩니다. (읽기 전용)') +
notice +
(schemes.length (schemes.length
? schemes.map((s, i) => renderSecuritySchemeCard(s, i)).join('') ? schemes.map((s, i) => renderSecuritySchemeCard(s, i)).join('')
: '<div class="text-sm text-slate-500 py-2">인증 없음</div>') : '<div class="text-sm text-slate-500 py-2">인증 없음</div>')
); );
} }
function renderSecuritySchemeCard(s, idx) { function renderSecuritySchemeCard(s, idx) {
const auth = schemeAuthLabel(s); const typeBadge = {
apiKey: 'bg-emerald-100 text-emerald-700',
http: 'bg-blue-100 text-blue-700',
oauth2: 'bg-purple-100 text-purple-700',
openIdConnect: 'bg-slate-100 text-slate-700'
}[s.type] || 'bg-slate-100 text-slate-700';
let body = ''; let body = '';
if (s.type === 'apiKey') { if (s.type === 'apiKey') {
@@ -821,7 +773,7 @@
<div class="border border-slate-200 rounded-lg p-3 mb-3 locked-card"> <div class="border border-slate-200 rounded-lg p-3 mb-3 locked-card">
<div class="flex items-center gap-2 mb-3"> <div class="flex items-center gap-2 mb-3">
<code class="text-sm font-semibold text-slate-800">${escapeHtml(s.key)}</code> <code class="text-sm font-semibold text-slate-800">${escapeHtml(s.key)}</code>
<span class="px-2 py-0.5 text-[10px] uppercase rounded ${auth.cls}">${escapeHtml(auth.label)}</span> <span class="px-2 py-0.5 text-[10px] uppercase rounded ${typeBadge}">${escapeHtml(s.type)}</span>
<span class="text-xs text-slate-400 ml-1">🔒 GW</span> <span class="text-xs text-slate-400 ml-1">🔒 GW</span>
</div> </div>
${body} ${body}
@@ -978,32 +930,14 @@
} }
} }
// spec servers 에 넣을 게이트웨이 주소(단일 기준). 응답유형과 무관하게 항상 이 값을 쓴다. // 응답유형별 실제 호출 주소. 경로(op.path.value)에 어댑터경로가 이미 포함, 호스트만 응답유형별로 앞에 붙임.
function gatewayAddress() {
return (window.DJB_CTX && window.DJB_CTX.gwAddress) || 'http://127.0.0.1:39310';
}
// 전체 URL → { origin, path }. Mock Server URL 을 서버+경로로 분해(경로를 별도로 덧붙이지 않기 위함).
function splitFullUrl(u) {
u = (u || '').trim();
if (!u) return { origin: '', path: '/' };
try {
var parsed = new URL(u);
var path = (parsed.pathname || '/') + (parsed.search || '');
if (!path || path.charAt(0) !== '/') path = '/' + path;
return { origin: parsed.origin, path: path };
} catch (e) {
// 스킴 누락/파싱 실패 → 통째 origin 취급, path 는 '/'
return { origin: u.replace(/\/+$/, ''), path: '/' };
}
}
// 응답유형별 실제 호출 주소. gw 는 [호스트 + 경로], mock 은 입력한 전체 URL 그대로(경로 미부착).
function resolvedCallUrl() { function resolvedCallUrl() {
var d = state.data; var d = state.data;
var rt = (d.portal && d.portal.responseType) || 'sample'; var rt = (d.portal && d.portal.responseType) || 'sample';
if (rt === 'mock') return (((d.portal && d.portal.mockUrl) || '').trim()) || '(주소 없음)'; var host;
var host = (rt === 'gw') ? ((window.DJB_CTX && window.DJB_CTX.gwAddress) || 'http://127.0.0.1:39310') : ''; if (rt === 'gw') host = (window.DJB_CTX && window.DJB_CTX.gwAddress) || 'http://127.0.0.1:39310';
else if (rt === 'mock') host = (d.portal && d.portal.mockUrl) || '';
else host = '';
var path = (d.operation && d.operation.path && d.operation.path.value) || ''; var path = (d.operation && d.operation.path && d.operation.path.value) || '';
if (!host) return path || '(주소 없음)'; if (!host) return path || '(주소 없음)';
return host.replace(/\/+$/, '') + (path.charAt(0) === '/' ? path : '/' + path); return host.replace(/\/+$/, '') + (path.charAt(0) === '/' ? path : '/' + path);
@@ -1026,26 +960,24 @@
root.innerHTML = root.innerHTML =
card( card(
sectionTitle('포탈 게시 정보', '개발자포탈 공개 설정. 기존 API 스펙 화면의 값을 불러와 적용합니다.') + sectionTitle('포탈 게시 정보', '개발자포탈 공개 설정. 기존 API 스펙 화면의 값을 불러와 적용합니다.') +
'<div class="border border-slate-200 rounded-lg divide-y divide-slate-200">' +
fieldRow('API 그룹', fieldRow('API 그룹',
`<div class="flex flex-col gap-1"> `<div class="flex flex-col gap-1">
<div class="flex items-center gap-2 flex-wrap"> <div class="flex items-center gap-2 flex-wrap">
<span id="group-chips">${groupChips || '<span class="text-xs text-slate-400">선택된 그룹 없음</span>'}</span> <span id="group-chips">${groupChips || '<span class="text-xs text-slate-400">선택된 그룹 없음</span>'}</span>
<button type="button" id="btn-select-group" class="px-2 py-1 text-sm rounded border border-slate-300 hover:bg-slate-50">+ 선택</button> <button type="button" id="btn-select-group" class="px-2 py-1 text-sm rounded border border-slate-300 hover:bg-slate-50">+ 선택</button>
</div> </div>
<div class="text-xs text-slate-400">API 그룹을 설정하지 않으면 포탈에 게시되지 않습니다.</div>
<div class="text-xs text-slate-400">API 그룹은 apiGroupMan(API 그룹 관리)에서도 관리됩니다.</div> <div class="text-xs text-slate-400">API 그룹은 apiGroupMan(API 그룹 관리)에서도 관리됩니다.</div>
</div>`, { bordered: true }) + </div>`) +
fieldRow('포탈 게시 활성화', `<label class="inline-flex items-center gap-2 text-sm">${checkbox(p.displayYn === 'Y', 'data-portal-yn')} 활성화</label>`, { bordered: true }) + fieldRow('공개 여부', `<label class="inline-flex items-center gap-2 text-sm">${checkbox(p.displayYn === 'Y', 'data-portal-yn')} 공개</label>`) +
fieldRow('역할별 공개 한', fieldRow('공개 한',
`<div class="flex flex-col gap-1"> `<div class="flex flex-col gap-1">
<div class="flex gap-4"> <div class="flex gap-4">
<label class="inline-flex items-center gap-1 text-sm">${checkbox(!!roles.ROLE_USER, 'data-role="ROLE_USER"')} 개인사용자</label> <label class="inline-flex items-center gap-1 text-sm">${checkbox(!!roles.ROLE_USER, 'data-role="ROLE_USER"')} 개인사용자</label>
<label class="inline-flex items-center gap-1 text-sm">${checkbox(!!roles.ROLE_CORP_USER, 'data-role="ROLE_CORP_USER"')} 법인사용자</label> <label class="inline-flex items-center gap-1 text-sm">${checkbox(!!roles.ROLE_CORP_USER, 'data-role="ROLE_CORP_USER"')} 법인사용자</label>
<label class="inline-flex items-center gap-1 text-sm">${checkbox(!!roles.ROLE_CORP_MANAGER, 'data-role="ROLE_CORP_MANAGER"')} 법인관리자</label> <label class="inline-flex items-center gap-1 text-sm">${checkbox(!!roles.ROLE_CORP_MANAGER, 'data-role="ROLE_CORP_MANAGER"')} 법인관리자</label>
</div> </div>
<div class="text-xs text-slate-400">선택시 비 로그인 사용자에게 공개 되지 않습니다.</div> <div class="text-xs text-slate-400">전부 선택 시 로그인 사용자 전체에게 공개니다.</div>
</div>`, { bordered: true }) + </div>`) +
(showOrg ? fieldRow('공개 법인', (showOrg ? fieldRow('공개 법인',
`<div class="flex flex-col gap-1"> `<div class="flex flex-col gap-1">
<div class="flex items-center gap-2 flex-wrap"> <div class="flex items-center gap-2 flex-wrap">
@@ -1053,35 +985,28 @@
<button type="button" id="btn-select-org" class="px-2 py-1 text-sm rounded border border-slate-300 hover:bg-slate-50">+ 선택</button> <button type="button" id="btn-select-org" class="px-2 py-1 text-sm rounded border border-slate-300 hover:bg-slate-50">+ 선택</button>
</div> </div>
<div class="text-xs text-slate-400">특정 법인에게만 공개하고 싶을 때 공개 법인을 선택하시면 됩니다.</div> <div class="text-xs text-slate-400">특정 법인에게만 공개하고 싶을 때 공개 법인을 선택하시면 됩니다.</div>
</div>`, { bordered: true }) : '') + </div>`) : '') +
fieldRow('응답 유형', fieldRow('응답 유형',
'<div>' + '<div>' +
['sample', 'mock', 'gw'].map(v => ['sample', 'mock', 'gw'].map(v =>
`<label class="inline-flex items-center gap-1 text-sm mr-3"><input type="radio" name="portal-rt" data-portal-rt="${v}" ${rt === v ? 'checked' : ''}> ${v === 'gw' ? 'GW' : v}</label>` `<label class="inline-flex items-center gap-1 text-sm mr-3"><input type="radio" name="portal-rt" data-portal-rt="${v}" ${rt === v ? 'checked' : ''}> ${v === 'gw' ? 'GW' : v}</label>`
).join('') + ).join('') +
(rt === 'sample' `<div class="mt-2 text-xs text-slate-500">실제 호출 주소: <code id="resolved-call-url" class="font-mono text-slate-700 break-all">${escapeHtml(resolvedCallUrl())}</code></div>` +
? `<div class="mt-2 text-xs text-slate-500">응답 샘플을 바로 리턴합니다.</div>`
: `<div class="mt-2 text-xs text-slate-500">실제 호출 주소: <code id="resolved-call-url" class="font-mono text-slate-700 break-all">${escapeHtml(resolvedCallUrl())}</code></div>`
+ `<div class="mt-1 text-xs text-slate-500">호출 방식: <b>${useProxyOn() ? '포탈 프록시 경유' : '직접 호출'}</b>`
+ (useProxyOn() ? ' (<code class="font-mono">/api/call-api</code> 경유, 인증 헤더 자동 주입)' : ' (브라우저 → 대상 직접 호출, 대상 CORS 허용 필요)') + `</div>`) +
(rt === 'gw' ? `<div class="mt-1 text-xs text-slate-400">GW 주소는 포탈 설정(PTL_PROPERTY, 그룹 Portal)의 <code class="font-mono">djb.gateway.base-url</code> 값을 사용합니다.</div>` : '') + (rt === 'gw' ? `<div class="mt-1 text-xs text-slate-400">GW 주소는 포탈 설정(PTL_PROPERTY, 그룹 Portal)의 <code class="font-mono">djb.gateway.base-url</code> 값을 사용합니다.</div>` : '') +
'</div>', { bordered: true }) + '</div>') +
(rt === 'mock' ? fieldRow('Mock Server URL', input(p.mockUrl || '', 'data-portal="mockUrl"', { placeholder: 'https://mock.example.com/api/v1/foo' }), { hint: 'Mock 응답을 제공할 전체 호출 URL(경로 포함). 응답 유형이 Mock 일 때 이 주소로 그대로 호출하며, 어댑터/오퍼레이션 경로를 뒤에 덧붙이지 않습니다.', bordered: true }) : '') + (rt === 'mock' ? fieldRow('Mock Server URL', input(p.mockUrl || '', 'data-portal="mockUrl"', { placeholder: 'https://mock.example.com' }), { hint: 'Mock 응답을 제공할 서버의 기본 URL. 응답 유형이 Mock 일 때 개발자포탈이 이 주소로 요청을 전달하고, Swagger 스펙의 서버 주소로도 사용됩니다.' }) : '')
'</div>'
) + ) +
card( card(
sectionTitle('설명 (API 소개 페이지)', 'API 소개 페이지에만 표시됩니다. OpenAPI 스펙 파일에는 포함되지 않습니다.') + sectionTitle('설명 (API 소개 페이지)', 'API 소개 페이지에만 표시됩니다. OpenAPI 스펙 파일에는 포함되지 않습니다.') +
'<div id="info-desc-editor">' + (state.data.info.description.value || '') + '</div>' '<div id="info-desc-editor">' + (state.data.info.description.value || '') + '</div>'
) + ) +
// 내보내기 카드는 PTL_PROPERTY(djb.openapi.export.enabled=true) 일 때만 노출. 기본 미노출.
((window.DJB_CTX && window.DJB_CTX.exportEnabled) ?
card( card(
sectionTitle('내보내기', 'OpenAPI 스펙을 파일로 저장합니다.') + sectionTitle('내보내기', 'OpenAPI 스펙을 파일로 저장합니다.') +
`<div class="flex gap-2"> `<div class="flex gap-2">
<button data-export="yaml" class="px-4 py-2 text-sm rounded bg-brand-600 text-white hover:bg-brand-700">YAML 다운로드</button> <button data-export="yaml" class="px-4 py-2 text-sm rounded bg-brand-600 text-white hover:bg-brand-700">YAML 다운로드</button>
<button data-export="json" class="px-4 py-2 text-sm rounded border border-brand-300 text-brand-700 hover:bg-brand-50">JSON 다운로드</button> <button data-export="json" class="px-4 py-2 text-sm rounded border border-brand-300 text-brand-700 hover:bg-brand-50">JSON 다운로드</button>
</div>` </div>`
) : ''); );
initInfoDescEditor(); // 설명 리치 에디터 (API 소개 페이지 전용) initInfoDescEditor(); // 설명 리치 에디터 (API 소개 페이지 전용)
} }
@@ -1476,7 +1401,6 @@
required: { value: false, locked: false }, required: { value: false, locked: false },
format: { value: '', locked: false }, format: { value: '', locked: false },
maxLength: { value: '', locked: false }, maxLength: { value: '', locked: false },
decimals: { value: '', locked: false },
pattern: { value: '', locked: false }, pattern: { value: '', locked: false },
description: { value: '', locked: false }, description: { value: '', locked: false },
example: { value: '', locked: false }, example: { value: '', locked: false },
@@ -1491,7 +1415,6 @@
required: { value: false, locked: false }, required: { value: false, locked: false },
format: { value: '', locked: false }, format: { value: '', locked: false },
maxLength: { value: '', locked: false }, maxLength: { value: '', locked: false },
decimals: { value: '', locked: false },
pattern: { value: '', locked: false }, pattern: { value: '', locked: false },
description: { value: '', locked: false }, description: { value: '', locked: false },
example: { value: '', locked: false } example: { value: '', locked: false }
@@ -1663,7 +1586,7 @@
$('#btn-prev').addEventListener('click', () => goStep(state.step - 1)); $('#btn-prev').addEventListener('click', () => goStep(state.step - 1));
$('#btn-next').addEventListener('click', () => { $('#btn-next').addEventListener('click', () => {
if (state.step < STEPS.length) goStep(state.step + 1); if (state.step < STEPS.length) goStep(state.step + 1);
else saveSpec(false); // 마지막 단계의 "완료" → 저장 동작 else toast('모든 단계를 완료했습니다. 우측 미리보기 또는 내보내기를 사용하세요.');
}); });
$('#btn-toggle-preview').addEventListener('click', () => setPreviewVisibility(false)); $('#btn-toggle-preview').addEventListener('click', () => setPreviewVisibility(false));
@@ -1696,22 +1619,18 @@
toast('변경을 취소했습니다'); toast('변경을 취소했습니다');
}); });
// 내보내기 버튼은 djb.openapi.export.enabled=true 일 때만 DOM 에 존재 → 없으면 바인딩 생략 $('#btn-export').addEventListener('click', () => $('#export-menu').classList.toggle('hidden'));
var bExport = $('#btn-export'); document.addEventListener('click', e => {
if (bExport) { if (!e.target.closest('#btn-export') && !e.target.closest('#export-menu')) $('#export-menu').classList.add('hidden');
bExport.addEventListener('click', () => $('#export-menu').classList.toggle('hidden')); });
document.addEventListener('click', e => { $('#export-menu').addEventListener('click', e => {
if (!e.target.closest('#btn-export') && !e.target.closest('#export-menu')) $('#export-menu').classList.add('hidden'); const b = e.target.closest('[data-export]');
}); if (b) { downloadSpec(b.dataset.export); $('#export-menu').classList.add('hidden'); }
$('#export-menu').addEventListener('click', e => { });
const b = e.target.closest('[data-export]');
if (b) { downloadSpec(b.dataset.export); $('#export-menu').classList.add('hidden'); }
});
}
var bSave = $('#btn-save'); if (bSave) bSave.addEventListener('click', () => saveSpec(false)); var bSave = $('#btn-save'); if (bSave) bSave.addEventListener('click', () => saveSpec(false));
var bRegen = $('#btn-regen'); if (bRegen) bRegen.addEventListener('click', regenerate); var bRegen = $('#btn-regen'); if (bRegen) bRegen.addEventListener('click', regenerate);
var bClose = $('#btn-close'); if (bClose) bClose.addEventListener('click', closeEditor); var bClose = $('#btn-close'); if (bClose) bClose.addEventListener('click', () => window.close());
// Cmd/Ctrl + S → 저장 (브라우저 기본 저장 대화상자 차단) // Cmd/Ctrl + S → 저장 (브라우저 기본 저장 대화상자 차단)
document.addEventListener('keydown', function (e) { document.addEventListener('keydown', function (e) {
@@ -1745,17 +1664,11 @@
var row = { var row = {
name: wrap(name, gw), type: wrap(t, gw), required: wrap(!!required, false), name: wrap(name, gw), type: wrap(t, gw), required: wrap(!!required, false),
format: wrap(p.format || ''), maxLength: wrap(p.maxLength == null ? '' : p.maxLength), format: wrap(p.format || ''), maxLength: wrap(p.maxLength == null ? '' : p.maxLength),
decimals: wrap(p['x-djb-decimal'] == null ? '' : p['x-djb-decimal']),
pattern: wrap(p.pattern || ''), description: wrap(p.description || ''), pattern: wrap(p.pattern || ''), description: wrap(p.description || ''),
example: wrap(p.example == null ? '' : p.example), children: null example: wrap(p.example == null ? '' : p.example), children: null
}; };
if (t === 'object') row.children = schemaToRows(p); if (t === 'object') row.children = schemaToRows(p);
else if (t === 'array') { else if (t === 'array') row.itemsType = wrap((p.items && p.items.type) || 'string');
var itemType = (p.items && p.items.type) || 'string';
row.itemsType = wrap(itemType);
// array<object>(GW GRID): items.properties 를 자식 행으로 복원. (누락 시 자식 필드 유실)
if (itemType === 'object') row.children = schemaToRows(p.items);
}
return row; return row;
} }
function schemaToRows(schema) { function schemaToRows(schema) {
@@ -1795,7 +1708,7 @@
}; };
d.parameters = (op.parameters || []).map(function (p) { d.parameters = (op.parameters || []).map(function (p) {
var s = p.schema || {}; var s = p.schema || {};
return { in: p.in || 'query', name: wrap(p.name), type: wrap(s.type || 'string'), required: wrap(!!p.required), format: wrap(s.format || ''), maxLength: wrap(s.maxLength == null ? '' : s.maxLength), decimals: wrap(s['x-djb-decimal'] == null ? '' : s['x-djb-decimal']), pattern: wrap(s.pattern || ''), description: wrap(p.description || ''), example: wrap(p.example == null ? '' : p.example) }; return { in: p.in || 'query', name: wrap(p.name), type: wrap(s.type || 'string'), required: wrap(!!p.required), format: wrap(s.format || ''), maxLength: wrap(s.maxLength == null ? '' : s.maxLength), pattern: wrap(s.pattern || ''), description: wrap(p.description || ''), example: wrap(p.example == null ? '' : p.example) };
}); });
var rb = op.requestBody || {}; var rbc = rb.content || {}; var mt = Object.keys(rbc)[0] || 'application/json'; var rb = op.requestBody || {}; var rbc = rb.content || {}; var mt = Object.keys(rbc)[0] || 'application/json';
d.requestBody = { mediaType: mt, required: wrap(!!rb.required), schema: schemaToRows((rbc[mt] || {}).schema) }; d.requestBody = { mediaType: mt, required: wrap(!!rb.required), schema: schemaToRows((rbc[mt] || {}).schema) };
@@ -1840,34 +1753,19 @@
// 스키마 기반 샘플 JSON 생성 (자동생성 예제) // 스키마 기반 샘플 JSON 생성 (자동생성 예제)
function _coerce(t, v) { if (t === 'integer') return parseInt(v, 10) || 0; if (t === 'number') return parseFloat(v) || 0; if (t === 'boolean') return v === true || v === 'true'; return v; } function _coerce(t, v) { if (t === 'integer') return parseInt(v, 10) || 0; if (t === 'number') return parseFloat(v) || 0; if (t === 'boolean') return v === true || v === 'true'; return v; }
// 자릿수 문자열: start 위치부터 1~9 를 순환('123456789123...') // 기본 예제값: string→sample_명(길이 지정 시 맞춰 자름), integer→123456, number→123456.123, boolean→false
function _digits(start, count) { var s = ''; for (var i = 0; i < count; i++) s += String(((start + i) % 9) + 1); return s; } // - 숫자는 길이 지정 시 정수부를 그 길이에 맞춰 자름(실수는 소수 .123 유지)
// 숫자 예제값. 길이는 소수점(.)까지 포함한 문자열 전체 길이로 계산한다. function _defScalar(t, name, maxLen) {
// 예) 길이 9 / 소수 5 → 123.45678 (정수부 3 + '.' 1 + 소수부 5 = 9자)
// - 길이가 소수부+2 보다 짧으면 정수부 1자리를 확보하고 소수부를 줄인다.
// - 길이 미지정이면 정수부 6자리(기존 기본값)를 사용한다.
function _numSample(maxLen, dec) {
var ml = parseInt(maxLen, 10) || 0, d = parseInt(dec, 10) || 0;
if (d <= 0) return _digits(0, ml > 0 ? Math.min(ml, 6) : 6);
var il;
if (ml > 0) {
il = ml - d - 1;
if (il < 1) { il = 1; d = Math.max(1, ml - 2); }
} else {
il = 6;
}
return _digits(0, il) + '.' + _digits(il, d);
}
// 기본 예제값: string→sample_명(길이 지정 시 맞춰 자름), integer→123456, number→123.45678, boolean→false
// - 숫자는 지정 길이를 넘지 않도록 자릿수를 맞춘다(소수는 '.' 포함 길이 기준).
// - number 인데 소수 자릿수 정보가 없으면 3자리로 가정(소수 0자리는 백엔드가 integer 로 매핑).
function _defScalar(t, name, maxLen, decimals) {
var ml = parseInt(maxLen, 10); var ml = parseInt(maxLen, 10);
if (t === 'integer') return parseInt(_numSample(ml, 0), 10); if (t === 'integer') {
var iv = '123456';
if (ml && ml > 0 && iv.length > ml) iv = iv.substring(0, ml);
return parseInt(iv, 10);
}
if (t === 'number') { if (t === 'number') {
var d = parseInt(decimals, 10); var ip = '123456';
if (!(d > 0)) d = 3; if (ml && ml > 0 && ip.length > ml) ip = ip.substring(0, ml);
return parseFloat(_numSample(ml, d)); return parseFloat(ip + '.123');
} }
if (t === 'boolean') return false; if (t === 'boolean') return false;
var v = 'sample_' + (name || ''); var v = 'sample_' + (name || '');
@@ -1879,7 +1777,7 @@
if (t === 'object') return _sampleObj(row.children || []); if (t === 'object') return _sampleObj(row.children || []);
if (t === 'array') { var it = (row.itemsType && row.itemsType.value) || 'string'; return [it === 'object' ? _sampleObj(row.children || []) : _defScalar(it, (row.name && row.name.value) || 'item', '')]; } if (t === 'array') { var it = (row.itemsType && row.itemsType.value) || 'string'; return [it === 'object' ? _sampleObj(row.children || []) : _defScalar(it, (row.name && row.name.value) || 'item', '')]; }
if (ex !== undefined && ex !== '') return _coerce(t, ex); if (ex !== undefined && ex !== '') return _coerce(t, ex);
return _defScalar(t, (row.name && row.name.value) || '', row.maxLength && row.maxLength.value, row.decimals && row.decimals.value); return _defScalar(t, (row.name && row.name.value) || '', row.maxLength && row.maxLength.value);
} }
function _sampleObj(rows) { var o = {}; (rows || []).forEach(function (r) { if (r && r.name && r.name.value) o[r.name.value] = _sampleVal(r); }); return o; } function _sampleObj(rows) { var o = {}; (rows || []).forEach(function (r) { if (r && r.name && r.name.value) o[r.name.value] = _sampleVal(r); }); return o; }
function ensureExamplesFromSchema(force) { function ensureExamplesFromSchema(force) {
@@ -1925,7 +1823,7 @@
if (r.children && r.children.length) fillSchemaExamples(r.children); if (r.children && r.children.length) fillSchemaExamples(r.children);
} else { } else {
r.example = r.example || { value: '', locked: false }; r.example = r.example || { value: '', locked: false };
r.example.value = String(_defScalar(t, r.name.value || '', r.maxLength && r.maxLength.value, r.decimals && r.decimals.value)); r.example.value = String(_defScalar(t, r.name.value || '', r.maxLength && r.maxLength.value));
} }
}); });
} }
@@ -2008,7 +1906,6 @@
if (res && res.testbedSpec) { if (res && res.testbedSpec) {
try { state.data = specToData(JSON.parse(res.testbedSpec)); } catch (e) { console.error('specToData', e); } try { state.data = specToData(JSON.parse(res.testbedSpec)); } catch (e) { console.error('specToData', e); }
} }
djbAuthType = (res && res.authType) || ''; // 인증 badge 라벨 판별용(oauth/api_key)
// 자동생성 규칙(title/tag/summary=API명, 예제, 서버prepend, opId)은 백엔드에서 적용됨 → 그대로 로드 // 자동생성 규칙(title/tag/summary=API명, 예제, 서버prepend, opId)은 백엔드에서 적용됨 → 그대로 로드
state.step = 1; state.responseStatusTab = state.data.responses && state.data.responses['200'] ? '200' : (state.data.responses ? Object.keys(state.data.responses)[0] : '200'); state.step = 1; state.responseStatusTab = state.data.responses && state.data.responses['200'] ? '200' : (state.data.responses ? Object.keys(state.data.responses)[0] : '200');
var _nm = decodeEntities(ctx.apiName || '') || state.data.info.title.value || ''; var _nm = decodeEntities(ctx.apiName || '') || state.data.info.title.value || '';
@@ -2026,16 +1923,12 @@
if (res.responseType) pp.responseType = res.responseType; if (res.responseType) pp.responseType = res.responseType;
if (res.mockUrl) pp.mockUrl = decodeEntities(res.mockUrl); if (res.mockUrl) pp.mockUrl = decodeEntities(res.mockUrl);
if (res.apiGroups) { try { pp.apiGroups = JSON.parse(res.apiGroups) || []; } catch (e) { pp.apiGroups = []; } } if (res.apiGroups) { try { pp.apiGroups = JSON.parse(res.apiGroups) || []; } catch (e) { pp.apiGroups = []; } }
// 설명(API 소개 페이지) — spec 에 미포함, description 컬럼에 별도 저장 → 별도 필드로 복원
if (res.description) state.data.info.description = wrap(decodeEntities(res.description));
// 요청/응답 메시지 스펙(HTML) — 저장본은 저장값, 자동생성분은 프론트에서 생성 // 요청/응답 메시지 스펙(HTML) — 저장본은 저장값, 자동생성분은 프론트에서 생성
state.data.msgSpec = state.data.msgSpec || { request: '', response: '' }; state.data.msgSpec = state.data.msgSpec || { request: '', response: '' };
if (res.apiRequestSpec) state.data.msgSpec.request = decodeEntities(res.apiRequestSpec); if (res.apiRequestSpec) state.data.msgSpec.request = decodeEntities(res.apiRequestSpec);
if (res.apiResponseSpec) state.data.msgSpec.response = decodeEntities(res.apiResponseSpec); if (res.apiResponseSpec) state.data.msgSpec.response = decodeEntities(res.apiResponseSpec);
// 저장본이 아니면(최초 성) 자동생성 여부를 confirm 으로 확인 후 진행 // 저장본이 아니면(자동생성/최초 성) 추가자료(예제·설명자료)를 프론트에서 스키마 기준 생성
if ((res.source || '') !== 'saved') { if ((res.source || '') !== 'saved') frontAutoGenerate();
if (window.confirm('저장된 스펙이 없습니다. 게이트웨이 레이아웃 기반으로 예제·설명자료를 자동 생성할까요?')) frontAutoGenerate();
}
}) })
.catch(e => console.error('loadInitialData', e)); .catch(e => console.error('loadInitialData', e));
} }
@@ -2074,7 +1967,6 @@
.then(function (res) { .then(function (res) {
if (res && res.status === 'success') { if (res && res.status === 'success') {
toast(temp ? '임시저장되었습니다' : '저장되었습니다'); toast(temp ? '임시저장되었습니다' : '저장되었습니다');
savedSnapshot = JSON.stringify(state.data); // 저장 성공 시점을 새 저장 기준선으로 갱신
var badge = $('#hdr-source'); if (badge) { badge.textContent = '저장본'; badge.className = 'ml-1 px-2 py-0.5 text-[11px] rounded-full bg-emerald-50 text-emerald-700 border border-emerald-200'; badge.classList.remove('hidden'); } var badge = $('#hdr-source'); if (badge) { badge.textContent = '저장본'; badge.className = 'ml-1 px-2 py-0.5 text-[11px] rounded-full bg-emerald-50 text-emerald-700 border border-emerald-200'; badge.classList.remove('hidden'); }
} else toast('저장 실패: ' + (res && res.errorMsg || ''), 'error'); } else toast('저장 실패: ' + (res && res.errorMsg || ''), 'error');
}) })
@@ -2093,7 +1985,6 @@
try { state.data = specToData(JSON.parse(res.testbedSpec)); } try { state.data = specToData(JSON.parse(res.testbedSpec)); }
catch (e) { toast('자동 생성 실패: 스펙 파싱 오류', 'error'); return; } catch (e) { toast('자동 생성 실패: 스펙 파싱 오류', 'error'); return; }
} }
djbAuthType = (res && res.authType) || ''; // 인증 badge 라벨 판별용(oauth/api_key)
// 구조(title/tag/summary/opId/스키마/보안/헤더)는 백엔드(generateSpec)가 적용한 기초 스펙 그대로 로드. // 구조(title/tag/summary/opId/스키마/보안/헤더)는 백엔드(generateSpec)가 적용한 기초 스펙 그대로 로드.
// 추가자료(예제·설명자료)는 프론트에서 스키마 기준 생성 → 재생성 버튼과 동일 결과. // 추가자료(예제·설명자료)는 프론트에서 스키마 기준 생성 → 재생성 버튼과 동일 결과.
frontAutoGenerate(); frontAutoGenerate();
@@ -2111,7 +2002,6 @@
// ============================================================ // ============================================================
function init() { function init() {
loadInitialData().then(function () { loadInitialData().then(function () {
savedSnapshot = JSON.stringify(state.data); // 초기 로드(자동생성 포함) 완료 시점을 저장 기준선으로 설정
renderStepper(); renderStepper();
renderForm(); renderForm();
bindGlobalEvents(); bindGlobalEvents();
+268 -33
View File
@@ -1,63 +1,298 @@
// OpenAPI 에디터 초기 상태 골격(빈 껍데기). // 계좌이체 API 모의 데이터
// - specToData() 가 deepClone 하여 서버 spec 값으로 덮어쓰는 구조 기준값. // locked: true 인 필드는 게이트웨이가 자동 주입한 값(회색 + 자물쇠)
// - 실제 데모/샘플 값은 두지 않는다(팝업은 항상 서버 spec 로드 후 렌더). // locked: false / 미지정 인 필드는 사용자가 자유롭게 편집
// - docOptions 만 기능 기본값으로 유지(문서 미리보기 옵션).
// locked:true = 게이트웨이 자동 주입(회색+자물쇠) / locked:false = 사용자 편집.
window.SAMPLE_DATA = (function () { window.SAMPLE_DATA = (function () {
function f() { return { value: '', locked: false }; }
return { return {
info: { info: {
title: f(), title: { value: '계좌이체 API', locked: false },
version: f(), version: { value: '1.0.0', locked: false },
summary: f(), summary: { value: '', locked: false },
description: f(), description: { value: '', locked: false },
termsOfService: f(), termsOfService: { value: '', locked: false },
contact: { name: f(), email: f(), url: f() }, contact: {
license: { name: f(), url: f() } name: { value: 'DJB API Team', locked: false },
email: { value: 'api@djb.co.kr', locked: false },
url: { value: '', locked: false }
},
license: {
name: { value: '', locked: false },
url: { value: '', locked: false }
}
}, },
tags: [], tags: [
{ name: 'transfer', description: '계좌이체 관련 API' }
],
externalDocs: { description: f(), url: f() }, externalDocs: {
description: { value: '', locked: false },
url: { value: '', locked: false }
},
servers: [], servers: [
{
url: { value: 'https://api-dev.djb.co.kr', locked: true },
env: 'development',
description: { value: '개발 환경', locked: false }
},
{
url: { value: 'https://api-stg.djb.co.kr', locked: true },
env: 'staging',
description: { value: '스테이징 환경', locked: false }
},
{
url: { value: 'https://api.djb.co.kr', locked: true },
env: 'production',
description: { value: '운영 환경', locked: false }
}
],
serverVariables: [], serverVariables: [
{
name: { value: 'basePath', locked: true },
default: { value: '/v1', locked: false },
enumStr: { value: '/v1,/v2', locked: false },
description: { value: 'API 버전 경로', locked: false }
}
],
operation: { operation: {
method: f(), method: { value: 'POST', locked: true },
path: f(), path: { value: '/v1/accounts/transfer', locked: true },
operationId: f(), operationId: { value: 'transferAccount', locked: false },
summary: f(), summary: { value: '', locked: false },
description: f(), description: { value: '', locked: false },
tags: { value: [], locked: false }, tags: { value: ['transfer'], locked: false },
deprecated: { value: false, locked: false } deprecated: { value: false, locked: false }
}, },
// 파라미터 (Path/Query/Header/Cookie) // 파라미터 (Path/Query/Header/Cookie)
parameters: [], parameters: [
{
in: 'header',
name: { value: 'X-Request-Id', locked: true },
type: { value: 'string', locked: true },
required: { value: true, locked: true },
format: { value: 'uuid', locked: false },
maxLength: { value: '', locked: false },
pattern: { value: '', locked: false },
description: { value: '', locked: false },
example: { value: '', locked: false }
}
],
// Request Body 스키마 // Request Body 스키마 (중첩 3단)
requestBody: { requestBody: {
mediaType: 'application/json', mediaType: 'application/json',
required: { value: false, locked: false }, required: { value: true, locked: true },
schema: [] schema: [
{
name: { value: 'transactionId', locked: true },
type: { value: 'string', locked: true },
required: { value: true, locked: true },
format: { value: '', locked: false },
maxLength: { value: '40', locked: false },
pattern: { value: '^tx-[0-9a-zA-Z-]+$', locked: false },
description: { value: '', locked: false },
example: { value: 'tx-20260522-001', locked: false },
children: null
},
{
name: { value: 'sender', locked: true },
type: { value: 'object', locked: true },
required: { value: true, locked: true },
format: { value: '', locked: false },
maxLength: { value: '', locked: false },
pattern: { value: '', locked: false },
description: { value: '송금인 정보', locked: false },
example: { value: '', locked: false },
children: [
{
name: { value: 'accountNumber', locked: true },
type: { value: 'string', locked: true },
required: { value: true, locked: true },
format: { value: '', locked: false },
maxLength: { value: '20', locked: false },
pattern: { value: '', locked: false },
description: { value: '', locked: false },
example: { value: '110-1234-567890', locked: false },
children: null
},
{
name: { value: 'bankCode', locked: true },
type: { value: 'string', locked: true },
required: { value: true, locked: true },
format: { value: '', locked: false },
maxLength: { value: '3', locked: false },
pattern: { value: '', locked: false },
description: { value: '', locked: false },
example: { value: '088', locked: false },
children: null
},
{
name: { value: 'holderName', locked: true },
type: { value: 'string', locked: true },
required: { value: true, locked: true },
format: { value: '', locked: false },
maxLength: { value: '60', locked: false },
pattern: { value: '', locked: false },
description: { value: '', locked: false },
example: { value: '김철수', locked: false },
children: null
}
]
},
{
name: { value: 'receiver', locked: true },
type: { value: 'object', locked: true },
required: { value: true, locked: true },
format: { value: '', locked: false },
maxLength: { value: '', locked: false },
pattern: { value: '', locked: false },
description: { value: '수취인 정보', locked: false },
example: { value: '', locked: false },
children: [
{
name: { value: 'accountNumber', locked: true },
type: { value: 'string', locked: true },
required: { value: true, locked: true },
format: { value: '', locked: false },
maxLength: { value: '20', locked: false },
pattern: { value: '', locked: false },
description: { value: '', locked: false },
example: { value: '111-2345-678901', locked: false },
children: null
},
{
name: { value: 'bankCode', locked: true },
type: { value: 'string', locked: true },
required: { value: true, locked: true },
format: { value: '', locked: false },
maxLength: { value: '3', locked: false },
pattern: { value: '', locked: false },
description: { value: '', locked: false },
example: { value: '020', locked: false },
children: null
},
{
name: { value: 'holderName', locked: true },
type: { value: 'string', locked: true },
required: { value: true, locked: true },
format: { value: '', locked: false },
maxLength: { value: '60', locked: false },
pattern: { value: '', locked: false },
description: { value: '', locked: false },
example: { value: '이영희', locked: false },
children: null
}
]
},
{
name: { value: 'amount', locked: true },
type: { value: 'object', locked: true },
required: { value: true, locked: true },
format: { value: '', locked: false },
maxLength: { value: '', locked: false },
pattern: { value: '', locked: false },
description: { value: '이체 금액', locked: false },
example: { value: '', locked: false },
children: [
{
name: { value: 'value', locked: true },
type: { value: 'integer', locked: true },
required: { value: true, locked: true },
format: { value: 'int64', locked: false },
maxLength: { value: '', locked: false },
pattern: { value: '', locked: false },
description: { value: '', locked: false },
example: { value: '50000', locked: false },
children: null
},
{
name: { value: 'currency', locked: true },
type: { value: 'string', locked: true },
required: { value: true, locked: true },
format: { value: '', locked: false },
maxLength: { value: '3', locked: false },
pattern: { value: '^[A-Z]{3}$', locked: false },
description: { value: 'ISO 4217 통화코드', locked: false },
example: { value: 'KRW', locked: false },
children: null
}
]
},
{
name: { value: 'memo', locked: true },
type: { value: 'string', locked: true },
required: { value: false, locked: true },
format: { value: '', locked: false },
maxLength: { value: '100', locked: false },
pattern: { value: '', locked: false },
description: { value: '', locked: false },
example: { value: '5월 회비', locked: false },
children: null
}
]
}, },
// 응답 스키마 (상태코드 별) // 응답 스키마 (상태코드 별)
responses: { responses: {
'200': { description: f(), schema: [] } '200': {
description: { value: '이체 성공', locked: false },
schema: [
{ name: { value: 'transactionId', locked: true }, type: { value: 'string', locked: true }, required: { value: true, locked: true }, format: { value: '', locked: false }, maxLength: { value: '', locked: false }, pattern: { value: '', locked: false }, description: { value: '', locked: false }, example: { value: 'tx-20260522-001', locked: false }, children: null },
{ name: { value: 'status', locked: true }, type: { value: 'string', locked: true }, required: { value: true, locked: true }, format: { value: '', locked: false }, maxLength: { value: '', locked: false }, pattern: { value: '', locked: false }, description: { value: '', locked: false }, example: { value: 'COMPLETED', locked: false }, children: null },
{ name: { value: 'completedAt', locked: true }, type: { value: 'string', locked: true }, required: { value: true, locked: true }, format: { value: 'date-time', locked: false }, maxLength: { value: '', locked: false }, pattern: { value: '', locked: false }, description: { value: '', locked: false }, example: { value: '2026-05-22T10:00:00Z', locked: false }, children: null },
{
name: { value: 'balance', locked: true }, type: { value: 'object', locked: true }, required: { value: true, locked: true }, format: { value: '', locked: false }, maxLength: { value: '', locked: false }, pattern: { value: '', locked: false }, description: { value: '잔액 정보', locked: false }, example: { value: '', locked: false },
children: [
{ name: { value: 'before', locked: true }, type: { value: 'integer', locked: true }, required: { value: true, locked: true }, format: { value: 'int64', locked: false }, maxLength: { value: '', locked: false }, pattern: { value: '', locked: false }, description: { value: '', locked: false }, example: { value: '1000000', locked: false }, children: null },
{ name: { value: 'after', locked: true }, type: { value: 'integer', locked: true }, required: { value: true, locked: true }, format: { value: 'int64', locked: false }, maxLength: { value: '', locked: false }, pattern: { value: '', locked: false }, description: { value: '', locked: false }, example: { value: '950000', locked: false }, children: null }
]
}
]
},
'400': {
description: { value: '잘못된 요청', locked: false },
schema: [
{
name: { value: 'error', locked: true }, type: { value: 'object', locked: true }, required: { value: true, locked: true }, format: { value: '', locked: false }, maxLength: { value: '', locked: false }, pattern: { value: '', locked: false }, description: { value: '', locked: false }, example: { value: '', locked: false },
children: [
{ name: { value: 'code', locked: true }, type: { value: 'string', locked: true }, required: { value: true, locked: true }, format: { value: '', locked: false }, maxLength: { value: '', locked: false }, pattern: { value: '', locked: false }, description: { value: '', locked: false }, example: { value: 'INVALID_AMOUNT', locked: false }, children: null },
{ name: { value: 'message', locked: true }, type: { value: 'string', locked: true }, required: { value: true, locked: true }, format: { value: '', locked: false }, maxLength: { value: '', locked: false }, pattern: { value: '', locked: false }, description: { value: '', locked: false }, example: { value: '금액이 올바르지 않습니다', locked: false }, children: null },
{ name: { value: 'details', locked: true }, type: { value: 'array', locked: true }, required: { value: false, locked: true }, format: { value: '', locked: false }, maxLength: { value: '', locked: false }, pattern: { value: '', locked: false }, description: { value: '', locked: false }, example: { value: '', locked: false }, itemsType: { value: 'string', locked: false }, children: null }
]
}
]
},
'401': { description: { value: '인증 실패', locked: false }, schema: [] },
'500': { description: { value: '서버 오류', locked: false }, schema: [] }
}, },
// 보안 스킴 // 보안 스킴
securitySchemes: [], securitySchemes: [
globalSecurity: [], {
key: 'ApiKeyAuth',
type: 'apiKey',
locked: true,
name: { value: 'X-API-Key', locked: true },
in: { value: 'header', locked: true },
description: { value: '', locked: false }
}
],
globalSecurity: ['ApiKeyAuth'],
// 예제 // 예제
examples: { examples: {
request: {}, request: {
response: {} 'application/json': {
default: '{\n "transactionId": "tx-20260522-001",\n "sender": {\n "accountNumber": "110-1234-567890",\n "bankCode": "088",\n "holderName": "김철수"\n },\n "receiver": {\n "accountNumber": "111-2345-678901",\n "bankCode": "020",\n "holderName": "이영희"\n },\n "amount": {\n "value": 50000,\n "currency": "KRW"\n },\n "memo": "5월 회비"\n}'
}
},
response: {
'200': { body: '{\n "transactionId": "tx-20260522-001",\n "status": "COMPLETED"\n}', headers: [ { name: 'X-RateLimit-Remaining', type: 'integer', description: '남은 요청 횟수', example: '99' } ] }
}
}, },
// 문서 옵션 // 문서 옵션
+15 -20
View File
@@ -44,14 +44,10 @@ $(document).ready(function() {
$(this).val(getEndTime()); $(this).val(getEndTime());
} }
}); });
//검색조건 달력 var gridPostData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
$("#startDatepicker").datepicker(); gridPostData['searchStartDateTime'] = $("input[name=searchStartYYYYMMDD]").val() + $("input[name=searchStartHHMM]").val();
$("#endDatepicker").datepicker(); gridPostData['searchEndDateTime'] = $("input[name=searchEndYYYYMMDD]").val() + $("input[name=searchEndHHMM]").val();
var gridPostData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
gridPostData['searchStartDateTime'] = $("input[name=searchStartYYYYMMDD]").val().replace(/-/gi, "") + $("input[name=searchStartHHMM]").val();
gridPostData['searchEndDateTime'] = $("input[name=searchEndYYYYMMDD]").val().replace(/-/gi, "") + $("input[name=searchEndHHMM]").val();
$('#grid').jqGrid({ $('#grid').jqGrid({
datatype:"json", datatype:"json",
mtype: 'POST', mtype: 'POST',
@@ -110,9 +106,9 @@ $(document).ready(function() {
resizeJqGridWidth('grid','content_middle','1000'); resizeJqGridWidth('grid','content_middle','1000');
$("#btn_search").click(function(){ $("#btn_search").click(function(){
var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로 var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
postData['searchStartDateTime'] = $("input[name=searchStartYYYYMMDD]").val().replace(/-/gi, "") + $("input[name=searchStartHHMM]").val(); postData['searchStartDateTime'] = $("input[name=searchStartYYYYMMDD]").val() + $("input[name=searchStartHHMM]").val();
postData['searchEndDateTime'] = $("input[name=searchEndYYYYMMDD]").val().replace(/-/gi, "") + $("input[name=searchEndHHMM]").val(); postData['searchEndDateTime'] = $("input[name=searchEndYYYYMMDD]").val() + $("input[name=searchEndHHMM]").val();
$("#grid").setGridParam({ postData: postData ,page : "1" }).trigger("reloadGrid"); $("#grid").setGridParam({ postData: postData ,page : "1" }).trigger("reloadGrid");
}); });
@@ -158,11 +154,11 @@ function getEndTime(){
<tr> <tr>
<th style="width:180px;"><%= localeMessage.getString("auditLogMan.logamndHMS") %></th> <th style="width:180px;"><%= localeMessage.getString("auditLogMan.logamndHMS") %></th>
<td> <td>
<input type="text" name="searchStartYYYYMMDD" id="startDatepicker" value="${param.searchStartYYYYMMDD}" readonly="readonly" size="10" style="width:100px; border:1px solid #ebebec;"> <input type="text" name="searchStartYYYYMMDD" value="" size="10" style="width:100px; border:1px solid #ebebec;">
<input type="text" name="searchStartHHMM" value="${param.searchStartHHMM}" size="8" style="width:100px; border:1px solid #ebebec;"> <input type="text" name="searchStartHHMM" value="" size="8" style="width:100px; border:1px solid #ebebec;">
~ ~
<input type="text" name="searchEndYYYYMMDD" id="endDatepicker" value="${param.searchEndYYYYMMDD}" readonly="readonly" size="10" style="width:100px; border:1px solid #ebebec;"> <input type="text" name="searchEndYYYYMMDD" value="" size="10" style="width:100px; border:1px solid #ebebec;">
<input type="text" name="searchEndHHMM" value="${param.searchEndHHMM}" size="8" style="width:100px; border:1px solid #ebebec;"> <input type="text" name="searchEndHHMM" value="" size="8" style="width:100px; border:1px solid #ebebec;">
<input type="hidden" name="searchStartDateTime" /> <input type="hidden" name="searchStartDateTime" />
<input type="hidden" name="searchEndDateTime" /> <input type="hidden" name="searchEndDateTime" />
</td> </td>
@@ -172,9 +168,9 @@ function getEndTime(){
<th style="width:180px;"><%= localeMessage.getString("auditLogMan.systemCode") %></th> <th style="width:180px;"><%= localeMessage.getString("auditLogMan.systemCode") %></th>
<td><div class = "select-style"> <td><div class = "select-style">
<select id="searchSystemCode" name="searchSystemCode"> <select id="searchSystemCode" name="searchSystemCode">
<option value="" <c:if test="${empty param.searchSystemCode}">selected</c:if>><%= localeMessage.getString("combo.all")%></option> <option value=""><%= localeMessage.getString("combo.all")%></option>
<c:forEach items="${serviceTypeCombos }" var="serviceTypeCombo"> <c:forEach items="${serviceTypeCombos }" var="serviceTypeCombo">
<option value="${serviceTypeCombo.code }" <c:if test="${serviceTypeCombo.code == param.searchSystemCode}">selected</c:if>>${serviceTypeCombo.codename }</option> <option value="${serviceTypeCombo.code }">${serviceTypeCombo.codename }</option>
</c:forEach> </c:forEach>
</select> </select>
</div> </div>
@@ -184,13 +180,12 @@ function getEndTime(){
<th style="width:180px;"><%= localeMessage.getString("auditLogMan.logTypeText") %></th> <th style="width:180px;"><%= localeMessage.getString("auditLogMan.logTypeText") %></th>
<td> <td>
<input type="text" value="${param.searchLogTypeText}" name="searchLogTypeText" checked="checked"/> <input type="text" value="" name="searchLogTypeText" checked="checked"/>
</td> </td>
<th style="width:180px;"><%= localeMessage.getString("auditLogMan.remoteAddress") %></th> <th style="width:180px;"><%= localeMessage.getString("auditLogMan.remoteAddress") %></th>
<td><input type="text" name="searchRemoteAddress" value="${param.searchRemoteAddress}" style="width:100%"></td> <td><input type="text" name="searchRemoteAddress" value="${param.searchRemoteAddress}" style="width:100%"></td>
<th style="width:180px;"><%= localeMessage.getString("auditLogMan.parameters") %></th> <th style="width:180px;"></th>
<td> <td>
<input type="text" name="searchParameters" value="${param.searchParameters}" style="width:100%">
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -54,18 +54,10 @@ function detail(key){
$('#systemCode').val(data.systemCode); $('#systemCode').val(data.systemCode);
$('#logTypeText').val(data.logTypeText); $('#logTypeText').val(data.logTypeText);
$('#remoteAddress').val(data.remoteAddress); $('#remoteAddress').val(data.remoteAddress);
$('#logMsg').val(data.message);
$('#logSubMsg').val(data.command); $('#logSubMsg').val(data.command);
$('#parameters').val(data.parameters); $('#parameters').val(data.parameters);
// 사유(message)는 값이 있을 때만 노출
if (data.message) {
$('#logMsg').val(data.message);
$('#messageRow').show();
} else {
$('#logMsg').val('');
$('#messageRow').hide();
}
}, },
error:function(e){ error:function(e){
alert(e.responseText); alert(e.responseText);
@@ -129,9 +121,6 @@ $(document).ready(function() {
<tr> <tr>
<th><%= localeMessage.getString("auditLogMan.command") %></th><td><input type="text" id="logSubMsg" name="logSubMsg" readonly="readonly"/></td> <th><%= localeMessage.getString("auditLogMan.command") %></th><td><input type="text" id="logSubMsg" name="logSubMsg" readonly="readonly"/></td>
</tr> </tr>
<tr id="messageRow" style="display:none;">
<th><%= localeMessage.getString("auditLogMan.message") %></th><td><textarea id="logMsg" name="logMsg" style="width:100%;height:80px" readonly="readonly"></textarea></td>
</tr>
<tr height="100px"> <tr height="100px">
<th><%= localeMessage.getString("auditLogMan.parameters") %></th><td><textarea id="parameters" name="parameters" style="width:100%;height:200px" readonly="readonly"></textarea></td> <th><%= localeMessage.getString("auditLogMan.parameters") %></th><td><textarea id="parameters" name="parameters" style="width:100%;height:200px" readonly="readonly"></textarea></td>
</tr> </tr>
@@ -1,120 +0,0 @@
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ page import="java.util.List"%>
<%@ page import="com.eactive.eai.rms.common.acl.sitemap.ui.SitemapNode"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%!
private void printNodeLabel(javax.servlet.jsp.JspWriter out, SitemapNode node) throws java.io.IOException {
String url = node.getMenuUrl();
boolean hasLink = url != null && !url.trim().isEmpty() && !"NAN".equalsIgnoreCase(url.trim());
if (hasLink) {
out.print("<a href=\"javascript:void(0);\" class=\"sitemap-name\" onclick=\"goPage('"
+ escapeJs(url) + "','" + escapeJs(node.getMenuId()) + "');return false;\">"
+ escapeHtml(node.getMenuName()) + "</a>");
} else {
out.print("<span class=\"sitemap-name\">" + escapeHtml(node.getMenuName()) + "</span>");
}
}
private void printSitemapNode(javax.servlet.jsp.JspWriter out, SitemapNode node) throws java.io.IOException {
out.print("<li>");
printNodeLabel(out, node);
List<SitemapNode> children = node.getChildren();
if (children != null && !children.isEmpty()) {
out.print("<ul>");
for (SitemapNode child : children) {
printSitemapNode(out, child);
}
out.print("</ul>");
}
out.print("</li>");
}
private String escapeHtml(String value) {
if (value == null) {
return "";
}
return value.replace("&", "&amp;").replace("<", "&lt;").replace(">", "&gt;").replace("\"", "&quot;");
}
private String escapeJs(String value) {
if (value == null) {
return "";
}
return value.replace("\\", "\\\\").replace("'", "\\'");
}
%>
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
List<SitemapNode> sitemapTree = (List<SitemapNode>) request.getAttribute("sitemapTree");
%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<style>
.sitemap-columns { display: flex; flex-wrap: wrap; gap: 40px; }
.sitemap-column { min-width: 180px; }
.sitemap-category { font-size: 1.1em; font-weight: bold; padding-bottom: 6px; margin-bottom: 8px; border-bottom: 2px solid #ccc; }
.sitemap-tree, .sitemap-tree ul { list-style-type: disc; margin: 0; padding-left: 18px; }
.sitemap-tree { padding-left: 0; list-style-type: none; }
.sitemap-tree li { line-height: 1.8; }
a.sitemap-name { text-decoration: none; cursor: pointer; }
a.sitemap-name:hover { text-decoration: underline; }
</style>
<script language="javascript">
function goPage(url, menuId) {
var serviceType = sessionStorage["serviceType"];
var pageUrl = url;
pageUrl += (pageUrl.indexOf("?") > -1 ? "&" : "?") + "menuId=" + menuId;
pageUrl += "&serviceType=" + serviceType;
parent.leftFrame.location.href = '<c:url value="/leftMenu.do"/>?menuId=' + menuId + '&serviceType=' + serviceType;
location.href = pageUrl;
}
</script>
</head>
<body>
<div class="right_box">
<div class="content_top">
<ul class="path">
<li><a href="#">${rmsMenuPath}</a></li>
</ul>
</div><!-- end content_top -->
<div class="content_middle">
<!-- <div class="title">사이트맵</div> -->
<div class="sitemap-columns">
<%
for (SitemapNode category : sitemapTree) {
%>
<div class="sitemap-column">
<div class="sitemap-category">
<%
printNodeLabel(out, category);
%>
</div>
<ul class="sitemap-tree">
<%
List<SitemapNode> children = category.getChildren();
if (children != null) {
for (SitemapNode child : children) {
printSitemapNode(out, child);
}
}
%>
</ul>
</div>
<%
}
%>
</div>
</div><!-- end content_middle -->
</div><!-- end right_box -->
</body>
</html>
+5 -19
View File
@@ -18,17 +18,7 @@
<script language="javascript" > <script language="javascript" >
var url = '<c:url value="/common/acl/user/userMan.json" />'; var url = '<c:url value="/common/acl/user/userMan.json" />';
var url_view = '<c:url value="/common/acl/user/userMan.view" />'; var url_view = '<c:url value="/common/acl/user/userMan.view" />';
$(document).ready(function() {
function userStatusFormat (cellvalue){
if ( cellvalue == '1' ){
return '<%= localeMessage.getString("code.normal") %>';
}else if ( cellvalue == '2' ) {
return '<span style="color:red"><%= localeMessage.getString("code.lock") %></span>';
}
return '';
}
$(document).ready(function() {
var gridPostData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로 var gridPostData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
$('#grid').jqGrid({ $('#grid').jqGrid({
datatype:"json", datatype:"json",
@@ -38,20 +28,16 @@ $(document).ready(function() {
colNames:['<%= localeMessage.getString("login.userId") %>', colNames:['<%= localeMessage.getString("login.userId") %>',
'<%= localeMessage.getString("user.name") %>', '<%= localeMessage.getString("user.name") %>',
'<%= localeMessage.getString("user.roleName") %>', '<%= localeMessage.getString("user.roleName") %>',
'<%= localeMessage.getString("user.status") %>',
'<%= localeMessage.getString("user.createOn") %>', '<%= localeMessage.getString("user.createOn") %>',
'<%= localeMessage.getString("user.lastLoginYms") %>',
'<%= localeMessage.getString("user.depart") %>', '<%= localeMessage.getString("user.depart") %>',
'<%= localeMessage.getString("user.teamName") %>', '<%= localeMessage.getString("user.teamName") %>',
'<%= localeMessage.getString("user.position") %>' '<%= localeMessage.getString("user.position") %>'
], ],
colModel:[ colModel:[
{ name : 'USERID' , align:'center', width: 100, sortable:false }, { name : 'USERID' , align:'center' ,sortable:false },
{ name : 'USERNAME' , align:'center', width: 100 }, { name : 'USERNAME' , align:'center' },
{ name : 'ROLEIDNFINAME' , align:'center', width: 300 }, { name : 'ROLEIDNFINAME' , align:'center' },
{ name : 'STATUS' , align:'center', width: 80, formatter: userStatusFormat }, { name : 'LASTAMNDYMS' , align:'center', formatter: timeStampFormat },
{ name : 'REGDYMS' , align:'center', width: 120, formatter: timeStampFormat },
{ name : 'LASTLOGINYMS' , align:'center', width: 120, formatter: timeStampFormat },
{ name : 'DVSNNAME' , align:'center', hidden: true }, { name : 'DVSNNAME' , align:'center', hidden: true },
{ name : 'TEAMNAME' , align:'center', hidden: true }, { name : 'TEAMNAME' , align:'center', hidden: true },
{ name : 'JOBTLNAME' , align:'center', hidden: true } { name : 'JOBTLNAME' , align:'center', hidden: true }
@@ -88,8 +88,7 @@ function detail(key){
$(tag+"[name="+name+"]").val(data[name.toUpperCase()] ? data[name.toUpperCase()].trim():""); $(tag+"[name="+name+"]").val(data[name.toUpperCase()] ? data[name.toUpperCase()].trim():"");
}); });
$("input[name=REGDYMS]").inputmask("9999-99-99 99:99:99",{'autoUnmask':true}); $("input[name=LASTAMNDYMS]").inputmask("9999-99-99 99:99:99",{'autoUnmask':true});
$("input[name=LASTLOGINYMS]").inputmask("9999-99-99 99:99:99",{'autoUnmask':true});
/* $("input[name=SECONDMENTSTDT]").inputmask("9999-99-99",{'autoUnmask':true}); /* $("input[name=SECONDMENTSTDT]").inputmask("9999-99-99",{'autoUnmask':true});
$("input[name=SECONDMENTENDT]").inputmask("9999-99-99",{'autoUnmask':true}); */ $("input[name=SECONDMENTENDT]").inputmask("9999-99-99",{'autoUnmask':true}); */
@@ -217,7 +216,6 @@ $(document).ready(function() {
dataType:"json", dataType:"json",
data:{cmd: 'UPDATE_PASSWORD', userId : $("input[name=userId]").val()}, data:{cmd: 'UPDATE_PASSWORD', userId : $("input[name=userId]").val()},
success:function(json){ success:function(json){
$('select[name="status"]').val("1")
alert(json.result); alert(json.result);
}, },
error:function(e){ error:function(e){
@@ -279,10 +277,10 @@ $(document).ready(function() {
<table class="table_row" cellspacing="0"> <table class="table_row" cellspacing="0">
<input type="hidden" name="jobclcd"> <input type="hidden" name="jobclcd">
<tr> <tr>
<th style="width:180px;"><%= localeMessage.getString("login.userId") %> <span class=\"required-mark\">*</span></th><td ><input type="text" name="userId"/> </td> <th style="width:180px;"><%= localeMessage.getString("login.userId") %></th><td ><input type="text" name="userId"/> </td>
</tr> </tr>
<tr> <tr>
<th><%= localeMessage.getString("user.name") %> <span class=\"required-mark\">*</span></th><td><input type="text" name="userName" /></td> <th><%= localeMessage.getString("user.name") %> </th><td><input type="text" name="userName" /></td>
</tr> </tr>
<tr class="datailT"> <tr class="datailT">
<th><%= localeMessage.getString("user.auth") %> </th><td><input type="text" name="roleidnfiname" /></td> <th><%= localeMessage.getString("user.auth") %> </th><td><input type="text" name="roleidnfiname" /></td>
@@ -319,6 +317,7 @@ $(document).ready(function() {
<td> <td>
<div class="select-style"> <div class="select-style">
<select name="status"> <select name="status">
<option value=""><%= localeMessage.getString("code.normal") %></option>
<option value="1"><%= localeMessage.getString("code.normal") %></option> <option value="1"><%= localeMessage.getString("code.normal") %></option>
<option value="2"><%= localeMessage.getString("code.lock") %></option> <option value="2"><%= localeMessage.getString("code.lock") %></option>
</select> </select>
@@ -335,10 +334,7 @@ $(document).ready(function() {
<th><%= localeMessage.getString("user.fieldAgentName") %> </th><td><input type="text" name="spotprxyname" /></td> <th><%= localeMessage.getString("user.fieldAgentName") %> </th><td><input type="text" name="spotprxyname" /></td>
</tr> --%> </tr> --%>
<tr> <tr>
<th><%= localeMessage.getString("user.createOn") %> </th><td><input type="text" name="REGDYMS" readonly/></td> <th><%= localeMessage.getString("user.createOn") %> </th><td><input type="text" name="LASTAMNDYMS" readonly/></td>
</tr>
<tr>
<th><%= localeMessage.getString("user.lastLoginYms") %> </th><td><input type="text" name="LASTLOGINYMS" readonly/></td>
</tr> </tr>
<%-- <tr> <%-- <tr>
<th><%= localeMessage.getString("user.secondmentbrncd") %> </th><td><input type="text" name="SECONDMENTBRNCD" readonly/></td> <th><%= localeMessage.getString("user.secondmentbrncd") %> </th><td><input type="text" name="SECONDMENTBRNCD" readonly/></td>
+2 -88
View File
@@ -31,12 +31,8 @@
<script language="javascript" src="<c:url value="/js/custom.js"/>"></script> <script language="javascript" src="<c:url value="/js/custom.js"/>"></script>
<script language="javascript" src="<c:url value="/js/common-${locale}.js"/>"></script> <script language="javascript" src="<c:url value="/js/common-${locale}.js"/>"></script>
<script type="text/javascript"> <script type="text/javascript">
/* 자동 로그아웃: 서버로 실제 요청이 발생한 경우에만 활동으로 기록 (main.jsp 타이머와 sessionStorage 공유) */ /* 자동 로그아웃: iframe 내 활동을 sessionStorage에 기록 (main.jsp 타이머와 공유) */
(function() { (function() { var m = function() { sessionStorage.setItem('lastActivity', String(Date.now())); }; ['mousemove','keydown','click','touchstart'].forEach(function(e){ document.addEventListener(e, m, true); }); })();
var mark = function() { sessionStorage.setItem('lastActivity', String(Date.now())); };
mark(); // 화면(프레임) 로드 자체가 서버 요청이므로 활동으로 기록
$(document).ajaxSend(mark); // 이후 이 프레임에서 발생하는 모든 AJAX 요청을 활동으로 기록
})();
</script> </script>
<script language="javascript" src="<c:url value="/js/jquery.inputmask.bundle.min.js"/>"></script> <script language="javascript" src="<c:url value="/js/jquery.inputmask.bundle.min.js"/>"></script>
<script language="javascript" src="<c:url value="/js/jquery.searchabledropdown-1.0.8.min.js"/>"></script> <script language="javascript" src="<c:url value="/js/jquery.searchabledropdown-1.0.8.min.js"/>"></script>
@@ -535,88 +531,6 @@
} }
}, 200); }, 200);
} }
/**
* 사유 입력 모달 - 확인 시 입력한 사유 문자열을 onConfirm(reason)으로 전달
* @param {string} message - 안내 메시지
* @param {object} options - (title, confirmText, cancelText, placeholder, required, onConfirm, onCancel)
* required 기본 true (빈 사유 차단)
*/
function showReasonPrompt(message, options) {
options = options || {};
var title = options.title || '사유 입력';
var confirmText = options.confirmText || '확인';
var cancelText = options.cancelText || '취소';
var placeholder = options.placeholder || '사유를 입력하세요.';
var required = options.required !== false;
var onConfirm = options.onConfirm || function(){};
var onCancel = options.onCancel || function(){};
// 기존 모달 제거
$('#commonReasonModal').remove();
var iconHtml = getAlertIcon('warning');
var modalHtml =
'<div id="commonReasonModal" class="common-alert-overlay">' +
'<div class="common-alert-modal alert-warning">' +
'<div class="common-alert-header">' +
'<span class="common-alert-icon">' + iconHtml + '</span>' +
'<span class="common-alert-title">' + title + '</span>' +
'</div>' +
'<div class="common-alert-body">' +
'<p class="common-alert-message">' + message + '</p>' +
'<textarea id="commonReasonInput" maxlength="200" placeholder="' + placeholder + '" style="width:100%;height:80px;margin-top:10px;box-sizing:border-box;font-size:13px;padding:8px;border:1px solid #ddd;border-radius:4px;resize:vertical;"></textarea>' +
'<p id="commonReasonError" style="display:none;color:#f44336;font-size:12px;margin:6px 0 0;">사유를 입력해 주세요.</p>' +
'</div>' +
'<div class="common-alert-footer">' +
'<button type="button" class="common-confirm-cancel-btn" id="commonReasonCancelBtn">' + cancelText + '</button>' +
'<button type="button" class="common-alert-btn" id="commonReasonOkBtn">' + confirmText + '</button>' +
'</div>' +
'</div>' +
'</div>';
$('body').append(modalHtml);
setTimeout(function() {
$('#commonReasonModal').addClass('show');
$('#commonReasonInput').focus();
}, 10);
// 확인 버튼
$('#commonReasonOkBtn').on('click', function() {
var reason = $.trim($('#commonReasonInput').val());
if (required && reason === '') {
$('#commonReasonError').show();
$('#commonReasonInput').focus();
return;
}
closeCommonReason(function() { onConfirm(reason); });
});
// 취소 버튼
$('#commonReasonCancelBtn').on('click', function() {
closeCommonReason(onCancel);
});
// ESC 키로 취소
$(document).on('keydown.commonReason', function(e) {
if (e.keyCode === 27) {
closeCommonReason(onCancel);
}
});
}
function closeCommonReason(callback) {
$('#commonReasonModal').removeClass('show');
setTimeout(function() {
$('#commonReasonModal').remove();
$(document).off('keydown.commonReason');
if (typeof callback === 'function') {
callback();
}
}, 200);
}
</script> </script>
<!-- 공용 Alert 모달 스타일 --> <!-- 공용 Alert 모달 스타일 -->
@@ -28,11 +28,9 @@ function init(){
success:function(json){ success:function(json){
new makeOptions("CODE","NAME").setObj($("select[name=searchJobUseYn]")).setNoValueInclude(true).setNoValue("", new makeOptions("CODE","NAME").setObj($("select[name=searchJobUseYn]")).setNoValueInclude(true).setNoValue("",
"<%= localeMessage.getString("combo.all")%>").setData(json.useYnTypeRows).setFormat(codeName3OptionFormat).rendering(); "<%= localeMessage.getString("combo.all")%>").setData(json.useYnTypeRows).setFormat(codeName3OptionFormat).rendering();
new makeOptions("CODE","NAME").setObj($("select[name=searchJobInst]")).setNoValueInclude(true).setNoValue("", new makeOptions("CODE","NAME").setObj($("select[name=searchJobInst]")).setNoValueInclude(true).setNoValue("",
"<%= localeMessage.getString("combo.all")%>").setData(json.instanceList).rendering(); "<%= localeMessage.getString("combo.all")%>").setData(json.instanceList).rendering();
$("select[name=searchJobUseYn]").val("Y");
putSelectFromParam(); putSelectFromParam();
initGrid(); initGrid();
+37 -150
View File
@@ -7,19 +7,6 @@
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%> <%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ include file="/jsp/common/include/localemessage.jsp" %> <%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
// 비밀번호 규칙 안내문구용 모니터링 프로퍼티 조회
com.eactive.eai.rms.common.context.MonitoringContext monitoringContext =
(com.eactive.eai.rms.common.context.MonitoringContext) WebApplicationContextUtils
.getRequiredWebApplicationContext(pageContext.getServletContext())
.getBean("monitoringContext");
int pwdLengthCheck = monitoringContext.getIntProperty(
com.eactive.eai.rms.common.context.MonitoringContext.RMS_PASSWORD_LENGTH_CHECK, 7);
int pwdCombiCheck = monitoringContext.getIntProperty(
com.eactive.eai.rms.common.context.MonitoringContext.RMS_PASSWORD_COMBI_CHECK, 2);
int pwdRepeatCheck = monitoringContext.getIntProperty(
com.eactive.eai.rms.common.context.MonitoringContext.RMS_PASSWORD_REPEAT_CHECK, 3);
%>
<c:set var="themeColor" value="<%=System.getProperty(\"theme.color\")%>" scope="session" /> <c:set var="themeColor" value="<%=System.getProperty(\"theme.color\")%>" scope="session" />
<% <%
@@ -78,7 +65,6 @@
// SMS 인증 관련 변수 // SMS 인증 관련 변수
var smsAuthTimer = null; var smsAuthTimer = null;
var resendTimer = null; var resendTimer = null;
var smsAuthPurpose = 'LOGIN'; // 'LOGIN' | 'PASSWORD_CHANGE' - SMS 인증 모달을 어느 흐름에서 띄웠는지 구분
function fncPreMain() { function fncPreMain() {
if ($("input[name=userId]").val() ==null || $("input[name=userId]").val().length == 0 ){ if ($("input[name=userId]").val() ==null || $("input[name=userId]").val().length == 0 ){
@@ -105,26 +91,15 @@
data: $('#loginForm').serialize(), data: $('#loginForm').serialize(),
dataType: 'json', dataType: 'json',
success: function(response) { success: function(response) {
console.log('res', response) if (response.smsAuthRequired) {
if (response.changePassword) {
showChangeInitPassword(response);
}
else if (response.smsAuthRequired) {
// SMS 인증 필요 // SMS 인증 필요
smsAuthPurpose = 'LOGIN';
showSmsAuthModal(response); showSmsAuthModal(response);
} else if (response.success) { } else if (response.success) {
// 직접 로그인 성공 // 직접 로그인 성공
window.location.href = response.redirectUrl; window.location.href = response.redirectUrl;
} else { } else {
if (response.errorMessage == 'NO_PHONE_NUMBER') { // 로그인 실패
alert("휴대폰번호가 등록되어 있지 않아 로그인할 수 없습니다. 관리자에게 문의하세요") alert(response.errorMessage || '로그인에 실패했습니다.');
} else if (response.errorMessage == 'FAIL_SEND_AUTH') {
alert("인증번호 발송에 실패했습니다. 잠시 후 다시 시도해주세요.")
} else {
// 로그인 실패
alert('로그인에 실패했습니다');
}
} }
}, },
error: function(xhr, status, error) { error: function(xhr, status, error) {
@@ -133,33 +108,16 @@
} }
}); });
} }
function showChangeInitPassword(data) {
$('input[name="resetUserId"]').val($('input[name="userId"]').val());
$('input[name="resetPassword"]').val($('input[name="password"]').val());
$('#changeInitPassword').hide();
$('#pwdChgModal').modal('show');
}
// SMS 인증 모달 표시 // SMS 인증 모달 표시
function showSmsAuthModal(data) { function showSmsAuthModal(data) {
$('#smsAuthMaskedPhone').text(data.maskedPhone); $('#smsAuthMaskedPhone').text(data.maskedPhone);
$('#smsAuthCode').val(''); $('#smsAuthCode').val('');
updateSmsTestHint(data.smsTestHint);
startExpiryTimer(data.expiresAt); startExpiryTimer(data.expiresAt);
startResendTimer(data.resendableAt); startResendTimer(data.resendableAt);
$('#smsAuthModal').modal('show'); $('#smsAuthModal').modal('show');
} }
// fixed 모드(djb.sms_auth.mode=fixed)일 때만 서버가 내려주는 테스트용 인증번호 힌트 표시
function updateSmsTestHint(hint) {
if (hint) {
$('#smsAuthTestHint').text(hint).show();
} else {
$('#smsAuthTestHint').text('').hide();
}
}
// 유효시간 타이머 // 유효시간 타이머
function startExpiryTimer(expiresAt) { function startExpiryTimer(expiresAt) {
clearInterval(smsAuthTimer); clearInterval(smsAuthTimer);
@@ -213,7 +171,6 @@
dataType: 'json', dataType: 'json',
success: function(data) { success: function(data) {
if (data.sent) { if (data.sent) {
updateSmsTestHint(data.smsTestHint);
startExpiryTimer(data.expiresAt); startExpiryTimer(data.expiresAt);
startResendTimer(data.resendableAt); startResendTimer(data.resendableAt);
alert('인증번호가 재발송되었습니다.'); alert('인증번호가 재발송되었습니다.');
@@ -227,7 +184,7 @@
}); });
} }
// SMS 인증번호 확인 (로그인 / 비밀번호 변경 공용 - smsAuthPurpose로 분기) // SMS 인증번호 확인
function verifySmsAuthCode() { function verifySmsAuthCode() {
var code = $('#smsAuthCode').val(); var code = $('#smsAuthCode').val();
if (!code || code.length !== 6) { if (!code || code.length !== 6) {
@@ -236,25 +193,17 @@
return; return;
} }
var isPasswordChange = (smsAuthPurpose === 'PASSWORD_CHANGE');
var verifyUrl = isPasswordChange
? '<c:url value="/sms-auth/verify-password-change.json"/>'
: '<c:url value="/sms-auth/verify.json"/>';
$.ajax({ $.ajax({
url: verifyUrl, url: '<c:url value="/sms-auth/verify.json"/>',
type: 'POST', type: 'POST',
data: { authCode: code }, data: { authCode: code },
dataType: 'json', dataType: 'json',
success: function(data) { success: function(data) {
if (data.success) { if (data.success) {
$('#smsAuthModal').modal('hide'); $('#smsAuthModal').modal('hide');
if (isPasswordChange) {
alert(data.message);
}
window.location.href = data.redirectUrl; window.location.href = data.redirectUrl;
} else { } else {
alert(data.errorMessage || data.message || '인증에 실패했습니다.'); alert(data.errorMessage || '인증에 실패했습니다.');
} }
}, },
error: function() { error: function() {
@@ -269,81 +218,46 @@
clearInterval(resendTimer); clearInterval(resendTimer);
$('#smsAuthModal').modal('hide'); $('#smsAuthModal').modal('hide');
} }
function changePwd(){
function checkPwd(){
if ($("input[name=resetUserId]").val() == null || $("input[name=resetUserId]").val().length == 0 ){ if ($("input[name=resetUserId]").val() == null || $("input[name=resetUserId]").val().length == 0 ){
alert("<%= localeMessage.getString("login.checkid") %>"); alert("<%= localeMessage.getString("login.checkid") %>");
$("input[name=resetUserId]").trigger("focus"); $("input[name=resetUserId]").trigger("focus");
return false; return;
} }
if ($("input[name=resetPassword]").val() == null || $("input[name=resetPassword]").val().trim().length == 0 ){ if ($("input[name=resetPassword]").val() == null || $("input[name=resetPassword]").val().trim().length == 0 ){
alert("<%= localeMessage.getString("login.checkpwd1") %>"); alert("<%= localeMessage.getString("login.checkpwd1") %>");
$("input[name=resetPassword]").trigger("focus"); $("input[name=resetPassword]").trigger("focus");
return false; return;
} }
if ($("input[name=changePassword]").val() == null || $("input[name=changePassword]").val().trim().length == 0 ){ if ($("input[name=changePassword]").val() == null || $("input[name=changePassword]").val().trim().length == 0 ){
alert("<%= localeMessage.getString("login.checkpwd2") %>"); alert("<%= localeMessage.getString("login.checkpwd2") %>");
$("input[name=changePassword]").trigger("focus"); $("input[name=changePassword]").trigger("focus");
return false; return ;
} }
if ($("input[name=confirmPassword]").val() == null || $("input[name=confirmPassword]").val().trim().length == 0 ){ if ($("input[name=confirmPassword]").val() == null || $("input[name=confirmPassword]").val().trim().length == 0 ){
alert("<%= localeMessage.getString("login.checkpwd3") %>"); alert("<%= localeMessage.getString("login.checkpwd3") %>");
return false; return ;
} }
if ($("input[name=changePassword]").val() != $("input[name=confirmPassword]").val()){ if ($("input[name=confirmPassword]").val() != $("input[name=confirmPassword]").val()){
alert("<%= localeMessage.getString("login.checkpwd4") %>"); alert("<%= localeMessage.getString("login.checkpwd4") %>");
$("input[name=confirmPassword]").trigger("focus"); $("input[name=confirmPassword]").trigger("focus");
return false; return ;
} }
if ($("input[name=resetUserId]").val() == $("input[name=changePassword]").val()){ if ($("input[name=resetUserId]").val() == $("input[name=changePassword]").val()){
alert("<%= localeMessage.getString("login.checkpwd5") %>"); alert("<%= localeMessage.getString("login.checkpwd5") %>");
$("input[name=changePassword]").trigger("focus"); $("input[name=changePassword]").trigger("focus");
return false; return ;
} }
return true; //if (idCheck.checked){
// setCookie("key",id);
//}
<%-- $("form").attr("action","<c:url value="/changePassword.do"/>");
//$("form").action = "<%=request.getContextPath()%>/changePassword.do";
--%>
$("form").submit();
} }
// 비밀번호 변경 요청 (AJAX) - 서버 룰 검증 실패 시 모달을 닫지 않고 비밀번호 입력값만 초기화
function submitChangePassword() {
if (!checkPwd()) {
return false;
}
$.ajax({
url: '<c:url value="/changePassword.do"/>',
type: 'POST',
data: $('#modalLoginForm').serialize(),
dataType: 'json',
success: function(response) {
if (response.smsAuthRequired) {
// 비밀번호는 아직 반영되지 않음 - SMS 인증 완료 시 최종 반영됨
smsAuthPurpose = 'PASSWORD_CHANGE';
// 두 모달이 겹치면 이전 모달의 enforceFocus/backdrop 이 남아 입력이 막히므로
// #pwdChgModal 이 완전히 닫힌 뒤 SMS 인증 모달을 연다
$('#pwdChgModal').one('hidden.bs.modal', function() {
showSmsAuthModal(response);
});
$('#pwdChgModal').modal('hide');
return;
}
alert(response.message);
if (response.success) {
window.location.href = response.redirectUrl || '<c:url value="/emergency.jsp"/>';
} else {
$("input[name=changePassword]").val('');
$("input[name=confirmPassword]").val('');
$("input[name=changePassword]").trigger("focus");
}
},
error: function() {
alert("<%= localeMessage.getString("login.pwdchangefail") %>");
}
});
return false;
}
$(document).ready(function() { $(document).ready(function() {
$("input[name=userId]").keydown(function(event){ $("input[name=userId]").keydown(function(event){
if ( event.which == 13 ) { if ( event.which == 13 ) {
@@ -357,24 +271,14 @@
}); });
$("input[name=changePassword]").keydown(function(event){ $("input[name=changePassword]").keydown(function(event){
if ( event.which == 13 ) { if ( event.which == 13 ) {
event.preventDefault(); changePwd();
submitChangePassword();
} }
}); });
$("input[name=confirmPassword]").keydown(function(event){ $("input[name=confirmPassword]").keydown(function(event){
if ( event.which == 13 ) { if ( event.which == 13 ) {
event.preventDefault(); changePwd();
submitChangePassword();
} }
}); });
// Password Change 링크로 직접 열 때만 초기화 (JS에서 modal('show') 호출 시 relatedTarget 없음)
$('#pwdChgModal').on('show.bs.modal', function(event) {
if (event.relatedTarget) {
$('#modalLoginForm')[0].reset();
$('#changeInitPassword').show();
}
});
$("select[name=serviceType]").change(function(){ $("select[name=serviceType]").change(function(){
fncPreMain(); fncPreMain();
}); });
@@ -382,7 +286,9 @@
$("#btn_login").click(function(){ $("#btn_login").click(function(){
fncPreMain(); fncPreMain();
}); });
$("#changePwd").click(function(){
changePwd();
});
$("#btn_sso_login").click(function(){ $("#btn_sso_login").click(function(){
fncSsoLogin(); fncSsoLogin();
}); });
@@ -393,19 +299,6 @@
verifySmsAuthCode(); verifySmsAuthCode();
} }
}); });
// 인증번호는 숫자만 허용 (타이핑/붙여넣기/드래그 공통, 백스페이스·방향키는 방해하지 않음)
$("#smsAuthCode").on("input", function(){
var digits = this.value.replace(/[^0-9]/g, '').slice(0, 6);
if (this.value !== digits) {
this.value = digits;
}
});
// SMS 인증 모달이 완전히 열린 뒤 인증번호 입력창에 포커스
$('#smsAuthModal').on('shown.bs.modal', function() {
$('#smsAuthCode').trigger('focus');
});
}); });
function fncSsoLogin() { function fncSsoLogin() {
@@ -473,7 +366,7 @@
</div> </div>
</div> </div>
<!-- 비밀번호 변경 모달 -->
<div class="modal fade" id="pwdChgModal" tabindex="-1" role="dialog" aria-labelledby="pwdChgModalLabel" aria-hidden="true"> <div class="modal fade" id="pwdChgModal" tabindex="-1" role="dialog" aria-labelledby="pwdChgModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
@@ -483,15 +376,13 @@
<span aria-hidden="true">X</span> <span aria-hidden="true">X</span>
</button> </button>
</div> </div>
<form id="modalLoginForm" action="<c:url value="/changePassword.do"/>" method="post" onsubmit="return submitChangePassword()" novalidate> <form name="form" id="modalLoginForm" action="<c:url value="/changePassword.do"/>" method="post">
<div class="modal-body"> <div class="modal-body">
<div id="changeInitPassword"> <div class="form-group d-flex">
<div class="form-group d-flex"> <input type="text" name="resetUserId" class="form-control rounded-left" placeholder="User Id" required>
<input type="text" name="resetUserId" class="form-control rounded-left" placeholder="User Id" required> </div>
</div> <div class="form-group d-flex">
<div class="form-group d-flex"> <input type="password" name="resetPassword" class="form-control rounded-left" placeholder="<%= localeMessage.getString("login.placeholderCurrentPassword") %>" autocomplete="off" required>
<input type="password" name="resetPassword" class="form-control rounded-left" placeholder="<%= localeMessage.getString("login.placeholderCurrentPassword") %>" autocomplete="off" required>
</div>
</div> </div>
<p><%= localeMessage.getString("login.toChangePasswordMessage") %></p> <p><%= localeMessage.getString("login.toChangePasswordMessage") %></p>
<div class="form-group d-flex"> <div class="form-group d-flex">
@@ -500,13 +391,9 @@
<div class="form-group d-flex"> <div class="form-group d-flex">
<input type="password" name="confirmPassword" class="form-control rounded-left" placeholder="<%= localeMessage.getString("login.placeholderConfirmationPassword") %>" autocomplete="off" required> <input type="password" name="confirmPassword" class="form-control rounded-left" placeholder="<%= localeMessage.getString("login.placeholderConfirmationPassword") %>" autocomplete="off" required>
</div> </div>
<span style="font-size:0.8em; color:red">
※ <%= pwdLengthCheck %>글자 이상 & 영문/숫자/특수문자 <%= pwdCombiCheck %>종류 이상<br/>
※ 연속된 숫자/문자(예: 123, abc, qwer) 사용 불가<%= pwdRepeatCheck >= 2 ? ", 동일 문자 " + pwdRepeatCheck + "자 이상 반복 불가" : "" %>
</span>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="submit" id="changePwd" class="form-control btn btn-primary rounded submit px-3">변경</button> <input type="button" id ="changePwd" class="form-control btn btn-primary rounded submit px-3" value="변경">
</div> </div>
</form> </form>
</div> </div>
@@ -524,9 +411,9 @@
<p>인증번호가 <strong><span id="smsAuthMaskedPhone"></span></strong>로 발송되었습니다.</p> <p>인증번호가 <strong><span id="smsAuthMaskedPhone"></span></strong>로 발송되었습니다.</p>
<div class="form-group"> <div class="form-group">
<input type="text" id="smsAuthCode" class="form-control" <input type="text" id="smsAuthCode" class="form-control"
placeholder="인증번호 6자리" maxlength="6" inputmode="numeric" autocomplete="off"> placeholder="인증번호 6자리" maxlength="6"
onkeypress="return event.charCode >= 48 && event.charCode <= 57">
</div> </div>
<p id="smsAuthTestHint" class="text-warning" style="display:none;"></p>
<p class="text-muted">남은 시간: <span id="smsAuthRemainingTime" class="text-danger font-weight-bold">60</span>초</p> <p class="text-muted">남은 시간: <span id="smsAuthRemainingTime" class="text-danger font-weight-bold">60</span>초</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
+4 -2
View File
@@ -166,8 +166,10 @@
location.href = '<%=request.getContextPath()%>/rms/logout.do'; location.href = '<%=request.getContextPath()%>/rms/logout.do';
} }
/* 상위 프레임(main.jsp)에서 발생하는 AJAX 요청만 활동으로 기록 (마우스 이동/클릭만으로는 갱신되지 않음) */ /* 상위 프레임(main.jsp) 활동 감지 */
$(document).ajaxSend(markActivity); ['mousemove', 'keydown', 'click', 'touchstart'].forEach(function (e) {
document.addEventListener(e, markActivity, true);
});
/* 주기적 유휴 시간 체크 */ /* 주기적 유휴 시간 체크 */
setInterval(function () { setInterval(function () {
+10 -61
View File
@@ -9,8 +9,6 @@
<%@page import="com.eactive.eai.rms.common.util.StringUtils" %> <%@page import="com.eactive.eai.rms.common.util.StringUtils" %>
<%@page import="com.eactive.eai.rms.common.datasource.DataSourceType" %> <%@page import="com.eactive.eai.rms.common.datasource.DataSourceType" %>
<%@page import="com.eactive.eai.rms.common.datasource.DataSourceTypeManager" %> <%@page import="com.eactive.eai.rms.common.datasource.DataSourceTypeManager" %>
<%@page import="com.eactive.eai.common.util.ApplicationContextProvider" %>
<%@page import="com.eactive.eai.rms.data.entity.man.role.RoleMenuAuthService" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %> <%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@ include file="/jsp/common/include/localemessage.jsp" %> <%@ include file="/jsp/common/include/localemessage.jsp" %>
@@ -18,12 +16,6 @@
<% <%
String serviceKey = SessionManager.getServiceTypeKey(request); String serviceKey = SessionManager.getServiceTypeKey(request);
String serviceText = DataSourceTypeManager.getDataSourceType(serviceKey).getText(); String serviceText = DataSourceTypeManager.getDataSourceType(serviceKey).getText();
final String SITEMAP_MENU_ID = "0510013";
RoleMenuAuthService roleMenuAuthService = ApplicationContextProvider.getContext().getBean(RoleMenuAuthService.class);
String sitemapMenuAuth = roleMenuAuthService.getRoleList(SessionManager.getUserId(request), SITEMAP_MENU_ID, serviceKey);
boolean showSitemapLink = "R".equals(sitemapMenuAuth) || "W".equals(sitemapMenuAuth);
String roleScreenId = (String) request.getAttribute("roleScreenId"); String roleScreenId = (String) request.getAttribute("roleScreenId");
String mainPage = (String) request.getAttribute("mainPage"); String mainPage = (String) request.getAttribute("mainPage");
String menuId = (String) request.getAttribute("menuId"); String menuId = (String) request.getAttribute("menuId");
@@ -248,12 +240,6 @@
<link rel="stylesheet" type="text/css" media="screen" href="<c:url value="/css/web_ui.css"/>"/> <link rel="stylesheet" type="text/css" media="screen" href="<c:url value="/css/web_ui.css"/>"/>
<link rel="stylesheet" type="text/css" media="screen" href="<c:url value="/css/theme_${themeColor}.css"/>"/> <link rel="stylesheet" type="text/css" media="screen" href="<c:url value="/css/theme_${themeColor}.css"/>"/>
<style>
.topmenu_box .sitemap-link { display: inline-block; width: 80px; height: 80px; line-height: 80px; box-sizing: border-box; font-size: 14px; color: #666; text-align: center; opacity: 0.7; transition: all 0.3s; margin-top: 0px; }
.topmenu_box .sitemap-link:hover { opacity: 1; }
.topmenu_box .logout-link { line-height: 80px; margin-top:0; }
.topmenu_box > ul li:last-child > a:before { display: none; }
</style>
<script language="javascript" src="<c:url value="/js/jquery-1.12.1.min.js"/>"></script> <script language="javascript" src="<c:url value="/js/jquery-1.12.1.min.js"/>"></script>
<script language="javascript" src="<c:url value="/js/prefixfree.min.js"/>"></script> <script language="javascript" src="<c:url value="/js/prefixfree.min.js"/>"></script>
<script language="javascript" src="<c:url value="/js/jquery.cookie.js"/>"></script> <script language="javascript" src="<c:url value="/js/jquery.cookie.js"/>"></script>
@@ -317,11 +303,11 @@
} }
//왼쪽메뉴, 메인 페이지 이동 //왼쪽메뉴, 메인 페이지 이동
function goPage2(page1, page2, page2_id) { function goPage2(page1, page2, page2_id) {
parent.leftFrame.location.href = goNavUrl(page1); parent.leftFrame.location.href = goNavUrl(page1);
parent.mainFrame.location.href = goNavUrl(page2); parent.mainFrame.location.href = goNavUrl(page2);
} }
var sessionAjax = createAjaxRequest(); var sessionAjax = createAjaxRequest();
function getAjaxData() { function getAjaxData() {
@@ -543,7 +529,6 @@
console.log("selectLocaleValue : " + selectLocaleValue); console.log("selectLocaleValue : " + selectLocaleValue);
parent.changeLocale($(this).val()); parent.changeLocale($(this).val());
}); });
}); });
$(function() { $(function() {
@@ -555,35 +540,7 @@
<% session.setAttribute("dualLogin", "N"); %> <% session.setAttribute("dualLogin", "N"); %>
} }
}); });
// 세션(자동로그아웃) 타임아웃 카운트다운 - main.jsp의 유휴시간 판단과 동일한 sessionStorage 값을 공유한다.
(function () {
var IDLE_MS = ${autoLogoutTimeout} * 60 * 1000;
function getLastActivity() {
var t = sessionStorage.getItem('lastActivity');
return t ? parseInt(t, 10) : Date.now();
}
function formatRemain(ms) {
if (ms < 0) ms = 0;
var totalSec = Math.floor(ms / 1000);
var mm = Math.floor(totalSec / 60);
var ss = totalSec % 60;
return (mm < 10 ? '0' + mm : mm) + ':' + (ss < 10 ? '0' + ss : ss);
}
function updateSessionTimeoutTimer() {
var remain = IDLE_MS - (Date.now() - getLastActivity());
$('#sessionTimeoutTimer').text('세션 만료까지 ' + formatRemain(remain));
}
$(function () {
updateSessionTimeoutTimer();
setInterval(updateSessionTimeoutTimer, 1000);
});
})();
</script> </script>
</head> </head>
@@ -594,29 +551,21 @@
</h1><!-- /monitoring/images/top_logo.png --> </h1><!-- /monitoring/images/top_logo.png -->
<div class="topmenu_box"> <div class="topmenu_box">
<ul> <ul>
<li style="width:240px;"> <li style="width:240px;" id="newDashboardShow">
<a style="width:240px; cursor: default" <a style="width:240px;"
href="#"><span><%=SessionManager.getUserName(request) %>(<%=SessionManager.getUserId(request) %>)</span> href="#"><span><%=SessionManager.getUserName(request) %>(<%=SessionManager.getUserId(request) %>-<%=System.getProperty("inst.Name") %>)</span>
<span onClick="javascript:openColorPopup();"><%=localeMessage.getString("screen.customer") %></span> <span onClick="javascript:openColorPopup();"><%=localeMessage.getString("screen.customer") %></span>
<% if (!"".equals(LastLoginYms.trim())) { %> <% if (!"".equals(LastLoginYms.trim())) { %>
<span style="display:block;font-size:10px;"><%=localeMessage.getString("screen.lastLogin") %> : <%=LastLoginYms%></span> <span style="display:block;font-size:10px;"><%=localeMessage.getString("screen.lastLogin") %> : <%=LastLoginYms%> [ <%=LastLoginIp%> ]</span>
<% } %> <% } %>
<span id="sessionTimeoutTimer" style="display:block;font-size:10px;"></span>
</a></li> </a></li>
<li style="width:100px; line-height:80px; text-align:center;"> <li>
<select id="selectLocale" name="locale" style="width:60px; padding: 2px; text-align:center;"> <select id="selectLocale" name="locale" style="margin-top: 20px; width:80px">
<option value="en">English</option> <option value="en">English</option>
<option value="ko">한글</option> <option value="ko">한글</option>
</select> </select>
</li> </li>
<% if (showSitemapLink) { %> <li onclick="logout()"><a href="#" class=""><img src="<c:url value="/img/icon_logout.png"/>"
<li>
<a href="<c:url value="/common/acl/sitemap/sitemapMan.view"><c:param name="menuId" value="<%=SITEMAP_MENU_ID%>"/><c:param name="serviceType" value="<%=serviceKey%>"/></c:url>" target="mainFrame" class="sitemap-link">
<%= localeMessage.getString("screen.sitemap") %>
</a>
</li>
<% } %>
<li onclick="logout()"><a href="#" class="logout-link"><img src="<c:url value="/img/icon_logout.png"/>"
alt=""/><%= localeMessage.getString("screen.logout") %> alt=""/><%= localeMessage.getString("screen.logout") %>
</a></li> </a></li>
</ul> </ul>
@@ -179,8 +179,8 @@
autowidth: true, autowidth: true,
viewrecords : true, viewrecords : true,
gridview : true, gridview : true,
ondblClickRow : function(rowId) { ondblClickRow : function(rowId) {
/* console.log("rowId", rowId); console.log("rowId", rowId);
var rowData = $(this) var rowData = $(this)
.getRowData(rowId); .getRowData(rowId);
var key = rowData['EaiSevrInstncName']; var key = rowData['EaiSevrInstncName'];
@@ -193,7 +193,7 @@
url2 += "&searchAdptrBzwkGroupName=" url2 += "&searchAdptrBzwkGroupName="
+ key2; + key2;
url2 += '&menuId='+'${param.menuId}'; url2 += '&menuId='+'${param.menuId}';
goNav(url2); */ goNav(url2);
}, },
loadComplete : function(d) { loadComplete : function(d) {
$("button[name*=img]").unbind("click"); $("button[name*=img]").unbind("click");
@@ -82,10 +82,8 @@
apiDesc: api.eaiSvcDesc apiDesc: api.eaiSvcDesc
}; };
}); });
// addJSONData는 datatype:"local" 그리드의 p.data를 채우지 않아, 헤더 클릭 정렬 시 p.data(빈 배열) 기준으로 다시 그려지며 행이 사라짐.
// setGridParam({data:...}).trigger('reloadGrid')로 채워야 정렬이 정상 동작함.
$("#selectedApiGrid").jqGrid("clearGridData"); $("#selectedApiGrid").jqGrid("clearGridData");
$("#selectedApiGrid").jqGrid('setGridParam', {data: gridData}).trigger('reloadGrid'); $("#selectedApiGrid")[0].addJSONData(gridData);
var data = json; var data = json;
$("#btn_gen_id").hide(); $("#btn_gen_id").hide();
@@ -135,14 +133,15 @@
var selectedApiGrid = $("#selectedApiGrid"); var selectedApiGrid = $("#selectedApiGrid");
selectedApiGrid.jqGrid({ selectedApiGrid.jqGrid({
datatype: "local", datatype: "local",
rownumbers: true, // 가상 인덱스 gridview: true, // 성능 향상
rownumbers: true, // 가상 인덱스
rownumWidth: 40, rownumWidth: 40,
colNames: ['API ID', 'API 이름'], colNames: ['API ID', 'API 이름'],
colModel: [ colModel: [
{name: 'apiId', index: 'apiId', width: 100, align: 'center'}, {name: 'apiId', index: 'apiId', width: 100, align: 'center'},
{name: 'apiDesc', index: 'apiDesc', width: 100, align: 'center'} {name: 'apiDesc', index: 'apiDesc', width: 100, align: 'center'}
], ],
rowNum: 9999, rowNum: -1,
// rowList: [10, 20, 30], // rowList: [10, 20, 30],
// pager: '#selectedApiGridPager', // pager: '#selectedApiGridPager',
// sortname: 'apiId', // sortname: 'apiId',
@@ -157,8 +156,8 @@
} }
}); });
selectedApiGrid.jqGrid('setLabel', 'rn', 'No'); // 가상 인덱스 ColNames selectedApiGrid.jqGrid('setLabel', 'rn', 'No'); // 가상 인덱스 ColNames
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: url, url: url,
@@ -190,8 +189,6 @@
var key = "${param.clientId}"; var key = "${param.clientId}";
if (key != "" && key != "null") { if (key != "" && key != "null") {
isDetail = true; isDetail = true;
} else {
$('input[name="grantTypes_"]').prop('checked', true);
} }
init(key, detail); init(key, detail);
@@ -308,8 +305,7 @@
dataType: "json", dataType: "json",
data: { data: {
cmd: 'SYNC_PORTAL', cmd: 'SYNC_PORTAL',
clientId: clientId, clientId: clientId
serviceType: 'APIGW'
}, },
success: function(response) { success: function(response) {
showSyncResultModal(response); showSyncResultModal(response);
@@ -509,17 +505,18 @@
<td><input type="text" name="scope"/></td> <td><input type="text" name="scope"/></td>
</tr> </tr>
<tr> <tr>
<th><%= localeMessage.getString("clntManDtl.grntTp") %> <small>(*)</small></th> <th><%= localeMessage.getString("clntManDtl.grntTp") %>
(<%= localeMessage.getString("clntManDtl.sprt") %> ,) <small>(*)</small></th>
<td> <td>
<input type="checkbox" name="grantTypes_" value="client_credentials"> client_credentials <input type="checkbox" name="grantTypes_" value="client_credentials"> client_credentials
<%-- <input type="checkbox" name="grantTypes_" value="authorization_code"> authorization_code--%> <%-- <input type="checkbox" name="grantTypes_" value="authorization_code"> authorization_code--%>
<%-- <input type="checkbox" name="grantTypes_" value="password"> password--%> <%-- <input type="checkbox" name="grantTypes_" value="password"> password--%>
<!-- <input type="checkbox" name="grantTypes_" value="refresh_token"> refresh_token --> <input type="checkbox" name="grantTypes_" value="refresh_token"> refresh_token
</td> </td>
<input type="hidden" name="grantTypes"/> <input type="hidden" name="grantTypes"/>
</td> </td>
</tr> </tr>
<tr style="display: none;"> <tr>
<th>REDIRECT URI</th> <th>REDIRECT URI</th>
<td><input type="text" name="redirectUri"/></td> <td><input type="text" name="redirectUri"/></td>
</tr> </tr>
@@ -540,7 +537,7 @@
</th> </th>
<td><input type="text" name="accessTokenValiditySeconds"/></td> <td><input type="text" name="accessTokenValiditySeconds"/></td>
</tr> </tr>
<tr style="display: none;"> <tr>
<th><%= localeMessage.getString("clntManDtl.rfrshTknExprtnDt") %> <th><%= localeMessage.getString("clntManDtl.rfrshTknExprtnDt") %>
</th> </th>
<td><input type="text" name="refreshTokenValiditySeconds"/></td> <td><input type="text" name="refreshTokenValiditySeconds"/></td>
@@ -557,7 +554,7 @@
</th> </th>
<td><input type="text" name="allowedIps"/></td> <td><input type="text" name="allowedIps"/></td>
</tr> </tr>
<tr style="display: none;"> <tr>
<th>Security Key</th> <th>Security Key</th>
<td><textarea name="securityKey" rows="3" style="width:100%;"></textarea></td> <td><textarea name="securityKey" rows="3" style="width:100%;"></textarea></td>
</tr> </tr>
@@ -742,7 +739,7 @@ function showSyncResultModal(response) {
if (response.success) { if (response.success) {
statusClass = "status-success"; statusClass = "status-success";
var createdCount = response.createdApiSpecCount || 0; var createdCount = response.createdApiSpecCount || 0;
var createdMsg = createdCount > 0 ? "<br/><span style='color:#007bff;'>* " + createdCount + "개의 API Spec을 비공개(N)로 자동 생성습니다. API Spec 관리에서 확인 후 공개하세요.</span>" : ""; var createdMsg = createdCount > 0 ? "<br/><span style='color:#007bff;'>* " + createdCount + "개의 API Spec 자동 생성되었습니다.</span>" : "";
if (response.action === 'INSERTED') { if (response.action === 'INSERTED') {
statusMsg = "<strong>반영 완료</strong> - 포탈에 새로운 인증정보가 생성되었습니다." + createdMsg; statusMsg = "<strong>반영 완료</strong> - 포탈에 새로운 인증정보가 생성되었습니다." + createdMsg;
@@ -772,7 +769,6 @@ function showSyncResultModal(response) {
var syncedApis = response.syncedApis || []; var syncedApis = response.syncedApis || [];
var invalidApis = response.invalidApis || []; var invalidApis = response.invalidApis || [];
var createdApiSpecs = response.createdApiSpecs || []; var createdApiSpecs = response.createdApiSpecs || [];
var specGenFailed = response.specGenFailed || [];
$targetCount.text(targetApis.length); $targetCount.text(targetApis.length);
@@ -786,11 +782,8 @@ function showSyncResultModal(response) {
if (invalidApis.includes(apiId)) { if (invalidApis.includes(apiId)) {
status = "미존재 (APIGW에 없음)"; status = "미존재 (APIGW에 없음)";
statusClass = "api-invalid"; statusClass = "api-invalid";
} else if (specGenFailed.includes(apiId)) {
status = "반영됨 (Spec 자동생성 실패·빈 항목)";
statusClass = "api-created";
} else if (createdApiSpecs.includes(apiId)) { } else if (createdApiSpecs.includes(apiId)) {
status = "반영됨 (Spec 자동생성·비공개)"; status = "반영됨 (Spec 신규생성)";
statusClass = "api-created"; statusClass = "api-created";
} else if (syncedApis.includes(apiId)) { } else if (syncedApis.includes(apiId)) {
status = "반영됨"; status = "반영됨";
@@ -19,6 +19,7 @@
var url = '<c:url value="/onl/admin/authserver/scopeMan.json" />'; var url = '<c:url value="/onl/admin/authserver/scopeMan.json" />';
var url_view = '<c:url value="/onl/admin/authserver/scopeMan.view" />'; var url_view = '<c:url value="/onl/admin/authserver/scopeMan.view" />';
var api_url_view = '<c:url value="/onl/apim/apigroup/apiGroupMan.view" />'; var api_url_view = '<c:url value="/onl/apim/apigroup/apiGroupMan.view" />';
var mapping_url = '<c:url value="/onl/admin/authserver/apiScopeMan.json" />';
var isDetail = false; var isDetail = false;
function isValid(){ function isValid(){
@@ -64,9 +65,9 @@ function mappingInfo(key){
$.ajax({ $.ajax({
type : "POST", type : "POST",
url: url, url: mapping_url,
dataType: "json", dataType: "json",
data: {cmd: 'API_LIST', searchScopeId : key}, data: {cmd: 'LIST', searchScopeId : key},
success: function(json){ success: function(json){
var mappingData = json.rows; var mappingData = json.rows;
@@ -130,6 +131,45 @@ function init(key, callback){
} }
} }
function saveApiGridData(scopeId, returnUrl) {
var postData = [];
var rows = $("#selectedApiGrid").jqGrid('getRowData');
$.each(rows, function(index, item) {
item.scopeId = scopeId;
});
postData.push({
name: "apiList",
value: JSON.stringify(rows)
});
postData.push({ name: "cmd" , value:"INSERT_APILIST" });
postData.push({ name: "scopeId" , value:scopeId });
$.ajax({
type : "POST",
url:mapping_url,
data: postData,
beforeSend: function() {
$("[id^='btn_']").prop("disabled", true);
$("#btn_modify").text("처리중 . . . . .");
},
success:function(args){
alert("저장 되었습니다.");
goNav(returnUrl);//LIST로 이동
},
error:function(e){
alert(e.responseText);
},
complete: function() {
$("[id^='btn_']").prop("disabled", false);
$("#btn_modify").text("수정");
}
});
}
$(document).ready(function() { $(document).ready(function() {
var returnUrl = getReturnUrlForReturn(); var returnUrl = getReturnUrlForReturn();
var key ="${param.scopeId}"; var key ="${param.scopeId}";
@@ -142,39 +182,28 @@ $(document).ready(function() {
if (!isValid()){ if (!isValid()){
return; return;
} }
var scopeId = $('input[name=scopeId]').val();
var postData = $('#ajaxForm').serializeArray(); var postData = $('#ajaxForm').serializeArray();
var rows = $("#selectedApiGrid").jqGrid('getRowData');
$.each(rows, function(index, item) {
item.scopeId = scopeId;
});
postData.push({ name: "apiList" , value: JSON.stringify(rows) });
if (isDetail){ if (isDetail){
postData.push({ name: "cmd" , value:"UPDATE"}); postData.push({ name: "cmd" , value:"UPDATE"});
}else{ }else{
postData.push({ name: "cmd" , value:"INSERT"}); postData.push({ name: "cmd" , value:"INSERT"});
} }
$.ajax({ $.ajax({
type : "POST", type : "POST",
url:url, url:url,
data:postData, data:postData,
beforeSend: function() {
$("[id^='btn_']").prop("disabled", true);
$("#btn_modify").text("처리중 . . . . .");
},
success:function(args){ success:function(args){
alert("저장 되었습니다."); alert("SCOPE 정보가 저장 되었습니다. 이어서 API 리스트를 저장합니다.");
goNav(returnUrl);//LIST로 이동
if(!isDetail) { // INSERT 일 경우 ScopeId를 업데이트
key = $('input[name=scopeId]').val();
}
saveApiGridData(key, returnUrl); // API LIST 저장.
}, },
error:function(e){ error:function(e){
alert(e.responseText); alert(e.responseText);
},
complete: function() {
$("[id^='btn_']").prop("disabled", false);
$("#btn_modify").text("수정");
} }
}); });
}); });
@@ -25,7 +25,7 @@ $(document).ready(function() {
datatype:"json", datatype:"json",
mtype: 'POST', mtype: 'POST',
url: url, url: url,
postData : { cmd : 'LIST', searchName: $('input[name=searchName]').val(), searchUseYn: $('select[name=searchUseYn]').val()}, postData : { cmd : 'LIST', searchName: $('input[name=searchName]').val()},
colNames:['<%= localeMessage.getString("infAdpConMan.adaNm") %>', colNames:['<%= localeMessage.getString("infAdpConMan.adaNm") %>',
'<%= localeMessage.getString("infAdpConMan.adaDes") %>', '<%= localeMessage.getString("infAdpConMan.adaDes") %>',
'<%= localeMessage.getString("infAdpConMan.thrPerSecond") %>', '<%= localeMessage.getString("infAdpConMan.thrPerSecond") %>',
@@ -62,7 +62,6 @@ $(document).ready(function() {
url2 += '&menuId='+'${param.menuId}'; url2 += '&menuId='+'${param.menuId}';
//검색값 //검색값
url2 += '&searchName='+$("input[name=searchName]").val(); url2 += '&searchName='+$("input[name=searchName]").val();
url2 += '&searchUseYn='+$("select[name=searchUseYn]").val();
//key값 //key값
url2 += '&name='+name; url2 += '&name='+name;
goNav(url2); goNav(url2);
@@ -81,7 +80,7 @@ $(document).ready(function() {
resizeJqGridWidth('grid','content_middle','1000'); resizeJqGridWidth('grid','content_middle','1000');
$("#btn_search").click(function(){ $("#btn_search").click(function(){
$("#grid").setGridParam({ postData: { searchName: $('input[name=searchName]').val(), searchUseYn: $('select[name=searchUseYn]').val()}, page:1 }).trigger("reloadGrid"); $("#grid").setGridParam({ postData: { searchName: $('input[name=searchName]').val()}, page:1 }).trigger("reloadGrid");
}); });
$("#btn_new").click(function(){ $("#btn_new").click(function(){
var url2 = url_view; var url2 = url_view;
@@ -127,16 +126,6 @@ $(document).ready(function() {
<tr> <tr>
<th style="width:180px;"><%= localeMessage.getString("infAdpConMan.adaNm") %></th> <th style="width:180px;"><%= localeMessage.getString("infAdpConMan.adaNm") %></th>
<td><input type="text" name="searchName" value="${param.searchName}"></td> <td><input type="text" name="searchName" value="${param.searchName}"></td>
<th style="width:180px;"><%= localeMessage.getString("infAdpConMan.useYn") %></th>
<td>
<div class="select-style">
<select name="searchUseYn">
<option value="">전체</option>
<option value="1">사용함</option>
<option value="0">사용안함</option>
</select>
</div>
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@@ -25,7 +25,7 @@ $(document).ready(function() {
datatype:"json", datatype:"json",
mtype: 'POST', mtype: 'POST',
url: url, url: url,
postData : { cmd : 'LIST', searchName: $('input[name=searchName]').val(), searchUseYn: $('select[name=searchUseYn]').val()}, postData : { cmd : 'LIST', searchName: $('input[name=searchName]').val()},
colNames:['클라이언트 ID', colNames:['클라이언트 ID',
'클라이언트명', '클라이언트명',
'<%= localeMessage.getString("infAdpConMan.thrPerSecond") %>', '<%= localeMessage.getString("infAdpConMan.thrPerSecond") %>',
@@ -62,7 +62,6 @@ $(document).ready(function() {
url2 += '&menuId='+'${param.menuId}'; url2 += '&menuId='+'${param.menuId}';
//검색값 //검색값
url2 += '&searchName='+$("input[name=searchName]").val(); url2 += '&searchName='+$("input[name=searchName]").val();
url2 += '&searchUseYn='+$("select[name=searchUseYn]").val();
//key값 //key값
url2 += '&name='+name; url2 += '&name='+name;
goNav(url2); goNav(url2);
@@ -81,7 +80,7 @@ $(document).ready(function() {
resizeJqGridWidth('grid','content_middle','1000'); resizeJqGridWidth('grid','content_middle','1000');
$("#btn_search").click(function(){ $("#btn_search").click(function(){
$("#grid").setGridParam({ postData: { searchName: $('input[name=searchName]').val(), searchUseYn: $('select[name=searchUseYn]').val()}, page:1 }).trigger("reloadGrid"); $("#grid").setGridParam({ postData: { searchName: $('input[name=searchName]').val()}, page:1 }).trigger("reloadGrid");
}); });
$("#btn_new").click(function(){ $("#btn_new").click(function(){
var url2 = url_view; var url2 = url_view;
@@ -91,8 +90,7 @@ $(document).ready(function() {
url2 += '&menuId='+'${param.menuId}'; url2 += '&menuId='+'${param.menuId}';
//검색값 //검색값
url2 += '&searchName='; url2 += '&searchName=';
url2 += '&searchUseYn='+$('select[name=searchUseYn]').val();
goNav(url2); goNav(url2);
}); });
@@ -126,16 +124,6 @@ $(document).ready(function() {
<tr> <tr>
<th style="width:180px;">클라이언트명</th> <th style="width:180px;">클라이언트명</th>
<td><input type="text" name="searchName" value="${param.searchName}"></td> <td><input type="text" name="searchName" value="${param.searchName}"></td>
<th style="width:180px;">사용여부</th>
<td>
<div class="select-style">
<select name="searchUseYn">
<option value="">전체</option>
<option value="1">사용함</option>
<option value="0">사용안함</option>
</select>
</div>
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@@ -298,7 +298,6 @@ $(document).ready(function() {
url: url, url: url,
data: postData, data: postData,
success: function(args) { success: function(args) {
console.log('mod', args);
showAlert("<%= localeMessage.getString("common.saveMsg") %>", { showAlert("<%= localeMessage.getString("common.saveMsg") %>", {
type: 'success', type: 'success',
title: '저장 완료', title: '저장 완료',
@@ -494,6 +493,11 @@ $(document).ready(function() {
<span class="bucket-summary-value" id="summaryThreshold">0<span class="unit">req</span></span> <span class="bucket-summary-value" id="summaryThreshold">0<span class="unit">req</span></span>
<span class="bucket-summary-sub" id="summaryThresholdCalc"></span> <span class="bucket-summary-sub" id="summaryThresholdCalc"></span>
</div> </div>
<div class="bucket-summary-item">
<span class="bucket-summary-label">적용 API</span>
<span class="bucket-summary-value" id="summaryActiveApi">0<span class="unit">개</span></span>
<span class="bucket-summary-sub" id="summaryActiveApiList"></span>
</div>
</div> </div>
</div> </div>
@@ -47,40 +47,27 @@ function groupNameFormat(cellvalue, options, rowObject) {
return strVal; return strVal;
} }
$(document).ready(function() { $(document).ready(function() {
$("input[name=searchStartYYYYMMDD],input[name=searchEndYYYYMMDD]").inputmask("yyyy-mm-dd",{'autoUnmask':true}); $("input[name=searchStartYYYYMMDD],input[name=searchEndYYYYMMDD]").inputmask("yyyy-mm-dd",{'autoUnmask':true});
$("input[name=searchStartTime],input[name=searchEndTime]").inputmask("hh:mm:ss",{'autoUnmask':true});
$("input[name=searchStartYYYYMMDD]").each(function(){ $("input[name=searchStartYYYYMMDD]").each(function(){
if ($(this).val() == undefined || $(this).val() == null || $(this).val() == ""){ if ($(this).val() == undefined || $(this).val() == null || $(this).val() == ""){
$(this).val(getToday()); $(this).val(getToday());
} }
}); });
$("input[name=searchEndYYYYMMDD]").each(function(){ $("input[name=searchEndYYYYMMDD]").each(function(){
if ($(this).val() == undefined || $(this).val() == null || $(this).val() == ""){ if ($(this).val() == undefined || $(this).val() == null || $(this).val() == ""){
$(this).val(getToday()); $(this).val(getToday());
} }
}); });
$("input[name=searchStartTime]").each(function(){
if ($(this).val() == undefined || $(this).val() == null || $(this).val() == ""){ var gridPostData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
$(this).val("000000");
}
});
$("input[name=searchEndTime]").each(function(){
if ($(this).val() == undefined || $(this).val() == null || $(this).val() == ""){
$(this).val("235959");
}
});
var gridPostData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
var start = $("input[name=searchStartYYYYMMDD]").val().replace(/-/gi,""); var start = $("input[name=searchStartYYYYMMDD]").val().replace(/-/gi,"");
var end = $("input[name=searchEndYYYYMMDD]").val().replace(/-/gi,""); var end = $("input[name=searchEndYYYYMMDD]").val().replace(/-/gi,"");
gridPostData["searchStartDate"] = start; gridPostData["searchStartDate"] = start;
gridPostData["searchEndDate"] = end; gridPostData["searchEndDate"] = end;
@@ -145,20 +132,18 @@ $(document).ready(function() {
resizeJqGridWidth('grid','content_middle','1000'); resizeJqGridWidth('grid','content_middle','1000');
$("#btn_search").click(function(){ $("#btn_search").click(function(){
var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로 var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
var start = $("input[name=searchStartYYYYMMDD]").val().replace(/-/gi,""); var start = $("input[name=searchStartYYYYMMDD]").val().replace(/-/gi,"");
var end = $("input[name=searchEndYYYYMMDD]").val().replace(/-/gi,""); var end = $("input[name=searchEndYYYYMMDD]").val().replace(/-/gi,"");
var startTime = $("input[name=searchStartTime]").val();
var endTime = $("input[name=searchEndTime]").val(); if(start > end){
if((start + startTime) > (end + endTime)){
alert("조회기간을 확인해주세요."); alert("조회기간을 확인해주세요.");
return false; return false;
} }
$("input[name=searchStartDate]").val(start); $("input[name=searchStartDate]").val(start);
$("input[name=searchEndDate]").val(end); $("input[name=searchEndDate]").val(end);
postData["searchStartDate"] = start; postData["searchStartDate"] = start;
postData["searchEndDate"] = end; postData["searchEndDate"] = end;
@@ -212,24 +197,14 @@ $(document).ready(function() {
<tbody> <tbody>
<tr> <tr>
<th style="width:180px;"><%= localeMessage.getString("infConHstMan.date") %></th> <th style="width:180px;"><%= localeMessage.getString("infConHstMan.date") %></th>
<td colspan="5"> <td>
<input type="text" name="searchStartYYYYMMDD" id="startDatepicker" readonly="readonly" value="" size="10" style="width:80px; border:1px solid #ebebec;"> <input type="text" name="searchStartYYYYMMDD" id="startDatepicker" readonly="readonly" value="" size="10" style="width:80px; border:1px solid #ebebec;">
<input type="text" name="searchStartTime" value="" size="8" style="width:70px; border:1px solid #ebebec;"> ~
~
<input type="text" name="searchEndYYYYMMDD" value="" id="endDatepicker" size="10" readonly="readonly" style="width:80px; border:1px solid #ebebec;"> <input type="text" name="searchEndYYYYMMDD" value="" id="endDatepicker" size="10" readonly="readonly" style="width:80px; border:1px solid #ebebec;">
<input type="text" name="searchEndTime" value="" size="8" style="width:70px; border:1px solid #ebebec;">
<input type="hidden" name="searchStartDate" value="" style="width:0px;"> <input type="hidden" name="searchStartDate" value="" style="width:0px;">
<input type="hidden" name="searchEndDate" value="" style="width:0px;"> <input type="hidden" name="searchEndDate" value="" style="width:0px;">
</td> </td>
</tr> </tr>
<tr>
<th style="width:180px;"><%= localeMessage.getString("infConHstMan.instNm") %></th>
<td><input type="text" name="searchInstanceName" value="${param.searchInstanceName}"></td>
<th style="width:180px;"><%= localeMessage.getString("infConHstMan.eaiSvcCd") %></th>
<td><input type="text" name="searchApiName" value="${param.searchApiName}"></td>
<th style="width:180px;"><%= localeMessage.getString("infConHstMan.adpGrpNm") %></th>
<td><input type="text" name="searchAdapterGroupName" value="${param.searchAdapterGroupName}"></td>
</tr>
</tbody> </tbody>
</table> </table>
</form> </form>
@@ -88,7 +88,7 @@ $(document).ready(function() {
datatype:"json", datatype:"json",
mtype: 'POST', mtype: 'POST',
url: url, url: url,
postData : { cmd : 'LIST', searchGroupName: $('input[name=searchGroupName]').val(), searchUseYn: $('select[name=searchUseYn]').val()}, postData : { cmd : 'LIST', searchGroupName: $('input[name=searchGroupName]').val()},
colNames:['그룹 ID', colNames:['그룹 ID',
'그룹명', '그룹명',
'초당 임계치', '초당 임계치',
@@ -125,7 +125,6 @@ $(document).ready(function() {
url2 += '&menuId='+'${param.menuId}'; url2 += '&menuId='+'${param.menuId}';
//검색값 //검색값
url2 += '&searchGroupName='+$("input[name=searchGroupName]").val(); url2 += '&searchGroupName='+$("input[name=searchGroupName]").val();
url2 += '&searchUseYn='+$("select[name=searchUseYn]").val();
//key값 //key값
url2 += '&groupId='+groupId; url2 += '&groupId='+groupId;
goNav(url2); goNav(url2);
@@ -144,7 +143,7 @@ $(document).ready(function() {
resizeJqGridWidth('grid','content_middle','1000'); resizeJqGridWidth('grid','content_middle','1000');
$("#btn_search").click(function(){ $("#btn_search").click(function(){
$("#grid").setGridParam({ postData: { searchGroupName: $('input[name=searchGroupName]').val(), searchUseYn: $('select[name=searchUseYn]').val()}, page:1 }).trigger("reloadGrid"); $("#grid").setGridParam({ postData: { searchGroupName: $('input[name=searchGroupName]').val()}, page:1 }).trigger("reloadGrid");
}); });
$("#btn_new").click(function(){ $("#btn_new").click(function(){
var url2 = url_view; var url2 = url_view;
@@ -189,16 +188,6 @@ $(document).ready(function() {
<tr> <tr>
<th style="width:180px;">그룹명</th> <th style="width:180px;">그룹명</th>
<td><input type="text" name="searchGroupName" value="${param.searchGroupName}"></td> <td><input type="text" name="searchGroupName" value="${param.searchGroupName}"></td>
<th style="width:180px;">사용여부</th>
<td>
<div class="select-style">
<select name="searchUseYn">
<option value="">전체</option>
<option value="1">사용함</option>
<option value="0">사용안함</option>
</select>
</div>
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@@ -25,7 +25,7 @@ $(document).ready(function() {
datatype:"json", datatype:"json",
mtype: 'POST', mtype: 'POST',
url: url, url: url,
postData : { cmd : 'LIST', searchName: $('input[name=searchName]').val(), searchUseYn: $('select[name=searchUseYn]').val()}, postData : { cmd : 'LIST', searchName: $('input[name=searchName]').val()},
colNames:['<%= localeMessage.getString("infIfConMan.ifNm") %>', colNames:['<%= localeMessage.getString("infIfConMan.ifNm") %>',
'<%= localeMessage.getString("infIfConMan.ifDesc") %>', '<%= localeMessage.getString("infIfConMan.ifDesc") %>',
'<%= localeMessage.getString("infAdpConMan.thrPerSecond") %>', '<%= localeMessage.getString("infAdpConMan.thrPerSecond") %>',
@@ -62,7 +62,6 @@ $(document).ready(function() {
url2 += '&menuId='+'${param.menuId}'; url2 += '&menuId='+'${param.menuId}';
//검색값 //검색값
url2 += '&searchName='+$("input[name=searchName]").val(); url2 += '&searchName='+$("input[name=searchName]").val();
url2 += '&searchUseYn='+$("select[name=searchUseYn]").val();
//key값 //key값
url2 += '&name='+name; url2 += '&name='+name;
goNav(url2); goNav(url2);
@@ -81,7 +80,7 @@ $(document).ready(function() {
resizeJqGridWidth('grid','content_middle','1000'); resizeJqGridWidth('grid','content_middle','1000');
$("#btn_search").click(function(){ $("#btn_search").click(function(){
$("#grid").setGridParam({ postData: { searchName: $('input[name=searchName]').val(), searchUseYn: $('select[name=searchUseYn]').val()}, page:1 }).trigger("reloadGrid"); $("#grid").setGridParam({ postData: { searchName: $('input[name=searchName]').val()}, page:1 }).trigger("reloadGrid");
}); });
$("#btn_new").click(function(){ $("#btn_new").click(function(){
var url2 = url_view; var url2 = url_view;
@@ -127,16 +126,6 @@ $(document).ready(function() {
<tr> <tr>
<th style="width:180px;"><%= localeMessage.getString("infIfConMan.ifNm") %></th> <th style="width:180px;"><%= localeMessage.getString("infIfConMan.ifNm") %></th>
<td><input type="text" name="searchName" value="${param.searchName}"></td> <td><input type="text" name="searchName" value="${param.searchName}"></td>
<th style="width:180px;"><%= localeMessage.getString("infAdpConMan.useYn") %></th>
<td>
<div class="select-style">
<select name="searchUseYn">
<option value="">전체</option>
<option value="1">사용함</option>
<option value="0">사용안함</option>
</select>
</div>
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@@ -71,18 +71,18 @@
$('#grid').children().remove(); $('#grid').children().remove();
const itemTypes = ['Field', 'Grid', 'Group', 'Attr', 'Array']; const itemTypes = ['Field', 'Grid', 'Group', 'Attr'];
columns = [ // for columnData prop columns = [ // for columnData prop
{ title: '<%= localeMessage.getString("layoutMan.itemDesc") %>', name: 'loutItemDesc', type: 'text', width:280, resize:true, minWidth:120 },
{ title: '<%= localeMessage.getString("layoutMan.itmeEn") %>', name: 'loutItemName', type: 'text', width:280, resize:true, minWidth:120 }, { title: '<%= localeMessage.getString("layoutMan.itmeEn") %>', name: 'loutItemName', type: 'text', width:280, resize:true, minWidth:120 },
{ title: '<%=localeMessage.getString("standardLayout.itemLevel")%>', name: 'loutItemDepth', type: 'numeric', width:50 }, { title: '<%= localeMessage.getString("layoutMan.itemDesc") %>', name: 'loutItemDesc', type: 'text', width:280, resize:true, minWidth:120 },
{ title: '<%=localeMessage.getString("standardLayout.itemLevel")%>', name: 'loutItemDepth', type: 'text', width:50 },
{ title: '<%= localeMessage.getString("standardLayout.itemType") %>', name: 'loutItemType', type: 'autocomplete', source: itemTypes, width:70 }, { title: '<%= localeMessage.getString("standardLayout.itemType") %>', name: 'loutItemType', type: 'autocomplete', source: itemTypes, width:70 },
{ title: '<%= localeMessage.getString("standardLayout.arraySize") %>', name: 'loutItemOccCnt', type: 'text', width:90 }, { title: '<%= localeMessage.getString("standardLayout.arraySize") %>', name: 'loutItemOccCnt', type: 'text', width:90 },
{ title: '<%= localeMessage.getString("standardLayout.refField") %>', name: 'loutItemOccRef', type: 'text', width:90 }, { title: '<%= localeMessage.getString("standardLayout.refField") %>', name: 'loutItemOccRef', type: 'text', width:90 },
{ title: '<%=localeMessage.getString("layoutMan.dataType")%>', name: 'loutItemDataType', type: 'autocomplete', source: basicDataTypes, width:160 }, { title: '<%=localeMessage.getString("layoutMan.dataType")%>', name: 'loutItemDataType', type: 'autocomplete', source: basicDataTypes, width:160 },
{ title: '<%=localeMessage.getString("layoutMan.dataLen")%>', name: 'loutItemLength', type: 'numeric', width: 70, align: 'center' }, { title: '<%=localeMessage.getString("layoutMan.dataLen")%>', name: 'loutItemLength', type: 'numeric', width: 70, align: 'center' },
{ title: '<%=localeMessage.getString("layoutMan.decpLen")%>', name: 'loutItemDecimal', type: 'numeric', width: 70 }, { title: '<%=localeMessage.getString("layoutMan.decpLen")%>', name: 'loutItemDecimal', type: 'text', width: 70 },
{ title: '<%=localeMessage.getString("layoutMan.defaultVal")%>', name: 'loutItemDefault', type: 'text', width: 70 }, { title: '<%=localeMessage.getString("layoutMan.defaultVal")%>', name: 'loutItemDefault', type: 'text', width: 70 },
{ title: '<%=localeMessage.getString("layoutMan.mask")%>', name: 'loutItemMaskYn', type: 'checkbox', width: 70 }, { title: '<%=localeMessage.getString("layoutMan.mask")%>', name: 'loutItemMaskYn', type: 'checkbox', width: 70 },
{ title: '<%=localeMessage.getString("layoutMan.moffset")%>', name: 'loutItemMaskOffset', type: 'text', width: 50 }, { title: '<%=localeMessage.getString("layoutMan.moffset")%>', name: 'loutItemMaskOffset', type: 'text', width: 50 },
@@ -182,41 +182,6 @@
$('#dataTotalLen').text(totalLen); $('#dataTotalLen').text(totalLen);
} }
function focusGridCell(colIndex, rowIndex) {
var cellName = jexcel.getColumnNameFromId([colIndex, rowIndex]);
var cell = grid.getCell(cellName);
grid.updateSelection(cell);
cell.scrollIntoView({block: 'center', inline: 'center'});
grid.openEditor(cell, false);
}
var INTEGER_REGEXP = /^(0|[1-9][0-9]*)$/;
function validateNumberColumns() {
var data = grid.getData();
var gridColumns = grid.options.columns;
for (var col = 0; col < gridColumns.length; col++) {
if (gridColumns[col].type !== 'numeric') {
continue;
}
for (var row = 0; row < data.length; row++) {
var value = data[row][col];
if (value == null) {
continue;
}
value = $.trim(String(value));
if (value !== '' && !INTEGER_REGEXP.test(value)) {
alert("숫자만 입력할 수 있습니다.");
focusGridCell(col, row);
return false;
}
}
}
return true;
}
function detail(key) { function detail(key) {
if (!isDetail) { if (!isDetail) {
return return
@@ -356,10 +321,6 @@
}); });
$("#btn_modify").click(function(){ $("#btn_modify").click(function(){
if (!validateNumberColumns()) {
return;
}
var postData = $('#ajaxForm').serializeArray(); var postData = $('#ajaxForm').serializeArray();
if (isDetail){ if (isDetail){
postData.push({ name: "cmd" , value:"UPDATE"}); postData.push({ name: "cmd" , value:"UPDATE"});
@@ -1,173 +0,0 @@
<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%@ page import="java.io.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<script language="javascript">
var url = '<c:url value="/onl/admin/rule/layoutSyncHistoryMan.json" />';
var url_view = '<c:url value="/onl/admin/rule/layoutSyncHistoryMan.view" />';
function formatPrcssRslt(cellvalue, options, rowObject) {
if (cellvalue === 'S') return '<span style="color:#1a73e8;font-weight:bold;">성공</span>';
if (cellvalue === 'F') return '<span style="color:#d93025;font-weight:bold;">실패</span>';
return cellvalue || '';
}
function init() {
$("#startDatepicker").datepicker().inputmask("yyyy-mm-dd", {'autoUnmask': true});
$("#endDatepicker").datepicker().inputmask("yyyy-mm-dd", {'autoUnmask': true});
var today = getToday();
$("input[name=searchStartYYYYMMDD]").val(today.substring(0, 6) + "01");
$("input[name=searchEndYYYYMMDD]").val(today);
$("input[name=searchStartDate]").val(today.substring(0, 6) + "01");
$("input[name=searchEndDate]").val(today);
// 뒤로가기 등으로 이전 검색조건 파라미터가 있으면 기본값을 덮어씀
putSelectFromParam();
buildGrid();
}
function buildGrid() {
$('#grid').jqGrid({
datatype: "json",
mtype: 'POST',
url: url,
postData: getSearchForJqgrid("cmd", "LIST"),
colNames: ['No', '서비스명', 'Command', '연동구분명', '연동시간', '결과', '결과메세지'],
colModel: [
{name: 'seqno', align: 'center', width: 50, sortable: false},
{name: 'serviceName', align: 'center', width: 100, sortable: false},
{name: 'command', align: 'center', width: 80, sortable: false},
{name: 'loutName', align: 'left', width: 180, sortable: false},
{name: 'recvAmndHms', align: 'center', width: 140, sortable: false},
{name: 'prcssRslt', align: 'center', width: 60, sortable: false, formatter: formatPrcssRslt},
{name: 'prcssRsltCmnt', align: 'left', width: 300, sortable: false}
],
jsonReader: {repeatitems: false},
pager: $('#pager'),
page: '${param.page}',
rowNum: '${rmsDefaultRowNum}',
autoheight: true,
height: $("#container").height(),
autowidth: true,
viewrecords: true,
rowList: eval('[${rmsDefaultRowList}]'),
ondblClickRow: function (rowId) {
var rowData = $(this).getRowData(rowId);
var seqno = rowData['seqno'];
var url2 = url_view + '?cmd=DETAIL';
url2 += '&page=' + $(this).getGridParam("page");
url2 += '&returnUrl=' + getReturnUrl();
url2 += '&menuId=' + '${param.menuId}';
url2 += '&seqno=' + seqno;
url2 += '&' + getSearchUrl();
goNav(url2);
},
loadError: function (jqXHR, textStatus, errorThrown) {
var location = '<%=request.getContextPath()%>/';
comloadError(jqXHR, textStatus, errorThrown, location);
}
});
resizeJqGridWidth('grid', 'content_middle', '1000');
}
$(document).ready(function () {
init();
$("#btn_search").click(function () {
var start = $("input[name=searchStartYYYYMMDD]").val().replace(/-/gi, "");
var end = $("input[name=searchEndYYYYMMDD]").val().replace(/-/gi, "");
if (start && end && start > end) {
alert("조회기간 종료일은 시작일보다 커야합니다.");
$("input[name=searchEndYYYYMMDD]").focus();
return false;
}
$("input[name=searchStartDate]").val(start);
$("input[name=searchEndDate]").val(end);
var postData = getSearchForJqgrid("cmd", "LIST");
$("#grid").setGridParam({url: url, postData: postData, page: 1}).trigger("reloadGrid");
});
$("input[name^=search]").keydown(function (key) {
if (key.keyCode == 13) {
$("#btn_search").click();
}
});
buttonControl();
});
</script>
</head>
<body>
<div class="right_box">
<div class="content_top">
<ul class="path"><li><a href="#">${rmsMenuPath}</a></li></ul>
</div><!-- end content_top -->
<div class="content_middle" id="content_middle">
<div class="search_wrap">
<button type="button" class="cssbtn" id="btn_search" level="R"><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button>
</div>
<div class="title">연동 배포 이력<span class="tooltip">IIM 레이아웃 연동 이력과 eCams 인터페이스 배포 이력을 조회합니다.</span></div>
<form id="ajaxForm" onsubmit="return false;">
<table class="search_condition" cellspacing=0;>
<colgroup>
<col style="width:120px;"><col style="width:260px;">
<col style="width:120px;"><col style="width:260px;">
<col style="width:120px;"><col style="width:260px;">
</colgroup>
<tbody>
<tr>
<th>연동시간</th>
<td>
<input type="text" name="searchStartYYYYMMDD" id="startDatepicker" readonly="readonly" value="" size="10" style="width:100px; border:1px solid #ebebec;">
~
<input type="text" name="searchEndYYYYMMDD" value="" id="endDatepicker" size="10" readonly="readonly" style="width:100px; border:1px solid #ebebec;">
<input type="hidden" name="searchStartDate" value="">
<input type="hidden" name="searchEndDate" value="">
</th>
<th>서비스명</th>
<td><input type="text" name="searchServiceName" autocomplete="off" style="width:95%;"></td>
<th>Command</th>
<td><input type="text" name="searchCommand" autocomplete="off" style="width:95%;"></td>
</tr>
<tr>
<th>연동구분명</th>
<td><input type="text" name="searchLoutName" autocomplete="off" style="width:95%;"></td>
<th>결과</th>
<td>
<div class="select-style" style="display:inline-block; margin-left:6px;">
<select name="searchPrcssRslt">
<option value="">전체</option>
<option value="S">성공</option>
<option value="F">실패</option>
</select>
</div>
</td>
<th></th>
<td></td>
</tr>
</tbody>
</table>
</form>
<table id="grid"></table>
<div id="pager"></div>
</div><!-- end content_middle -->
</div><!-- end right_box -->
</body>
</html>
@@ -1,141 +0,0 @@
<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%@ page import="java.io.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<style>
.succ-y { color:#1a73e8; font-weight:bold; }
.succ-n { color:#d93025; font-weight:bold; }
.pre-wrap { white-space:pre-wrap; word-break:break-all; height:500px; overflow: auto; line-height:1.5; }
.recvdata-toolbar { text-align:right; margin-top: 5px; margin-bottom:6px; }
</style>
<script language="javascript">
var url = '<c:url value="/onl/admin/rule/layoutSyncHistoryMan.json" />';
var key = '${param.seqno}';
var rawRecvData = '';
var isRecvDataPretty = false;
function detail() {
if (!key) return;
$.ajax({
type: "POST", url: url, dataType: "json",
data: {cmd: 'DETAIL', seqno: key},
success: function (data) {
$('#seqno').text(data.seqno != null ? data.seqno : '');
$('#serviceName').text(data.serviceName || '');
$('#command').text(data.command || '');
$('#loutName').text(data.loutName || '');
$('#recvAmndHms').text(data.recvAmndHms || '');
$('#prcssRsltCmnt').text(data.prcssRsltCmnt || '');
rawRecvData = data.recvData || '';
isRecvDataPretty = false;
$('#recvData').text(rawRecvData);
if (data.prcssRslt === 'S') {
$('#prcssRslt').html('<span class="succ-y">성공</span>');
} else if (data.prcssRslt === 'F') {
$('#prcssRslt').html('<span class="succ-n">실패</span>');
} else {
$('#prcssRslt').text(data.prcssRslt || '');
}
},
error: function (e) { alert(e.responseText); }
});
}
// JSON 지수표기(예: 1e+21) 값이 vkbeautify 처리 중 깨지지 않도록 문자열로 감쌌다가 되돌린다.
function preserveExponential(jsonString) {
var protectedJson = jsonString.replace(/:\s*([+-]?\d+\.?\d*e[+-]?\d+)/gi, ': "$1"');
var prettyJson = vkbeautify.json(protectedJson);
prettyJson = prettyJson.replace(/:\s*"([+-]?\d+\.?\d*e[+-]?\d+)"/gi, ': $1');
return prettyJson;
}
$(document).ready(function () {
var returnUrl = getReturnUrlForReturn();
buttonControl();
detail();
$('#btn_previous').click(function () { goNav(returnUrl); });
$('#btn_pretty_recvdata').click(function () {
if (!rawRecvData) return;
if (isRecvDataPretty) {
$('#recvData').text(rawRecvData);
isRecvDataPretty = false;
return;
}
try {
$('#recvData').text(preserveExponential(rawRecvData));
isRecvDataPretty = true;
} catch (e) {
alert('JSON 형식이 아니거나 정렬할 수 없습니다.');
}
});
});
</script>
</head>
<body>
<div class="right_box">
<div class="content_top">
<ul class="path"><li><a href="#">${rmsMenuPath}</a></li></ul>
</div>
<div class="content_middle">
<div class="search_wrap">
<button type="button" class="cssbtn" id="btn_previous" level="R" status="DETAIL,NEW"><i class="material-icons">arrow_back</i> <%= localeMessage.getString("button.previous") %></button>
</div>
<div class="title" id="title">연동 배포 이력 상세</div>
<table class="table_row" cellspacing="0">
<colgroup>
<col style="width:12%"/><col style="width:38%"/>
<col style="width:12%"/><col style="width:38%"/>
</colgroup>
<tr>
<th>No</th>
<td><span id="seqno"></span></td>
<th>Service Name</th>
<td><span id="serviceName"></span></td>
</tr>
<tr>
<th>레이아웃명</th>
<td><span id="loutName"></span></td>
<th>Command</th>
<td><span id="command"></span></td>
</tr>
<tr>
<th>연동시간</th>
<td><span id="recvAmndHms"></span></td>
<th>결과</th>
<td><span id="prcssRslt"></span></td>
</tr>
<tr>
<th>결과메세지</th>
<td colspan="3"><span id="prcssRsltCmnt"></span></td>
</tr>
<tr>
<th>수신데이타</th>
<td colspan="3">
<div class="recvdata-toolbar">
<button type="button" class="cssbtn" id="btn_pretty_recvdata"><i class="material-icons">format_align_left</i> 정렬</button>
</div>
<div id="recvData" class="pre-wrap"></div>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
@@ -1,258 +0,0 @@
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ page import="java.io.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<script language="javascript" >
var url = '<c:url value="/onl/transaction/apim/apiInterfaceMan.json"/>';
var url_view = '<c:url value="/onl/transaction/apim/apiInterfaceMan.view"/>';
var selectName = "searchEaiBzwkDstcd"; // selectBox Name
function processSelectedData() {
var grid = $("#grid");
var selectedRowIds = grid.jqGrid('getGridParam', 'selarrrow');
var selectedData = [];
for(var i = 0; i < selectedRowIds.length; i++) {
var rowData = grid.jqGrid('getRowData', selectedRowIds[i]);
selectedData.push({
bizCode: rowData.eaiBzwkDstcd, // CLINET
apiId: rowData.eaiSvcName,
apiDesc: rowData.eaiSvcDesc, // SCOPE-API
APIFULLPATH: rowData.apiFullPath,
BZWKSVCKEYNAME: rowData.bzwksvckeyname
});
}
if(selectedData.length === 0) {
alert("선택된 항목이 없습니다.");
return;
}
alert("선택한 " + selectedData.length + "건의 API를 추가합니다.");
window.returnValue = selectedData.length === 1 ? selectedData[0] : selectedData;
window.close();
}
function updateSelectionInfo(gridId) {
var grid = $(gridId || "#grid");
var selectedRows = grid.jqGrid('getGridParam', 'selarrrow');
$("#selected-count").text("총: " + selectedRows.length + " 건");
}
function init( callback) {
$.ajax({
type : "POST",
url:url,
dataType:"json",
data:{cmd: 'LIST_COMBO'},
success:function(json){
new makeOptions("BIZCODE","BIZNAME").setObj($("select[name=searchEaiBzwkDstcd]")).setNoValueInclude(true).setNoValue("","전체").setData(json.bizList).setFormat(codeName3OptionFormat).rendering();
setSearchable(selectName); // 콤보에 searchable 설정
if (typeof callback === 'function') {
callback();
}
},
error:function(e){
alert(e.responseText);
}
});
}
function detail(){
var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
$("#grid").setGridParam({ url:url,postData: postData }).trigger("reloadGrid");
}
function search(){
var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
$("#grid").setGridParam({ url:url,postData: postData ,page:1 }).trigger("reloadGrid");
}
function ioFormatter(cellvalue,options,rowObject){
var serviceType = sessionStorage["serviceType"];
if(cellvalue == "I"){
return "타발";
}else if(cellvalue =="O"){
return "당발";
}
}
function adapterNameShortFormatter(cellvalue,options,rowObject){
if(cellvalue == null || cellvalue == '')
return ''
return cellvalue.substring(1, 4);
}
function list(){
detail()
var gridPostData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
// gridPostData.searchApiEnableYn = 'Y';
var urlParams = new URLSearchParams(window.location.search);
var selectedApiIds = urlParams.get("selectedApiIds");
$('#grid').jqGrid({
datatype : "json",
mtype : 'POST',
url : url,
postData : gridPostData,
colNames : [ '업무구분',
'<%= localeMessage.getString("eaiMessage.eaiSvcName")%>',
'<%= localeMessage.getString("eaiMessage.eaiSvcDesc")%>',
'API FULL PATH',
'업무서비스명',
'요청',
'응답',
'작성자',
'가상응답여부',
'SyncAsyncType',
],
colModel : [ { name : 'eaiBzwkDstcd' , align : 'center' , width:'40', sortable:false},
{ name : 'eaiSvcName' , align : 'left' , width:'100'},
{ name : 'eaiSvcDesc' , align : 'left' },
{ name : 'apiFullPath' , align : 'left' , width:'100'},
{ name : 'bzwksvckeyname' , align : 'left' , width:'100', hidden: true},
{ name : 'fromAdapter' , align : 'center' , width:'40', formatter:adapterNameShortFormatter },
{ name : 'toAdapter' , align : 'center' , width:'40', formatter:adapterNameShortFormatter },
{ name : 'author' , align : 'center' , width:'60' },
{ name : 'simYn' , align : 'center' , width:'40' },
{ name : 'syncAsyncType' , align : 'center' , width:'40', hidden: true},
],
jsonReader : {
repeatitems : false
},
pager : $('#pager'),
page : '${param.page}',
rowNum : '${rmsDefaultRowNum}',
autoheight : true,
height : $("#container").height(),
autowidth : true,
viewrecords : true,
multiselect: false,
multiboxonly: false,
rowList : eval('[${rmsDefaultRowList}]'),
loadComplete:function (d){
var $grid = $(this);
if(selectedApiIds) {
const selectedIds = selectedApiIds.split(',');
$.each($grid.getDataIDs(), function(_, id) {
var rowData = $grid.getRowData(id);
if(selectedIds.includes(rowData.eaiSvcName)) {
$grid.jqGrid('setSelection', id, true);
}
});
}
var colModel = $(this).getGridParam("colModel");
for(var i = 0 ; i< colModel.length; i++){
$(this).setColProp(colModel[i].name, {sortable : false});
}
updateSelectionInfo("#grid");
},
onSelectRow: function(rowid, status, e) {
updateSelectionInfo("#grid");
},
onSelectAll: function(rowids, status) {
updateSelectionInfo("#grid");
},
ondblClickRow : function(rowId) {
const rowData = $(this).getRowData(rowId);
const returnValue = {
bizCode: rowData.eaiBzwkDstcd,
apiId: rowData.eaiSvcName,
apiDesc: rowData.eaiSvcDesc
};
//alert("선택한 API를 추가합니다.\nAPI ID: " + rowData.eaiSvcName);
window.returnValue = returnValue;
window.close();
}
});
}
$(document).ready(function() {
init(list);
resizeJqGridWidth('grid','content_middle','1000');
// 업무구분명 선택 시 자동 검색
$("select[name=searchEaiBzwkDstcd]").change(function() {
search();
});
$("#btn_search").click(function(){
search();
});
$("input[name^=search]").keydown(function(key){
if (key.keyCode == 13){
$("#btn_search").click();
}
});
buttonControl();
$("#btn_select").click(function(){
processSelectedData();
});
$("#btn_close").click(function () {
window.close();
});
});
</script>
</head>
<body>
<div>
<div class="content_middle" id="content_middle" style="margin-top: 0px">
<div class="search_wrap">
<button type="button" class="cssbtn" id="btn_search" level="R" ><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button>
<button type="button" class="cssbtn" id="btn_select" level="R" ><i class="material-icons">check</i> <%= localeMessage.getString("button.check") %></button>
<button type="button" class="cssbtn" id="btn_close" level="R" status="DETAIL"><i class="material-icons">close</i> <%= localeMessage.getString("button.close") %></button>
</div>
<div class="title" id="title" >${rmsMenuName}</div>
<!-- 선택 정보 표시 영역 추가 -->
<div style="margin-bottom: 5px;">
<span id="selected-count" style="color: #666; font-size: 12px;"></span>
</div>
<table class="search_condition" cellspacing=0;>
<tbody>
<tr>
<th style="width:180px;">업무구분명</th>
<td>
<select name="searchEaiBzwkDstcd" value="${param.searchEaiBzwkDstcd}">
</select>
</td>
<th style="width:180px;"><%= localeMessage.getString("eaiMessage.eaiSvcName")%></th>
<td>
<input type="text" name="searchEaiSvcName" value="${param.searchEaiSvcName}">
</td>
</tr>
<tr>
<th style="width:180px;"><%= localeMessage.getString("eaiMessage.eaiSvcDesc")%></th>
<td>
<input type="text" name="searchEaiSvcDesc" value="${param.searchEaiSvcDesc}">
</td>
<th style="width:180px;">API FULL PATH</th>
<td>
<input type="text" name="searchApiFullPath" value="${param.searchApiFullPath}">
</td>
</tr>
</tbody>
</table>
<table id="grid" ></table>
<div id="pager"></div>
</div><!-- end content_middle -->
</div><!-- end right_box -->
</body>
</html>
@@ -44,9 +44,6 @@
.div-hover { .div-hover {
background-color: #EDD5DD background-color: #EDD5DD
} }
.btn_move { width:32px; min-width: 32px; height: 32px; background-color: #fff; border:1px solid #999; border-radius:4px; margin-bottom: 4px; }
</style> </style>
<jsp:include page="/jsp/common/include/script.jsp"/> <jsp:include page="/jsp/common/include/script.jsp"/>
@@ -57,7 +54,6 @@
const LAYOUT_ITEM_TYPE_GROUP = "Group"; const LAYOUT_ITEM_TYPE_GROUP = "Group";
const LAYOUT_ITEM_TYPE_GRID = "Grid"; const LAYOUT_ITEM_TYPE_GRID = "Grid";
const LAYOUT_ITEM_TYPE_FIELD = "Field"; const LAYOUT_ITEM_TYPE_FIELD = "Field";
const LAYOUT_ITEM_TYPE_ARRAY = "Array";
var isDetail = false; var isDetail = false;
@@ -554,14 +550,6 @@
return data; return data;
} }
// 항목 자신이 Array인 경우, 경로/변환명령 끝에 반복 표시 [*]를 추가
function addArrayTag(loutItemType, data) {
if (loutItemType == LAYOUT_ITEM_TYPE_ARRAY && !data.endsWith("[*]")) {
data = data + "[*]";
}
return data;
}
//변환명에 있는 서비스코드와 if서비스 코드 매칭 //변환명에 있는 서비스코드와 if서비스 코드 매칭
function validation(){ function validation(){
if ($('input[name=cnvsnName]').val() == '') { if ($('input[name=cnvsnName]').val() == '') {
@@ -891,7 +879,7 @@
} }
}); });
$("#auto").click(function(){ $("input[name=auto]").click(function(){
//debugger; //debugger;
jsPlumbInstance.deleteEveryConnection(); jsPlumbInstance.deleteEveryConnection();
@@ -901,10 +889,10 @@
let selectValue = ""; let selectValue = "";
let targetValue = ""; let targetValue = "";
for ( var i = 0; i < sourceData.length; i++) { for ( var i = 0; i < sourceData.length; i++) {
if (sourceData[i]['loutItemType'] != "Field" && sourceData[i]['loutItemType'] != "Attr" && sourceData[i]['loutItemType'] != "Array") continue; if (sourceData[i]['loutItemType'] != "Field" && sourceData[i]['loutItemType'] != "Attr") continue;
selectValue = (sourceData[i]['LOUTITEMPATH']).substr(sourceData[i]['loutName'].length+1); selectValue = (sourceData[i]['LOUTITEMPATH']).substr(sourceData[i]['loutName'].length+1);
for (var j = 0; j <targetData.length; j++) { for (var j = 0; j <targetData.length; j++) {
if (targetData[j]['loutItemType'] != "Field" && targetData[j]['loutItemType'] != "Attr" && targetData[j]['loutItemType'] != "Array") continue; if (targetData[j]['loutItemType'] != "Field" && targetData[j]['loutItemType'] != "Attr") continue;
targetValue = (targetData[j]['LOUTITEMPATH']).substr(targetData[j]['loutName'].length+1); targetValue = (targetData[j]['LOUTITEMPATH']).substr(targetData[j]['loutName'].length+1);
if (targetValue == selectValue ) { if (targetValue == selectValue ) {
var data = sourceData[i]['LOUTITEMPATH']; var data = sourceData[i]['LOUTITEMPATH'];
@@ -918,7 +906,7 @@
} }
}); });
$("#addAll").click(function() { $("input[name=addAll]").click(function() {
console.debug('addAll'); console.debug('addAll');
var srcRowId = sourceGrid.getGridParam( "selrow" ); var srcRowId = sourceGrid.getGridParam( "selrow" );
var tgtRowId = targetGrid.getGridParam( "selrow" ); var tgtRowId = targetGrid.getGridParam( "selrow" );
@@ -928,8 +916,8 @@
//field, ATTR 여부 판단 //field, ATTR 여부 판단
var sourceRow = sourceGrid.getRowData( srcRowId ); var sourceRow = sourceGrid.getRowData( srcRowId );
var targetRow = targetGrid.getRowData( tgtRowId ); var targetRow = targetGrid.getRowData( tgtRowId );
if ( (sourceRow["loutItemType"] == 'Field' || sourceRow["loutItemType"] == 'Attr' || sourceRow["loutItemType"] == 'Array') && if ( (sourceRow["loutItemType"] == 'Field' || sourceRow["loutItemType"] == 'Attr') &&
(targetRow["loutItemType"] == 'Field' || targetRow["loutItemType"] == 'Attr' || targetRow["loutItemType"] == 'Array') ){ (targetRow["loutItemType"] == 'Field' || targetRow["loutItemType"] == 'Attr') ){
; ;
}else{ }else{
alert('<%=localeMessage.getString("transformManDetail.alert3")%>'); alert('<%=localeMessage.getString("transformManDetail.alert3")%>');
@@ -948,15 +936,15 @@
var targetValue = ""; var targetValue = "";
var j=tgtIndex-1-1; var j=tgtIndex-1-1;
for ( var i = srcIndex-1; i < sourceData.length; i++) { for ( var i = srcIndex-1; i < sourceData.length; i++) {
if (sourceData[i]['loutItemType'] != LAYOUT_ITEM_TYPE_FIELD && sourceData[i]['loutItemType'] != LAYOUT_ITEM_TYPE_ARRAY) continue; if (sourceData[i]['loutItemType'] != LAYOUT_ITEM_TYPE_FIELD) continue;
j++; j++;
while (targetData.length -1 >= j && targetData[j]["loutItemType"] != LAYOUT_ITEM_TYPE_FIELD && targetData[j]["loutItemType"] != LAYOUT_ITEM_TYPE_ARRAY){ while (targetData.length -1 >= j &&targetData[j]["loutItemType"] != LAYOUT_ITEM_TYPE_FIELD){
j++; j++;
} }
if (targetData.length -1 < j) break; if (targetData.length -1 < j) break;
var targetRowId = targetData[j]['id']; var targetRowId = targetData[j]['id'];
targetGrid.jqGrid('setCell',targetRowId,'CNVSNCMDNAME',addArrayTag(sourceData[i]['loutItemType'], addGroupTag(srcGroup,sourceData[i]['LOUTITEMPATH']))); targetGrid.jqGrid('setCell',targetRowId,'CNVSNCMDNAME',addGroupTag(srcGroup,sourceData[i]['LOUTITEMPATH']));
targetGrid.jqGrid('setCell',targetRowId,'CNVSNRSULTITEMPATHNAME',addArrayTag(targetData[j]['loutItemType'], addGroupTag(tgtGroup,targetData[j]['LOUTITEMPATH']))); targetGrid.jqGrid('setCell',targetRowId,'CNVSNRSULTITEMPATHNAME',addGroupTag(tgtGroup,targetData[j]['LOUTITEMPATH']));
targetGrid.jqGrid('setCell',targetRowId,'CNVSNITEMSERNO',targetData[j]['loutItemSerno']); targetGrid.jqGrid('setCell',targetRowId,'CNVSNITEMSERNO',targetData[j]['loutItemSerno']);
const sourceEndpointElementId = sourceGrid.getEndpointElementId(sourceData[i]['id']); const sourceEndpointElementId = sourceGrid.getEndpointElementId(sourceData[i]['id']);
@@ -969,7 +957,7 @@
} }
}); });
$("#removeAll").click(function(){ $("input[name=removeAll]").click(function(){
var tgtRowId = targetGrid.getGridParam( "selrow" ); var tgtRowId = targetGrid.getGridParam( "selrow" );
if (tgtRowId == null) {alert("타겟레이아웃을 선택하여 주십시요.");return;} if (tgtRowId == null) {alert("타겟레이아웃을 선택하여 주십시요.");return;}
//grid data //grid data
@@ -988,49 +976,6 @@
jsPlumbInstance.deleteConnectionsForElement(document.getElementById(targetEndpointElementId)); jsPlumbInstance.deleteConnectionsForElement(document.getElementById(targetEndpointElementId));
} }
}); });
$("#add").click(function() {
var srcRowId = sourceGrid.getGridParam( "selrow" );
var tgtRowId = targetGrid.getGridParam( "selrow" );
if (srcRowId == null) {alert('<%=localeMessage.getString("transformManDetail.alert1")%>');return;}
if (tgtRowId == null) {alert('<%=localeMessage.getString("transformManDetail.alert2")%>');return;}
//field, ATTR 여부 판단
var sourceRow = sourceGrid.getRowData( srcRowId );
var targetRow = targetGrid.getRowData( tgtRowId );
if ( (sourceRow["loutItemType"] == 'Field' || sourceRow["loutItemType"] == 'Attr' || sourceRow["loutItemType"] == 'Array') &&
(targetRow["loutItemType"] == 'Field' || targetRow["loutItemType"] == 'Attr' || targetRow["loutItemType"] == 'Array') ){
;
}else{
alert('<%=localeMessage.getString("transformManDetail.alert3")%>');
return ;
}
targetGrid.jqGrid('setCell',tgtRowId,'CNVSNCMDNAME',addArrayTag(sourceRow['loutItemType'], addGroupTag(srcGroup,sourceRow['LOUTITEMPATH'])));
targetGrid.jqGrid('setCell',tgtRowId,'CNVSNRSULTITEMPATHNAME',addArrayTag(targetRow['loutItemType'], addGroupTag(tgtGroup,targetRow['LOUTITEMPATH'])));
targetGrid.jqGrid('setCell',tgtRowId,'CNVSNITEMSERNO',targetRow['loutItemSerno']);
try {
jsPlumbConnect(srcRowId, tgtRowId);
} catch (e) {console.error(e);}
});
$("#remove").click(function(){
var tgtRowId = targetGrid.getGridParam( "selrow" );
if (tgtRowId == null) {alert("타겟레이아웃을 선택하여 주십시요.");return;}
//grid data
var targetData = targetGrid.getRowData();
targetGrid.jqGrid('setCell', tgtRowId, 'CNVSNCMDNAME', null);
targetGrid.jqGrid('setCell', tgtRowId, 'CNVSNRSULTITEMPATHNAME', null);
targetGrid.jqGrid('setCell', tgtRowId, 'CNVSNITEMSERNO', null);
targetGrid.jqGrid('setCell', tgtRowId, 'CNVSNITEMBASCVAL', null);
const targetEndpointElementId = targetGrid.getEndpointElementId(tgtRowId);
jsPlumbInstance.deleteConnectionsForElement(document.getElementById(targetEndpointElementId));
});
$("textarea[name=CNVSNRSULTITEMPATHNAME],textarea[name=CNVSNCMDNAME],input[name=CNVSNITEMBASCVAL],input[name=CNVSNITEMSERNO]").blur(function(){ $("textarea[name=CNVSNRSULTITEMPATHNAME],textarea[name=CNVSNCMDNAME],input[name=CNVSNITEMBASCVAL],input[name=CNVSNITEMSERNO]").blur(function(){
var rowId = targetGrid.getGridParam( "selrow" ); var rowId = targetGrid.getGridParam( "selrow" );
@@ -1070,7 +1015,7 @@
var targetData = targetGrid.getRowData(); var targetData = targetGrid.getRowData();
var gridData = new Array(); var gridData = new Array();
for (var i = 0; i <targetData.length; i++) { for (var i = 0; i <targetData.length; i++) {
if ((targetData[i]['loutItemType'] != "Field") && (targetData[i]['loutItemType'] != "Attr") && (targetData[i]['loutItemType'] != "Array")) { if ((targetData[i]['loutItemType'] != "Field") && (targetData[i]['loutItemType'] != "Attr")) {
continue; continue;
} }
if (targetData[i]['CNVSNCMDNAME']==null if (targetData[i]['CNVSNCMDNAME']==null
@@ -1213,7 +1158,7 @@
function srcformatterFunction(cellvalue,options,rowObject){ function srcformatterFunction(cellvalue,options,rowObject){
var rowId = options["rowId"]; var rowId = options["rowId"];
var loutItemType = rowObject["loutItemType"]; var loutItemType = rowObject["loutItemType"];
if (loutItemType == 'Field' || loutItemType == 'Attr' || loutItemType == 'Array'){ if (loutItemType == 'Field' || loutItemType == 'Attr'){
return "<div id='div_src_"+rowId+"' name='src_"+rowId+"' style='width:28px;height:17px;background-color: #D12F35; border-color: #ab1717; border-style: solid; border-width: 1px; border-radius: 3px;' />"; return "<div id='div_src_"+rowId+"' name='src_"+rowId+"' style='width:28px;height:17px;background-color: #D12F35; border-color: #ab1717; border-style: solid; border-width: 1px; border-radius: 3px;' />";
}else{ }else{
return "<div id='div_srcgroup_"+rowId+"' name='srcgroup_"+rowId+"' style='width:28px;height:17px;' />"; return "<div id='div_srcgroup_"+rowId+"' name='srcgroup_"+rowId+"' style='width:28px;height:17px;' />";
@@ -1225,7 +1170,7 @@
function tgtformatterFunction(cellvalue,options,rowObject){ function tgtformatterFunction(cellvalue,options,rowObject){
var rowId = options["rowId"]; var rowId = options["rowId"];
var loutItemType = rowObject["loutItemType"]; var loutItemType = rowObject["loutItemType"];
if (loutItemType == 'Field' || loutItemType == 'Attr' || loutItemType == 'Array'){ if (loutItemType == 'Field' || loutItemType == 'Attr'){
return "<div id='div_tgt_"+rowId+"_base' name='div_tgt_"+rowId+"_base' style='width:30px;height:20px; background-color:gray;' >" return "<div id='div_tgt_"+rowId+"_base' name='div_tgt_"+rowId+"_base' style='width:30px;height:20px; background-color:gray;' >"
+ "<div id='div_tgt_"+rowId+"' name='tgt_"+rowId+"' style='width:28px;height:17px; background-color: #3E7E9C; border-color: #217ca7; border-style: solid; border-width: 1px; border-radius: 3px;' onclick='jqGridOnTargetGridEndpointClick(this)'>" + "<div id='div_tgt_"+rowId+"' name='tgt_"+rowId+"' style='width:28px;height:17px; background-color: #3E7E9C; border-color: #217ca7; border-style: solid; border-width: 1px; border-radius: 3px;' onclick='jqGridOnTargetGridEndpointClick(this)'>"
+ "</div></div>"; + "</div></div>";
@@ -1724,8 +1669,8 @@
return; return;
} }
if ((sourceRow["loutItemType"] != 'Field' && sourceRow["loutItemType"] != 'Attr' && sourceRow["loutItemType"] != 'Array') if ((sourceRow["loutItemType"] != 'Field' && sourceRow["loutItemType"] != 'Attr')
|| (targetRow["loutItemType"] != 'Field' && targetRow["loutItemType"] != 'Attr' && targetRow["loutItemType"] != 'Array')) { || (targetRow["loutItemType"] != 'Field' && targetRow["loutItemType"] != 'Attr')) {
alert('<%=localeMessage.getString("transformManDetail.alert3")%>'); alert('<%=localeMessage.getString("transformManDetail.alert3")%>');
return ; return ;
} }
@@ -1739,7 +1684,7 @@
if (targetRow['CNVSNCMDNAME'] == '') { if (targetRow['CNVSNCMDNAME'] == '') {
// 변환 명령 값이 한번 설정 되면 변경 되지 않게 함. // 변환 명령 값이 한번 설정 되면 변경 되지 않게 함.
var cnvsnCmdName = addArrayTag(sourceRow["loutItemType"], addGroupTag(srcGroup,sourceRow["LOUTITEMPATH"])); var cnvsnCmdName = addGroupTag(srcGroup,sourceRow["LOUTITEMPATH"]);
// function까지 처리되도록 수정했으나, parameter가 하나인 경우에만 정상처리됨 // function까지 처리되도록 수정했으나, parameter가 하나인 경우에만 정상처리됨
if($('#functionCombo').val() != "") { if($('#functionCombo').val() != "") {
cnvsnCmdName = $('#functionCombo').val() + "(" + cnvsnCmdName + ")"; cnvsnCmdName = $('#functionCombo').val() + "(" + cnvsnCmdName + ")";
@@ -1748,7 +1693,7 @@
targetGrid.jqGrid('setCell',tgtRowId,'CNVSNCMDNAME', cnvsnCmdName); targetGrid.jqGrid('setCell',tgtRowId,'CNVSNCMDNAME', cnvsnCmdName);
} }
targetGrid.jqGrid('setCell',tgtRowId,'CNVSNRSULTITEMPATHNAME',addArrayTag(targetRow["loutItemType"], addGroupTag(tgtGroup,targetRow["LOUTITEMPATH"]))); targetGrid.jqGrid('setCell',tgtRowId,'CNVSNRSULTITEMPATHNAME',addGroupTag(tgtGroup,targetRow["LOUTITEMPATH"]));
targetGrid.jqGrid('setCell',tgtRowId,'CNVSNITEMSERNO',targetRow['loutItemSerno']); targetGrid.jqGrid('setCell',tgtRowId,'CNVSNITEMSERNO',targetRow['loutItemSerno']);
targetGrid.jqGrid('setCell',tgtRowId,'CNVSNSRCITEMS', cnvsnSrcItems); targetGrid.jqGrid('setCell',tgtRowId,'CNVSNSRCITEMS', cnvsnSrcItems);
targetGrid.jqGrid('setCell',tgtRowId,'ISVALIDMAPPING', true); targetGrid.jqGrid('setCell',tgtRowId,'ISVALIDMAPPING', true);
@@ -1940,8 +1885,8 @@
if (loutItemType == LAYOUT_ITEM_TYPE_GRID || loutItemType == LAYOUT_ITEM_TYPE_GROUP) { if (loutItemType == LAYOUT_ITEM_TYPE_GRID || loutItemType == LAYOUT_ITEM_TYPE_GROUP) {
// group 인 경우 // group 인 경우
items = createGridGroupContextMenuItems(grid, rowId); items = createGridGroupContextMenuItems(grid, rowId);
} else if(loutItemType == LAYOUT_ITEM_TYPE_FIELD || loutItemType == LAYOUT_ITEM_TYPE_ARRAY) { } else if(loutItemType == LAYOUT_ITEM_TYPE_FIELD) {
// field, array 인 경우 // field 인 경우
items = createFieldContextMenuItems(grid, positionElement.attr('id')); items = createFieldContextMenuItems(grid, positionElement.attr('id'));
} else { } else {
return false; return false;
@@ -1993,8 +1938,8 @@
var key = ""; var key = "";
var args = new Object(); var args = new Object();
args['eaiSvcName'] = $('input[name=eaiSvcName]').val(); args['eaiSvcName'] = $('input[name=eaiSvcName]').val();
var url=url_view; //'<c:url value="/onl/transaction/extnl/interfaceMan.view"/>'; var url='<c:url value="/onl/transaction/extnl/interfaceMan.view"/>';
url = url + "?cmd=API_POPUP"; url = url + "?cmd=POPUP";
var ret = showModal(url,args,1020,630, function(arg){ var ret = showModal(url,args,1020,630, function(arg){
var args = null; var args = null;
if(arg == null || arg == undefined ) {//chrome if(arg == null || arg == undefined ) {//chrome
@@ -2008,11 +1953,11 @@
var ret = args.returnValue; var ret = args.returnValue;
console.log("ret",ret); console.log("ret",ret);
key = ret['apiId']; key = ret['key'];
$("input[name=eaiSvcName]").val(key); $("input[name=eaiSvcName]").val(key);
$("input[name=eaiSvcDesc]").val(ret['apiDesc']); $("input[name=eaiSvcDesc]").val(ret['eaiSvcDesc']);
bzwkDstCd = ret['bizCode']; bzwkDstCd = ret['eaiBzwkDstCd'];
$("input[name=eaiSvcName]").change(); $("input[name=eaiSvcName]").change();
}); });
@@ -2044,7 +1989,7 @@
break; break;
} }
if (loutItemType == LAYOUT_ITEM_TYPE_FIELD || loutItemType == LAYOUT_ITEM_TYPE_ARRAY) { if (loutItemType == LAYOUT_ITEM_TYPE_FIELD) {
loutItemPath = loutItemPath.replace(new RegExp("^" + prefix), ""); loutItemPath = loutItemPath.replace(new RegExp("^" + prefix), "");
console.debug(grid.getId() + " : loutItemPath : " + loutItemPath); console.debug(grid.getId() + " : loutItemPath : " + loutItemPath);
rowData['GROUP_LOUTITEMPATH'] = loutItemPath; rowData['GROUP_LOUTITEMPATH'] = loutItemPath;
@@ -2207,12 +2152,12 @@
<div id="sourcePage"></div> <div id="sourcePage"></div>
</div> </div>
</td> </td>
<td style="width:30%; min-width:70px; text-align:center; vertical-align: top; "> <td style="width:30%; text-align:center; vertical-align: top;">
<button type=button id="remove" name="remove" class="cssbtn btn_move" title="remove"><</button>
<button type=button id="add" name="add" class="cssbtn btn_move" title="add"> > </button><br /> <br /><!-- 이 br 이 없을 때 버튼이 제대로 동작 하지 않는다. -->
<button type=button id="removeAll" name="removeAll" class="cssbtn btn_move" title="remove all"> << </button> <input type=button id="removeAll" name="removeAll" class="btn_img btn_removeAll"/><br />
<button type=button id="addAll" name="addAll" class="cssbtn btn_move" title="add all"> >> </button><br /> <input type=button id="addAll" name="addAll" class="btn_img btn_addAll"/><br />
<button type=button id="auto" name="auto" class="cssbtn btn_move" style="width: 70px; " title="auto"> Auto </button> <input type=button id="auto" name="auto" class="btn_img btn_auto" />
</td> </td>
<td style="vertical-align:top;"> <td style="vertical-align:top;">
<table class="table_row" cellspacing="0"> <table class="table_row" cellspacing="0">
@@ -19,8 +19,7 @@
<jsp:include page="/jsp/common/include/css.jsp"/> <jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/> <jsp:include page="/jsp/common/include/script.jsp"/>
<script language="javascript" > <script language="javascript" >
var url_view = '<c:url value="/onl/admin/rule/transform2/transform2Man.view" />';
var $ = jQuery.noConflict(); var $ = jQuery.noConflict();
var bzwkDstCd = ""; var bzwkDstCd = "";
@@ -82,9 +81,8 @@ $(document).ready(function() {
var key = ""; var key = "";
var args = new Object(); var args = new Object();
args['eaiSvcName'] = $('input[name=eaiSvcName]').val(); args['eaiSvcName'] = $('input[name=eaiSvcName]').val();
var url=url_view; //'<c:url value="/onl/transaction/extnl/interfaceMan.view"/>'; var url='<c:url value="/onl/transaction/extnl/interfaceMan.view"/>';
url = url + "?cmd=API_POPUP"; url = url + "?cmd=POPUP";
console.log('[new]', url);
var ret = showModal(url,args,1020,630, function(arg){ var ret = showModal(url,args,1020,630, function(arg){
var args = null; var args = null;
if(arg == null || arg == undefined ) {//chrome if(arg == null || arg == undefined ) {//chrome
@@ -98,11 +96,11 @@ $(document).ready(function() {
var ret = args.returnValue; var ret = args.returnValue;
console.log("ret",ret); console.log("ret",ret);
key = ret['apiId']; key = ret['key'];
$("input[name=eaiSvcName]").val(key); $("input[name=eaiSvcName]").val(key);
$("input[name=eaiSvcDesc]").val(ret['apiDesc']); $("input[name=eaiSvcDesc]").val(ret['eaiSvcDesc']);
bzwkDstCd = ret['bizCode']; bzwkDstCd = ret['eaiBzwkDstCd'];
$("input[name=eaiSvcName]").change(); $("input[name=eaiSvcName]").change();
//$("select[name=eaiSevrDstcd]").val(ret['eaiSevrDstcd']); //$("select[name=eaiSevrDstcd]").val(ret['eaiSevrDstcd']);
+40 -111
View File
@@ -4,18 +4,11 @@
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="/jsp/common/include/localemessage.jsp" %> <%@ include file="/jsp/common/include/localemessage.jsp" %>
<%@ page import="com.eactive.eai.common.util.SystemUtil"%> <%@ page import="com.eactive.eai.common.util.SystemUtil"%>
<%@ page import="com.eactive.eai.rms.common.context.MonitoringContext"%>
<%@ page import="com.eactive.eai.rms.common.util.CommonUtil"%>
<% <%
response.setHeader("Pragma", "No-cache"); response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache"); response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0"); response.setHeader("Expires", "0");
MonitoringContext monitoringContext = (MonitoringContext)CommonUtil.getBean(request, "monitoringContext");
String deployYnStr = monitoringContext.getStringProperty(MonitoringContext.IOMAP_DEPLOY_YN_BY_RMS, "N");
boolean deployYn = "Y".equalsIgnoreCase(deployYnStr);
String adminOnlyYnStr = monitoringContext.getStringProperty(MonitoringContext.IOMAP_DEPLOY_YN_BY_ADMIN_ONLY, "Y");
boolean adminOnly = "Y".equalsIgnoreCase(adminOnlyYnStr);
%> %>
<html> <html>
<head> <head>
@@ -24,48 +17,62 @@
<jsp:include page="/jsp/common/include/css.jsp"/> <jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/> <jsp:include page="/jsp/common/include/script.jsp"/>
<script> <script language="javascript" >
var url = '<c:url value="/onl/admin/rule/transformMan.json" />'; var url = '<c:url value="/onl/admin/rule/transformMan.json" />';
var url_view = '<c:url value="/onl/admin/rule/transformMan.view" />'; var url_view = '<c:url value="/onl/admin/rule/transformMan.view" />';
var url_excel= '<c:url value="/onl/admin/rule/transformMan.excel"/>'; var url_excel= '<c:url value="/onl/admin/rule/transformMan.excel"/>';
var roleString = "<%=SessionManager.getRoleIdString(request)%>"; var roleString = "<%=SessionManager.getRoleIdString(request)%>";
var devSvr = <%=SystemUtil.isDevServer()%>; var devSvr = <%=SystemUtil.isDevServer()%>;
var stageSvr = <%=SystemUtil.isStagingServer()%>;
var adminOnly = <%=adminOnly%>; function dateFormater(cellvalue, options, rowObject){
if (cellvalue==null|| cellvalue==undefined) return "";
if (cellvalue.trim().length < 14) return "";
var display = "";
display=display+cellvalue.substr(0,4)+"-";
display=display+cellvalue.substr(4,2)+"-";
display=display+cellvalue.substr(6,2)+" ";
display=display+cellvalue.substr(8,2)+":";
display=display+cellvalue.substr(10,2)+":";
display=display+cellvalue.substr(12,2);
return display;
}
$(document).ready(function() { $(document).ready(function() {
var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
$('#grid').jqGrid({ $('#grid').jqGrid({
datatype:"json", datatype:"json",
mtype: 'POST', mtype: 'POST',
url: url, url: url,
postData : postData, postData : { cmd : 'LIST'
, searchBizCode : $('input[name=searchBizCode]').val()
, searchCnvsnName : $('input[name=searchCnvsnName]').val()
, searchCnvsnDesc : $('input[name=searchCnvsnDesc]').val()
},
colNames:[ colNames:[
'<%=localeMessage.getString("transformMan.eaibzwkdstcd")%>', '<%=localeMessage.getString("transformMan.eaibzwkdstcd")%>',
'<%=localeMessage.getString("transformMan.telCngMappCd")%>', '<%=localeMessage.getString("transformMan.telCngMappCd")%>',
'<%=localeMessage.getString("transformMan.telCngMappDesc")%>',
'<%=localeMessage.getString("transformMan.ifSvcCd")%>', '<%=localeMessage.getString("transformMan.ifSvcCd")%>',
'<%=localeMessage.getString("transformMan.ifSvcDesc")%>', '<%=localeMessage.getString("transformMan.ifSvcDesc")%>',
'<%=localeMessage.getString("transformMan.eaiSvrDiv")%>', '<%=localeMessage.getString("transformMan.eaiSvrDiv")%>',
'<%= localeMessage.getString("combo.useYn")%> ', '<%= localeMessage.getString("combo.useYn")%> ',
'<%=localeMessage.getString("transformMan.modifyDate")%>', '<%=localeMessage.getString("transformMan.modifyDate")%>',
'<%=localeMessage.getString("transformMan.verInfo")%>', '<%=localeMessage.getString("transformMan.verInfo")%>',
'cnvsnType', '타입',
'flag' 'flag'
], ],
colModel:[ colModel:[
{ name : 'EAIBZWKDSTCD' , align:'center' ,sortable:false , width:"30"}, { name : 'EAIBZWKDSTCD' , align:'center' ,sortable:false , width : "40"},
{ name : 'CNVSNNAME' , align:'left' , width:"100" }, { name : 'CNVSNNAME' , align:'left' },
{ name : 'CNVSNDESC' , align:'left' , width:"100" }, { name : 'EAISVCNAME' , align:'left' },
{ name : 'EAISVCNAME' , align:'left' , width:"70" }, { name : 'EAISVCDESC' , align:'left' },
{ name : 'EAISVCDESC' , align:'left' , width:"100"},
{ name : 'EAISEVRDSTCD' , hidden : true }, { name : 'EAISEVRDSTCD' , hidden : true },
{ name : 'USEYN', align:'center', width:30 ,editoptions:{value:"0:<%= localeMessage.getString("combo.usen")%>;1:<%= localeMessage.getString("combo.usey")%>"}, formatter:"select"}, { name : 'USEYN', align:'center', width:30,editoptions:{value:"0:<%= localeMessage.getString("combo.usen")%>;1:<%= localeMessage.getString("combo.usey")%>"}, formatter:"select"},
{ name : 'LASTAMNDHMS' , align:'center' , width : "60" }, { name : 'LASTAMNDHMS' , align:'center' , formatter: dateFormater, width : "70" },
{ name : 'VERINFO' , align:'center' , width : "30" }, { name : 'VERINFO' , align:'center' , width : "70" },
{ name : 'CNVSNTYPE' , hidden : true }, { name : 'CNVSNTYPE' , hidden : true },
{ name : 'FLAG' , hidden : true } { name : 'FLAG' , hidden : true }
], ],
jsonReader: { jsonReader: {
@@ -129,8 +136,7 @@ $(document).ready(function() {
//key값 //key값
url2 += '&cnvsnName='+cnvsnName; url2 += '&cnvsnName='+cnvsnName;
url2 += '&eaiSvcName='+eaiSvcName; url2 += '&eaiSvcName='+eaiSvcName;
//url2 += '&eaiSvcDesc='+eaiSvcDesc; url2 += '&eaiSvcDesc='+eaiSvcDesc;
url2 += '&eaiSvcDesc='+encodeURIComponent(eaiSvcDesc);
url2 += '&cnvsnDesc='+cnvsnDesc; url2 += '&cnvsnDesc='+cnvsnDesc;
url2 += '&eaiSevrDStcd='+eaiSevrDStcd; url2 += '&eaiSevrDStcd='+eaiSevrDStcd;
url2 += '&useYn='+useYn; url2 += '&useYn='+useYn;
@@ -155,6 +161,7 @@ $(document).ready(function() {
} }
}); });
resizeJqGridWidth('grid','content_middle','1000'); resizeJqGridWidth('grid','content_middle','1000');
$("#btn_search").click(function(){ $("#btn_search").click(function(){
@@ -210,7 +217,7 @@ $(document).ready(function() {
} }
return false; return false;
}else{ }else{
if(confirm("<%=localeMessage.getString("eaiMessage.confirm2")%>")){ if(confirm("초기화 하시겠습니까?")){
var postData = []; var postData = [];
postData.push({ name: "cmd" , value:"LIST_INITIALIZE"}); postData.push({ name: "cmd" , value:"LIST_INITIALIZE"});
postData.push({ name: "chkItems" , value : chkArr}); postData.push({ name: "chkItems" , value : chkArr});
@@ -235,13 +242,8 @@ $(document).ready(function() {
}); });
$('#btn_cmsave').click(onclickBtnCmSave); $('#btn_cmsave').click(onclickBtnCmSave);
$('#btn_clone').click(onclickBtnClone);
$("#btn_delete").click(function(){ $("#btn_delete").click(function(){
if(!confirm("삭제하시겠습니까?")){
return;
}
var id = "grid"; var id = "grid";
var cnvsnNameArr = new Array(); var cnvsnNameArr = new Array();
var eaiSvcNameArr = new Array(); var eaiSvcNameArr = new Array();
@@ -261,7 +263,7 @@ $(document).ready(function() {
} }
if(chkcnt == 0){ if(chkcnt == 0){
alert("<%= localeMessage.getString("standardLayout.message4") %>"); alert("변환매핑을 선택해 주세요");
return false; return false;
} }
@@ -301,18 +303,10 @@ $(document).ready(function() {
}); });
buttonControl(); buttonControl();
setBtnHide(roleString, "admin", "btn_initialize"); setBtnHide(roleString, "admin", "btn_initialize");
if(devSvr || stageSvr){
if (adminOnly) {
setBtnHide(roleString, "admin", "btn_clone");
}
}else{
$("#btn_clone").hide();
}
//setBtnControl(roleString, "admin", "btn_cmsave"); //setBtnControl(roleString, "admin", "btn_cmsave");
//if(!devSvr){ if(!devSvr){
// $("#btn_cmsave").hide(); $("#btn_cmsave").hide();
//} }
}); });
function setBtnControl(roleString, condiVal, compoId) function setBtnControl(roleString, condiVal, compoId)
@@ -435,62 +429,6 @@ function addCMResource(eaiBzwkDsdCd, obj, cnvsnNames) {
} }
}); });
} }
function onclickBtnClone() {
var sel = $('#grid').jqGrid('getGridParam', 'selarrrow');
if (sel.length == 0) {
alert('<%= localeMessage.getString("eaiMessage.alert17")%>');
return;
}
var selectedTransformNames = [];
$(sel).each(function(index, i) {
var cnvsnName = $('#grid').getCell(i, 'CNVSNNAME');
selectedTransformNames.push(cnvsnName);
});
var url2 = url_view;
url2 += "?cmd=POPUP CALENDAR";
var args = new Object();
args['selectedCnvsnName'] = selectedTransformNames.join(',');
showModal(url2,args,540,270, function(arg){
var args = null;
if(arg == null || arg == undefined ) {
//chrome
args = this.dialogArguments;
args.returnValue = this.returnValue;
} else {
//ie
args = arg;
}
if( !args || !args.returnValue ) return;
deployTransforms(args.returnValue);
});
}
function deployTransforms(ret) {
var params = ret;
params['cmd'] = 'CLONETOPROD';
$.ajax({
type : "POST",
url:url,
dataType:"json",
data:params,
success:function(json){
alert(json.message);
list($("#grid").getGridParam("page"));
},
error:function(xhr,status,error){
if (xhr.responseText != null) {
try {
alert(JSON.parse(xhr.responseText).errorMsg);
} catch (e) {
alert(error);
}
}
}
});
}
</script> </script>
</head> </head>
@@ -503,11 +441,6 @@ function deployTransforms(ret) {
</div><!-- end content_top --> </div><!-- end content_top -->
<div class="content_middle" id="content_middle"> <div class="content_middle" id="content_middle">
<div class="search_wrap"> <div class="search_wrap">
<% if (SystemUtil.isDevServer() && deployYn) { %>
<button type="button" class="cssbtn" id="btn_clone" level="W"><i class="material-icons">move_up</i> <%= localeMessage.getString("button.copyStage") %></button>
<% } else if (SystemUtil.isStagingServer() && deployYn) { %>
<button type="button" class="cssbtn" id="btn_clone" level="W"><i class="material-icons">move_up</i> <%= localeMessage.getString("button.copyProd") %></button>
<% } %>
<button type="button" class="cssbtn" id="btn_excel" level="W" status="DETAIL"><i class="material-icons">table_view</i> <%= localeMessage.getString("button.excel") %></button> <button type="button" class="cssbtn" id="btn_excel" level="W" status="DETAIL"><i class="material-icons">table_view</i> <%= localeMessage.getString("button.excel") %></button>
<button type="button" class="cssbtn" id="btn_initialize" level="W" ><i class="material-icons">restart_alt</i> <%= localeMessage.getString("button.reset") %></button> <button type="button" class="cssbtn" id="btn_initialize" level="W" ><i class="material-icons">restart_alt</i> <%= localeMessage.getString("button.reset") %></button>
<button type="button" class="cssbtn" id="btn_delete" level="W" status="DETAIL,NEW"><i class="material-icons">delete</i> <%= localeMessage.getString("button.delete") %></button> <button type="button" class="cssbtn" id="btn_delete" level="W" status="DETAIL,NEW"><i class="material-icons">delete</i> <%= localeMessage.getString("button.delete") %></button>
@@ -536,13 +469,9 @@ function deployTransforms(ret) {
</tr> </tr>
<tr> <tr>
<th style="width:180px;"><%=localeMessage.getString("transformMan.telCngMappDesc")%> </th> <th style="width:180px;"><%=localeMessage.getString("transformMan.telCngMappDesc")%> </th>
<td> <td colspan="3">
<input type="text" name="searchCnvsnDesc" value="${param.searchCnvsnDesc}"> <input type="text" name="searchCnvsnDesc" value="${param.searchCnvsnDesc}">
</td> </td>
<th style="width:180px;"><%=localeMessage.getString("transformMan.ifSvcCd")%> </th>
<td>
<input type="text" name="searchIfSvcCd" value="${param.searchIfSvcCd}">
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@@ -1,258 +0,0 @@
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ page import="java.io.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<script language="javascript" >
var url = '<c:url value="/onl/transaction/apim/apiInterfaceMan.json"/>';
var url_view = '<c:url value="/onl/transaction/apim/apiInterfaceMan.view"/>';
var selectName = "searchEaiBzwkDstcd"; // selectBox Name
function processSelectedData() {
var grid = $("#grid");
var selectedRowIds = grid.jqGrid('getGridParam', 'selarrrow');
var selectedData = [];
for(var i = 0; i < selectedRowIds.length; i++) {
var rowData = grid.jqGrid('getRowData', selectedRowIds[i]);
selectedData.push({
bizCode: rowData.eaiBzwkDstcd, // CLINET
apiId: rowData.eaiSvcName,
apiDesc: rowData.eaiSvcDesc, // SCOPE-API
APIFULLPATH: rowData.apiFullPath,
BZWKSVCKEYNAME: rowData.bzwksvckeyname
});
}
if(selectedData.length === 0) {
alert("선택된 항목이 없습니다.");
return;
}
alert("선택한 " + selectedData.length + "건의 API를 추가합니다.");
window.returnValue = selectedData.length === 1 ? selectedData[0] : selectedData;
window.close();
}
function updateSelectionInfo(gridId) {
var grid = $(gridId || "#grid");
var selectedRows = grid.jqGrid('getGridParam', 'selarrrow');
$("#selected-count").text("총: " + selectedRows.length + " 건");
}
function init( callback) {
$.ajax({
type : "POST",
url:url,
dataType:"json",
data:{cmd: 'LIST_COMBO'},
success:function(json){
new makeOptions("BIZCODE","BIZNAME").setObj($("select[name=searchEaiBzwkDstcd]")).setNoValueInclude(true).setNoValue("","전체").setData(json.bizList).setFormat(codeName3OptionFormat).rendering();
setSearchable(selectName); // 콤보에 searchable 설정
if (typeof callback === 'function') {
callback();
}
},
error:function(e){
alert(e.responseText);
}
});
}
function detail(){
var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
$("#grid").setGridParam({ url:url,postData: postData }).trigger("reloadGrid");
}
function search(){
var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
$("#grid").setGridParam({ url:url,postData: postData ,page:1 }).trigger("reloadGrid");
}
function ioFormatter(cellvalue,options,rowObject){
var serviceType = sessionStorage["serviceType"];
if(cellvalue == "I"){
return "타발";
}else if(cellvalue =="O"){
return "당발";
}
}
function adapterNameShortFormatter(cellvalue,options,rowObject){
if(cellvalue == null || cellvalue == '')
return ''
return cellvalue.substring(1, 4);
}
function list(){
detail()
var gridPostData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
// gridPostData.searchApiEnableYn = 'Y';
var urlParams = new URLSearchParams(window.location.search);
var selectedApiIds = urlParams.get("selectedApiIds");
$('#grid').jqGrid({
datatype : "json",
mtype : 'POST',
url : url,
postData : gridPostData,
colNames : [ '업무구분',
'<%= localeMessage.getString("eaiMessage.eaiSvcName")%>',
'<%= localeMessage.getString("eaiMessage.eaiSvcDesc")%>',
'API FULL PATH',
'업무서비스명',
'요청',
'응답',
'작성자',
'가상응답여부',
'SyncAsyncType',
],
colModel : [ { name : 'eaiBzwkDstcd' , align : 'center' , width:'40', sortable:false},
{ name : 'eaiSvcName' , align : 'left' , width:'100'},
{ name : 'eaiSvcDesc' , align : 'left' },
{ name : 'apiFullPath' , align : 'left' , width:'100'},
{ name : 'bzwksvckeyname' , align : 'left' , width:'100', hidden: true},
{ name : 'fromAdapter' , align : 'center' , width:'40', formatter:adapterNameShortFormatter },
{ name : 'toAdapter' , align : 'center' , width:'40', formatter:adapterNameShortFormatter },
{ name : 'author' , align : 'center' , width:'60' },
{ name : 'simYn' , align : 'center' , width:'40' },
{ name : 'syncAsyncType' , align : 'center' , width:'40', hidden: true},
],
jsonReader : {
repeatitems : false
},
pager : $('#pager'),
page : '${param.page}',
rowNum : '${rmsDefaultRowNum}',
autoheight : true,
height : $("#container").height(),
autowidth : true,
viewrecords : true,
multiselect: false,
multiboxonly: false,
rowList : eval('[${rmsDefaultRowList}]'),
loadComplete:function (d){
var $grid = $(this);
if(selectedApiIds) {
const selectedIds = selectedApiIds.split(',');
$.each($grid.getDataIDs(), function(_, id) {
var rowData = $grid.getRowData(id);
if(selectedIds.includes(rowData.eaiSvcName)) {
$grid.jqGrid('setSelection', id, true);
}
});
}
var colModel = $(this).getGridParam("colModel");
for(var i = 0 ; i< colModel.length; i++){
$(this).setColProp(colModel[i].name, {sortable : false});
}
updateSelectionInfo("#grid");
},
onSelectRow: function(rowid, status, e) {
updateSelectionInfo("#grid");
},
onSelectAll: function(rowids, status) {
updateSelectionInfo("#grid");
},
ondblClickRow : function(rowId) {
const rowData = $(this).getRowData(rowId);
const returnValue = {
bizCode: rowData.eaiBzwkDstcd,
apiId: rowData.eaiSvcName,
apiDesc: rowData.eaiSvcDesc
};
//alert("선택한 API를 추가합니다.\nAPI ID: " + rowData.eaiSvcName);
window.returnValue = returnValue;
window.close();
}
});
}
$(document).ready(function() {
init(list);
resizeJqGridWidth('grid','content_middle','1000');
// 업무구분명 선택 시 자동 검색
$("select[name=searchEaiBzwkDstcd]").change(function() {
search();
});
$("#btn_search").click(function(){
search();
});
$("input[name^=search]").keydown(function(key){
if (key.keyCode == 13){
$("#btn_search").click();
}
});
buttonControl();
$("#btn_select").click(function(){
processSelectedData();
});
$("#btn_close").click(function () {
window.close();
});
});
</script>
</head>
<body>
<div>
<div class="content_middle" id="content_middle" style="margin-top: 0px">
<div class="search_wrap">
<button type="button" class="cssbtn" id="btn_search" level="R" ><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button>
<button type="button" class="cssbtn" id="btn_select" level="R" ><i class="material-icons">check</i> <%= localeMessage.getString("button.check") %></button>
<button type="button" class="cssbtn" id="btn_close" level="R" status="DETAIL"><i class="material-icons">close</i> <%= localeMessage.getString("button.close") %></button>
</div>
<div class="title" id="title" >${rmsMenuName}</div>
<!-- 선택 정보 표시 영역 추가 -->
<div style="margin-bottom: 5px;">
<span id="selected-count" style="color: #666; font-size: 12px;"></span>
</div>
<table class="search_condition" cellspacing=0;>
<tbody>
<tr>
<th style="width:180px;">업무구분명</th>
<td>
<select name="searchEaiBzwkDstcd" value="${param.searchEaiBzwkDstcd}">
</select>
</td>
<th style="width:180px;"><%= localeMessage.getString("eaiMessage.eaiSvcName")%></th>
<td>
<input type="text" name="searchEaiSvcName" value="${param.searchEaiSvcName}">
</td>
</tr>
<tr>
<th style="width:180px;"><%= localeMessage.getString("eaiMessage.eaiSvcDesc")%></th>
<td>
<input type="text" name="searchEaiSvcDesc" value="${param.searchEaiSvcDesc}">
</td>
<th style="width:180px;">API FULL PATH</th>
<td>
<input type="text" name="searchApiFullPath" value="${param.searchApiFullPath}">
</td>
</tr>
</tbody>
</table>
<table id="grid" ></table>
<div id="pager"></div>
</div><!-- end content_middle -->
</div><!-- end right_box -->
</body>
</html>
File diff suppressed because it is too large Load Diff
@@ -46,10 +46,10 @@ $(document).ready(function() {
, src_layout : src_layout , src_layout : src_layout
}, },
colNames:[ colNames:[
'변환결과 항목경로명', '<%=localeMessage.getString("tranManDtPop.conRsItPtNm")%>',
'변환명령', '<%=localeMessage.getString("tranManDtPop.conOrd")%>',
'항목 기본값', '<%=localeMessage.getString("tranManDtPop.ItDft")%>',
'항목 일련번호', '<%=localeMessage.getString("tranManDtPop.itSrlNmb")%>',
'타겟Flag', '타겟Flag',
'소스Flag', '소스Flag',
'<%=localeMessage.getString("tranManDtPop.errMsg")%>' '<%=localeMessage.getString("tranManDtPop.errMsg")%>'
@@ -104,6 +104,7 @@ $(document).ready(function() {
resizeJqGridWidth('grid','title','1000'); resizeJqGridWidth('grid','title','1000');
$("#btn_close").click(function(){ $("#btn_close").click(function(){
//debugger;
window.close(); window.close();
}); });
$("body").css("overflow-x","hidden"); $("body").css("overflow-x","hidden");
@@ -114,12 +115,13 @@ $(document).ready(function() {
<body> <body>
<div class="popup_box" id="title"> <div class="popup_box" id="title">
<div class="search_wrap"> <div class="search_wrap">
<img id="btn_close" src="<c:url value="/img/btn_close.png"/>" level="R"/> <%-- <img id="btn_close" src="<c:url value="/img/btn_close.png"/>" level="R"/> --%>
<button type="button" class="cssbtn" id="btn_close" level="R"><i class="material-icons">cancel</i> <%= localeMessage.getString("button.close") %></button>
</div> </div>
<div class="title">변환매핑항목 상세</div> <div class="title"><%=localeMessage.getString("tranManDtPop.title")%></div>
<table class="search_condition" cellspacing="0"> <table class="search_condition" cellspacing="0">
<tr> <tr>
<th style="width:180px;">변환매핑 코드</th> <th style="width:180px;"><%=localeMessage.getString("tranManDtPop.conMapCd")%></th>
<td> <td>
<input type="text" name="cnvsnName" readonly> <input type="text" name="cnvsnName" readonly>
</td> </td>
@@ -19,8 +19,7 @@
<jsp:include page="/jsp/common/include/css.jsp"/> <jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/> <jsp:include page="/jsp/common/include/script.jsp"/>
<script language="javascript" > <script language="javascript" >
var url_view = '<c:url value="/onl/admin/rule/transformMan.view" />';
var $ = jQuery.noConflict(); var $ = jQuery.noConflict();
var bzwkDstCd = ""; var bzwkDstCd = "";
@@ -82,9 +81,8 @@ $(document).ready(function() {
var key = ""; var key = "";
var args = new Object(); var args = new Object();
args['eaiSvcName'] = $('input[name=eaiSvcName]').val(); args['eaiSvcName'] = $('input[name=eaiSvcName]').val();
var url=url_view; //'<c:url value="/onl/transaction/extnl/interfaceMan.view"/>'; var url='<c:url value="/onl/transaction/extnl/interfaceMan.view"/>';
url = url + "?cmd=API_POPUP"; url = url + "?cmd=POPUP";
console.log('[new]', url);
var ret = showModal(url,args,1020,630, function(arg){ var ret = showModal(url,args,1020,630, function(arg){
var args = null; var args = null;
if(arg == null || arg == undefined ) {//chrome if(arg == null || arg == undefined ) {//chrome
@@ -98,15 +96,15 @@ $(document).ready(function() {
var ret = args.returnValue; var ret = args.returnValue;
console.log("ret",ret); console.log("ret",ret);
key = ret['apiId']; key = ret['key'];
$("input[name=eaiSvcName]").val(key); $("input[name=eaiSvcName]").val(key);
$("input[name=eaiSvcDesc]").val(ret['apiDesc']); $("input[name=eaiSvcDesc]").val(ret['eaiSvcDesc']);
bzwkDstCd = ret['bizCode']; bzwkDstCd = ret['eaiBzwkDstCd'];
$("input[name=eaiSvcName]").change(); $("input[name=eaiSvcName]").change();
//$("select[name=eaiSevrDstcd]").val(ret['eaiSevrDstcd']); $("select[name=eaiSevrDstcd]").val(ret['eaiSevrDstcd']);
//$("select[name=eaiSevrDstcd]").attr("disabled",true); $("select[name=eaiSevrDstcd]").attr("disabled",true);
}); });
}); });
@@ -146,7 +144,7 @@ $(document).ready(function() {
</ul> </ul>
</div><!-- end content_top --> </div><!-- end content_top -->
<div class="content_middle"> <div class="content_middle">
<div class="search_wrap"> <div class="search_wrap">
<button type="button" class="cssbtn" id="btn_regist" level="W" status="DETAIL,NEW"><i class="material-icons">save</i> <%= localeMessage.getString("button.register") %></button> <button type="button" class="cssbtn" id="btn_regist" level="W" status="DETAIL,NEW"><i class="material-icons">save</i> <%= localeMessage.getString("button.register") %></button>
<button type="button" class="cssbtn" id="btn_previous" level="R" status="DETAIL,NEW"><i class="material-icons">arrow_back</i> <%= localeMessage.getString("button.previous") %></button> <button type="button" class="cssbtn" id="btn_previous" level="R" status="DETAIL,NEW"><i class="material-icons">arrow_back</i> <%= localeMessage.getString("button.previous") %></button>
<%-- <img src="<c:url value="/img/btn_regist.png"/>" alt="" id="btn_regist" level="W" status="DETAIL,NEW" /> --%> <%-- <img src="<c:url value="/img/btn_regist.png"/>" alt="" id="btn_regist" level="W" status="DETAIL,NEW" /> --%>
@@ -161,29 +159,25 @@ $(document).ready(function() {
<form id="ajaxForm"> <form id="ajaxForm">
<table class="table_row" cellspacing="0"> <table class="table_row" cellspacing="0">
<tr> <tr>
<th style="width:14%; min-width:130px;"><%=localeMessage.getString("transformMan.ifSvcCd")%> </th> <th style="width:25%;"><%=localeMessage.getString("transformMan.ifSvcCd")%> </th>
<td style="width:31%;"> <td colspan="3">
<input type="text" name="eaiSvcName" style="width:60%;" readonly> <!-- <img id="btn_search" src="<c:url value="/img/btn_pop_search.png" />" level="R" class="btn_img" /> --> <input type="text" name="eaiSvcName" style="width:calc(100% - 60px);" readonly> <%-- <img id="btn_search" src="<c:url value="/img/btn_pop_search.png" />" level="R" class="btn_img" /> --%>
<button type="button" class="cssbtn smallBtn2" id="btn_search" style="vertical-align:middle; font-weight:bold;" level="R"><i class="material-icons">search</i><%= localeMessage.getString("button.search") %></button> <button type="button" class="cssbtn smallBtn2" id="btn_search" style="vertical-align:middle; font-weight:bold;" level="R"><i class="material-icons">search</i><%= localeMessage.getString("button.search") %></button>
</td> </td>
<th style="width:14%; min-width:130px;"><%=localeMessage.getString("transformMan.ifSvcDesc")%></th> </tr>
<td style="width:41%;"> <tr>
<th><%=localeMessage.getString("transformMan.ifSvcDesc")%></th>
<td colspan="3">
<input type="text" name="eaiSvcDesc" readOnly> <input type="text" name="eaiSvcDesc" readOnly>
</td> </td>
</tr> </tr>
<tr> <tr>
<th><%=localeMessage.getString("transformMan.eaiSvrDiv")%></th> <th><%=localeMessage.getString("transformMan.eaiSvrDiv")%></th>
<td> <td colspan="3">
<div class="select-style"> <div class="select-style">
<select name="eaiSevrDstcd" /> <select name="eaiSevrDstcd" />
</div> </div>
</td> </td>
<th style="width:13%; min-width:130px;"><%=localeMessage.getString("combo.useYn")%></th>
<td>
<div class="select-style">
<select name="useYn" />
</div>
</td>
</tr> </tr>
<tr> <tr>
<th><%=localeMessage.getString("transformMan.cnvsnType")%></th> <th><%=localeMessage.getString("transformMan.cnvsnType")%></th>
@@ -192,13 +186,20 @@ $(document).ready(function() {
<select name="cnvsnType" /> <select name="cnvsnType" />
</div> </div>
</td> </td>
<th><%=localeMessage.getString("combo.useYn")%></th>
<td>
<div class="select-style">
<select name="useYn" />
</div>
</td>
</tr>
<tr>
<th><%=localeMessage.getString("transformMan.telCngMappCd")%></th> <th><%=localeMessage.getString("transformMan.telCngMappCd")%></th>
<td><input type="text" name="cnvsnName" readonly="readonly"/></td> <td colspan="3"><input type="text" name="cnvsnName" readonly="readonly"/></td>
</tr> </tr>
<tr> <tr height="100px">
<th><%=localeMessage.getString("transformMan.cnvsnDesc")%></th><td colspan="3"><textarea name="cnvsnDesc" style="width:100%;height:50px"></textarea></td> <th><%=localeMessage.getString("transformMan.cnvsnDesc")%></th><td colspan="3"><textarea name="cnvsnDesc" style="width:100%;height:100px"></textarea></td>
</tr> </tr>
</table> </table>
</form> </form>
+26 -14
View File
@@ -47,6 +47,9 @@ function init(callback){
dataType:"json", dataType:"json",
data:{cmd: 'LIST_INIT', codeGroupArr : 'SVC_SAME_TIME_TYPE,<%= tranTypeCode %>'}, data:{cmd: 'LIST_INIT', codeGroupArr : 'SVC_SAME_TIME_TYPE,<%= tranTypeCode %>'},
success:function(json){ success:function(json){
new makeOptions("CODE","NAME").setObj($("select[name=searchSvcMotivUsedStcd]")).setNoValueInclude(true).setNoValue("", "<%=localeMessage.getString("combo.all")%>").setData(json.list[0].SVC_SAME_TIME_TYPE).rendering();
new makeOptions("CODE","NAME").setObj($("select[name=searchPsvintfacdsticName]")).setNoValueInclude(true).setNoValue("", "<%=localeMessage.getString("combo.all")%>").setData(json.list[0].SVC_SAME_TIME_TYPE).rendering();
new makeOptions("CODE","NAME").setObj($("select[name=searchFlowControl]")).setNoValueInclude(true).setNoValue("", "<%=localeMessage.getString("combo.all")%>").setData(json.listFlowControl).rendering();
new makeOptions("CODE","NAME").setObj($("select[name=searchTranType]")).setNoValueInclude(true).setNoValue("", "<%=localeMessage.getString("combo.all")%>").setData(json.list[0].<%= tranTypeCode %>).rendering(); new makeOptions("CODE","NAME").setObj($("select[name=searchTranType]")).setNoValueInclude(true).setNoValue("", "<%=localeMessage.getString("combo.all")%>").setData(json.list[0].<%= tranTypeCode %>).rendering();
svrInst = json.listInoutType; svrInst = json.listInoutType;
putSelectFromParam(); putSelectFromParam();
@@ -86,6 +89,8 @@ $(document).ready(function() {
gridPostData["rmsMenuAuth"]= auth; gridPostData["rmsMenuAuth"]= auth;
init(detail); init(detail);
gridPostData["searchSvcMotivUsedStcd"] = '${param.searchSvcMotivUsedStcd}';
gridPostData["searchPsvintfacdsticName"] = '${param.searchPsvintfacdsticName}';
$('#grid').jqGrid({ $('#grid').jqGrid({
datatype:"json", datatype:"json",
@@ -95,8 +100,10 @@ $(document).ready(function() {
colNames:['<%= localeMessage.getString("eaiMsg.bizCode")%> ', colNames:['<%= localeMessage.getString("eaiMsg.bizCode")%> ',
'<%= localeMessage.getString("eaiMessage.eaiSvcName")%> ', '<%= localeMessage.getString("eaiMessage.eaiSvcName")%> ',
'<%= localeMessage.getString("eaiMessage.eaiSvcDesc")%> ', '<%= localeMessage.getString("eaiMessage.eaiSvcDesc")%> ',
'<%= localeMessage.getString("eaiMessage.gstatSysAdptr")%>', '<%= localeMessage.getString("eaiMessage.svcMotivUsedStcd")%>',
'<%= localeMessage.getString("eaiMessage.psvSysAdptr")%>', '<%= localeMessage.getString("eaiMessage.psvintfacdsticName")%>',
'<%= localeMessage.getString("eaiMessage.queueName")%> ',
'<%= localeMessage.getString("eaiMessage.flowCtrlRoutName")%> ',
'<%= localeMessage.getString("eaiMessage.tranType")%> ', '<%= localeMessage.getString("eaiMessage.tranType")%> ',
'<%= localeMessage.getString("combo.useYn")%> ', '<%= localeMessage.getString("combo.useYn")%> ',
'<%= localeMessage.getString("eaiMessage.sevrDstCd")%>', '<%= localeMessage.getString("eaiMessage.sevrDstCd")%>',
@@ -106,13 +113,15 @@ $(document).ready(function() {
{ name : 'EAIBZWKDSTCD' , align:'center' ,sortable:false, width:20 }, { name : 'EAIBZWKDSTCD' , align:'center' ,sortable:false, width:20 },
{ name : 'EAISVCNAME' , align:'left', width:50 }, { name : 'EAISVCNAME' , align:'left', width:50 },
{ name : 'EAISVCDESC' , align:'left' }, { name : 'EAISVCDESC' , align:'left' },
{ name : 'GSTATSYSADPTRBZWKGROUPNAME', align:'left', width:80 }, { name : 'SVCMOTIVUSEDSTCD', align:'center', width:50 },
{ name : 'PSVSYSADPTRBZWKGROUPNAME', align:'left', width:80 }, { name : 'PSVINTFACDSTICNAME', align:'center', width:50 },
{ name : 'NONMOTIVROUTURINAME' , align:'left', width:90 },
{ name : 'FLOWCTRLROUTNAME' , align:'center', width:40 },
{ name : 'TRANTYPE', align:'center', width:30 }, { name : 'TRANTYPE', align:'center', width:30 },
{ name : 'USEYN', align:'center', width:30,editoptions:{value:"0:<%= localeMessage.getString("combo.usen")%>;1:<%= localeMessage.getString("combo.usey")%>"}, formatter:"select"}, { name : 'USEYN', align:'center', width:30,editoptions:{value:"0:<%= localeMessage.getString("combo.usen")%>;1:<%= localeMessage.getString("combo.usey")%>"}, formatter:"select"},
{ name : 'EAISEVRDSTCD', align:'center', width:30 , formatter:formatter, hidden:true}, { name : 'EAISEVRDSTCD', align:'center', width:30 , formatter:formatter, hidden:true},
{ name : 'VERINFO', align:'center', width:30 } { name : 'VERINFO', align:'center', width:30 }
], ],
jsonReader: { jsonReader: {
repeatitems:false repeatitems:false
@@ -417,25 +426,28 @@ function deployInterfaces(ret) {
<td> <td>
<input type="text" name="searchEaiSvcName" value="${param.searchEaiSvcName}"> <input type="text" name="searchEaiSvcName" value="${param.searchEaiSvcName}">
</td> </td>
<th style="width:10%; min-width:120px;"><%= localeMessage.getString("eaiMessage.svcMotivUsedStcd")%></th>
<td><div class="select-style"><select name="searchSvcMotivUsedStcd" value="${param.searchSvcMotivUsedStcd}"></select></div></td>
<th style="width:10%; min-width:90px;"><%= localeMessage.getString("eaiMessage.tranType")%></th>
<td><div class="select-style"><select name="searchTranType" value="${param.searchTranType}"></select></div></td>
<th style="width:10%; min-width:90px;"><%= localeMessage.getString("eaiMessage.eaiSvcDesc")%></th> <th style="width:10%; min-width:90px;"><%= localeMessage.getString("eaiMessage.eaiSvcDesc")%></th>
<td> <td>
<input type="text" name="searchEaiSvcDesc" value="${param.searchEaiSvcDesc}"> <input type="text" name="searchEaiSvcDesc" value="${param.searchEaiSvcDesc}">
</td> </td>
<th style="width:10%; min-width:90px;"><%= localeMessage.getString("eaiMessage.tranType")%></th> </tr>
<td><div class="select-style"><select name="searchTranType" value="${param.searchTranType}"></select></div></td>
</tr>
<tr> <tr>
<th><%= localeMessage.getString("eaiMessage.searchBzwkDstCd")%></th> <th><%= localeMessage.getString("eaiMessage.searchBzwkDstCd")%></th>
<td> <td>
<input type="text" name="searchEaiBzwkDstcd" value="${param.searchEaiBzwkDstcd}"> <input type="text" name="searchEaiBzwkDstcd" value="${param.searchEaiBzwkDstcd}">
</td> </td>
<th><%= localeMessage.getString("eaiMessage.gstatSysAdptr")%></th> <th><%= localeMessage.getString("eaiMessage.psvintfacdsticName")%></th>
<td><div class="select-style"><select name="searchPsvintfacdsticName" value="${param.searchPsvintfacdsticName}"></select></div></td>
<th><%= localeMessage.getString("eaiMessage.searchFlowControl")%></th>
<td><div class="select-style"><select name="searchFlowControl" value="${param.searchFlowControl}"></select></div></td>
<th><%= localeMessage.getString("eaiMessage.queueName")%></th>
<td> <td>
<input type="text" name="searchGstatSysAdptrBzwkGroupName" value="${param.searchGstatSysAdptrBzwkGroupName}"> <input type="text" name="searchQueueName" value="${param.searchQueueName}">
</td>
<th><%= localeMessage.getString("eaiMessage.psvSysAdptr")%></th>
<td>
<input type="text" name="searchPsvSysAdptrBzwkGroupName" value="${param.searchPsvSysAdptrBzwkGroupName}">
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -415,12 +415,6 @@
<input type="text" name="groupName" data-required data-warning="API 그룹 명을 입력하여 주십시오."> <input type="text" name="groupName" data-required data-warning="API 그룹 명을 입력하여 주십시오.">
</td> </td>
</tr> </tr>
<tr>
<th style="width:150px;">그룹 설명</th>
<td colspan="7">
<input type="text" name="groupDesc">
</td>
</tr>
<tr> <tr>
<th style="width:150px;">공개 여부</th> <th style="width:150px;">공개 여부</th>
<td style="width:100px;"> <td style="width:100px;">
@@ -467,6 +461,14 @@
<img id="mainIconPreview" src="#" alt="Main Icon Preview" style="display:none;height:20px"> <img id="mainIconPreview" src="#" alt="Main Icon Preview" style="display:none;height:20px">
</td> </td>
</tr> </tr>
<%--<tr>
<th>컨텐츠 내용</th>
<td colspan="5">
<textarea name="contentDetail" id="contentDetail" rows="10" cols="50"></textarea>
</td>
</tr>--%>
</table> </table>
<div style="margin-top:15px;"> <div style="margin-top:15px;">
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px "> <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px ">
@@ -72,22 +72,13 @@
}); });
} }
// 체크박스는 name 을 search* 로 두면 getSearchForJqgrid 가 해제 상태에서도 value 를 담아버린다
// (input[type!=radio][name^=search] 를 checked 여부와 무관하게 수집) → 여기서 직접 붙인다
function getPopupSearchData() {
var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
postData.searchApiSpecYn = $("#chkApiSpec").is(":checked") ? "Y" : "";
postData.searchPortalDisplayYn = $("#chkPortalDisplay").is(":checked") ? "Y" : "";
return postData;
}
function detail(){ function detail(){
var postData = getPopupSearchData(); var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
$("#grid").setGridParam({ url:url,postData: postData }).trigger("reloadGrid"); $("#grid").setGridParam({ url:url,postData: postData }).trigger("reloadGrid");
} }
function search(){ function search(){
var postData = getPopupSearchData(); var postData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
$("#grid").setGridParam({ url:url,postData: postData ,page:1 }).trigger("reloadGrid"); $("#grid").setGridParam({ url:url,postData: postData ,page:1 }).trigger("reloadGrid");
} }
function ioFormatter(cellvalue,options,rowObject){ function ioFormatter(cellvalue,options,rowObject){
@@ -106,7 +97,7 @@
function list(){ function list(){
detail() detail()
var gridPostData = getPopupSearchData(); var gridPostData = getSearchForJqgrid("cmd","LIST"); //jqgrid에서는 object 로
// gridPostData.searchApiEnableYn = 'Y'; // gridPostData.searchApiEnableYn = 'Y';
var urlParams = new URLSearchParams(window.location.search); var urlParams = new URLSearchParams(window.location.search);
var selectedApiIds = urlParams.get("selectedApiIds"); var selectedApiIds = urlParams.get("selectedApiIds");
@@ -125,27 +116,21 @@
'작성자', '작성자',
'가상응답여부', '가상응답여부',
'SyncAsyncType', 'SyncAsyncType',
'변경일시',
], ],
colModel : [ { name : 'eaiBzwkDstcd' , align : 'center' , width:'40', sortable:false}, colModel : [ { name : 'eaiBzwkDstcd' , align : 'center' , width:'40', sortable:false},
{ name : 'eaiSvcName' , align : 'left' , width:'100', sortable:true}, { name : 'eaiSvcName' , align : 'left' , width:'100'},
{ name : 'eaiSvcDesc' , align : 'left' , sortable:false}, { name : 'eaiSvcDesc' , align : 'left' },
{ name : 'apiFullPath' , align : 'left' , width:'100', sortable:false}, { name : 'apiFullPath' , align : 'left' , width:'100'},
{ name : 'bzwksvckeyname' , align : 'left' , width:'100', hidden: true}, { name : 'bzwksvckeyname' , align : 'left' , width:'100', hidden: true},
{ name : 'fromAdapter' , align : 'center' , width:'40', formatter:adapterNameShortFormatter, sortable:false }, { name : 'fromAdapter' , align : 'center' , width:'40', formatter:adapterNameShortFormatter },
{ name : 'toAdapter' , align : 'center' , width:'40', formatter:adapterNameShortFormatter, sortable:false }, { name : 'toAdapter' , align : 'center' , width:'40', formatter:adapterNameShortFormatter },
{ name : 'author' , align : 'center' , width:'60', sortable:false }, { name : 'author' , align : 'center' , width:'60' },
{ name : 'simYn' , align : 'center' , width:'40', sortable:false }, { name : 'simYn' , align : 'center' , width:'40' },
{ name : 'syncAsyncType' , align : 'center' , width:'40', hidden: true}, { name : 'syncAsyncType' , align : 'center' , width:'40', hidden: true},
{ name : 'lastModifiedDate' , align : 'center' , width:'130', sortable:true },
], ],
jsonReader : { jsonReader : {
repeatitems : false repeatitems : false
}, },
// 서버(ApiInterfaceController#selectList)가 sidx/sord 대신 sortName/sortOrder 파라미터로 정렬조건을 받는다
prmNames : { sort : 'sortName', order : 'sortOrder' },
sortname : 'lastModifiedDate',
sortorder : 'desc',
pager : $('#pager'), pager : $('#pager'),
page : '${param.page}', page : '${param.page}',
rowNum : '${rmsDefaultRowNum}', rowNum : '${rmsDefaultRowNum}',
@@ -167,6 +152,10 @@
} }
}); });
} }
var colModel = $(this).getGridParam("colModel");
for(var i = 0 ; i< colModel.length; i++){
$(this).setColProp(colModel[i].name, {sortable : false});
}
updateSelectionInfo("#grid"); updateSelectionInfo("#grid");
}, },
onSelectRow: function(rowid, status, e) { onSelectRow: function(rowid, status, e) {
@@ -200,9 +189,6 @@
$("select[name=searchEaiBzwkDstcd]").change(function() { $("select[name=searchEaiBzwkDstcd]").change(function() {
search(); search();
}); });
$("#chkApiSpec, #chkPortalDisplay").change(function() {
search();
});
$("#btn_search").click(function(){ $("#btn_search").click(function(){
search(); search();
}); });
@@ -261,18 +247,6 @@
<input type="text" name="searchApiFullPath" value="${param.searchApiFullPath}"> <input type="text" name="searchApiFullPath" value="${param.searchApiFullPath}">
</td> </td>
</tr> </tr>
<tr>
<th style="width:180px;">포탈 노출</th>
<td colspan="3">
<label class="checkbox-inline">
<input type="checkbox" id="chkApiSpec" <c:if test="${param.searchApiSpecYn eq 'Y'}">checked</c:if>> OpenAPI Spec 등록
</label>
&nbsp;&nbsp;
<label class="checkbox-inline">
<input type="checkbox" id="chkPortalDisplay" <c:if test="${param.searchPortalDisplayYn eq 'Y'}">checked</c:if>> 포탈 게시
</label>
</td>
</tr>
</tbody> </tbody>
</table> </table>
<table id="grid" ></table> <table id="grid" ></table>
@@ -56,16 +56,11 @@
$("#expectEndDate").datepicker().inputmask("yyyy-mm-dd", {'autoUnmask': true}); $("#expectEndDate").datepicker().inputmask("yyyy-mm-dd", {'autoUnmask': true});
$("#btn_app_approve").click(function () { $("#btn_app_approve").click(function () {
var isDeleteReq = (currentRequestType === 'DELETE'); if (confirm("승인하시겠습니까?")) {
var gwAction = (isDeleteReq && $('#chkGwDelete').is(':checked')) ? 'DELETE' : 'BLOCK';
var confirmMsg = isDeleteReq
? "해지 승인 시 포털 인증키(Credential)는 삭제되며,\n게이트웨이 클라이언트는 [" + (gwAction === 'DELETE' ? "완전 삭제" : "차단(비활성화)") + "] 처리됩니다.\n승인하시겠습니까?"
: "승인하시겠습니까?";
if (confirm(confirmMsg)) {
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: url, url: url,
data: {cmd: "APPROVE", id: key, gwAction: gwAction}, data: {cmd: "APPROVE", id: key},
success: function (args) { success: function (args) {
<%--alert("<%= localeMessage.getString("approval.approveSuccess") %>");--%> <%--alert("<%= localeMessage.getString("approval.approveSuccess") %>");--%>
alert("승인되었습니다."); alert("승인되었습니다.");
@@ -106,32 +101,6 @@
} }
}); });
$("#btn_app_force_reject").click(function () {
if (!confirm("승인자 목록에 삭제된 사용자가 있어 승인 진행이 불가능한 건입니다.\n강제 반려하시겠습니까?")) {
return;
}
var rejectReason = prompt("강제 반려 사유를 입력해 주세요");
if (rejectReason != null) {
$.ajax({
type: "POST",
url: url,
data: {cmd: "FORCE_REJECT", id: key, rejectReason: rejectReason},
success: function (args) {
alert("강제 반려되었습니다.");
if (window.dialogArguments && window.dialogArguments.self) {
window.dialogArguments.self.location.reload();
} else if (window.opener) {
window.opener.location.reload();
}
window.close();
},
error: function (e) {
alert(e.responseText);
}
});
}
});
$('#btn_app_redeploy').click(function () { $('#btn_app_redeploy').click(function () {
if (confirm("재배포 하시겠습니까?")) { if (confirm("재배포 하시겠습니까?")) {
$.ajax({ $.ajax({
@@ -176,65 +145,11 @@
} }
}); });
$("#btn_app_delete").click(function () {
if (!confirm("이 승인 요청을 삭제하시겠습니까?\n삭제 후에는 복구할 수 없습니다.")) {
return;
}
$.ajax({
type: "POST",
url: url,
data: {cmd: "DELETE", id: key},
success: function (args) {
alert("삭제되었습니다.");
if (window.dialogArguments && window.dialogArguments.self) {
window.dialogArguments.self.location.reload();
} else if (window.opener) {
window.opener.location.reload();
}
window.close();
},
error: function (e) {
alert(approvalErrorMessage(e));
}
});
});
$("#btn_close").click(function () { $("#btn_close").click(function () {
window.close(); window.close();
}); });
}); });
function approvalErrorMessage(e) {
try {
var json = JSON.parse(e.responseText);
return json.errorMsg || e.responseText;
} catch (ex) {
return e.responseText;
}
}
// 요청자(PTL_USER) row 가 삭제되면 상세 조회 자체가 불가능하다. 이 경우 삭제만 가능하도록 노출한다.
function showLoadFailure(message) {
$("#approvalSubject").text("상세 정보를 조회할 수 없는 승인 요청");
$("#approvalDetail").text(message);
$("#btn_modify, #btn_app_approve, #btn_app_reject, #btn_app_force_reject, #btn_app_redeploy").hide();
$("#gwActionSection, #gwActionResult").hide();
document.getElementById("btn_app_delete").style.display = "";
}
var currentRequestType = null; // 현재 신청 유형 (DELETE 승인 시 GW 처리방식 선택 노출용)
// 값이 있을 때만 행을 노출한다. (해지 신청처럼 해당 항목이 없는 유형에서 빈 행이 남지 않도록)
function setOptionalRow(rowId, spanId, value) {
if (value) {
$("#" + spanId).text(value);
$("#" + rowId).show();
} else {
$("#" + spanId).text("");
$("#" + rowId).hide();
}
}
function detail(key) { function detail(key) {
$.ajax({ $.ajax({
type: "POST", type: "POST",
@@ -263,11 +178,10 @@
$("#createdDate").text(data.createdDate).inputmask("9999-99-99 99:99:99.999", {'autoUnmask': true}); $("#createdDate").text(data.createdDate).inputmask("9999-99-99 99:99:99.999", {'autoUnmask': true});
$("#expectEndDate").val(data.expectEndDate); $("#expectEndDate").val(data.expectEndDate);
var isCurrentApprover = data.approvers.some(approver => if (data.approvers.some(approver =>
approver.approverStatus === 'CURRENT' && approver.approverStatus === 'CURRENT' &&
approver.user && approver.user.USERID === loginUser approver.user.USERID === loginUser
); )) {
if (isCurrentApprover) {
document.getElementById("btn_app_approve").style.display = ""; document.getElementById("btn_app_approve").style.display = "";
document.getElementById("btn_app_reject").style.display = ""; document.getElementById("btn_app_reject").style.display = "";
} else { } else {
@@ -275,29 +189,6 @@
document.getElementById("btn_app_reject").style.display = "none"; document.getElementById("btn_app_reject").style.display = "none";
} }
// API 이용해지(DELETE) 건: 승인 가능 상태의 현재 승인자에게만 GW 처리방식 선택 노출
currentRequestType = data.requestType;
var inProgress = data.approvalStatus.code === 'REQUESTED' || data.approvalStatus.code === 'PROCESSING';
if (data.requestType === 'DELETE' && isCurrentApprover && inProgress) {
$("#gwActionSection").show();
} else {
$("#gwActionSection").hide();
}
// 처리 완료된 해지 건은 어떤 방식으로 실행됐는지 표시
if (data.requestType === 'DELETE' && data.gwAction) {
$("#gwActionResult").text("GW 처리방식: " + (data.gwAction === 'DELETE' ? "완전 삭제" : "차단(비활성화)")).show();
} else {
$("#gwActionResult").hide();
}
// 삭제된 승인자(USERID 없음)로 진행 불가한 건: 요청됨/진행중 상태면 승인자가 아니어도 강제 반려 허용
var hasDeletedApprover = data.approvers.some(approver =>
!approver.user || !approver.user.USERID
);
var isProgressStatus = data.approvalStatus.code === 'REQUESTED' || data.approvalStatus.code === 'PROCESSING';
document.getElementById("btn_app_force_reject").style.display =
(hasDeletedApprover && isProgressStatus && !isCurrentApprover) ? "" : "none";
if (data.approvalStatus.code === 'FAILED') { if (data.approvalStatus.code === 'FAILED') {
document.getElementById("btn_app_redeploy").style.display = ""; document.getElementById("btn_app_redeploy").style.display = "";
} }
@@ -316,21 +207,6 @@
$("#clientName").text(data.clientName); $("#clientName").text(data.clientName);
// 신청서에 담긴 Client 등록 정보(승인 시 GW 클라이언트로 반영되는 값). 값이 있을 때만 노출
setOptionalRow("appDescriptionRow", "appDescription", data.appDescription);
setOptionalRow("ipWhitelistRow", "ipWhitelist", data.ipWhitelist);
setOptionalRow("callbackUrlRow", "callbackUrl", data.callbackUrl);
// 신청 사유. 해지 신청은 사유 입력이 필수이므로 "해지 사유"로 표기하고, 그 외 유형은 "신청 사유"
if (data.requestReason) {
$("#requestReasonLabel").text(data.requestType === 'DELETE' ? "해지 사유" : "신청 사유");
$("#requestReason").text(data.requestReason);
$("#requestReasonRow").show();
} else {
$("#requestReason").text("");
$("#requestReasonRow").hide();
}
var apiServiceHtml = ""; var apiServiceHtml = "";
for (var i = 0; i < data.apiServices.length; i++) { for (var i = 0; i < data.apiServices.length; i++) {
var apiService = data.apiServices[i]; var apiService = data.apiServices[i];
@@ -385,9 +261,7 @@
$("#apisTable tbody").html(apisHtml); $("#apisTable tbody").html(apisHtml);
}, },
error: function (e) { error: function (e) {
var message = approvalErrorMessage(e); alert(e.responseText);
alert(message);
showLoadFailure(message);
} }
}); });
} }
@@ -434,22 +308,6 @@
<th style="width:20%;">이름</th> <th style="width:20%;">이름</th>
<td><span id="clientName"></span></td> <td><span id="clientName"></span></td>
</tr> </tr>
<tr id="appDescriptionRow" style="display:none;">
<th style="width:20%;">앱 설명</th>
<td><span id="appDescription" style="white-space: pre-wrap;"></span></td>
</tr>
<tr id="ipWhitelistRow" style="display:none;">
<th style="width:20%;">IP 화이트리스트</th>
<td><span id="ipWhitelist" style="white-space: pre-wrap;"></span></td>
</tr>
<tr id="callbackUrlRow" style="display:none;">
<th style="width:20%;">Callback URL</th>
<td><span id="callbackUrl" style="white-space: pre-wrap;"></span></td>
</tr>
<tr id="requestReasonRow" style="display:none;">
<th style="width:20%;"><span id="requestReasonLabel">신청 사유</span></th>
<td><span id="requestReason" style="white-space: pre-wrap;"></span></td>
</tr>
</table> </table>
<div class="title">API 목록</div> <div class="title">API 목록</div>
<table id="apisTable" class="table_row" cellspacing="0"> <table id="apisTable" class="table_row" cellspacing="0">
@@ -477,13 +335,6 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<div id="gwActionSection" style="display:none; margin: 12px 0 0 4px; color: #c0392b;">
<label style="cursor:pointer;">
<input type="checkbox" id="chkGwDelete"/>
GW 인증정보 완전 삭제 (미체크 시 차단 처리 &mdash; 인증정보 보존, 복구 가능)
</label>
</div>
<div id="gwActionResult" style="display:none; margin: 12px 0 0 4px; font-weight: bold;"></div>
<div class="popup_button"> <div class="popup_button">
<button type="button" class="cssbtn" id="btn_modify" level="W"><i <button type="button" class="cssbtn" id="btn_modify" level="W"><i
class="material-icons">save</i>수정 class="material-icons">save</i>수정
@@ -494,12 +345,6 @@
<button type="button" class="cssbtn" style="display: none;" id="btn_app_reject" level="W"><i <button type="button" class="cssbtn" style="display: none;" id="btn_app_reject" level="W"><i
class="material-icons">close</i>반려 class="material-icons">close</i>반려
</button> </button>
<button type="button" class="cssbtn" style="display: none;" id="btn_app_force_reject" level="W"><i
class="material-icons">block</i>강제 반려
</button>
<button type="button" class="cssbtn" style="display: none;" id="btn_app_delete" level="W"><i
class="material-icons">delete</i>삭제
</button>
<button type="button" class="cssbtn" style="display: none;" id="btn_app_redeploy" level="W"><i <button type="button" class="cssbtn" style="display: none;" id="btn_app_redeploy" level="W"><i
class="material-icons">close</i>재처리 class="material-icons">close</i>재처리
</button> </button>
@@ -131,24 +131,6 @@
// var reverseNumber = records - ((page - 1) * rowNum + i); // var reverseNumber = records - ((page - 1) * rowNum + i);
$(this).setCell(rows[i], 'rowNum', number); $(this).setCell(rows[i], 'rowNum', number);
} }
// 승인 상태별 행 배경색: 요청됨(#fff3cd) / 진행중(#d1ecf1) 강조
if (d && d.rows) {
for (var j = 0; j < d.rows.length; j++) {
var st = d.rows[j].approvalStatus || {};
var code = st.code || '';
var desc = st.description || '';
var bg = '';
if (code === 'REQUESTED' || desc === '요청됨') {
bg = '#fff3cd';
} else if (code === 'PROCESSING' || desc === '진행중') {
bg = '#d1ecf1';
}
if (bg) {
$('#grid tr#' + $.jgrid.jqID(d.rows[j].id)).css('background-color', bg);
}
}
}
}, },
loadError: function(jqXHR, textStatus, errorThrown) { loadError: function(jqXHR, textStatus, errorThrown) {
var location = '<%=request.getContextPath()%>/'; var location = '<%=request.getContextPath()%>/';
@@ -194,7 +176,7 @@
<div class="title">승인 요청 목록<span class="tooltip">승인 요청을 관리합니다.</span></div> <div class="title">승인 요청 목록<span class="tooltip">승인 요청을 관리합니다.</span></div>
<c:if test="${hardDeleteEnabled}"> <c:if test="${hardDeleteEnabled}">
<div style="background:#fff3cd; border:1px solid #ffc107; padding:8px 15px; margin:5px 0; border-radius:4px; color:#856404;"> <div style="background:#fff3cd; border:1px solid #ffc107; padding:8px 15px; margin:5px 0; border-radius:4px; color:#856404;">
<strong>[주의]</strong> 삭제 기능은 <strong>개발(dev) 환경에서만</strong> 동작합니다. 선택 삭제 시 승인 요청과 승인자 이력이 DB에서 영구 삭제됩니다. <strong>[주의]</strong> 선택 삭제 시 승인 요청과 승인자 이력이 DB에서 영구 삭제됩니다.
</div> </div>
</c:if> </c:if>
<form id="ajaxForm" onsubmit="return false;"> <form id="ajaxForm" onsubmit="return false;">
@@ -45,10 +45,6 @@
padding: 2px 5px; padding: 2px 5px;
border-radius: 3px; border-radius: 3px;
} }
.cssbtn:disabled {
opacity: 0.45;
cursor: not-allowed;
}
</style> </style>
<script language="javascript"> <script language="javascript">
<% <%
@@ -154,55 +150,6 @@
} }
}); });
$("#btn_user_force_reject").click(function() {
if (!confirm("승인자 목록에 삭제된 사용자가 있어 승인 진행이 불가능한 건입니다.\n강제 반려하시겠습니까?")) {
return;
}
var rejectReason = prompt("강제 반려 사유를 입력해 주세요");
if (rejectReason != null) {
$.ajax({
type: "POST",
url: url,
data: {cmd: "FORCE_REJECT", id: key, rejectReason: rejectReason},
success: function(args) {
alert("강제 반려되었습니다.");
if (window.dialogArguments && window.dialogArguments.self) {
window.dialogArguments.self.location.reload();
} else if (window.opener) {
window.opener.location.reload();
}
window.close();
},
error: function(e) {
alert(e.responseText);
}
});
}
});
$("#btn_user_delete").click(function() {
if (!confirm("삭제된 요청자·사용자 또는 법인이 포함되어 승인·반려할 수 없는 요청입니다.\n이 승인 요청을 삭제하시겠습니까?\n삭제 후에는 복구할 수 없습니다.")) {
return;
}
$.ajax({
type: "POST",
url: url,
data: {cmd: "DELETE", id: key},
success: function(args) {
alert("삭제되었습니다.");
if (window.dialogArguments && window.dialogArguments.self) {
window.dialogArguments.self.location.reload();
} else if (window.opener) {
window.opener.location.reload();
}
window.close();
},
error: function(e) {
alert(approvalErrorMessage(e));
}
});
});
$('#btn_user_redeploy').click(function() { $('#btn_user_redeploy').click(function() {
if (confirm("재배포 하시겠습니까?")) { if (confirm("재배포 하시겠습니까?")) {
$.ajax({ $.ajax({
@@ -270,55 +217,20 @@
// Display Portal User details // Display Portal User details
var portalUser = data.portalUser; var portalUser = data.portalUser;
var portalOrg = portalUser ? portalUser.portalOrgUIs : null; $("#loginId").text(portalUser.loginId);
$("#userName").text(portalUser.userName);
// 삭제된 대상 사용자/법인 판별 $("#mobileNumber").text(portalUser.mobileNumber);
var userDeleted = !portalUser $("#userStatusDescription").text(portalUser.userStatusDescription);
|| portalUser.userName === '반려된 사용자' $("#roleCodeDescription").text(portalUser.roleCodeDescription);
|| portalUser.userName === '삭제된 사용자'; if (data.approvers.some(approver =>
var orgDeleted = !portalOrg
|| portalOrg.orgStatus === 'REMOVED'
|| portalOrg.orgName === '삭제된법인';
var deletedTarget = userDeleted || orgDeleted;
if (portalUser) {
$("#loginId").text(portalUser.loginId);
$("#userName").text(portalUser.userName);
$("#mobileNumber").text(portalUser.mobileNumber);
$("#userStatusDescription").text(portalUser.userStatusDescription);
$("#roleCodeDescription").text(portalUser.roleCodeDescription);
} else {
$("#loginId, #userName, #mobileNumber, #userStatusDescription, #roleCodeDescription").text("삭제된 사용자");
}
var isCurrentApprover = data.approvers.some(approver =>
approver.approverStatus === 'CURRENT' && approver.approverStatus === 'CURRENT' &&
approver.user && approver.user.USERID === loginUser approver.user.USERID === loginUser
); )) {
document.getElementById("btn_user_approve").style.display = "";
if (deletedTarget) { document.getElementById("btn_user_reject").style.display = "";
// 삭제된 사용자/법인 포함 → 승인·반려 불가. 버튼은 비활성(disable) 표기, 삭제 버튼 노출
$("#btn_user_approve, #btn_user_reject").show().prop("disabled", true);
document.getElementById("btn_user_force_reject").style.display = "none";
document.getElementById("btn_user_delete").style.display = "";
} else { } else {
$("#btn_user_approve, #btn_user_reject").prop("disabled", false); document.getElementById("btn_user_approve").style.display = "none";
document.getElementById("btn_user_delete").style.display = "none"; document.getElementById("btn_user_reject").style.display = "none";
if (isCurrentApprover) {
document.getElementById("btn_user_approve").style.display = "";
document.getElementById("btn_user_reject").style.display = "";
} else {
document.getElementById("btn_user_approve").style.display = "none";
document.getElementById("btn_user_reject").style.display = "none";
}
// 삭제된 승인자(USERID 없음)로 진행 불가한 건: 요청됨/진행중 상태면 승인자가 아니어도 강제 반려 허용
var hasDeletedApprover = data.approvers.some(approver =>
!approver.user || !approver.user.USERID
);
var isProgressStatus = data.approvalStatus.code === 'REQUESTED' || data.approvalStatus.code === 'PROCESSING';
document.getElementById("btn_user_force_reject").style.display =
(hasDeletedApprover && isProgressStatus && !isCurrentApprover) ? "" : "none";
} }
if (data.approvalStatus.description === '배포실패'){ if (data.approvalStatus.description === '배포실패'){
@@ -326,27 +238,23 @@
} }
// Display Portal Org details // Display Portal Org details
if (portalOrg) { var portalOrg = portalUser.portalOrgUIs;
$("#orgName").text(portalOrg.orgName); $("#orgName").text(portalOrg.orgName);
$("#orgStatusDescription").text(portalOrg.orgStatusDescription); $("#orgStatusDescription").text(portalOrg.orgStatusDescription);
$("#serviceName").text(portalOrg.serviceName); $("#serviceName").text(portalOrg.serviceName);
$("#corpRegNo").text(formatCorpRegNo(portalOrg.corpRegNo)); $("#corpRegNo").text(formatCorpRegNo(portalOrg.corpRegNo));
$("#compRegNo").text(formatCompanyRegNo(portalOrg.compRegNo)); $("#compRegNo").text(formatCompanyRegNo(portalOrg.compRegNo));
$("#scPhoneNumber").text(portalOrg.scPhoneNumber); // 고객센터 전화번호 $("#scPhoneNumber").text(portalOrg.scPhoneNumber); // 고객센터 전화번호
$("#orgPhoneNumber").text(portalOrg.orgPhoneNumber); // 회사 전화번호 $("#orgPhoneNumber").text(portalOrg.orgPhoneNumber); // 회사 전화번호
$("#ceoName").text(portalOrg.ceoName); // 대표자 성명 $("#ceoName").text(portalOrg.ceoName); // 대표자 성명
$("#orgIndustryType").text(portalOrg.orgIndustryType || ""); // 업종 $("#orgIndustryType").text(portalOrg.orgIndustryType || ""); // 업종
$("#orgAddr").text(portalOrg.orgAddr); // 소재지 $("#orgAddr").text(portalOrg.orgAddr); // 소재지
$("#orgSectors").text(portalOrg.orgSectors || ""); // 업태 $("#orgSectors").text(portalOrg.orgSectors || ""); // 업태
$("#orgCode").text(portalOrg.orgCode); $("#orgCode").text(portalOrg.orgCode);
$("#ipWhitelist").text(portalOrg.ipWhitelist || ""); $("#ipWhitelist").text(portalOrg.ipWhitelist || "");
} else {
$("#orgName").text("삭제된법인");
$("#orgStatusDescription, #serviceName, #corpRegNo, #compRegNo, #scPhoneNumber, #orgPhoneNumber, #ceoName, #orgIndustryType, #orgAddr, #orgSectors, #orgCode, #ipWhitelist").text("");
}
if (portalOrg && portalOrg.compRegFile) { if (portalOrg.compRegFile) {
$("#fileName").text(portalOrg.fileName); $("#fileName").text(portalOrg.fileName);
if (portalOrg.fileName) { if (portalOrg.fileName) {
$("#fileWrapper").show().off('click').on('click', function() { $("#fileWrapper").show().off('click').on('click', function() {
@@ -362,31 +270,10 @@
} }
}, },
error: function(e) { error: function(e) {
var message = approvalErrorMessage(e); alert(e.responseText);
alert(message);
showLoadFailure(message);
} }
}); });
} }
function approvalErrorMessage(e) {
try {
var json = JSON.parse(e.responseText);
return json.errorMsg || e.responseText;
} catch (ex) {
return e.responseText;
}
}
// 요청자(PTL_USER) row 가 삭제되면 상세 조회 자체가 불가능하다. 이 경우 삭제만 가능하도록 노출한다.
function showLoadFailure(message) {
$("#approvalSubject").text("상세 정보를 조회할 수 없는 승인 요청");
$("#approvalDetail").text(message);
$("#approvalDetailRow").show();
$("#btn_unmask").hide();
$("#btn_user_approve, #btn_user_reject, #btn_user_force_reject, #btn_user_redeploy").hide();
document.getElementById("btn_user_delete").style.display = "";
}
function updateDetailView(data) { function updateDetailView(data) {
$("#approvalType").text(data.approvalType === 'USER' ? "법인사용자" : "API 사용"); $("#approvalType").text(data.approvalType === 'USER' ? "법인사용자" : "API 사용");
$("#approvalStatus").text(data.approvalStatus.description); $("#approvalStatus").text(data.approvalStatus.description);
@@ -407,18 +294,15 @@
// 사용자 정보 업데이트 // 사용자 정보 업데이트
var portalUser = data.portalUser; var portalUser = data.portalUser;
if (portalUser) { $("#loginId").text(portalUser.loginId);
$("#loginId").text(portalUser.loginId); $("#userName").text(portalUser.userName);
$("#userName").text(portalUser.userName); $("#mobileNumber").text(portalUser.mobileNumber);
$("#mobileNumber").text(portalUser.mobileNumber); $("#userStatusDescription").text(portalUser.userStatusDescription);
$("#userStatusDescription").text(portalUser.userStatusDescription); $("#roleCodeDescription").text(portalUser.roleCodeDescription);
$("#roleCodeDescription").text(portalUser.roleCodeDescription);
} else {
$("#loginId, #userName, #mobileNumber, #userStatusDescription, #roleCodeDescription").text("삭제된 사용자");
}
// 법인 정보 업데이트 // 법인 정보 업데이트
updateOrgInfo(portalUser ? portalUser.portalOrgUIs : null); var portalOrg = portalUser.portalOrgUIs;
updateOrgInfo(portalOrg);
// 마스킹 상태에 따라 데이터를 다르게 표시 // 마스킹 상태에 따라 데이터를 다르게 표시
var isMasked = $("#btn_unmask").attr("status") === "DETAIL"; var isMasked = $("#btn_unmask").attr("status") === "DETAIL";
@@ -460,11 +344,6 @@
// 법인 정보 업데이트 함수 // 법인 정보 업데이트 함수
function updateOrgInfo(portalOrg) { function updateOrgInfo(portalOrg) {
if (!portalOrg) {
$("#orgName").text("삭제된법인");
$("#orgStatusDescription, #serviceName, #corpRegNo, #compRegNo, #scPhoneNumber, #orgPhoneNumber, #ceoName, #orgIndustryType, #orgAddr, #orgSectors, #orgCode, #ipWhitelist").text("");
return;
}
$("#orgName").text(portalOrg.orgName); $("#orgName").text(portalOrg.orgName);
$("#orgStatusDescription").text(portalOrg.orgStatusDescription); $("#orgStatusDescription").text(portalOrg.orgStatusDescription);
$("#serviceName").text(portalOrg.serviceName); $("#serviceName").text(portalOrg.serviceName);
@@ -607,8 +486,6 @@
<div class="popup_button"> <div class="popup_button">
<button type="button" class="cssbtn" style="display: none;" id="btn_user_approve" level="W"><i class="material-icons">check</i>승인</button> <button type="button" class="cssbtn" style="display: none;" id="btn_user_approve" level="W"><i class="material-icons">check</i>승인</button>
<button type="button" class="cssbtn" style="display: none;" id="btn_user_reject" level="W"><i class="material-icons">close</i>반려</button> <button type="button" class="cssbtn" style="display: none;" id="btn_user_reject" level="W"><i class="material-icons">close</i>반려</button>
<button type="button" class="cssbtn" style="display: none;" id="btn_user_force_reject" level="W"><i class="material-icons">block</i>강제 반려</button>
<button type="button" class="cssbtn" style="display: none;" id="btn_user_delete" level="W"><i class="material-icons">delete</i>삭제</button>
<button type="button" class="cssbtn" style="display: none;" id="btn_user_redeploy" level="W"><i class="material-icons">close</i>재처리</button> <button type="button" class="cssbtn" style="display: none;" id="btn_user_redeploy" level="W"><i class="material-icons">close</i>재처리</button>
<button type="button" class="cssbtn" id="btn_close" level="R"><i class="material-icons">cancel</i> <%= localeMessage.getString("button.close") %> <button type="button" class="cssbtn" id="btn_close" level="R"><i class="material-icons">cancel</i> <%= localeMessage.getString("button.close") %>
</button> </button>
@@ -62,19 +62,7 @@
return '<span title="' + escapeAttr(rowObject.sentDateFull || '') + '">' + escapeHtmlJs(rowObject.sentDateShort || '') + '</span>'; return '<span title="' + escapeAttr(rowObject.sentDateFull || '') + '">' + escapeHtmlJs(rowObject.sentDateShort || '') + '</span>';
} }
function toDashDate(yyyymmdd) {
return yyyymmdd.substring(0, 4) + "-" + yyyymmdd.substring(4, 6) + "-" + yyyymmdd.substring(6, 8);
}
function init() { function init() {
$("#startDatepicker").datepicker().inputmask("yyyy-mm-dd",{'autoUnmask':true});
$("#endDatepicker").datepicker().inputmask("yyyy-mm-dd",{'autoUnmask':true});
var today = getToday();
$("input[name=searchFromDate]").val(toDashDate(today.substring(0,6)+"01"));
$("input[name=searchToDate]").val(toDashDate(today));
$.ajax({ $.ajax({
type: "POST", url: url, dataType: "json", type: "POST", url: url, dataType: "json",
data: {cmd: 'LIST_INIT_COMBO'}, data: {cmd: 'LIST_INIT_COMBO'},
@@ -157,20 +145,6 @@
init(); init();
$("#btn_search").click(function () { $("#btn_search").click(function () {
var start = $("input[name=searchFromDate]").val().replace(/-/gi, "");
var end = $("input[name=searchToDate]").val().replace(/-/gi, "");
if (start && start > getToday()) {
alert("시작일이 오늘 이후입니다. 시작일을 확인해주세요.");
$("input[name=searchFromDate]").focus();
return false;
}
if (start && end && start > end) {
alert("조회기간 종료일은 시작일보다 커야합니다.");
$("input[name=searchToDate]").focus();
return false;
}
var postData = getSearchForJqgrid("cmd", "LIST"); var postData = getSearchForJqgrid("cmd", "LIST");
$("#grid").setGridParam({url: url, postData: postData, page: 1}).trigger("reloadGrid"); $("#grid").setGridParam({url: url, postData: postData, page: 1}).trigger("reloadGrid");
}); });
@@ -218,15 +192,14 @@
<option value="">전체</option> <option value="">전체</option>
<option value="EMAIL">EMAIL</option> <option value="EMAIL">EMAIL</option>
<option value="SMS">SMS</option> <option value="SMS">SMS</option>
<option value="KAKAO">KAKAO</option>
<option value="MESSENGER">MESSENGER</option> <option value="MESSENGER">MESSENGER</option>
</select> </select>
</div> </div>
</td> </td>
<th>요청기간</th> <th>요청기간</th>
<td colspan="3"> <td colspan="3">
<input type="text" name="searchFromDate" id="startDatepicker" readonly="readonly" value="" size="10" style="width:100px; border:1px solid #ebebec;"> <input type="date" name="searchFromDate"> ~ <input type="date" name="searchToDate">
~
<input type="text" name="searchToDate" value="" id="endDatepicker" size="10" readonly="readonly" style="width:100px; border:1px solid #ebebec;">
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -47,8 +47,6 @@
$('#sentDate').text(data.sentDateFull || ''); $('#sentDate').text(data.sentDateFull || '');
// 서버에서 마스킹+escape 된 안전 HTML // 서버에서 마스킹+escape 된 안전 HTML
$('#messageHtml').html(data.messageHtml || ''); $('#messageHtml').html(data.messageHtml || '');
// 응답내용(RESPONSE_DATA) — 원문이므로 text 로만 출력
$('#responseData').text(data.responseData || '');
// PENDING 건만 '실패 처리' 노출 (권한 제어는 buttonControl 이 담당) // PENDING 건만 '실패 처리' 노출 (권한 제어는 buttonControl 이 담당)
if (data.requestStatus !== 'PENDING') { if (data.requestStatus !== 'PENDING') {
@@ -144,10 +142,6 @@
<th>메세지 내용</th> <th>메세지 내용</th>
<td colspan="3"><div id="messageHtml" class="msg-detail"></div></td> <td colspan="3"><div id="messageHtml" class="msg-detail"></div></td>
</tr> </tr>
<tr>
<th>응답내용</th>
<td colspan="3"><div id="responseData" class="msg-detail"></div></td>
</tr>
</table> </table>
</div> </div>
</div> </div>
@@ -22,8 +22,6 @@
function formatInquiryStatus(cellvalue, options, rowObject) { function formatInquiryStatus(cellvalue, options, rowObject) {
if (cellvalue == 'PENDING') { if (cellvalue == 'PENDING') {
return '<span style="color: red;">문의중</span>'; return '<span style="color: red;">문의중</span>';
} else if (cellvalue == 'REVIEWING') {
return '<span >문의검토중</span>'
} else if (cellvalue == 'RESPONDED') { } else if (cellvalue == 'RESPONDED') {
return '<span >답변완료</span>' return '<span >답변완료</span>'
} else if (cellvalue == 'CLOSED') { } else if (cellvalue == 'CLOSED') {
@@ -33,17 +31,6 @@
} }
} }
function formatVisibility(cellvalue, options, rowObject) {
if (cellvalue == 'PRIVATE') {
return '<span style="color:#c0392b; font-weight:bold;">비공개</span>';
} else if (cellvalue == 'ALL') {
return '전체공개';
} else if (cellvalue == 'ORG') {
return '법인공개';
}
return cellvalue;
}
function formatFile(cellvalue, options, rowObject) { function formatFile(cellvalue, options, rowObject) {
var iconPath = '${pageContext.request.contextPath}/images/icon_file.png'; var iconPath = '${pageContext.request.contextPath}/images/icon_file.png';
var icon = rowObject.hasAttachment ? '<img src="' + iconPath + '" alt="File Attached" style="vertical-align: middle; margin-left: 5px; width: 16px; height: 16px;">' : ''; var icon = rowObject.hasAttachment ? '<img src="' + iconPath + '" alt="File Attached" style="vertical-align: middle; margin-left: 5px; width: 16px; height: 16px;">' : '';
@@ -112,14 +99,13 @@
mtype: 'POST', mtype: 'POST',
url: url, url: url,
postData : { cmd : 'LIST' }, postData : { cmd : 'LIST' },
colNames:['No.', 'id', '제목', '법인명', '상태', '공개범위', '작성자', '등록일', '답변자','답변일'], colNames:['No.', 'id', '제목', '법인명', '상태', '작성자', '등록일', '답변자','답변일'],
colModel:[ colModel:[
{ name : 'rowNum' , align:'center', width:50, sortable:false }, { name : 'rowNum' , align:'center', width:50, sortable:false },
{ name : 'id' , align:'center', key:true, hidden:true}, { name : 'id' , align:'center', key:true, hidden:true},
{ name : 'inquirySubject' , align:'left' , width:200 , formatter: formatFile}, { name : 'inquirySubject' , align:'left' , width:200 , formatter: formatFile},
{ name : 'orgName' , align:'center' , width:100 , }, { name : 'orgName' , align:'center' , width:100 , },
{ name : 'inquiryStatus' , align:'center', width:70, formatter: formatInquiryStatus }, { name : 'inquiryStatus' , align:'center', width:70, formatter: formatInquiryStatus },
{ name : 'visibility' , align:'center', width:70, formatter: formatVisibility },
{ name : 'inquirer.userName', align:'center', width:70 }, { name : 'inquirer.userName', align:'center', width:70 },
{ name : 'createdDate' , align:'center', width:100, formatter: timeStampFormat }, { name : 'createdDate' , align:'center', width:100, formatter: timeStampFormat },
{ name : 'responderName' , align:'center', width:70 }, { name : 'responderName' , align:'center', width:70 },
@@ -221,7 +207,6 @@
<select name="searchInquiryStatus"> <select name="searchInquiryStatus">
<option value="">전체</option> <option value="">전체</option>
<option value="PENDING">문의중</option> <option value="PENDING">문의중</option>
<option value="REVIEWING">문의검토중</option>
<option value="RESPONDED">답변완료</option> <option value="RESPONDED">답변완료</option>
<option value="CLOSED">답변종료</option> <option value="CLOSED">답변종료</option>
</select> </select>
@@ -79,46 +79,12 @@
margin-left: 2px; margin-left: 2px;
font-weight: bold; font-weight: bold;
} }
.reason-modal-overlay {
display: none;
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 1000;
}
.reason-modal-box {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 6px;
padding: 20px;
width: 400px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.reason-modal-box h3 {
margin: 0 0 12px;
font-size: 16px;
}
.reason-modal-box textarea {
width: 100%;
min-height: 80px;
box-sizing: border-box;
}
.reason-modal-actions {
margin-top: 12px;
text-align: right;
}
</style> </style>
<script language="javascript"> <script language="javascript">
var url = '<c:url value="/onl/apim/portalinquiry/portalInquiryMan.json" />'; var url = '<c:url value="/onl/apim/portalinquiry/portalInquiryMan.json" />';
var url_view = '<c:url value="/onl/apim/portalinquiry/portalInquiryMan.view" />'; var url_view = '<c:url value="/onl/apim/portalinquiry/portalInquiryMan.view" />';
var file_download = '<c:url value="/file/download.do" />'; var file_download = '<c:url value="/file/download.do" />';
var inquiryStatus = 'PENDING'; var inquiryStatus = 'PENDING';
var originalVisibility = 'ORG';
var reasonModalCallback = null;
function decodeHTMLEntities(text) { function decodeHTMLEntities(text) {
var textArea = document.createElement('textarea'); var textArea = document.createElement('textarea');
@@ -142,9 +108,7 @@
inquiryStatus = data.inquiryStatus; inquiryStatus = data.inquiryStatus;
if (data.inquiryStatus == 'PENDING') { if (data.inquiryStatus == 'PENDING') {
$("#inquiryStatus").text('문의중'); $("#inquiryStatus").text('문의중');
} else if (data.inquiryStatus == 'REVIEWING') {
$("#inquiryStatus").text('문의검토중');
} else if (data.inquiryStatus == 'RESPONDED') { } else if (data.inquiryStatus == 'RESPONDED') {
$("#inquiryStatus").text('답변완료'); $("#inquiryStatus").text('답변완료');
} else if (data.inquiryStatus == 'CLOSED') { } else if (data.inquiryStatus == 'CLOSED') {
@@ -158,24 +122,6 @@
var decodedContent = decodeHTMLEntities(data.responseDetail); var decodedContent = decodeHTMLEntities(data.responseDetail);
$("#responseDetail").summernote('code', decodedContent || ''); $("#responseDetail").summernote('code', decodedContent || '');
// 공개범위 / 조회수
$('#visibilitySelect').val(data.visibility || 'ORG');
originalVisibility = data.visibility || 'ORG';
$('#viewCount').text(data.viewCount || 0);
// 조회수 증가 (sessionStorage dedup — 새로고침 시 중복 증가 억제)
var viewedKey = 'inquiry_viewed_' + key;
if (!sessionStorage.getItem(viewedKey)) {
$.ajax({
type: "POST",
url: url,
data: {cmd: 'INCREMENT_VIEW', id: key},
success: function () {
sessionStorage.setItem(viewedKey, 'true');
}
});
}
// 댓글 표시 // 댓글 표시
listComment(key); listComment(key);
@@ -201,17 +147,8 @@
if (!data || data.length === 0) return; if (!data || data.length === 0) return;
$.each(data, function (i, comment) { $.each(data, function (i, comment) {
var date = comment.createdDate ? timeStampFormat(comment.createdDate) : ''; var date = comment.createdDate ? timeStampFormat(comment.createdDate) : '';
var isPrivate = comment.visibility === 'PRIVATE';
var row = $('<div>').addClass('info-row'); var row = $('<div>').addClass('info-row');
if (isPrivate) { $('<div>').addClass('info-label').css('color', '#555').text(comment.writerName || '').appendTo(row);
// 비공개 댓글은 색상으로 구별
row.css({'background-color': '#FFF5F5', 'border-radius': '4px', 'padding': '4px'});
}
var labelDiv = $('<div>').addClass('info-label').css('color', '#555').text(comment.writerName || '');
if (isPrivate) {
$('<span>').text(' 비공개').css({'color': '#c0392b', 'font-size': '0.85em', 'font-weight': 'bold'}).appendTo(labelDiv);
}
labelDiv.appendTo(row);
var content = $('<div>').addClass('info-content'); var content = $('<div>').addClass('info-content');
$('<div>').css('white-space', 'pre-wrap').text(comment.commentDetail).appendTo(content); $('<div>').css('white-space', 'pre-wrap').text(comment.commentDetail).appendTo(content);
var meta = $('<div>').css({'font-size': '0.9em', 'color': '#999', 'margin-top': '2px'}); var meta = $('<div>').css({'font-size': '0.9em', 'color': '#999', 'margin-top': '2px'});
@@ -222,19 +159,6 @@
})(comment.id, comment.inquiryId)) })(comment.id, comment.inquiryId))
.appendTo(meta); .appendTo(meta);
meta.appendTo(content); meta.appendTo(content);
// 댓글 공개범위 변경 컨트롤 (사유 필수)
var visCtrl = $('<div>').css({'margin-top': '4px', 'font-size': '0.85em'});
var sel = $('<select>').append('<option value="ALL">공개</option>').append('<option value="PRIVATE">비공개</option>');
sel.val(comment.visibility || 'ALL');
var reasonInput = $('<input>').attr({'type': 'text', 'placeholder': '변경 사유'}).css({'margin-left': '4px'});
var applyBtn = $('<button>').attr('type', 'button').addClass('cssbtn smallBtn2').css({'margin-left': '4px', 'font-size': '0.85em', 'padding': '1px 6px'})
.text('공개범위변경').on('click', (function(id, inquiryId, selEl, reasonEl) {
return function() { changeCommentVisibility(id, inquiryId, selEl.val(), reasonEl.val()); };
})(comment.id, comment.inquiryId, sel, reasonInput));
visCtrl.append(sel).append(reasonInput).append(applyBtn);
visCtrl.appendTo(content);
content.appendTo(row); content.appendTo(row);
row.appendTo($commentList); row.appendTo($commentList);
}); });
@@ -245,84 +169,6 @@
}); });
} }
function openReasonModal(callback) {
reasonModalCallback = callback;
$('#reasonModalInput').val('');
$('#reasonModal').show();
$('#reasonModalInput').focus();
}
function closeReasonModal() {
$('#reasonModal').hide();
reasonModalCallback = null;
}
// 답변(summernote) 내용이 실제로 입력됐는지 확인
function hasAnswerContent() {
var v = $('#responseDetail').summernote('code');
var text = $('<div>').html(v || '').text().replace(/ /g, ' ').trim();
return text.length > 0;
}
function saveInquiryAnswer(returnUrl) {
var postData = $('#ajaxForm').serializeArray();
postData.push({name: "cmd", value: "INSERT"});
$.ajax({
type: "POST",
url: url,
data: postData,
success: function (json) {
alert("<%= localeMessage.getString("common.saveMsg") %>");
goNav(returnUrl);
},
error: function (e) {
alert(e.responseText);
}
});
}
// 게시물 공개범위 변경(사유 필수). 성공 후 답변 내용이 있으면 이어서 저장.
function changeInquiryVisibility(newVis, reason, returnUrl, thenSaveAnswer) {
$.ajax({
type: "POST",
url: url,
data: {cmd: 'VISIBILITY', serviceType: 'APIGW', targetType: 'INQUIRY', id: $('#id').val(),
visibility: newVis, auditReason: reason},
success: function () {
originalVisibility = newVis;
if (thenSaveAnswer) {
saveInquiryAnswer(returnUrl);
} else {
alert('변경되었습니다.');
goNav(returnUrl);
}
},
error: function (e) {
alert(e.responseText);
}
});
}
function changeCommentVisibility(commentId, inquiryId, visibility, reason) {
if (!reason || !reason.trim()) {
alert('공개범위 변경 사유를 입력하세요.');
return;
}
if (!confirm('댓글 공개범위를 변경하시겠습니까?')) return;
$.ajax({
type: "POST",
url: url,
data: {cmd: 'VISIBILITY', serviceType: 'APIGW', targetType: 'COMMENT', id: commentId, visibility: visibility, auditReason: reason},
success: function () {
alert('변경되었습니다.');
listComment(inquiryId);
},
error: function (e) {
alert(e.responseText);
}
});
}
function deleteComment(commentId, inquiryId) { function deleteComment(commentId, inquiryId) {
if (inquiryStatus == 'CLOSED') { if (inquiryStatus == 'CLOSED') {
alert('답변이 종료되어 삭제할 수 없습니다'); alert('답변이 종료되어 삭제할 수 없습니다');
@@ -362,38 +208,24 @@
alert('답변이 종료되어 수정할 수 없습니다'); alert('답변이 종료되어 수정할 수 없습니다');
return; return;
} }
var newVis = $('#visibilitySelect').val();
var visChanged = (newVis !== originalVisibility);
if (visChanged) {
// 공개범위 변경 감지 → 사유 입력 모달 (답변 내용이 있으면 함께 저장)
var saveAnswerToo = hasAnswerContent();
openReasonModal(function (reason) {
changeInquiryVisibility(newVis, reason, returnUrl, saveAnswerToo);
});
return;
}
// 공개범위 변경 없음 → 기존 답변 저장
if (!checkRequired("ajaxForm")) return; if (!checkRequired("ajaxForm")) return;
if (!confirm("<%= localeMessage.getString("common.checkSave")%>")) return; if (!confirm("<%= localeMessage.getString("common.checkSave")%>")) return;
saveInquiryAnswer(returnUrl);
});
$("#reasonModalOk").click(function () { var postData = $('#ajaxForm').serializeArray();
var reason = ($('#reasonModalInput').val() || '').trim(); postData.push({name: "cmd", value: "INSERT"});
if (!reason) {
alert('변경 사유를 입력하세요.');
return;
}
var cb = reasonModalCallback;
closeReasonModal();
if (cb) cb(reason);
});
$("#reasonModalCancel").click(function () { $.ajax({
closeReasonModal(); type: "POST",
url: url,
data: postData,
success: function (json) {
alert("<%= localeMessage.getString("common.saveMsg") %>");
goNav(returnUrl);
},
error: function (e) {
alert(e.responseText);
}
});
}); });
$("#btn_comment").click(function () { $("#btn_comment").click(function () {
@@ -476,22 +308,7 @@
<div class="info-label">작성일</div> <div class="info-label">작성일</div>
<div id="createdDate" class="info-content"></div> <div id="createdDate" class="info-content"></div>
</div> </div>
<div class="info-row"> <div class="info-row" id="attachFileRow" style="display: none;">
<div class="info-label">조회수</div>
<div id="viewCount" class="info-content">0</div>
</div>
<div class="info-row">
<div class="info-label">공개범위</div>
<div class="info-content" style="display:flex; gap:8px; align-items:center;">
<select id="visibilitySelect">
<option value="ALL">전체공개</option>
<option value="ORG">법인공개</option>
<option value="PRIVATE">비공개</option>
</select>
<span style="font-size:0.85em; color:#999;">변경 후 상단 [수정] 버튼을 누르면 사유 입력창이 표시됩니다.</span>
</div>
</div>
<div class="info-row" id="attachFileRow" style="display: none;">
<div class="info-label">첨부파일</div> <div class="info-label">첨부파일</div>
<div id="attachFiles" class="info-content"></div> <div id="attachFiles" class="info-content"></div>
</div> </div>
@@ -539,17 +356,5 @@
</form> </form>
</div> </div>
</div> </div>
<!-- 공개범위 변경 사유 입력 모달 -->
<div id="reasonModal" class="reason-modal-overlay">
<div class="reason-modal-box">
<h3>공개범위 변경 사유</h3>
<textarea id="reasonModalInput" placeholder="변경 사유를 입력하세요."></textarea>
<div class="reason-modal-actions">
<button type="button" class="cssbtn" id="reasonModalOk">확인</button>
<button type="button" class="cssbtn" id="reasonModalCancel">취소</button>
</div>
</div>
</div>
</body> </body>
</html> </html>
@@ -189,7 +189,7 @@
<td> <td>
<input type="text" id="keywordList" style="width:100%" placeholder="쉼표(,)로 구분하여 입력"> <input type="text" id="keywordList" style="width:100%" placeholder="쉼표(,)로 구분하여 입력">
<div class="help-text" style="color:#666; font-size:12px; margin-top:5px;"> <div class="help-text" style="color:#666; font-size:12px; margin-top:5px;">
예시: 인증, 대출, 예금 예시: #인증, #대출, #예금
</div> </div>
</td> </td>
</tr> </tr>
@@ -1,636 +0,0 @@
<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%@ page import="java.io.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<jsp:include page="/jsp/common/include/portal.jsp"/>
<style>
/* ── 스윔레인 보드 ── */
.menu-board { display: flex; gap: 12px; align-items: flex-start; }
.menu-lane-strip { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 10px; flex: 1 1 auto; }
.menu-lane { background: #f1f3f5; border-radius: 10px; min-width: 230px; max-width: 230px; flex: 0 0 230px; }
.menu-lane.unplaced { background: #fff4e6; border: 1px dashed #fd7e14; }
.lane-header { display: flex; align-items: center; gap: 6px; padding: 10px 12px;
border-bottom: 1px solid #dee2e6; cursor: grab; }
.menu-lane.unplaced .lane-header { cursor: default; }
.lane-title { font-weight: 700; font-size: 14px; flex: 1 1 auto; overflow: hidden;
text-overflow: ellipsis; white-space: nowrap; }
.lane-body { list-style: none; margin: 0; padding: 8px; min-height: 60px; }
.menu-card { background: #fff; border: 1px solid #dee2e6; border-radius: 8px;
padding: 8px 10px; margin-bottom: 8px; cursor: grab;
box-shadow: 0 1px 2px rgba(0,0,0,0.06); }
.menu-card.hidden-item, .menu-lane.hidden-item > .lane-header { opacity: 0.45; }
.menu-card .card-name { font-size: 13px; font-weight: 600; }
.menu-card .card-id { font-size: 11px; color: #868e96; }
.menu-card .card-path { font-size: 11px; color: #495057; word-break: break-all; }
.card-actions, .lane-actions { display: flex; gap: 4px; }
.icon-btn { border: none; background: transparent; padding: 1px 3px; cursor: pointer;
font-size: 14px; color: #495057; }
.icon-btn:hover { color: #0d6efd; }
.icon-btn.danger:hover { color: #dc3545; }
.badge-src { font-size: 10px; }
.role-check-group { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.role-check-group .form-check { min-width: 45%; }
.dflt-hint { font-size: 11px; color: #868e96; }
.board-toolbar { display: flex; gap: 6px; margin-bottom: 10px; align-items: center; }
.board-toolbar .spacer { flex: 1 1 auto; }
.sortable-placeholder { border: 2px dashed #adb5bd; border-radius: 8px; height: 48px;
margin-bottom: 8px; background: #e9ecef; }
.lane-placeholder { border: 2px dashed #adb5bd; border-radius: 10px; min-width: 230px; }
</style>
<script language="javascript">
// AuthorizeInterceptor 는 serviceType 을 "요청 파라미터"에서 읽으므로
// 모든 .json 호출 URL 에 serviceType 을 부착한다 (누락 시 권한 조회 실패 → Access denied)
var url = urlAddServiceType('<c:url value="/onl/apim/portalmenu/portalMenuMan.json" />');
// 화면 상태 (저장 버튼 클릭 시에만 서버 반영 — 드래그/토글은 클라이언트 상태만 변경)
var state = { itemsById: {}, lanes: [], unplaced: [], roles: [] };
var dirty = false;
function escapeHtml(s) {
return String(s == null ? '' : s)
.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
.replace(/"/g, '&quot;').replace(/'/g, '&#39;');
}
function loadAll(afterFn) {
$.post(url, { cmd: 'LIST_ALL' }, function (data) {
buildState(data);
render();
dirty = false;
if (afterFn) afterFn();
}, 'json').fail(ajaxFail);
}
function buildState(data) {
state.itemsById = {};
state.roles = data.roles || [];
(data.items || []).forEach(function (it) { state.itemsById[it.menuId] = it; });
var placedTop = [], childrenByParent = {}, unplaced = [];
(data.items || []).forEach(function (it) {
if (!it.placed) { unplaced.push(it.menuId); return; }
if (!it.parentId) {
placedTop.push(it);
} else {
(childrenByParent[it.parentId] = childrenByParent[it.parentId] || []).push(it);
}
});
placedTop.sort(function (a, b) { return (a.sortOrder || 0) - (b.sortOrder || 0); });
state.lanes = placedTop.map(function (top) {
var kids = (childrenByParent[top.menuId] || [])
.sort(function (a, b) { return (a.sortOrder || 0) - (b.sortOrder || 0); })
.map(function (c) { return { menuId: c.menuId, visibleYn: c.visibleYn || 'Y' }; });
delete childrenByParent[top.menuId];
return { menuId: top.menuId, visibleYn: top.visibleYn || 'Y', children: kids };
});
// 부모가 미배치/부재인 고아 배치는 미배치로 강등
Object.keys(childrenByParent).forEach(function (pid) {
childrenByParent[pid].forEach(function (c) { unplaced.push(c.menuId); });
});
state.unplaced = unplaced;
}
// ── 렌더 ──
function cardHtml(menuId, visibleYn, inLane) {
var it = state.itemsById[menuId];
if (!it) return '';
var hidden = visibleYn === 'N';
var srcBadge = it.sourceType === 'PORTAL'
? '<span class="badge text-bg-secondary badge-src">기본</span>'
: '<span class="badge text-bg-warning badge-src">커스텀</span>';
var grpBadge = it.groupYn === 'Y' ? ' <span class="badge text-bg-info badge-src">그룹</span>' : '';
var placeBtn = (!inLane && it.groupYn === 'Y')
? '<button type="button" class="icon-btn" title="최상위 레인으로 배치" onclick="placeAsLane(\'' + menuId + '\')"><i class="bi bi-box-arrow-in-up"></i></button>'
: '';
var eyeBtn = inLane
? '<button type="button" class="icon-btn" title="노출/숨김" onclick="toggleVisible(\'' + menuId + '\')"><i class="bi ' + (hidden ? 'bi-eye-slash' : 'bi-eye') + '"></i></button>'
: '';
return '<li class="menu-card' + (hidden ? ' hidden-item' : '') + '" data-menu-id="' + escapeHtml(menuId) + '">'
+ '<div class="d-flex align-items-start">'
+ '<div class="flex-grow-1">'
+ '<div class="card-name">' + escapeHtml(it.menuName) + ' ' + srcBadge + grpBadge + '</div>'
+ '<div class="card-id">' + escapeHtml(it.menuId) + '</div>'
+ (it.menuPath ? '<div class="card-path">' + escapeHtml(it.menuPath) + '</div>' : '')
+ '</div>'
+ '<div class="card-actions">'
+ placeBtn + eyeBtn
+ '<button type="button" class="icon-btn" title="수정" onclick="openModal(\'' + menuId + '\')"><i class="bi bi-pencil"></i></button>'
+ '<button type="button" class="icon-btn danger" level="W" title="' + (it.sourceType === 'PORTAL' ? '미배치로 이동' : '삭제') + '" onclick="minusItem(\'' + menuId + '\')"><i class="bi bi-dash-circle"></i></button>'
+ '</div></div></li>';
}
function laneHtml(lane) {
var it = state.itemsById[lane.menuId];
if (!it) return '';
var hidden = lane.visibleYn === 'N';
var sectionBadge = it.menuSection === 'MYPAGE'
? '<span class="badge text-bg-primary badge-src">마이페이지</span>'
: '<span class="badge text-bg-success badge-src">GNB</span>';
var srcBadge = it.sourceType === 'PORTAL' ? '' : ' <span class="badge text-bg-warning badge-src">커스텀</span>';
var cards = lane.children.map(function (c) { return cardHtml(c.menuId, c.visibleYn, true); }).join('');
return '<div class="menu-lane' + (hidden ? ' hidden-item' : '') + '" data-menu-id="' + escapeHtml(lane.menuId) + '">'
+ '<div class="lane-header lane-drag-handle">'
+ '<span class="lane-title">' + escapeHtml(it.menuName) + '</span>'
+ sectionBadge + srcBadge
+ '<div class="lane-actions">'
+ '<button type="button" class="icon-btn" title="노출/숨김" onclick="toggleVisible(\'' + lane.menuId + '\')"><i class="bi ' + (hidden ? 'bi-eye-slash' : 'bi-eye') + '"></i></button>'
+ '<button type="button" class="icon-btn" title="수정" onclick="openModal(\'' + lane.menuId + '\')"><i class="bi bi-pencil"></i></button>'
+ '<button type="button" class="icon-btn danger" level="W" title="레인 미배치" onclick="unplaceLane(\'' + lane.menuId + '\')"><i class="bi bi-dash-circle"></i></button>'
+ '</div></div>'
+ '<ul class="lane-body" data-lane-id="' + escapeHtml(lane.menuId) + '">' + cards + '</ul>'
+ '</div>';
}
function render() {
var strip = state.lanes.map(laneHtml).join('');
$('#laneStrip').html(strip);
$('#unplacedBody').html(state.unplaced.map(function (id) { return cardHtml(id, 'Y', false); }).join(''));
initSortables();
buttonControl();
}
function initSortables() {
$('#laneStrip').sortable({
items: '.menu-lane',
handle: '.lane-drag-handle',
placeholder: 'lane-placeholder',
tolerance: 'pointer',
update: function () { syncFromDom(); }
});
$('.lane-body, #unplacedBody').sortable({
connectWith: '.lane-body, #unplacedBody',
items: '.menu-card',
placeholder: 'sortable-placeholder',
tolerance: 'pointer',
stop: function () { syncFromDom(); }
});
}
// 드래그 종료 후 DOM 순서 → 상태 동기화 (visible 값은 기존 상태 유지)
function syncFromDom() {
var visibleMap = {};
state.lanes.forEach(function (l) {
visibleMap[l.menuId] = l.visibleYn;
l.children.forEach(function (c) { visibleMap[c.menuId] = c.visibleYn; });
});
var lanes = [];
$('#laneStrip .menu-lane').each(function () {
var laneId = $(this).data('menu-id');
var children = [];
$(this).find('.lane-body .menu-card').each(function () {
var id = $(this).data('menu-id');
children.push({ menuId: id, visibleYn: visibleMap[id] || 'Y' });
});
lanes.push({ menuId: laneId, visibleYn: visibleMap[laneId] || 'Y', children: children });
});
var unplaced = [];
$('#unplacedBody .menu-card').each(function () { unplaced.push($(this).data('menu-id')); });
state.lanes = lanes;
state.unplaced = unplaced;
dirty = true;
render();
}
// ── 카드/레인 조작 ──
function toggleVisible(menuId) {
state.lanes.forEach(function (l) {
if (l.menuId === menuId) l.visibleYn = (l.visibleYn === 'N' ? 'Y' : 'N');
l.children.forEach(function (c) {
if (c.menuId === menuId) c.visibleYn = (c.visibleYn === 'N' ? 'Y' : 'N');
});
});
dirty = true;
render();
}
function placeAsLane(menuId) {
state.unplaced = state.unplaced.filter(function (id) { return id !== menuId; });
state.lanes.push({ menuId: menuId, visibleYn: 'Y', children: [] });
dirty = true;
render();
}
function minusItem(menuId) {
var it = state.itemsById[menuId];
if (!it) return;
if (it.sourceType === 'PORTAL') {
removeFromBoard(menuId);
if (state.unplaced.indexOf(menuId) < 0) state.unplaced.push(menuId);
dirty = true;
render();
} else {
if (!confirm('커스텀 항목은 미배치 시 삭제됩니다.\n[' + it.menuName + '] 을(를) 삭제하시겠습니까?')) return;
$.post(url, { cmd: 'DELETE', menuId: menuId }, function () {
removeFromBoard(menuId);
state.unplaced = state.unplaced.filter(function (id) { return id !== menuId; });
delete state.itemsById[menuId];
dirty = true;
render();
}, 'json').fail(ajaxFail);
}
}
function unplaceLane(laneId) {
var lane = null;
state.lanes = state.lanes.filter(function (l) {
if (l.menuId === laneId) { lane = l; return false; }
return true;
});
if (!lane) return;
lane.children.forEach(function (c) {
if (state.unplaced.indexOf(c.menuId) < 0) state.unplaced.push(c.menuId);
});
var it = state.itemsById[laneId];
if (it && it.sourceType !== 'PORTAL') {
if (confirm('커스텀 항목은 미배치 시 삭제됩니다.\n[' + it.menuName + '] 항목을 삭제하시겠습니까?')) {
$.post(url, { cmd: 'DELETE', menuId: laneId }, function () {
delete state.itemsById[laneId];
render();
}, 'json').fail(ajaxFail);
} else {
state.unplaced.push(laneId);
}
} else {
if (state.unplaced.indexOf(laneId) < 0) state.unplaced.push(laneId);
}
dirty = true;
render();
}
function removeFromBoard(menuId) {
state.lanes = state.lanes.filter(function (l) { return l.menuId !== menuId; });
state.lanes.forEach(function (l) {
l.children = l.children.filter(function (c) { return c.menuId !== menuId; });
});
}
// ── 저장 / 초기화 / 캐시 Reload ──
function savePlacements() {
// 미배치 상태의 커스텀 항목은 저장 시 삭제 처리 (스펙: 커스텀은 미배치=삭제)
var unplacedAdmin = state.unplaced.filter(function (id) {
var it = state.itemsById[id];
return it && it.sourceType !== 'PORTAL';
});
if (unplacedAdmin.length > 0) {
var names = unplacedAdmin.map(function (id) { return state.itemsById[id].menuName; }).join(', ');
if (!confirm('미배치된 커스텀 항목은 저장 시 삭제됩니다: ' + names + '\n계속하시겠습니까?')) return;
}
var rows = [];
state.lanes.forEach(function (l, i) {
rows.push({ menuId: l.menuId, parentId: null, sortOrder: (i + 1) * 10, visibleYn: l.visibleYn });
l.children.forEach(function (c, j) {
rows.push({ menuId: c.menuId, parentId: l.menuId, sortOrder: (j + 1) * 10, visibleYn: c.visibleYn });
});
});
var deleteCalls = unplacedAdmin.map(function (id) {
return $.post(url, { cmd: 'DELETE', menuId: id });
});
$.when.apply($, deleteCalls).always(function () {
$.ajax({
url: url + '&cmd=TRANSACTION_PLACEMENT',
type: 'POST',
contentType: 'application/json; charset=utf-8',
data: JSON.stringify(rows)
}).done(function () {
dirty = false;
loadAll(function () {
if (confirm('배치가 저장되었습니다.\n포탈 메뉴 캐시를 즉시 반영(Reload)하시겠습니까?\n(미반영 시 캐시 TTL 후 자동 반영)')) {
reloadPortalCache();
}
});
}).fail(ajaxFail);
});
}
function initializeMenus() {
if (!confirm('메뉴 초기화 시 포탈 기본(menu.yml) 값으로 복원되고\n커스텀 항목은 모두 삭제됩니다. 계속하시겠습니까?')) return;
$.post(url, { cmd: 'INITIALIZE' }, function () {
loadAll(function () { alert('메뉴가 초기화되었습니다.'); });
}, 'json').fail(ajaxFail);
}
// ── 캐시 Reload ──
var reloadModal;
var reloadBtnHtml;
function reloadPortalCache() {
var $btn = $('#btnReloadCache');
if ($btn.prop('disabled')) return;
if (reloadBtnHtml === undefined) reloadBtnHtml = $btn.html();
$btn.prop('disabled', true)
.html('<span class="spinner-border spinner-border-sm"></span> 리로드 중...');
$.post(url, { cmd: 'TRANSACTION_RELOAD' }, function (result) {
showReloadResult(result);
}, 'json').fail(ajaxFail).always(function () {
$btn.prop('disabled', false).html(reloadBtnHtml);
});
}
function showReloadResult(result) {
if (!result) {
alert('캐시 리로드 실패: 알 수 없는 오류');
return;
}
var servers = result.servers || [];
var $summary = $('#reloadSummary');
$summary.removeClass('alert-success alert-danger alert-warning')
.addClass(result.success ? 'alert-success'
: (result.successCount > 0 ? 'alert-warning' : 'alert-danger'))
.text(result.message || '');
var rows = '';
servers.forEach(function (s) {
var badge = s.success
? '<span class="badge text-bg-success">성공</span>'
: '<span class="badge text-bg-danger">실패</span>';
var detail = s.success
? ('항목 ' + (s.itemCount == null ? '-' : s.itemCount) + '건'
+ (s.reloadedAt ? ' / ' + escapeHtml(String(s.reloadedAt)) : ''))
: escapeHtml(String(s.message || '-'));
rows += '<tr>'
+ '<td class="text-center">' + badge + '</td>'
+ '<td style="word-break:break-all;">' + escapeHtml(String(s.url || '')) + '</td>'
+ '<td>' + detail + '</td>'
+ '<td class="text-end">' + (s.elapsedMs == null ? '-' : s.elapsedMs + 'ms') + '</td>'
+ '</tr>';
});
if (rows === '') {
rows = '<tr><td colspan="4" class="text-center text-muted">'
+ '호출 대상 서버가 없습니다. 아래 설정 안내를 확인하세요.</td></tr>';
}
$('#reloadResultBody').html(rows);
if (!reloadModal) reloadModal = new bootstrap.Modal(document.getElementById('reloadResultModal'));
reloadModal.show();
}
function ajaxFail(xhr) {
var msg = '처리 중 오류가 발생했습니다.';
try {
var body = JSON.parse(xhr.responseText);
if (body.errorMsg) msg = body.errorMsg;
else if (body.message) msg = body.message;
} catch (e) { /* ignore */ }
alert(msg + ' (HTTP ' + xhr.status + ')');
}
// ── 추가/수정 모달 ──
var menuModal;
function roleChecksHtml(namePrefix, checkedCsv) {
var checked = (checkedCsv || '').split(',').map(function (s) { return s.trim(); }).filter(Boolean);
var html = '';
var all = [{ roleCode: 'AUTHENTICATED', roleName: '로그인 사용자', roleType: '-' }].concat(state.roles);
all.forEach(function (r) {
var id = namePrefix + '_' + r.roleCode;
html += '<div class="form-check form-check-sm">'
+ '<input class="form-check-input" type="checkbox" name="' + namePrefix + '" id="' + id + '" value="' + escapeHtml(r.roleCode) + '"'
+ (checked.indexOf(r.roleCode) >= 0 ? ' checked' : '') + '>'
+ '<label class="form-check-label" for="' + id + '" style="font-size:12px;">'
+ escapeHtml(r.roleName) + ' <span class="text-muted">(' + escapeHtml(r.roleCode) + ')</span></label>'
+ '</div>';
});
return html;
}
function openModal(menuId) {
var isNew = !menuId;
var it = isNew ? { sourceType: 'ADMIN', groupYn: 'N', menuSection: 'GNB', newWindowYn: 'N' }
: state.itemsById[menuId];
if (!it) return;
var isPortal = it.sourceType === 'PORTAL';
$('#modalTitle').text(isNew ? '메뉴 추가' : '메뉴 수정' + (isPortal ? ' (기본 항목)' : ''));
$('#fMenuId').val(it.menuId || '').prop('readonly', !isNew);
$('#fMenuName').val(it.menuName || '');
$('#fMenuPath').val(it.menuPath || '');
$('#fIconClass').val(it.iconClass || '');
$('#fMenuSection').val(it.menuSection || 'GNB').prop('disabled', isPortal);
$('#fGroupYn').prop('checked', it.groupYn === 'Y').prop('disabled', isPortal);
$('#fNewWindowYn').prop('checked', it.newWindowYn === 'Y');
$('#exposeRoleChecks').html(roleChecksHtml('exposeRole', it.exposeRoles));
$('#accessRoleChecks').html(roleChecksHtml('accessRole', it.accessRoles));
// 기본 항목: 기본값(DFLT_*) 병기
if (isPortal) {
$('#hintMenuName').text('기본값: ' + (it.dfltMenuName || '-'));
$('#hintMenuPath').text('기본값: ' + (it.dfltMenuPath || '-'));
$('#hintExposeRoles').text('기본값: ' + (it.dfltExposeRoles || '전체 노출'));
$('#hintAccessRoles').text('기본값: ' + (it.dfltAccessRoles || '제한 없음'));
$('.dflt-hint').show();
} else {
$('.dflt-hint').hide();
}
$('#modalMode').val(isNew ? 'INSERT' : 'UPDATE');
menuModal.show();
}
function submitModal() {
var cmd = $('#modalMode').val();
var data = {
cmd: cmd,
menuId: $('#fMenuId').val().trim(),
menuName: $('#fMenuName').val().trim(),
menuPath: $('#fMenuPath').val().trim(),
iconClass: $('#fIconClass').val().trim(),
menuSection: $('#fMenuSection').val(),
groupYn: $('#fGroupYn').is(':checked') ? 'Y' : 'N',
newWindowYn: $('#fNewWindowYn').is(':checked') ? 'Y' : 'N',
exposeRoles: $('input[name=exposeRole]:checked').map(function () { return this.value; }).get().join(','),
accessRoles: $('input[name=accessRole]:checked').map(function () { return this.value; }).get().join(',')
};
if (!data.menuId) { alert('메뉴 ID 를 입력하세요.'); return; }
if (cmd === 'INSERT' && !/^[a-z0-9-]+$/.test(data.menuId)) {
alert('메뉴 ID 는 kebab-case(소문자/숫자/하이픈)만 허용합니다.');
return;
}
if (!data.menuName) { alert('노출명을 입력하세요.'); return; }
$.post(url, data, function () {
menuModal.hide();
loadAll();
}, 'json').fail(ajaxFail);
}
$(document).ready(function () {
menuModal = new bootstrap.Modal(document.getElementById('menuModal'));
loadAll();
window.addEventListener('beforeunload', function (e) {
if (dirty) { e.preventDefault(); e.returnValue = ''; }
});
});
</script>
</head>
<body>
<div class="right_box">
<div class="content_top">
<ul class="path">
<li><a href="#">${rmsMenuPath}</a></li>
</ul>
</div><!-- end content_top -->
<div class="content_middle" id="content_middle">
<div class="title">포탈 메뉴 관리</div>
<div class="board-toolbar">
<button type="button" class="btn btn-sm btn-primary" level="W" onclick="openModal()">
<i class="bi bi-plus-lg"></i> 메뉴 추가</button>
<button type="button" class="btn btn-sm btn-outline-danger" level="W" onclick="initializeMenus()">
<i class="bi bi-arrow-counterclockwise"></i> 메뉴 초기화</button>
<span class="spacer"></span>
<button type="button" class="btn btn-sm btn-outline-secondary" id="btnReloadCache" level="W" onclick="reloadPortalCache()">
<i class="bi bi-arrow-repeat"></i> 캐시 Reload</button>
<button type="button" class="btn btn-sm btn-success" level="W" onclick="savePlacements()">
<i class="bi bi-save"></i> 저장</button>
</div>
<div style="background:#e7f1ff; border:1px solid #0d6efd33; padding:8px 15px; margin-bottom:10px; border-radius:6px; font-size:12px; color:#31507a;">
드래그로 위치를 조절한 뒤 <strong>저장</strong> 버튼으로 일괄 반영합니다.
기본 항목([기본] 배지)은 [-] 시 <strong>미배치</strong>로만 이동하고, 커스텀 항목은 미배치 시 <strong>삭제</strong>됩니다.
저장 후 <strong>캐시 Reload</strong> 를 실행해야 포탈에 즉시 반영됩니다(미실행 시 TTL 경과 후 반영).
<br>
캐시 Reload 대상 서버는 포탈 프로퍼티 <code>Portal / portal.internal.menu-reload-url</code> 로 설정합니다.
포탈이 <strong>다중 서버(이중화)</strong> 로 기동된 경우 모든 서버의 리로드 URL 을
<strong>콤마(,) 또는 줄바꿈</strong> 으로 나열해야 전체 서버에 반영됩니다
(예: <code>http://10.0.0.11:39130/internal/menu/reload, http://10.0.0.12:39130/internal/menu/reload</code>).
서버별 요청 타임아웃은 <strong>3초</strong> 이며, 실행 결과는 서버별로 표시됩니다.
</div>
<div class="menu-board">
<div class="menu-lane-strip" id="laneStrip"><!-- 렌더링 --></div>
<div class="menu-lane unplaced">
<div class="lane-header">
<span class="lane-title">미배치</span>
<span class="badge text-bg-warning badge-src">보관함</span>
</div>
<ul class="lane-body" id="unplacedBody"><!-- 렌더링 --></ul>
</div>
</div>
<!-- 추가/수정 모달 -->
<div class="modal fade" id="menuModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modalTitle">메뉴 추가</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
</div>
<div class="modal-body">
<input type="hidden" id="modalMode" value="INSERT">
<div class="row g-3">
<div class="col-md-6">
<label class="form-label" for="fMenuId">메뉴 ID (kebab-case)</label>
<input type="text" class="form-control form-control-sm" id="fMenuId" placeholder="ex) custom-link">
</div>
<div class="col-md-6">
<label class="form-label" for="fMenuName">노출명</label>
<input type="text" class="form-control form-control-sm" id="fMenuName">
<div class="dflt-hint" id="hintMenuName"></div>
</div>
<div class="col-md-6">
<label class="form-label" for="fMenuPath">Path (그룹은 생략 가능)</label>
<input type="text" class="form-control form-control-sm" id="fMenuPath" placeholder="/example 또는 https://...">
<div class="dflt-hint" id="hintMenuPath"></div>
</div>
<div class="col-md-6">
<label class="form-label" for="fIconClass">아이콘 클래스 (마이페이지용, ex: fa-users)</label>
<input type="text" class="form-control form-control-sm" id="fIconClass">
</div>
<div class="col-md-4">
<label class="form-label" for="fMenuSection">섹션</label>
<select class="form-select form-select-sm" id="fMenuSection">
<option value="GNB">GNB (상단 메뉴)</option>
<option value="MYPAGE">마이페이지</option>
</select>
</div>
<div class="col-md-4 d-flex align-items-end">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="fGroupYn">
<label class="form-check-label" for="fGroupYn">그룹(상위 메뉴)</label>
</div>
</div>
<div class="col-md-4 d-flex align-items-end">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="fNewWindowYn">
<label class="form-check-label" for="fNewWindowYn">새 창 열기</label>
</div>
</div>
<div class="col-md-6">
<label class="form-label">노출 권한 (미선택 = 전체 노출)</label>
<div class="role-check-group" id="exposeRoleChecks"></div>
<div class="dflt-hint" id="hintExposeRoles"></div>
</div>
<div class="col-md-6">
<label class="form-label">접근 권한 (미선택 = 제한 없음)</label>
<div class="role-check-group" id="accessRoleChecks"></div>
<div class="dflt-hint" id="hintAccessRoles"></div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">취소</button>
<button type="button" class="btn btn-sm btn-primary" level="W" onclick="submitModal()">저장</button>
</div>
</div>
</div>
</div>
<!-- 캐시 Reload 결과 -->
<div class="modal fade" id="reloadResultModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">포탈 메뉴 캐시 Reload 결과</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="닫기"></button>
</div>
<div class="modal-body">
<div class="alert py-2 px-3" id="reloadSummary" style="font-size:13px;"></div>
<table class="table table-sm table-bordered align-middle" style="font-size:12px;">
<thead class="table-light">
<tr>
<th style="width:70px;" class="text-center">결과</th>
<th>서버 URL</th>
<th style="width:38%;">상세</th>
<th style="width:80px;" class="text-end">소요</th>
</tr>
</thead>
<tbody id="reloadResultBody"></tbody>
</table>
<div class="text-muted" style="font-size:12px;">
대상 서버는 포탈 프로퍼티 <code>Portal / portal.internal.menu-reload-url</code> 에
콤마(,) 또는 줄바꿈으로 나열합니다. 서버별 타임아웃 3초, 전 서버 병렬 호출입니다.
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">닫기</button>
</div>
</div>
</div>
</div>
</div><!-- end content_middle -->
</div><!-- end right_box -->
</body>
</html>
@@ -18,43 +18,17 @@
var url = '<c:url value="/onl/apim/portalnotice/portalNoticeMan.json" />'; var url = '<c:url value="/onl/apim/portalnotice/portalNoticeMan.json" />';
var url_view = '<c:url value="/onl/apim/portalnotice/portalNoticeMan.view" />'; var url_view = '<c:url value="/onl/apim/portalnotice/portalNoticeMan.view" />';
var combo; var combo;
// 코드 상수 — PortalNoticeUI 와 동기화
var NOTICE_TYPE_INCIDENT = '3';
// IncidentState 라벨 — 상세 화면과 동일하게 유지
var STATE_LABELS = {
'INVESTIGATING': '조사중',
'IDENTIFIED': '원인 파악',
'MONITORING': '모니터링',
'RESOLVED': '해소',
'CANCELED': '취소'
};
function formatIncidentState(cellvalue, options, rowObject) {
if (!cellvalue) return '';
var label = STATE_LABELS[cellvalue] || cellvalue;
var closed = (cellvalue === 'RESOLVED' || cellvalue === 'CANCELED');
return closed
? '<span title="' + cellvalue + '">' + label + '</span>'
: '<span style="color: red;" title="' + cellvalue + '">' + label + '</span>';
}
function formatNoticeType(cellvalue, options, rowObject) { function formatNoticeType(cellvalue, options, rowObject) {
var name = cellvalue; if (!combo || !combo.noticeTypeList) {
if (combo && combo.noticeTypeList) { return cellvalue;
for (var i = 0; i < combo.noticeTypeList.length; i++) { }
if (combo.noticeTypeList[i].CODE == cellvalue) { for (var i = 0; i < combo.noticeTypeList.length; i++) {
name = combo.noticeTypeList[i].NAME; if (combo.noticeTypeList[i].CODE == cellvalue) {
break; return combo.noticeTypeList[i].NAME;
}
} }
} }
// 장애인데 종료 시각이 없으면 아직 진행 중이다 return cellvalue;
if (cellvalue == NOTICE_TYPE_INCIDENT && rowObject && !rowObject.endAt) {
return '<span style="color: red;">' + name + '-진행중</span>';
}
return name;
} }
function formatuseYn(cellvalue, options, rowObject) { function formatuseYn(cellvalue, options, rowObject) {
@@ -141,15 +115,14 @@
searchNoticeSubject: $('input[name=searchNoticeSubject]').val(), searchNoticeSubject: $('input[name=searchNoticeSubject]').val(),
searchNoticeDetail: $('input[name=searchNoticeDetail]').val() searchNoticeDetail: $('input[name=searchNoticeDetail]').val()
}, },
colNames:['id', 'No.', '게시유형', '제목', '고정여부', '사용', '장애상태', '마지막 수정일', '등록일', '등록자', '조회수'], colNames:['id', 'No.', '게시유형', '제목', '고정여부', '사용', '마지막 수정일', '등록일', '등록자', '조회수'],
colModel:[ colModel:[
{ name : 'id' , align:'center', key:true, hidden:true}, { name : 'id' , align:'center', key:true, hidden:true},
{ name : 'rowNum' , align:'center', width:60 }, { name : 'rowNum' , align:'center', width:60 },
{ name : 'noticeType' , align:'center', width:100, formatter: formatNoticeType }, { name : 'noticeType' , align:'center', width:60, formatter: formatNoticeType },
{ name : 'noticeSubject' , align:'left' , width:300, formatter: formatFile }, { name : 'noticeSubject' , align:'left' , width:300, formatter: formatFile },
{ name : 'fixYn' , align:'center', width:60, formatter: formatFixYn }, { name : 'fixYn' , align:'center', width:60, formatter: formatFixYn },
{ name : 'useYn' , align:'center', width:60, formatter: formatuseYn }, { name : 'useYn' , align:'center', width:60, formatter: formatuseYn },
{ name : 'state' , align:'center', width:90, sortable:false, formatter: formatIncidentState },
{ name : 'lastModifiedDate', align:'center', width:120 , formatter: timeStampFormat}, { name : 'lastModifiedDate', align:'center', width:120 , formatter: timeStampFormat},
{ name : 'createdDate' , align:'center', width:120, formatter: timeStampFormat }, { name : 'createdDate' , align:'center', width:120, formatter: timeStampFormat },
{ name : 'inquirerName' , align:'center', width:100 }, { name : 'inquirerName' , align:'center', width:100 },
@@ -32,35 +32,10 @@
// 영향 API 목록 (UI 상태) // 영향 API 목록 (UI 상태)
var affectedApis = []; var affectedApis = [];
// 장애 타임라인 (UI 상태)
var currentIncidentId = null;
var currentIncidentState = null;
// 종결 상태 — 재전이 불가 (재발은 새 장애로 등록)
var TERMINAL_STATES = ['RESOLVED', 'CANCELED'];
// IncidentState 라벨 — 상태 콤보 문구와 동일하게 유지
var STATE_LABELS = {
'INVESTIGATING': '조사중',
'IDENTIFIED': '원인 파악',
'MONITORING': '모니터링',
'RESOLVED': '해소',
'CANCELED': '취소'
};
function isIncidentType(t) { function isIncidentType(t) {
return t === NOTICE_TYPE_INCIDENT || t === NOTICE_TYPE_MAINTENANCE; return t === NOTICE_TYPE_INCIDENT || t === NOTICE_TYPE_MAINTENANCE;
} }
function stateLabel(code) {
if (!code) return '';
return (STATE_LABELS[code] || code) + ' (' + code + ')';
}
function escapeHtml(text) {
return $('<div>').text(text == null ? '' : text).html();
}
function init() { function init() {
var key = "${param.id}"; var key = "${param.id}";
isDetail = key != "" && key != "null"; isDetail = key != "" && key != "null";
@@ -101,57 +76,13 @@
// INCIDENT 만 상태 영역 표시 // INCIDENT 만 상태 영역 표시
if (t === NOTICE_TYPE_INCIDENT) { if (t === NOTICE_TYPE_INCIDENT) {
$('.incident-state-row').show(); $('.incident-state-row').show();
$('.incident-endat-hint').show();
} else { } else {
$('.incident-state-row').hide(); $('.incident-state-row').hide();
$('.incident-endat-hint').hide();
} }
// 장애는 종결(해소·취소) 후에만 종료 시각을 손볼 수 있다. 진행 중에는 상태를 따른다.
var closed = $.inArray(currentIncidentState, TERMINAL_STATES) >= 0;
$('#endAt').prop('readonly', t === NOTICE_TYPE_INCIDENT && !closed);
$('.incident-endat-hint').text(closed
? '※ 종결된 장애입니다. 실제 복구 시각으로 수정할 수 있습니다.'
: '※ 타임라인에서 해소·취소로 전이하면 자동 입력됩니다.');
} else { } else {
$('.incident-row').hide(); $('.incident-row').hide();
$('.incident-state-row').hide(); $('.incident-state-row').hide();
$('.incident-endat-hint').hide();
$('#endAt').prop('readonly', false);
} }
// 양식(템플릿)은 장애 공지에만 쓴다 - 점검은 문구 체계가 다르다
$('.template-row').toggle(t === NOTICE_TYPE_INCIDENT);
// 타임라인은 등록된 장애(수정 모드)에서만 다룬다
if (t === NOTICE_TYPE_INCIDENT && isDetail && currentIncidentId) {
$('#timelineSection').show();
} else {
$('#timelineSection').hide();
}
}
/**
* 장애 공지 양식(제목·본문)을 서버에서 받아 채운다.
* 문구는 PTL_PROPERTY 'djb.apistatus.draft.*' 이며 자동 탐지 초안과 같은 양식이다.
*
* @param force true 면 이미 입력한 제목·본문도 (확인 후) 덮어쓴다
*/
function applyTemplate(force) {
if (force) {
var hasInput = $.trim($('#noticeSubject').val()) !== '' || !$('#contents').summernote('isEmpty');
if (hasInput && !confirm('현재 입력한 제목·본문을 양식으로 덮어씁니다. 계속하시겠습니까?')) {
return;
}
}
$.ajax({
type: "POST", url: url, dataType: "json",
data: {cmd: 'DRAFT_TEMPLATE', apisJson: JSON.stringify(affectedApis)},
success: function (data) {
if (!data) return;
$('#noticeSubject').val(data.subject || '');
$('#contents').summernote('code', data.detail || '');
},
error: function (e) { alert(e.responseText); }
});
} }
function decodeHTMLEntities(text) { function decodeHTMLEntities(text) {
@@ -217,11 +148,8 @@
// AuthorizeInterceptor 가 정상적으로 권한 인식. window.open 직접 호출 시 권한 부족 발생. // AuthorizeInterceptor 가 정상적으로 권한 인식. window.open 직접 호출 시 권한 부족 발생.
// 본 페이지는 summernote 본문 에디터 등 다른 iframe 이 함께 존재할 수 있어 // 본 페이지는 summernote 본문 에디터 등 다른 iframe 이 함께 존재할 수 있어
// frames[0] 가정은 위험 → DOM 에서 .ui-dialog 내 iframe 중 src=apiGroupMan 인 것을 식별. // frames[0] 가정은 위험 → DOM 에서 .ui-dialog 내 iframe 중 src=apiGroupMan 인 것을 식별.
// 공지 영향 API 는 포탈에 실제 노출되는 것만 고르면 되므로 두 조건을 켠 채로 연다.
// (타 화면에서 여는 팝업은 파라미터가 없어 해제 상태 — 팝업 기본값은 건드리지 않는다)
var selectedIds = affectedApis.map(function(a) { return a.apiId; }).join(','); var selectedIds = affectedApis.map(function(a) { return a.apiId; }).join(',');
var url2 = apiPopupUrl + '?cmd=POPUP&searchApiSpecYn=Y&searchPortalDisplayYn=Y' var url2 = apiPopupUrl + '?cmd=POPUP&selectedApiIds=' + encodeURIComponent(selectedIds);
+ '&selectedApiIds=' + encodeURIComponent(selectedIds);
var args = {}; var args = {};
showModal(url2, args, 1280, 860, function () { showModal(url2, args, 1280, 860, function () {
var doc = args.self && args.self.document; var doc = args.self && args.self.document;
@@ -264,150 +192,6 @@
renderAffectedApis(); renderAffectedApis();
} }
// ───────────────────── 장애 처리 타임라인 ─────────────────────
/** 현재 상태 기준으로 전이 가능한 선택지만 남긴다. 실제 차단은 서버가 한다. */
function applyStateChangeGuard() {
var terminal = $.inArray(currentIncidentState, TERMINAL_STATES) >= 0;
$('#timelineStateChange').prop('disabled', terminal);
if (terminal) {
$('#timelineStateChange').prop('checked', false);
$('#timelineNextState').prop('disabled', true).val('');
}
$('#timelineClosedHint').toggle(terminal);
$('#timelineResolveHint').toggle(!terminal);
// 현재와 동일한 상태로는 전이할 수 없다
$('#timelineNextState option').each(function() {
var v = $(this).val();
$(this).prop('disabled', v !== '' && v === currentIncidentState);
});
if ($('#timelineNextState').val() === currentIncidentState) {
$('#timelineNextState').val('');
}
}
function loadTimeline() {
if (!currentIncidentId) {
renderTimeline([]);
return;
}
$.ajax({
type: "POST", url: url, dataType: "json",
data: {cmd: 'TIMELINE_LIST', incidentId: currentIncidentId},
success: function (rows) { renderTimeline(rows || []); },
error: function (e) { alert(e.responseText); }
});
}
function renderTimeline(rows) {
var $tb = $('#timelineTbody');
$tb.empty();
if (!rows.length) {
$tb.append('<tr><td colspan="6" style="text-align:center;color:#999;">등록된 타임라인이 없습니다.</td></tr>');
return;
}
$.each(rows, function(_, row) {
var author = row.authorType === 'SYSTEM' ? 'System' : 'Admin';
var visible = row.visibleYn === 'Y';
var $tr = $('<tr>');
$tr.append('<td style="text-align:center;white-space:nowrap;">' + escapeHtml(row.eventAt) + '</td>');
$tr.append('<td style="text-align:center;">' + author + '</td>');
$tr.append('<td style="text-align:center;white-space:nowrap;">' + (row.stateAfter ? escapeHtml(stateLabel(row.stateAfter)) : '-') + '</td>');
$tr.append('<td>' + escapeHtml(row.body).replace(/\n/g, '<br>') + '</td>');
// 현재 상태(라벨) + 눌렀을 때 바뀔 상태(버튼) 를 나눠 표기 — 버튼 하나면 의미가 모호하다
var $visibleTd = $('<td style="text-align:center;white-space:nowrap;">');
$('<span>')
.text(visible ? '공개중' : '비공개')
.css({color: visible ? '#1B8C4A' : '#999', 'margin-right': '5px'})
.appendTo($visibleTd);
$('<button type="button" class="cssbtn" level="W" status="DETAIL" style="min-width:0;padding:3px 8px;">')
.text(visible ? '비공개로' : '공개로')
.click(function() { toggleTimelineVisible(row.timelineId, visible ? 'N' : 'Y'); })
.appendTo($visibleTd);
$tr.append($visibleTd);
var $deleteTd = $('<td style="text-align:center;">');
$('<button type="button" class="cssbtn smallBtn" level="W" status="DETAIL" style="min-width:0;width:90%;">')
.text('삭제')
.click(function() { deleteTimeline(row.timelineId); })
.appendTo($deleteTd);
$tr.append($deleteTd);
$tb.append($tr);
});
buttonControl(true);
}
function addTimeline() {
if (!currentIncidentId) {
alert('장애 정보를 먼저 저장하여 주십시오.');
return;
}
var body = $('#timelineBody').val();
if (!body || !$.trim(body)) {
alert('타임라인 메세지를 입력하여 주십시오.');
$('#timelineBody').focus();
return;
}
var stateChange = $('#timelineStateChange').is(':checked');
var nextState = $('#timelineNextState').val();
if (stateChange && !nextState) {
alert('변경할 상태를 선택하여 주십시오.');
return;
}
$.ajax({
type: "POST", url: url, dataType: "json",
data: {cmd: 'TIMELINE_ADD', incidentId: currentIncidentId, body: body,
stateChange: stateChange, nextState: nextState},
success: function (data) {
$('#timelineBody').val('');
$('#timelineStateChange').prop('checked', false).trigger('change');
// 상태 전이 시 서버가 상태/이전 상태/종료 시각을 함께 갱신한다
$('#stateText').text(data.state ? stateLabel(data.state) : '');
$('#previousState').text(data.previousState ? stateLabel(data.previousState) : '없음');
$('#endAt').val(data.endAt || '');
currentIncidentState = data.state || null;
applyStateChangeGuard();
// 종결 전이 직후부터 종료 시각을 손볼 수 있어야 한다
toggleIncidentFields();
loadTimeline();
},
error: function (e) { alert(e.responseText); }
});
}
function toggleTimelineVisible(timelineId, visibleYn) {
$.ajax({
type: "POST", url: url,
data: {cmd: 'TIMELINE_VISIBLE', timelineId: timelineId, visibleYn: visibleYn},
success: loadTimeline,
error: function (e) { alert(e.responseText); }
});
}
function deleteTimeline(timelineId) {
if (confirm("<%= localeMessage.getString("common.checkDelete")%>") != true) return;
$.ajax({
type: "POST", url: url,
data: {cmd: 'TIMELINE_DELETE', timelineId: timelineId},
success: loadTimeline,
error: function (e) { alert(e.responseText); }
});
}
/** 장애/점검 공지는 최초 게시 후 게시유형을 바꿀 수 없다. */
function lockNoticeType(noticeType) {
if (!isIncidentType(noticeType)) return;
$('#noticeType').prop('disabled', true);
if (!$('#noticeTypeHidden').length) {
$('#ajaxForm').append('<input type="hidden" id="noticeTypeHidden" name="noticeType">');
}
$('#noticeTypeHidden').val(noticeType);
}
function detail(key) { function detail(key) {
if (!isDetail) return; if (!isDetail) return;
$.ajax({ $.ajax({
@@ -423,28 +207,17 @@
var decodedContent = decodeHTMLEntities(data.noticeDetail); var decodedContent = decodeHTMLEntities(data.noticeDetail);
$('#contents').summernote('code', decodedContent); $('#contents').summernote('code', decodedContent);
// 게시유형은 최초 저장 후 변경 불가 (disabled 는 전송되지 않아 hidden 으로 값을 유지)
lockNoticeType(data.noticeType);
// 장애/점검 필드 // 장애/점검 필드
$('#summary').val(data.summary || ''); $('#summary').val(data.summary || '');
$('#startedAt').val(data.startedAt || ''); $('#startedAt').val(data.startedAt || '');
$('#endAt').val(data.endAt || ''); $('#endAt').val(data.endAt || '');
// 상태/이전 상태는 타임라인 게시로만 바뀐다 (직접 수정 불가) $('#state').val(data.state || 'INVESTIGATING');
$('#stateText').text(data.state ? stateLabel(data.state) : ''); $('#previousState').text(data.previousState || '없음');
$('#previousState').text(data.previousState ? stateLabel(data.previousState) : '없음');
affectedApis = (data.affectedApis || []).map(function(a){ affectedApis = (data.affectedApis || []).map(function(a){
return {apiId: a.apiId, apiName: a.apiName || ''}; return {apiId: a.apiId, apiName: a.apiName || ''};
}); });
renderAffectedApis(); renderAffectedApis();
currentIncidentId = data.incidentId || null;
currentIncidentState = data.state || null;
applyStateChangeGuard();
toggleIncidentFields(); toggleIncidentFields();
if (data.noticeType === NOTICE_TYPE_INCIDENT && currentIncidentId) {
loadTimeline();
}
if (data.fileInfo) { if (data.fileInfo) {
fileInfo = { fileInfo = {
@@ -469,25 +242,9 @@
$('#noticeType').on('change', toggleIncidentFields); $('#noticeType').on('change', toggleIncidentFields);
// 신규 등록에서 장애를 고르면 빈 본문에 한해 양식을 자동으로 채운다.
// (수정 모드나 이미 쓴 본문은 건드리지 않는다 - 덮어쓰려면 '양식 적용' 버튼)
$('#noticeType').on('change', function () {
if (!isDetail && $(this).val() === NOTICE_TYPE_INCIDENT && $('#contents').summernote('isEmpty')) {
applyTemplate(false);
}
});
$('#btn_applyTemplate').click(function () { applyTemplate(true); });
$('#btn_addAffectedApi').click(openApiPopup); $('#btn_addAffectedApi').click(openApiPopup);
$('#btn_removeAffectedApi').click(removeSelectedAffectedApis); $('#btn_removeAffectedApi').click(removeSelectedAffectedApis);
$('#timelineStateChange').on('change', function() {
var checked = $(this).is(':checked');
$('#timelineNextState').prop('disabled', !checked);
if (!checked) $('#timelineNextState').val('');
});
$('#btn_addTimeline').click(addTimeline);
$('#fileInput').change(function(e) { $('#fileInput').change(function(e) {
var file = e.target.files[0]; var file = e.target.files[0];
if (file) { if (file) {
@@ -516,11 +273,6 @@
alert('점검 종료 시각을 입력해 주십시오.'); alert('점검 종료 시각을 입력해 주십시오.');
return; return;
} }
// datetime-local 값은 'YYYY-MM-DDTHH:mm' 이라 문자열 비교로 선후가 가려진다
if ($('#endAt').val() && $('#endAt').val() < $('#startedAt').val()) {
alert('종료 시각은 시작 시각보다 빠를 수 없습니다.');
return;
}
if (affectedApis.length === 0) { if (affectedApis.length === 0) {
alert('영향 API를 1건 이상 선택해 주십시오.'); alert('영향 API를 1건 이상 선택해 주십시오.');
return; return;
@@ -530,10 +282,6 @@
if (confirm("<%= localeMessage.getString("common.checkSave")%>") != true) return; if (confirm("<%= localeMessage.getString("common.checkSave")%>") != true) return;
var formData = new FormData($("#ajaxForm")[0]); var formData = new FormData($("#ajaxForm")[0]);
// Summernote 그림 다이얼로그의 내부 파일 input(name="files")이 #ajaxForm 안에 있어
// 선택한 이미지가 지워지지 않고 남아 있으면 여기서 함께 딸려 온다.
// 본 화면은 첨부파일 기능을 쓰지 않으므로 항상 제거한다.
formData.delete("files");
formData.set("useYn", $("#useYn").is(":checked") ? "Y" : "N"); formData.set("useYn", $("#useYn").is(":checked") ? "Y" : "N");
formData.set("fixYn", $("#fixYn").is(":checked") ? "Y" : "N"); formData.set("fixYn", $("#fixYn").is(":checked") ? "Y" : "N");
formData.set("noticeDetail", $('#contents').summernote('code')); formData.set("noticeDetail", $('#contents').summernote('code'));
@@ -631,12 +379,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<th>본문 <font color="red">*</font> <th>본문 <font color="red">*</font></th>
<div class="template-row" style="display:none;margin-top:5px;">
<button type="button" class="cssbtn smallBtn" id="btn_applyTemplate" level="W" status="DETAIL,NEW"
style="min-width:0;width:90%;" title="장애 공지 양식으로 제목과 본문을 채웁니다.">양식 적용</button>
</div>
</th>
<td colspan="3"> <td colspan="3">
<textarea id="contents" name="noticeDetail" style="width:100%;height:300px" data-required data-warning="본문을 입력하여 주십시오."></textarea> <textarea id="contents" name="noticeDetail" style="width:100%;height:300px" data-required data-warning="본문을 입력하여 주십시오."></textarea>
</td> </td>
@@ -651,15 +394,21 @@
<th>종료</th> <th>종료</th>
<td> <td>
<input type="datetime-local" id="endAt" name="endAt" style="width:90%" placeholder="해소시 자동 채움"> <input type="datetime-local" id="endAt" name="endAt" style="width:90%" placeholder="해소시 자동 채움">
<div class="incident-endat-hint" style="display:none;color:#888;font-size:12px;margin-top:3px;">
※ 타임라인에서 해소·취소로 전이하면 자동 입력됩니다.
</div>
</td> </td>
</tr> </tr>
<!-- 상태/이전 상태는 타임라인 게시로만 전이한다 (직접 수정 불가) -->
<tr class="incident-row incident-state-row" style="display:none;"> <tr class="incident-row incident-state-row" style="display:none;">
<th>상태</th> <th>상태</th>
<td><span id="stateText"></span></td> <td>
<div class="select-style">
<select id="state" name="state">
<option value="INVESTIGATING">INVESTIGATING - 조사중</option>
<option value="IDENTIFIED">IDENTIFIED - 원인 파악</option>
<option value="MONITORING">MONITORING - 모니터링</option>
<option value="RESOLVED">RESOLVED - 해소</option>
<option value="CANCELED">CANCELED - 취소</option>
</select>
</div>
</td>
<th>이전 상태</th> <th>이전 상태</th>
<td><span id="previousState">없음</span></td> <td><span id="previousState">없음</span></td>
</tr> </tr>
@@ -686,61 +435,6 @@
</tr> </tr>
</table> </table>
</form> </form>
<!-- 타임라인은 [수정] 저장과 별개로 게시 즉시 반영되므로 폼 밖에 둔다 -->
<div id="timelineSection" style="display:none;margin-top:20px;">
<div class="title">타임라인</div>
<table class="table_row" cellspacing="0" style="width:100%;">
<colgroup>
<col style="width: 130px"/>
<col style="width: 80px"/>
<col style="width: 140px"/>
<col/>
<col style="width: 160px"/>
<col style="width: 80px"/>
</colgroup>
<thead>
<tr>
<th>시간</th>
<th>작성자</th>
<th>상태</th>
<th>메세지</th>
<th>개발자포탈 공개</th>
<th>삭제</th>
</tr>
</thead>
<tbody id="timelineTbody">
<tr><td colspan="6" style="text-align:center;color:#999;">등록된 타임라인이 없습니다.</td></tr>
</tbody>
</table>
<div style="margin-top:8px;display:flex;align-items:center;gap:8px;">
<label>
<input type="checkbox" id="timelineStateChange"> 상태 변경
</label>
<div class="select-style" style="width:220px;">
<select id="timelineNextState" disabled>
<option value="">(현재 상태 유지)</option>
<option value="INVESTIGATING">INVESTIGATING - 조사중</option>
<option value="IDENTIFIED">IDENTIFIED - 원인 파악</option>
<option value="MONITORING">MONITORING - 모니터링</option>
<option value="RESOLVED">RESOLVED - 해소</option>
<option value="CANCELED">CANCELED - 취소</option>
</select>
</div>
<span id="timelineResolveHint" style="color:#888;font-size:12px;">※ 해소(RESOLVED)·취소(CANCELED)로 전이하면 종료 시각이 자동 입력됩니다.</span>
<span id="timelineClosedHint" style="display:none;color:#C0392B;font-size:12px;">
※ 종결된 장애입니다. 상태 변경 불가 — 재발 시 새 장애로 등록하십시오.
</span>
</div>
<div style="margin-top:5px;display:flex;gap:5px;">
<textarea id="timelineBody" style="flex:1;height:60px;"
placeholder="타임라인 메세지 입력&#10;예 : 모니터링 5분간 정상 응답 확인 후 완료 상태 전이 예정"></textarea>
<button type="button" class="cssbtn" id="btn_addTimeline" level="W" status="DETAIL">
<i class="material-icons">send</i> 게시
</button>
</div>
</div>
</div> </div>
</div> </div>
</body> </body>
@@ -312,9 +312,7 @@ $(document).ready(function() {
<div class="content_middle" id="content_middle"> <div class="content_middle" id="content_middle">
<div class="search_wrap"> <div class="search_wrap">
<button type="button" class="cssbtn" id="btn_new" level="W"><i class="material-icons">add</i> <%= localeMessage.getString("button.new") %></button> <button type="button" class="cssbtn" id="btn_new" level="W"><i class="material-icons">add</i> <%= localeMessage.getString("button.new") %></button>
<c:if test="${hardDeleteEnabled}">
<button type="button" class="cssbtn" id="btn_delete_selected" level="W" style="background-color: #dc3545; border-color: #dc3545; color: white;"><i class="material-icons">delete_forever</i> 선택 삭제</button> <button type="button" class="cssbtn" id="btn_delete_selected" level="W" style="background-color: #dc3545; border-color: #dc3545; color: white;"><i class="material-icons">delete_forever</i> 선택 삭제</button>
</c:if>
<button type="button" class="cssbtn" id="btn_search" level="R"><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button> <button type="button" class="cssbtn" id="btn_search" level="R"><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button>
</div> </div>
<%--법인정보관리--%> <%--법인정보관리--%>
@@ -11,7 +11,7 @@
response.setHeader("Expires", "0"); response.setHeader("Expires", "0");
MonitoringContext monitoringContext = (MonitoringContext)CommonUtil.getBean(request, "monitoringContext"); MonitoringContext monitoringContext = (MonitoringContext)CommonUtil.getBean(request, "monitoringContext");
String reverseProxyUrl = monitoringContext.getStringProperty(MonitoringContext.RMS_WEBHOOK_REVERSE_PROXY_URL, ""); String reverseProxyUrl = monitoringContext.getStringProperty("djb.reverse_proxy.url", "");
%> %>
<%! <%!
public String getRequiredLabel(String label) { public String getRequiredLabel(String label) {
@@ -138,11 +138,7 @@
$("#btn_delete").hide(); $("#btn_delete").hide();
} }
$("select[name=approvalStatus]").val(portalOrgData.approvalStatus); $("#approvalStatus").val(portalOrgData.approvalStatus);
// 승인상태는 읽기전용(수정 불가) - 값은 그대로 제출되도록 disabled 대신 잠금 처리
$("select[name=approvalStatus]")
.css({'pointer-events':'none', 'background-color':'#eee'})
.attr('tabindex', '-1');
$("#compRegNo").val(formatCompanyRegNo(portalOrgData.compRegNo)); $("#compRegNo").val(formatCompanyRegNo(portalOrgData.compRegNo));
$("#corpRegNo").val(formatCorpRegNo(portalOrgData.corpRegNo)); $("#corpRegNo").val(formatCorpRegNo(portalOrgData.corpRegNo));
$("#createdDate").inputmask("9999-99-99 99:99:99", {'autoUnmask': true}); $("#createdDate").inputmask("9999-99-99 99:99:99", {'autoUnmask': true});
@@ -484,7 +480,8 @@
} }
} }
// 저장 확인/사유 입력은 유효성 검사 및 FormData 구성 후 처리 (하단 submit 분기) if (confirm("<%= localeMessage.getString("common.checkSave")%>") !== true)
return;
// FormData 생성 전에 분리된 전화번호 필드 제거 // FormData 생성 전에 분리된 전화번호 필드 제거
$("#scPhonePrefix, #scPhoneMiddle, #scPhoneLast, #orgPhonePrefix, #orgPhoneMiddle, #orgPhoneLast").removeAttr('name'); $("#scPhonePrefix, #scPhoneMiddle, #scPhoneLast, #orgPhonePrefix, #orgPhoneMiddle, #orgPhoneLast").removeAttr('name');
@@ -519,47 +516,23 @@
} }
// cmd 및 사유(auditReason) 첨부 후 전송 // cmd 파라미터 추가
function submitOrg(cmd, auditReason) { formData.append("cmd", isDetail ? "UPDATE" : "INSERT");
formData.append("cmd", cmd);
// 감사로그(AUDIT_LOG) 발화를 위한 systemCode. 법인/가입자 리포지토리는 고정 EMS 스키마라 스키마 전환 영향 없음 $.ajax({
formData.append("serviceType", "APIGW"); type : "POST",
if (auditReason) { url:url,
formData.append("auditReason", auditReason); data: formData,
processData: false,
contentType: false,
success:function(json){
alert("<%= localeMessage.getString("common.saveMsg") %>");
goNav(returnUrl);
},
error:function(e){
alert(e.responseText);
} }
});
$.ajax({
type : "POST",
url:url,
data: formData,
processData: false,
contentType: false,
success:function(json){
alert("<%= localeMessage.getString("common.saveMsg") %>");
goNav(returnUrl);
},
error:function(e){
alert(e.responseText);
}
});
}
if (isDetail) {
// 수정: 상태를 REMOVED로 바꾼 경우 삭제(cmd=DELETE)로 감사 기록 + 익명화
var targetCmd = ($("#orgStatus").val() === 'REMOVED') ? "DELETE" : "UPDATE";
var isRemove = (targetCmd === "DELETE");
showReasonPrompt(
isRemove ? "해당 법인을 삭제(탈퇴) 처리합니다. 사유를 입력해 주세요." : "법인 정보를 수정합니다. 사유를 입력해 주세요.",
{
title: isRemove ? "삭제 사유" : "수정 사유",
onConfirm: function(reason) { submitOrg(targetCmd, reason); }
}
);
} else {
// 신규 등록: 사유 불필요
if (confirm("<%= localeMessage.getString("common.checkSave")%>") !== true) return;
submitOrg("INSERT", null);
}
}); });
$("#btn_previous").click(function() { $("#btn_previous").click(function() {
@@ -568,28 +541,25 @@
$("#btn_delete").click(function(){ $("#btn_delete").click(function(){
showReasonPrompt("해당 법인을 삭제 처리합니다. 사유를 입력해 주세요.", { if(confirm("<%= localeMessage.getString("common.confirmMsg")%>")){
title: "삭제 사유", var postData = $('#ajaxForm').serializeArray();
onConfirm: function(reason) { postData.push({name: "cmd" , value:"DELETE"});
var postData = $('#ajaxForm').serializeArray();
postData.push({name: "cmd" , value:"DELETE"});
postData.push({name: "serviceType", value: "APIGW"});
postData.push({name: "auditReason", value: reason});
$.ajax({ $.ajax({
type : "POST", type : "POST",
url:url, url:url,
data:postData, data:postData,
success:function(args){ success:function(args){
alert("<%= localeMessage.getString("common.deleteMsg") %>"); alert("<%= localeMessage.getString("common.deleteMsg") %>");
goNav(returnUrl); goNav(returnUrl);
}, },
error:function(e){ error:function(e){
alert(e.responseText); alert(e.responseText);
} }
}); });
} }else{
}); return false;
}
}); });
@@ -20,7 +20,6 @@
var url = '<c:url value="/onl/apim/portalproperty/propertyMan.json" />'; var url = '<c:url value="/onl/apim/portalproperty/propertyMan.json" />';
var url_view = '<c:url value="/onl/apim/portalproperty/propertyMan.view" />'; var url_view = '<c:url value="/onl/apim/portalproperty/propertyMan.view" />';
var lastsel2; var lastsel2;
var clickedCol; //클릭한 셀의 컬럼 인덱스(포커스 이동용)
function isValid() { function isValid() {
if ($('input[name=prptyGroupName]').val() == "") { if ($('input[name=prptyGroupName]').val() == "") {
@@ -40,7 +39,7 @@
if ($('input[name=prptyName]').val() == "") { if ($('input[name=prptyName]').val() == "") {
alert("<%= localeMessage.getString("propertyDetail.checkRequired2") %>"); alert("<%= localeMessage.getString("propertyDetail.checkRequired2") %>");
return false; return false;
} else if ($('[name=prpty2Val]').val() == "") { } else if ($('input[name=prpty2Val]').val() == "") {
alert("<%= localeMessage.getString("propertyDetail.checkRequired3") %>"); alert("<%= localeMessage.getString("propertyDetail.checkRequired3") %>");
return false; return false;
} }
@@ -90,19 +89,7 @@
'설명', '설명',
'<%= localeMessage.getString("propertyDetail.delYn") %>'], '<%= localeMessage.getString("propertyDetail.delYn") %>'],
colModel: [{name: 'PRPTYNAME', width: 50, align: 'left', editable: true}, colModel: [{name: 'PRPTYNAME', width: 50, align: 'left', editable: true},
{ {name: 'PRPTY2VAL', width: 150, align: 'left', editable: true},
name: 'PRPTY2VAL',
width: 150,
align: 'left',
editable: true,
//다행(멀티라인) 값 편집 — 관련 사이트 목록처럼 줄 단위 표기하는 값 지원
edittype: 'textarea',
editoptions: {rows: 3, cols: 60},
//줄바꿈이 그리드에서도 그대로 보이도록
cellattr: function () {
return ' style="white-space:pre-line; word-break:break-all;"';
}
},
{name: 'PRPTYDESC', width: 200, align: 'left', editable: true, edittype: 'textarea', editoptions: {rows: 2}}, {name: 'PRPTYDESC', width: 200, align: 'left', editable: true, edittype: 'textarea', editoptions: {rows: 2}},
{ {
name: 'DELETEYN', name: 'DELETEYN',
@@ -116,10 +103,6 @@
}, },
loadComplete: function () { loadComplete: function () {
}, },
onCellSelect: function (rowid, iCol) {
//onSelectRow보다 먼저 발화 → 클릭한 컬럼 인덱스 저장
clickedCol = iCol;
},
onSelectRow: function (rowid, status) { onSelectRow: function (rowid, status) {
if (lastsel2 != undefined) { if (lastsel2 != undefined) {
if ($("#grid tr#" + lastsel2).attr("editable") == 1) { //editable=1 means row in edit mode if ($("#grid tr#" + lastsel2).attr("editable") == 1) { //editable=1 means row in edit mode
@@ -127,8 +110,7 @@
} }
} }
$('#grid').restoreRow(lastsel2); $('#grid').restoreRow(lastsel2);
//focusField로 클릭한 셀에 포커스(미지정 시 첫 편집 컬럼으로 감) $('#grid').editRow(rowid, true);
$('#grid').editRow(rowid, {keys: true, focusField: clickedCol});
lastsel2 = rowid; lastsel2 = rowid;
}, },
onSortCol: function () { onSortCol: function () {
@@ -277,7 +259,7 @@
} }
var data = new Object(); var data = new Object();
data["PRPTYNAME"] = $("input[name=prptyName]").val(); data["PRPTYNAME"] = $("input[name=prptyName]").val();
data["PRPTY2VAL"] = $("[name=prpty2Val]").val(); data["PRPTY2VAL"] = $("input[name=prpty2Val]").val();
data["PRPTYDESC"] = $("input[name=prptyDesc]").val(); data["PRPTYDESC"] = $("input[name=prptyDesc]").val();
var rows = $("#grid")[0].rows; var rows = $("#grid")[0].rows;
@@ -358,8 +340,7 @@
<tr> <tr>
<th><%= localeMessage.getString("propertyDetail.propertyValue") %> <th><%= localeMessage.getString("propertyDetail.propertyValue") %>
</th> </th>
<td colspan="3"><textarea name="prpty2Val" rows="3" <td colspan="3"><input type="text" name="prpty2Val"/>
style="width:100%; box-sizing:border-box; resize:vertical;"></textarea>
</td> </td>
</tr> </tr>
<tr> <tr>
@@ -347,11 +347,9 @@
<button type="button" class="cssbtn" id="btn_new" level="W"><i <button type="button" class="cssbtn" id="btn_new" level="W"><i
class="material-icons">add</i> <%= localeMessage.getString("button.new") %> class="material-icons">add</i> <%= localeMessage.getString("button.new") %>
</button> </button>
<c:if test="${hardDeleteEnabled}">
<button type="button" class="cssbtn" id="btn_delete_selected" level="W" style="background-color: #dc3545; border-color: #dc3545; color: white;"><i <button type="button" class="cssbtn" id="btn_delete_selected" level="W" style="background-color: #dc3545; border-color: #dc3545; color: white;"><i
class="material-icons">delete_forever</i> 선택 삭제 class="material-icons">delete_forever</i> 선택 삭제
</button> </button>
</c:if>
<button type="button" class="cssbtn" id="btn_search" level="R"><i <button type="button" class="cssbtn" id="btn_search" level="R"><i
class="material-icons">search</i> <%= localeMessage.getString("button.search") %> class="material-icons">search</i> <%= localeMessage.getString("button.search") %>
</button> </button>
@@ -165,10 +165,6 @@
$("#userStatus").val(data.userStatus); $("#userStatus").val(data.userStatus);
$("#roleCode").val(data.roleCode).trigger('change'); $("#roleCode").val(data.roleCode).trigger('change');
$("#approvalStatus").val(data.approvalStatus); $("#approvalStatus").val(data.approvalStatus);
// 승인상태는 읽기전용(수정 불가) - 값은 그대로 제출되도록 disabled 대신 잠금 처리
$("#approvalStatus")
.css({'pointer-events':'none', 'background-color':'#eee'})
.attr('tabindex', '-1');
// 탈퇴 상태 처리 // 탈퇴 상태 처리
if (originalUserStatus === STATUS.REMOVED) { if (originalUserStatus === STATUS.REMOVED) {
@@ -285,7 +281,7 @@
} }
const fullLoginId = id + "@" + domain; const fullLoginId = id + "@" + domain;
const emailPattern = /^[A-Za-z0-9._%+-]*@[A-Za-z0-9][-A-Za-z0-9.]+\.[A-Za-z]{2,}$/; const emailPattern = /^[A-Za-z0-9._-]*@[A-Za-z0-9][-A-Za-z0-9.]+\.[A-Za-z]{2,}$/;
if (!emailPattern.test(fullLoginId)) { if (!emailPattern.test(fullLoginId)) {
alert(fullLoginId + " 은 올바른 이메일 형식이 아닙니다."); alert(fullLoginId + " 은 올바른 이메일 형식이 아닙니다.");
return; return;
@@ -317,7 +313,7 @@
} }
function validateEmailId(input) { function validateEmailId(input) {
input.value = input.value.replace(/[^A-Za-z0-9._%+-]/g, ''); input.value = input.value.replace(/[^A-Za-z0-9._-]/g, '');
} }
function validateDomainInput(input) { function validateDomainInput(input) {
@@ -492,49 +488,29 @@
formData.push({name: 'mobileNumber', value: mobileNumber}); formData.push({name: 'mobileNumber', value: mobileNumber});
} }
// cmd 및 사유(auditReason) 첨부 후 전송 formData.push({
function submitUser(cmd, auditReason) { name: 'cmd',
formData.push({ name: 'cmd', value: cmd }); value: isDetail ? "UPDATE" : "INSERT"
// 감사로그(AUDIT_LOG) 발화를 위한 systemCode. 가입자 리포지토리는 고정 EMS 스키마라 스키마 전환 영향 없음 });
formData.push({ name: 'serviceType', value: 'APIGW' });
if (auditReason) { if (!confirm("<%= localeMessage.getString("common.checkSave")%>")) return;
formData.push({ name: 'auditReason', value: auditReason });
$.ajax({
type: "POST",
url: url,
data: formData,
success: function (json) {
if (json.status === "fail") {
alert(json.errorMsg || "저장에 실패했습니다.");
return;
}
alert("<%= localeMessage.getString("common.saveMsg") %>");
goNav(returnUrl);
},
error: function (e) {
alert(e.responseText);
} }
});
$.ajax({
type: "POST",
url: url,
data: formData,
success: function (json) {
if (json.status === "fail") {
alert(json.errorMsg || "저장에 실패했습니다.");
return;
}
alert("<%= localeMessage.getString("common.saveMsg") %>");
goNav(returnUrl);
},
error: function (e) {
alert(e.responseText);
}
});
}
if (isDetail) {
// 수정: 상태를 REMOVED로 바꾼 경우 삭제(cmd=DELETE)로 감사 기록 + 익명화
var targetCmd = ($("#userStatus").val() === 'REMOVED') ? "DELETE" : "UPDATE";
var isRemove = (targetCmd === "DELETE");
showReasonPrompt(
isRemove ? "해당 가입자를 삭제(탈퇴) 처리합니다. 사유를 입력해 주세요." : "가입자 정보를 수정합니다. 사유를 입력해 주세요.",
{
title: isRemove ? "삭제 사유" : "수정 사유",
onConfirm: function(reason) { submitUser(targetCmd, reason); }
}
);
} else {
// 신규 등록: 사유 불필요. 초기 패스워드는 비밀번호 초기화와 동일(이메일ID + subfix)
if (!confirm("가입자를 등록하시겠습니까?\n초기 패스워드는 '이메일ID${passwordInitSubfix}' 입니다.")) return;
submitUser("INSERT", null);
}
}); });
$("#btn_previous").click(function () { $("#btn_previous").click(function () {
@@ -542,32 +518,27 @@
}); });
$("#btn_delete").click(function () { $("#btn_delete").click(function () {
showReasonPrompt("해당 가입자를 삭제 처리합니다. 사유를 입력해 주세요.", { if (!confirm("<%= localeMessage.getString("common.confirmMsg")%>")) return;
title: "삭제 사유",
onConfirm: function(reason) { $.ajax({
$.ajax({ type: "POST",
type: "POST", url: url,
url: url, data: {
data: { cmd: "DELETE",
cmd: "DELETE", id: $('input[name=id]').val()
id: $('input[name=id]').val(), },
serviceType: "APIGW", success: function () {
auditReason: reason alert("<%= localeMessage.getString("common.deleteMsg") %>");
}, goNav(returnUrl);
success: function () { },
alert("<%= localeMessage.getString("common.deleteMsg") %>"); error: function (e) {
goNav(returnUrl); alert(e.responseText);
},
error: function (e) {
alert(e.responseText);
}
});
} }
}); });
}); });
$("#btn_password_reset").click(function () { $("#btn_password_reset").click(function () {
if (!confirm("패스워드를 초기화 하시겠습니까?\n초기 패스워드는 '이메일ID${passwordInitSubfix}' 입니다.")) return; if (!confirm("패스워드를 초기화 하시겠습니까?\n초기 패스워드는 '!' + 이메일ID 입니다.")) return;
$.ajax({ $.ajax({
type: "POST", type: "POST",
@@ -172,9 +172,6 @@ $(document).ready(function() {
<form id="ajaxForm"> <form id="ajaxForm">
<input type="hidden" name="id"> <input type="hidden" name="id">
<table class="table_row" cellspacing="0"> <table class="table_row" cellspacing="0">
<colgroup>
<col width="200px">
</colgroup>
<tr> <tr>
<th><%= localeMessage.getString("messageTemplate.messageCode") %> <font color="red"> *</font></th> <th><%= localeMessage.getString("messageTemplate.messageCode") %> <font color="red"> *</font></th>
<td><input type="text" name="messageCode" data-required data-warning="메세지 코드는 필수입니다"/></td> <td><input type="text" name="messageCode" data-required data-warning="메세지 코드는 필수입니다"/></td>
@@ -1,149 +0,0 @@
<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%@ page import="java.io.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<style>
.url-cell { display:inline-block; max-width:380px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
</style>
<script language="javascript">
var url = '<c:url value="/onl/apim/webhook/webhookReqMan.json" />';
var url_view = '<c:url value="/onl/apim/webhook/webhookReqMan.view" />';
function escapeHtmlJs(s) { return $('<div>').text(s == null ? '' : s).html(); }
function escapeAttr(s) { return escapeHtmlJs(s).replace(/"/g, '&quot;'); }
function formatTargetUrl(cellvalue, options, rowObject) {
var v = cellvalue || '';
return '<span class="url-cell" title="' + escapeAttr(v) + '">' + escapeHtmlJs(v) + '</span>';
}
function init() {
// 뒤로가기 등으로 이전 검색조건 파라미터가 있으면 기본값을 덮어씀
putSelectFromParam();
buildGrid();
}
function buildGrid() {
$('#grid').jqGrid({
datatype: "json",
mtype: 'POST',
url: url,
postData: getSearchForJqgrid("cmd", "LIST"),
colNames: ['id', 'No', '기관명', '리버스 프록시 경로', 'Target URL', '신청일시'],
colModel: [
{name: 'id', align: 'center', key: true, hidden: true},
{name: 'rowNum', align: 'center', width: 45, sortable: false},
{name: 'orgName', align: 'left', width: 160},
{name: 'reverseProxyPath', align: 'left', width: 160},
{name: 'targetUrl', align: 'left', width: 380, formatter: formatTargetUrl},
{name: 'createdDate', align: 'center', width: 140}
],
jsonReader: {repeatitems: false},
pager: $('#pager'),
page: '${param.page}',
rowNum: '${rmsDefaultRowNum}',
autoheight: true,
height: $("#container").height(),
autowidth: true,
viewrecords: true,
rowList: eval('[${rmsDefaultRowList}]'),
ondblClickRow: function (rowId) {
var rowData = $(this).getRowData(rowId);
var id = rowData['id'];
var url2 = url_view + '?cmd=DETAIL';
url2 += '&page=' + $(this).getGridParam("page");
url2 += '&returnUrl=' + getReturnUrl();
url2 += '&menuId=' + '${param.menuId}';
url2 += '&id=' + id;
url2 += '&' + getSearchUrl();
goNav(url2);
},
loadComplete: function () {
var page = $(this).getGridParam('page');
var rowNum = $(this).getGridParam('rowNum');
var rows = $(this).getDataIDs();
var colModel = $(this).getGridParam("colModel");
for (var i = 0; i < rows.length; i++) {
var number = ((page - 1) * rowNum + i) + 1;
$(this).setCell(rows[i], 'rowNum', number);
}
// 서버 고정 정렬(신청일시 역순) — 컬럼 정렬 비활성
for (var i = 0; i < colModel.length; i++) {
$(this).setColProp(colModel[i].name, {sortable: false});
}
},
loadError: function (jqXHR, textStatus, errorThrown) {
var location = '<%=request.getContextPath()%>/';
comloadError(jqXHR, textStatus, errorThrown, location);
}
});
resizeJqGridWidth('grid', 'content_middle', '1000');
}
$(document).ready(function () {
init();
$("#btn_search").click(function () {
var postData = getSearchForJqgrid("cmd", "LIST");
$("#grid").setGridParam({url: url, postData: postData, page: 1}).trigger("reloadGrid");
});
$("select[name^=search]").change(function () { $("#btn_search").click(); });
$("input[name^=search]").keydown(function (key) {
if (key.keyCode == 13) { $("#btn_search").click(); }
});
buttonControl();
});
</script>
</head>
<body>
<div class="right_box">
<div class="content_top">
<ul class="path"><li><a href="#">${rmsMenuPath}</a></li></ul>
</div><!-- end content_top -->
<div class="content_middle" id="content_middle">
<div class="search_wrap">
<button type="button" class="cssbtn" id="btn_search" level="R"><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button>
</div>
<div class="title">웹훅 신청내역<span class="tooltip">등록된 웹훅 신청 내역을 조회합니다.</span></div>
<form id="ajaxForm" onsubmit="return false;">
<table class="search_condition" cellspacing=0;>
<colgroup>
<col style="width:120px;"><col style="width:200px;">
<col style="width:120px;"><col style="width:200px;">
</colgroup>
<tbody>
<tr>
<th>기관명</th>
<td><input type="text" name="searchOrgName" autocomplete="off"></td>
<th>리버스 프록시 경로</th>
<td><input type="text" name="searchReverseProxyPath" autocomplete="off"></td>
</tr>
<tr>
<th>Target URL</th>
<td colspan="3"><input type="text" name="searchTargetUrl" autocomplete="off" style="width:95%;"></td>
</tr>
</tbody>
</table>
</form>
<table id="grid"></table>
<div id="pager"></div>
</div><!-- end content_middle -->
</div><!-- end right_box -->
</body>
</html>
@@ -1,154 +0,0 @@
<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%@ page import="java.io.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<style>
.sub_list { width:100%; border-collapse:collapse; }
.sub_list th, .sub_list td { border:1px solid #ebebec; padding:6px 8px; text-align:left; }
.sub_list th { background:#f7f7f8; width:60px; }
.empty-msg { color:#999; padding:6px 2px; }
</style>
<script language="javascript">
var url = '<c:url value="/onl/apim/webhook/webhookReqMan.json" />';
var url_view = '<c:url value="/onl/apim/webhook/webhookReqMan.view" />';
var key = '${param.id}';
var combo;
function escapeHtmlJs(s) { return $('<div>').text(s == null ? '' : s).html(); }
// 이벤트유형 코드 → 모니터링 공통코드(EVENT_TYPE) 코드명
function eventTypeName(code) {
if (!combo || !combo.eventTypeList) { return code; }
for (var i = 0; i < combo.eventTypeList.length; i++) {
if (combo.eventTypeList[i].CODE == code) { return combo.eventTypeList[i].NAME; }
}
return code;
}
function renderApiList(apiIds) {
var $tbody = $('#apiListBody').empty();
if (!apiIds || apiIds.length === 0) {
$tbody.append('<tr><td class="empty-msg">등록된 API가 없습니다.</td></tr>');
return;
}
for (var i = 0; i < apiIds.length; i++) {
$tbody.append('<tr><td>' + escapeHtmlJs(apiIds[i]) + '</td></tr>');
}
}
function renderEventTypes(eventTypes) {
if (!eventTypes || eventTypes.length === 0) {
$('#eventTypes').text('');
return;
}
var names = eventTypes.map(function (code) { return eventTypeName(code); });
$('#eventTypes').text(names.join(', '));
}
function detail() {
if (!key) return;
$.ajax({
type: "POST", url: url, dataType: "json",
data: {cmd: 'DETAIL', id: key},
success: function (data) {
$('#id').text(data.id != null ? data.id : '');
$('#orgName').text(data.orgName || '');
$('#reverseProxyPath').text(data.reverseProxyPath || '');
$('#targetUrl').text(data.targetUrl || '');
$('#secret').text(data.secret || '');
$('#userSecret').text(data.userSecret || '');
$('#createdDate').text(data.createdDate || '');
renderApiList(data.apiIds);
renderEventTypes(data.eventTypes);
},
error: function (e) { alert(e.responseText); }
});
}
$(document).ready(function () {
var returnUrl = getReturnUrlForReturn();
buttonControl();
$.ajax({
type: "POST", url: url, dataType: "json",
data: {cmd: 'LIST_INIT_COMBO'},
success: function (json) {
combo = json;
detail();
},
error: function (e) { alert(e.responseText); }
});
$('#btn_previous').click(function () { goNav(returnUrl); });
});
</script>
</head>
<body>
<div class="right_box">
<div class="content_top">
<ul class="path"><li><a href="#">${rmsMenuPath}</a></li></ul>
</div>
<div class="content_middle">
<div class="search_wrap">
<button type="button" class="cssbtn" id="btn_previous" level="R" status="DETAIL,NEW"><i class="material-icons">arrow_back</i> <%= localeMessage.getString("button.previous") %></button>
</div>
<div class="title" id="title">웹훅 신청내역 상세</div>
<table class="table_row" cellspacing="0">
<colgroup>
<col style="width:12%"/><col style="width:38%"/>
<col style="width:12%"/><col style="width:38%"/>
</colgroup>
<tr>
<th>신청 ID</th>
<td colspan="3"><span id="id"></span></td>
</tr>
<tr>
<th>기관명</th>
<td><span id="orgName"></span></td>
<th>신청일시</th>
<td><span id="createdDate"></span></td>
</tr>
<tr>
<th>리버스 프록시 경로</th>
<td><span id="reverseProxyPath"></span></td>
<th>Target URL</th>
<td><span id="targetUrl"></span></td>
</tr>
<tr>
<th>Secret</th>
<td colspan="3"><span id="secret"></span></td>
</tr>
<tr>
<th>User Secret</th>
<td colspan="3"><span id="userSecret"></span></td>
</tr>
<tr>
<th>신청 이벤트</th>
<td colspan="3"><span id="eventTypes"></span></td>
</tr>
</table>
<div class="title" style="margin-top:20px;">API 목록</div>
<table class="table_row">
<colgroup><col style="width:100%"/></colgroup>
<thead><tr><th style="width:100%;">API ID</th></tr></thead>
<tbody id="apiListBody"></tbody>
</table>
</div>
</div>
</body>
</html>
@@ -1,243 +0,0 @@
<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%@ page import="java.io.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<style>
.url-cell { display:inline-block; max-width:380px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
.succ-y { color:#1a73e8; font-weight:bold; }
.succ-n { color:#d93025; font-weight:bold; }
</style>
<script language="javascript">
var url = '<c:url value="/onl/apim/webhook/webhookSendLogMan.json" />';
var url_view = '<c:url value="/onl/apim/webhook/webhookSendLogMan.view" />';
var combo;
function escapeHtmlJs(s) { return $('<div>').text(s == null ? '' : s).html(); }
function escapeAttr(s) { return escapeHtmlJs(s).replace(/"/g, '&quot;'); }
function formatTargetUrl(cellvalue, options, rowObject) {
var v = cellvalue || '';
return '<span class="url-cell" title="' + escapeAttr(v) + '">' + escapeHtmlJs(v) + '</span>';
}
// 이벤트유형 코드 → 모니터링 공통코드(EVENT_TYPE) 코드명
function formatEventType(cellvalue, options, rowObject) {
if (!combo || !combo.eventTypeList) {
return escapeHtmlJs(cellvalue);
}
for (var i = 0; i < combo.eventTypeList.length; i++) {
if (combo.eventTypeList[i].CODE == cellvalue) {
return escapeHtmlJs(combo.eventTypeList[i].NAME);
}
}
return escapeHtmlJs(cellvalue);
}
function formatSuccess(cellvalue, options, rowObject) {
if (cellvalue === true) return '<span class="succ-y">성공</span>';
if (cellvalue === false) return '<span class="succ-n">실패</span>';
return '';
}
function init() {
$("#startDatepicker").datepicker().inputmask("yyyy-mm-dd",{'autoUnmask':true});
$("#endDatepicker").datepicker().inputmask("yyyy-mm-dd",{'autoUnmask':true});
var today = getToday();
$("input[name=searchStartYYYYMMDD]").val(today.substring(0,6)+"01");
$("input[name=searchEndYYYYMMDD]").val(today);
$("input[name=searchStartDate]").val(today.substring(0,6)+"01");
$("input[name=searchEndDate]").val(today);
$.ajax({
type: "POST", url: url, dataType: "json",
data: {cmd: 'LIST_INIT_COMBO'},
success: function (json) {
combo = json;
new makeOptions("CODE", "NAME").setObj($("select[name=searchEventType]"))
.setNoValueInclude(true).setNoValue("", "<%=localeMessage.getString("combo.all")%>")
.setData(json.eventTypeList).rendering();
// 뒤로가기 등으로 이전 검색조건 파라미터가 있으면 기본값을 덮어씀
putSelectFromParam();
// 콤보(이벤트유형) 로드 후 그리드 생성 — formatEventType 경합 방지
buildGrid();
},
error: function (e) { alert(e.responseText); }
});
}
function buildGrid() {
$('#grid').jqGrid({
datatype: "json",
mtype: 'POST',
url: url,
postData: getSearchForJqgrid("cmd", "LIST"),
colNames: ['id', 'No.', '기관명', '이벤트유형', 'Target URL', 'Proxy URL', 'Status', '성공여부', '재시도', '발송서버', '발송일시'],
colModel: [
{name: 'id', align: 'center', key: true, hidden: true},
{name: 'rowNum', align: 'center', width: 45, sortable: false},
{name: 'orgName', align: 'left', width: 140},
{name: 'eventType', align: 'center', width: 120, formatter: formatEventType},
{name: 'targetUrl', align: 'left', width: 300, formatter: formatTargetUrl},
{name: 'proxyUrl', align: 'left', width: 300, formatter: formatTargetUrl},
{name: 'statusCode', align: 'center', width: 60},
{name: 'success', align: 'center', width: 70, formatter: formatSuccess},
{name: 'retryCount', align: 'center', width: 60},
{name: 'sendBy', align: 'center', width: 100},
{name: 'sentAt', align: 'center', width: 140}
],
jsonReader: {repeatitems: false},
pager: $('#pager'),
page: '${param.page}',
rowNum: '${rmsDefaultRowNum}',
autoheight: true,
height: $("#container").height(),
autowidth: true,
viewrecords: true,
rowList: eval('[${rmsDefaultRowList}]'),
ondblClickRow: function (rowId) {
var rowData = $(this).getRowData(rowId);
var id = rowData['id'];
var url2 = url_view + '?cmd=DETAIL';
url2 += '&page=' + $(this).getGridParam("page");
url2 += '&returnUrl=' + getReturnUrl();
url2 += '&menuId=' + '${param.menuId}';
url2 += '&id=' + id;
url2 += '&' + getSearchUrl();
goNav(url2);
},
loadComplete: function () {
var page = $(this).getGridParam('page');
var rowNum = $(this).getGridParam('rowNum');
var rows = $(this).getDataIDs();
var colModel = $(this).getGridParam("colModel");
for (var i = 0; i < rows.length; i++) {
var number = ((page - 1) * rowNum + i) + 1;
$(this).setCell(rows[i], 'rowNum', number);
}
// 서버 고정 정렬(등록일시 역순) — 컬럼 정렬 비활성
for (var i = 0; i < colModel.length; i++) {
$(this).setColProp(colModel[i].name, {sortable: false});
}
},
loadError: function (jqXHR, textStatus, errorThrown) {
var location = '<%=request.getContextPath()%>/';
comloadError(jqXHR, textStatus, errorThrown, location);
}
});
resizeJqGridWidth('grid', 'content_middle', '1000');
}
$(document).ready(function () {
init();
$("#btn_search").click(function () {
var start = $("input[name=searchStartYYYYMMDD]").val().replace(/-/gi, "");
var end = $("input[name=searchEndYYYYMMDD]").val().replace(/-/gi, "");
if (start && start > getToday()) {
alert("시작일이 오늘 이후입니다. 시작일을 확인해주세요.");
$("input[name=searchStartYYYYMMDD]").focus();
return false;
}
if (start && end && start > end) {
alert("조회기간 종료일은 시작일보다 커야합니다.");
$("input[name=searchEndYYYYMMDD]").focus();
return false;
}
$("input[name=searchStartDate]").val(start);
$("input[name=searchEndDate]").val(end);
var postData = getSearchForJqgrid("cmd", "LIST");
$("#grid").setGridParam({url: url, postData: postData, page: 1}).trigger("reloadGrid");
});
$("select[name^=search]").change(function () { $("#btn_search").click(); });
$("input[name^=search]").keydown(function (key) {
if (key.keyCode == 13) { $("#btn_search").click(); }
});
buttonControl();
});
</script>
</head>
<body>
<div class="right_box">
<div class="content_top">
<ul class="path"><li><a href="#">${rmsMenuPath}</a></li></ul>
</div><!-- end content_top -->
<div class="content_middle" id="content_middle">
<div class="search_wrap">
<button type="button" class="cssbtn" id="btn_search" level="R"><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button>
</div>
<div class="title">웹훅 발송 로그<span class="tooltip">외부로 발송된 웹훅 이력을 조회합니다.</span></div>
<form id="ajaxForm" onsubmit="return false;">
<table class="search_condition" cellspacing=0;>
<colgroup>
<col style="width:120px;"><col style="width:200px;">
<col style="width:120px;"><col style="width:200px;">
<col style="width:120px;"><col style="width:200px;">
</colgroup>
<tbody>
<tr>
<th>기관명</th>
<td><input type="text" name="searchOrgName" autocomplete="off"></td>
<th>이벤트유형</th>
<td>
<div class="select-style">
<select name="searchEventType"></select>
</div>
</td>
<th>성공여부</th>
<td>
<div class="select-style">
<select name="searchSuccess">
<option value="">전체</option>
<option value="Y">성공</option>
<option value="N">실패</option>
</select>
</div>
</td>
</tr>
<tr>
<th>Target URL</th>
<td><input type="text" name="searchTargetUrl" autocomplete="off" style="width:95%;"></td>
<th>발송기간</th>
<td>
<input type="text" name="searchStartYYYYMMDD" id="startDatepicker" readonly="readonly" value="" size="10" style="width:100px; border:1px solid #ebebec;">
~
<input type="text" name="searchEndYYYYMMDD" value="" id="endDatepicker" size="10" readonly="readonly" style="width:100px; border:1px solid #ebebec;">
<input type="hidden" name="searchStartDate" value="">
<input type="hidden" name="searchEndDate" value="">
</td>
<th></th>
<td></td>
</tr>
</tbody>
</table>
</form>
<table id="grid"></table>
<div id="pager"></div>
</div><!-- end content_middle -->
</div><!-- end right_box -->
</body>
</html>
@@ -1,140 +0,0 @@
<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%@ page import="java.io.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<style>
.succ-y { color:#1a73e8; font-weight:bold; }
.succ-n { color:#d93025; font-weight:bold; }
.pre-wrap { white-space:pre-wrap; word-break:break-all; min-height:60px; line-height:1.5; }
</style>
<script language="javascript">
var url = '<c:url value="/onl/apim/webhook/webhookSendLogMan.json" />';
var url_view = '<c:url value="/onl/apim/webhook/webhookSendLogMan.view" />';
var key = '${param.id}';
function escapeHtmlJs(s) { return $('<div>').text(s == null ? '' : s).html(); }
function detail() {
if (!key) return;
$.ajax({
type: "POST", url: url, dataType: "json",
data: {cmd: 'DETAIL', id: key},
success: function (data) {
$('#id').text(data.id != null ? data.id : '');
$('#orgName').text(data.orgName || '');
$('#eventType').text(data.eventTypeName || data.eventType || '')
.attr('title', data.eventType || '');
$('#targetUrl').text(data.targetUrl || '');
$('#proxyUrl').text(data.proxyUrl || '');
$('#statusCode').text(data.statusCode != null ? data.statusCode : '');
$('#retryCount').text(data.retryCount != null ? data.retryCount : '');
$('#sendBy').text(data.sendBy || '');
$('#sentAt').text(data.sentAt || '');
$('#signature').text(data.signature || '');
$('#userSecret').text(data.userSecret || '');
$('#errorMessage').text(data.errorMessage || '');
$('#payload').text(data.payload || '');
$('#responseBody').text(data.responseBody || '');
if (data.success === true) {
$('#success').html('<span class="succ-y">성공</span>');
} else if (data.success === false) {
$('#success').html('<span class="succ-n">실패</span>');
} else {
$('#success').text('');
}
},
error: function (e) { alert(e.responseText); }
});
}
$(document).ready(function () {
var returnUrl = getReturnUrlForReturn();
buttonControl();
detail();
$('#btn_previous').click(function () { goNav(returnUrl); });
});
</script>
</head>
<body>
<div class="right_box">
<div class="content_top">
<ul class="path"><li><a href="#">${rmsMenuPath}</a></li></ul>
</div>
<div class="content_middle">
<div class="search_wrap">
<button type="button" class="cssbtn" id="btn_previous" level="R" status="DETAIL,NEW"><i class="material-icons">arrow_back</i> <%= localeMessage.getString("button.previous") %></button>
</div>
<div class="title" id="title">웹훅 발송 로그 상세</div>
<table class="table_row" cellspacing="0">
<colgroup>
<col style="width:12%"/><col style="width:38%"/>
<col style="width:12%"/><col style="width:38%"/>
</colgroup>
<tr>
<th>ID</th>
<td><span id="id"></span></td>
<th>기관명</th>
<td><span id="orgName"></span></td>
</tr>
<tr>
<th>이벤트유형</th>
<td><span id="eventType"></span></td>
<th>Status Code</th>
<td><span id="statusCode"></span></td>
</tr>
<tr>
<th>Target URL</th>
<td><span id="targetUrl"></span></td>
<th>Proxy URL</th>
<td><span id="proxyUrl"></span></td>
</tr>
<tr>
<th>성공여부</th>
<td><span id="success"></span></td>
<th>재시도횟수</th>
<td><span id="retryCount"></span></td>
</tr>
<tr>
<th>발송서버</th>
<td><span id="sendBy"></span></td>
<th>발송일시</th>
<td><span id="sentAt"></span></td>
</tr>
<tr>
<th>Signature</th>
<td><span id="signature"></span></td>
<th>User Secret</th>
<td><span id="userSecret"></span></td>
</tr>
<tr>
<th>Payload</th>
<td colspan="3"><div id="payload" class="pre-wrap"></div></td>
</tr>
<tr>
<th>Response Body</th>
<td colspan="3"><div id="responseBody" class="pre-wrap"></div></td>
</tr>
<tr>
<th>에러 메세지</th>
<td colspan="3"><div id="errorMessage" class="pre-wrap"></div></td>
</tr>
</table>
</div>
</div>
</body>
</html>
@@ -33,18 +33,6 @@
width: 100%; width: 100%;
height: 250px; height: 250px;
} }
/* 달력 팝업이 파이차트 가운데 숫자(z-index:10) 위로 오도록 */
#ui-datepicker-div {
z-index: 9999 !important;
}
.cssbtn.small {
height: 24px;
border-radius: 2px;
min-width: 24px;
box-shadow: none;
border-color: #ebebec;
font-size: 11px;
}
</style> </style>
<jsp:include page="/jsp/common/include/script.jsp"/> <jsp:include page="/jsp/common/include/script.jsp"/>
<script src="<c:url value="/addon/echarts/echarts.min.js"/>"></script> <script src="<c:url value="/addon/echarts/echarts.min.js"/>"></script>
@@ -70,7 +58,6 @@
// 총건수 도넛 차트 // 총건수 도넛 차트
var totalDonutOption = { var totalDonutOption = {
color: ['#5470C6', '#FAC858', '#EE6666'],
title: { title: {
text: '총 건수 분포', text: '총 건수 분포',
left: 'center', left: 'center',
@@ -79,27 +66,22 @@
}, },
tooltip: { tooltip: {
trigger: 'item', trigger: 'item',
formatter: function (params) { formatter: '{b}: {c} ({d}%)'
return params.name + ': ' + params.value.toLocaleString() + ' (' + params.percent + '%)';
}
}, },
legend: { legend: {
orient: 'vertical', orient: 'horizontal',
right: 30, bottom: 10,
top: 'middle',
data: ['성공', 'Timeout', '시스템오류'] data: ['성공', 'Timeout', '시스템오류']
}, },
series: [{ series: [{
name: '총건수', name: '총건수',
type: 'pie', type: 'pie',
radius: ['38%', '65%'], radius: ['40%', '70%'],
center: ['44%', '55%'], center: ['50%', '50%'],
avoidLabelOverlap: true, avoidLabelOverlap: true,
label: { label: {
show: true, show: true,
formatter: function (params) { formatter: '{b}: {c}'
return params.name + ': ' + params.value.toLocaleString();
}
}, },
emphasis: { emphasis: {
label: { label: {
@@ -112,10 +94,22 @@
show: true show: true
}, },
data: [ data: [
{ value: 0, name: '성공', itemStyle: { color: '#5470C6' } }, { value: 0, name: '성공', itemStyle: { color: '#91CC75' } },
{ value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } }, { value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } },
{ value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } } { value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } }
] ]
}],
graphic: [{
type: 'text',
left: 'center',
top: 'center',
style: {
text: '0',
textAlign: 'center',
fill: '#333',
fontSize: 24,
fontWeight: 'bold'
}
}] }]
}; };
@@ -125,7 +119,7 @@
// 호출량 차트 // 호출량 차트
var callOption = { var callOption = {
title: { text: '호출량 추이', left: 'center', top: 10, textStyle: { fontSize: 14 } }, title: { text: '호출량 추이', left: 'center', textStyle: { fontSize: 14 } },
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' } } axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' } }
@@ -197,9 +191,13 @@
{ value: totalTimeout, name: 'Timeout' }, { value: totalTimeout, name: 'Timeout' },
{ value: totalSystemErr, name: '시스템오류' } { value: totalSystemErr, name: '시스템오류' }
] ]
}],
graphic: [{
style: {
text: grandTotal.toLocaleString()
}
}] }]
}); });
$("#totalDonutCenterText").text(grandTotal.toLocaleString());
// 호출량 차트 업데이트 // 호출량 차트 업데이트
@@ -299,28 +297,6 @@
fetchChartData(); fetchChartData();
} }
// 조회기간을 시작일 기준 이전/다음 달의 1일~말일로 변경 후 조회 (direction: -1 이전달, 1 다음달)
function shiftMonthRange(direction) {
var v = $("input[name=searchStartDateTime]").val().replace(/-/g, "");
if (!v || v.length < 6) return;
var year = parseInt(v.substring(0, 4));
var month = parseInt(v.substring(4, 6)) - 1; // 0-based
var first = new Date(year, month + direction, 1);
var last = new Date(year, month + direction + 1, 0); // 해당 달의 말일
function pad(n) { return String(n).padStart(2, '0'); }
function fmt(d) {
return d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate());
}
$("input[name=searchStartDateTime]").val(fmt(first));
$("input[name=searchEndDateTime]").val(fmt(last));
search();
}
function exportToExcel(isSummary) { function exportToExcel(isSummary) {
var cmdType = isSummary ? 'EXCEL_EXPORT_SUMMARY' : 'EXCEL_EXPORT'; var cmdType = isSummary ? 'EXCEL_EXPORT_SUMMARY' : 'EXCEL_EXPORT';
console.log('[Excel Export] Starting... (type: ' + cmdType + ')'); console.log('[Excel Export] Starting... (type: ' + cmdType + ')');
@@ -451,13 +427,12 @@
mtype: 'POST', mtype: 'POST',
postData: gridPostData, postData: gridPostData,
colNames: [ colNames: [
'API ID', 'API명', 'API명',
'총건수', '성공', 'Timeout', '시스템오류', '총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)' '평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
], ],
colModel: [ colModel: [
{ name: 'apiName', align: 'left', width: '150', sortable: false }, { name: 'apiName', align: 'left', width: '250', sortable: false },
{ name: 'apiDesc', align: 'left', width: '250', sortable: false },
{ name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'timeoutCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'timeoutCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
@@ -480,9 +455,6 @@
for (var i = 0; i < colModel.length; i++) { for (var i = 0; i < colModel.length; i++) {
$(this).setColProp(colModel[i].name, { sortable: false }); $(this).setColProp(colModel[i].name, { sortable: false });
} }
// 조회(reloadGrid) 시 컬럼 폭이 고정폭(shrinkToFit:false)으로 남아
// 실제 컨테이너 폭과 어긋나 가로 스크롤이 생기는 것을 방지
$(this).jqGrid('setGridWidth', $('#content_middle').width(), true);
} }
}); });
} }
@@ -494,7 +466,7 @@
mtype: 'POST', mtype: 'POST',
postData: gridPostData, postData: gridPostData,
colNames: [ colNames: [
'통계시간', 'API ID', '인스턴스', '업무구분', '클라이언트ID', '통계시간', 'API', '인스턴스', '업무구분', '클라이언트ID',
'Inbound Adapter', 'Outbound Adapter', 'Inbound Adapter', 'Outbound Adapter',
'총건수', '성공', 'Timeout', '시스템오류', '총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)' '평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
@@ -529,9 +501,6 @@
for (var i = 0; i < colModel.length; i++) { for (var i = 0; i < colModel.length; i++) {
$(this).setColProp(colModel[i].name, { sortable: false }); $(this).setColProp(colModel[i].name, { sortable: false });
} }
// 조회(reloadGrid) 시 컬럼 폭이 고정폭(shrinkToFit:false)으로 남아
// 실제 컨테이너 폭과 어긋나 가로 스크롤이 생기는 것을 방지
$(this).jqGrid('setGridWidth', $('#content_middle').width(), true);
} }
}); });
} }
@@ -541,8 +510,6 @@
$("input[name=searchStartDateTime]").inputmask("9999-99-99", { 'autoUnmask': true }); $("input[name=searchStartDateTime]").inputmask("9999-99-99", { 'autoUnmask': true });
$("input[name=searchEndDateTime]").inputmask("9999-99-99", { 'autoUnmask': true }); $("input[name=searchEndDateTime]").inputmask("9999-99-99", { 'autoUnmask': true });
$("input[name=searchStartDateTime], input[name=searchEndDateTime]").datepicker();
// 기본값 설정 (어제 기준 해당 월 1일 ~ 어제) // 기본값 설정 (어제 기준 해당 월 1일 ~ 어제)
var today = getToday(); var today = getToday();
var todayStr = today.replace(/-/g, ''); var todayStr = today.replace(/-/g, '');
@@ -582,14 +549,6 @@
search(); search();
}); });
$("#btnPrevMonth").click(function() {
shiftMonthRange(-1);
});
$("#btnNextMonth").click(function() {
shiftMonthRange(1);
});
$("#btn_excel_export_summary").click(function() { $("#btn_excel_export_summary").click(function() {
exportToExcel(true); exportToExcel(true);
}); });
@@ -628,51 +587,41 @@
</button> </button>
</div> </div>
<div class="title" id="title">API 일별 통계</div> <div class="title" id="title">API 일별 통계</div>
<table class="search_condition" cellspacing="0" style="table-layout:fixed;"> <table class="search_condition" cellspacing="0">
<colgroup>
<col style="width:150px;">
<col>
<col style="width:150px;">
<col>
<col style="width:150px;">
<col>
</colgroup>
<tbody> <tbody>
<tr> <tr>
<th>조회기간</th> <th style="width:100px;">조회기간</th>
<td colspan="5"> <td colspan="5">
<input type="text" name="searchStartDateTime" value="${param.searchStartDateTime}" style="width:100px;"> <input type="text" name="searchStartDateTime" value="${param.searchStartDateTime}" style="width:100px;">
~ ~
<input type="text" name="searchEndDateTime" value="${param.searchEndDateTime}" style="width:100px;"> <input type="text" name="searchEndDateTime" value="${param.searchEndDateTime}" style="width:100px;">
<button type="button" id="btnPrevMonth" class="cssbtn small">&lt;</button>
<button type="button" id="btnNextMonth" class="cssbtn small">&gt;</button>
<span style="color:#888; font-size:12px; margin-left:10px;">(최대 31일)</span> <span style="color:#888; font-size:12px; margin-left:10px;">(최대 31일)</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<th>API ID</th> <th style="width:100px;">API</th>
<td> <td>
<input type="text" name="searchApiName" value="${param.searchApiName}"> <input type="text" name="searchApiName" value="${param.searchApiName}">
</td> </td>
<th>업무구분</th> <th style="width:100px;">업무구분</th>
<td> <td>
<input type="text" name="searchBizDivCode" value="${param.searchBizDivCode}"> <input type="text" name="searchBizDivCode" value="${param.searchBizDivCode}">
</td> </td>
<th>인스턴스</th> <th style="width:100px;">인스턴스</th>
<td> <td>
<input type="text" name="searchGwInstanceId" value="${param.searchGwInstanceId}"> <input type="text" name="searchGwInstanceId" value="${param.searchGwInstanceId}">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>클라이언트ID</th> <th style="width:100px;">클라이언트ID</th>
<td> <td>
<input type="text" name="searchClientId" value="${param.searchClientId}"> <input type="text" name="searchClientId" value="${param.searchClientId}">
</td> </td>
<th>Inbound Adapter</th> <th style="width:100px;">Inbound Adapter</th>
<td> <td>
<input type="text" name="searchInboundAdapter" value="${param.searchInboundAdapter}"> <input type="text" name="searchInboundAdapter" value="${param.searchInboundAdapter}">
</td> </td>
<th>Outbound Adapter</th> <th style="width:100px;">Outbound Adapter</th>
<td> <td>
<input type="text" name="searchOutboundAdapter" value="${param.searchOutboundAdapter}"> <input type="text" name="searchOutboundAdapter" value="${param.searchOutboundAdapter}">
</td> </td>
@@ -681,17 +630,14 @@
</table> </table>
<!-- 도넛 차트 (상단 50%씩) --> <!-- 도넛 차트 (상단 50%씩) -->
<div class="chart-container"> <div class="chart-container">
<div class="chart" style="position:relative; padding:0;"> <div id="totalDonutChart" class="chart"></div>
<div id="totalDonutChart" style="width:100%; height:100%;"></div>
<div id="totalDonutCenterText" style="position:absolute; left:44.5%; top:55%; transform:translate(-50%,-50%); font-size:24px; font-weight:bold; color:#333; pointer-events:none; z-index:10;">0</div>
</div>
<div id="callChart" class="chart"></div> <div id="callChart" class="chart"></div>
</div> </div>
<!-- 요약 그리드 --> <!-- 요약 그리드 -->
<div style="margin-top: 20px;"> <div style="margin-top: 20px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;"> <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<div class="title" style="margin: 0;">API별 요약 통계</div> <div class="title" style="margin: 0;">API별 요약 통계</div>
<button type="button" class="cssbtn" id="btn_excel_export_summary" level="R"> <button type="button" class="cssbtn" id="btn_excel_export_summary" level="R">
<i class="material-icons">file_download</i> Excel 다운로드 (요약) <i class="material-icons">file_download</i> Excel 다운로드 (요약)
</button> </button>
@@ -33,18 +33,6 @@
width: 100%; width: 100%;
height: 250px; height: 250px;
} }
/* 달력 팝업이 파이차트 가운데 숫자(z-index:10) 위로 오도록 */
#ui-datepicker-div {
z-index: 9999 !important;
}
.cssbtn.small {
height: 24px;
border-radius: 2px;
min-width: 24px;
box-shadow: none;
border-color: #ebebec;
font-size: 11px;
}
</style> </style>
<jsp:include page="/jsp/common/include/script.jsp"/> <jsp:include page="/jsp/common/include/script.jsp"/>
<script src="<c:url value="/addon/echarts/echarts.min.js"/>"></script> <script src="<c:url value="/addon/echarts/echarts.min.js"/>"></script>
@@ -52,8 +40,6 @@
var url = '<c:url value="/onl/kjb/statistics/apiStatsHourMan.json"/>'; var url = '<c:url value="/onl/kjb/statistics/apiStatsHourMan.json"/>';
var url_view = '<c:url value="/onl/kjb/statistics/apiStatsHourMan.view"/>'; var url_view = '<c:url value="/onl/kjb/statistics/apiStatsHourMan.view"/>';
var url_minute_view = '<c:url value="/onl/kjb/statistics/apiStatsMinuteMan.view"/>'; var url_minute_view = '<c:url value="/onl/kjb/statistics/apiStatsMinuteMan.view"/>';
var url_left_menu = '<c:url value="/leftMenu.do"/>';
var DASHBOARD_MENU_ID = '0305001'; // apiStatsMinuteMan(대시보드) 메뉴 ID
var totalDonutChart, callChart; var totalDonutChart, callChart;
@@ -73,7 +59,6 @@
// 총건수 도넛 차트 // 총건수 도넛 차트
var totalDonutOption = { var totalDonutOption = {
color: ['#5470C6', '#FAC858', '#EE6666'],
title: { title: {
text: '총 건수 분포', text: '총 건수 분포',
left: 'center', left: 'center',
@@ -82,27 +67,22 @@
}, },
tooltip: { tooltip: {
trigger: 'item', trigger: 'item',
formatter: function (params) { formatter: '{b}: {c} ({d}%)'
return params.name + ': ' + params.value.toLocaleString() + ' (' + params.percent + '%)';
}
}, },
legend: { legend: {
orient: 'vertical', orient: 'horizontal',
right: 30, bottom: 10,
top: 'middle',
data: ['성공', 'Timeout', '시스템오류'] data: ['성공', 'Timeout', '시스템오류']
}, },
series: [{ series: [{
name: '총건수', name: '총건수',
type: 'pie', type: 'pie',
radius: ['38%', '65%'], radius: ['40%', '70%'],
center: ['44%', '55%'], center: ['50%', '50%'],
avoidLabelOverlap: true, avoidLabelOverlap: true,
label: { label: {
show: true, show: true,
formatter: function (params) { formatter: '{b}: {c}'
return params.name + ': ' + params.value.toLocaleString();
}
}, },
emphasis: { emphasis: {
label: { label: {
@@ -115,10 +95,22 @@
show: true show: true
}, },
data: [ data: [
{ value: 0, name: '성공', itemStyle: { color: '#5470C6' } }, { value: 0, name: '성공', itemStyle: { color: '#91CC75' } },
{ value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } }, { value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } },
{ value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } } { value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } }
] ]
}],
graphic: [{
type: 'text',
left: 'center',
top: 'center',
style: {
text: '0',
textAlign: 'center',
fill: '#333',
fontSize: 24,
fontWeight: 'bold'
}
}] }]
}; };
@@ -128,7 +120,7 @@
// 호출량 차트 // 호출량 차트
var callOption = { var callOption = {
title: { text: '호출량 추이', left: 'center', top: 10, textStyle: { fontSize: 14 } }, title: { text: '호출량 추이', left: 'center', textStyle: { fontSize: 14 } },
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' } } axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' } }
@@ -164,20 +156,23 @@
var hour = parseInt(statTime.substring(8, 10)); var hour = parseInt(statTime.substring(8, 10));
var startDate = year + '-' + month + '-' + day; var startDate = year + '-' + month + '-' + day;
var hourStr = (hour < 10 ? '0' + hour : hour); var startTime = (hour < 10 ? '0' + hour : hour) + ':00';
var startTime = hourStr + ':00';
// 해당 시간대 끝(정시~59분)으로 이동 (예: 10:00~10:59) // 1시간 후 계산 (23시인 경우 다음날 00시로 자동 계산)
var endTime = hourStr + ':59'; var d = new Date(parseInt(year), parseInt(month) - 1, parseInt(day), hour, 0, 0);
d.setHours(d.getHours() + 1);
var endDate = d.getFullYear() + '-' +
(d.getMonth() + 1 < 10 ? '0' : '') + (d.getMonth() + 1) + '-' +
(d.getDate() < 10 ? '0' : '') + d.getDate();
var endTime = (d.getHours() < 10 ? '0' : '') + d.getHours() + ':00';
var params = '?searchStartDate=' + startDate + '&searchStartTime=' + startTime var params = '?searchStartDate=' + startDate + '&searchStartTime=' + startTime
+ '&searchEndDate=' + startDate + '&searchEndTime=' + endTime; + '&searchEndDate=' + endDate + '&searchEndTime=' + endTime;
params += '&menuId='+DASHBOARD_MENU_ID; params += '&menuId='+'${param.menuId}';
params += '&cmd='+'LIST'; params += '&cmd='+'LIST';
params += '&serviceType='+'APIGW'; params += '&serviceType='+'APIGW';
// 왼쪽 메뉴도 대시보드(분단위 통계) 메뉴로 전환
parent.leftFrame.location.href = url_left_menu + '?menuId=' + DASHBOARD_MENU_ID
+ '&serviceType=' + sessionStorage["serviceType"];
location.href = url_minute_view + params; location.href = url_minute_view + params;
} }
@@ -232,9 +227,13 @@
{ value: totalTimeout, name: 'Timeout' }, { value: totalTimeout, name: 'Timeout' },
{ value: totalSystemErr, name: '시스템오류' } { value: totalSystemErr, name: '시스템오류' }
] ]
}],
graphic: [{
style: {
text: grandTotal.toLocaleString()
}
}] }]
}); });
$("#totalDonutCenterText").text(grandTotal.toLocaleString());
// 호출량 차트 업데이트 // 호출량 차트 업데이트
@@ -304,25 +303,6 @@
fetchChartData(); fetchChartData();
} }
// 조회일자를 하루 이동 후 조회 (direction: -1 이전날, 1 이후날)
function shiftSearchDate(direction) {
var v = $("input[name=searchDate]").val().replace(/-/g, "");
if (!v || v.length !== 8) return;
var d = new Date(
parseInt(v.substring(0, 4)),
parseInt(v.substring(4, 6)) - 1,
parseInt(v.substring(6, 8))
);
d.setDate(d.getDate() + direction);
function pad(n) { return String(n).padStart(2, '0'); }
$("input[name=searchDate]").val(
d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate()));
search();
}
function exportToExcel(isSummary) { function exportToExcel(isSummary) {
var cmdType = isSummary ? 'EXCEL_EXPORT_SUMMARY' : 'EXCEL_EXPORT'; var cmdType = isSummary ? 'EXCEL_EXPORT_SUMMARY' : 'EXCEL_EXPORT';
console.log('[Excel Export] Starting... (type: ' + cmdType + ')'); console.log('[Excel Export] Starting... (type: ' + cmdType + ')');
@@ -449,13 +429,12 @@
mtype: 'POST', mtype: 'POST',
postData: gridPostData, postData: gridPostData,
colNames: [ colNames: [
'API ID', 'API 명', 'API명',
'총건수', '성공', 'Timeout', '시스템오류', '총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)' '평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
], ],
colModel: [ colModel: [
{ name: 'apiName', align: 'left', width: '150', sortable: false }, { name: 'apiName', align: 'left', width: '250', sortable: false },
{ name: 'apiDesc', align: 'left', width: '250', sortable: false },
{ name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'timeoutCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'timeoutCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
@@ -478,9 +457,6 @@
for (var i = 0; i < colModel.length; i++) { for (var i = 0; i < colModel.length; i++) {
$(this).setColProp(colModel[i].name, { sortable: false }); $(this).setColProp(colModel[i].name, { sortable: false });
} }
// 조회(reloadGrid) 시 컬럼 폭이 고정폭(shrinkToFit:false)으로 남아
// 실제 컨테이너 폭과 어긋나 가로 스크롤이 생기는 것을 방지
$(this).jqGrid('setGridWidth', $('#content_middle').width(), true);
} }
}); });
} }
@@ -491,8 +467,8 @@
datatype: "json", datatype: "json",
mtype: 'POST', mtype: 'POST',
postData: gridPostData, postData: gridPostData,
colNames: [ colNames: [
'통계시간', 'API ID', '인스턴스', '업무구분', '클라이언트ID', '통계시간', 'API', '인스턴스', '업무구분', '클라이언트ID',
'Inbound Adapter', 'Outbound Adapter', 'Inbound Adapter', 'Outbound Adapter',
'총건수', '성공', 'Timeout', '시스템오류', '총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)' '평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
@@ -527,9 +503,6 @@
for (var i = 0; i < colModel.length; i++) { for (var i = 0; i < colModel.length; i++) {
$(this).setColProp(colModel[i].name, { sortable: false }); $(this).setColProp(colModel[i].name, { sortable: false });
} }
// 조회(reloadGrid) 시 컬럼 폭이 고정폭(shrinkToFit:false)으로 남아
// 실제 컨테이너 폭과 어긋나 가로 스크롤이 생기는 것을 방지
$(this).jqGrid('setGridWidth', $('#content_middle').width(), true);
} }
}); });
} }
@@ -538,8 +511,6 @@
// 날짜 입력 마스크 // 날짜 입력 마스크
$("input[name=searchDate]").inputmask("9999-99-99", { 'autoUnmask': true }); $("input[name=searchDate]").inputmask("9999-99-99", { 'autoUnmask': true });
$("input[name=searchDate]").datepicker();
// 기본값 설정 (오늘) // 기본값 설정 (오늘)
var today = getToday(); var today = getToday();
if (!$("input[name=searchDate]").val()) { if (!$("input[name=searchDate]").val()) {
@@ -558,14 +529,6 @@
search(); search();
}); });
$("#btnPrevDate").click(function() {
shiftSearchDate(-1);
});
$("#btnNextDate").click(function() {
shiftSearchDate(1);
});
$("#btn_excel_export_summary").click(function() { $("#btn_excel_export_summary").click(function() {
exportToExcel(true); exportToExcel(true);
}); });
@@ -604,49 +567,41 @@
</button> </button>
</div> </div>
<div class="title" id="title">API 시간별 통계</div> <div class="title" id="title">API 시간별 통계</div>
<table class="search_condition" cellspacing="0" style="table-layout:fixed;"> <table class="search_condition" cellspacing="0">
<colgroup>
<col style="width:150px;">
<col>
<col style="width:150px;">
<col>
<col style="width:150px;">
<col>
</colgroup>
<tbody> <tbody>
<tr> <tr>
<th>조회일자</th> <th style="width:100px;">조회일자</th>
<td colspan="5"> <td colspan="3">
<input type="text" name="searchDate" value="${param.searchDate}" style="width:100px;"> <input type="text" name="searchDate" value="${param.searchDate}" style="width:100px;">
<button type="button" id="btnPrevDate" class="cssbtn small">&lt;</button>
<button type="button" id="btnNextDate" class="cssbtn small">&gt;</button>
<span style="color:#888; font-size:12px; margin-left:10px;">(선택일 00시 ~ 23시 조회)</span> <span style="color:#888; font-size:12px; margin-left:10px;">(선택일 00시 ~ 23시 조회)</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<th>API ID</th> <th style="width:100px;">API</th>
<td> <td>
<input type="text" name="searchApiName" value="${param.searchApiName}"> <input type="text" name="searchApiName" value="${param.searchApiName}">
</td> </td>
<th>업무구분</th> <th style="width:100px;">인스턴스</th>
<td>
<input type="text" name="searchBizDivCode" value="${param.searchBizDivCode}">
</td>
<th>인스턴스</th>
<td> <td>
<input type="text" name="searchGwInstanceId" value="${param.searchGwInstanceId}"> <input type="text" name="searchGwInstanceId" value="${param.searchGwInstanceId}">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>클라이언트ID</th> <th style="width:100px;">업무구분</th>
<td>
<input type="text" name="searchBizDivCode" value="${param.searchBizDivCode}">
</td>
<th style="width:100px;">클라이언트ID</th>
<td> <td>
<input type="text" name="searchClientId" value="${param.searchClientId}"> <input type="text" name="searchClientId" value="${param.searchClientId}">
</td> </td>
<th>Inbound Adapter</th> </tr>
<tr>
<th style="width:100px;">Inbound Adapter</th>
<td> <td>
<input type="text" name="searchInboundAdapter" value="${param.searchInboundAdapter}"> <input type="text" name="searchInboundAdapter" value="${param.searchInboundAdapter}">
</td> </td>
<th>Outbound Adapter</th> <th style="width:100px;">Outbound Adapter</th>
<td> <td>
<input type="text" name="searchOutboundAdapter" value="${param.searchOutboundAdapter}"> <input type="text" name="searchOutboundAdapter" value="${param.searchOutboundAdapter}">
</td> </td>
@@ -655,17 +610,14 @@
</table> </table>
<!-- 도넛 차트 (상단 50%씩) --> <!-- 도넛 차트 (상단 50%씩) -->
<div class="chart-container"> <div class="chart-container">
<div class="chart" style="position:relative; padding:0;"> <div id="totalDonutChart" class="chart"></div>
<div id="totalDonutChart" style="width:100%; height:100%;"></div>
<div id="totalDonutCenterText" style="position:absolute; left:44.5%; top:55%; transform:translate(-50%,-50%); font-size:24px; font-weight:bold; color:#333; pointer-events:none; z-index:10;">0</div>
</div>
<div id="callChart" class="chart"></div> <div id="callChart" class="chart"></div>
</div> </div>
<!-- 요약 그리드 --> <!-- 요약 그리드 -->
<div style="margin-top: 20px;"> <div style="margin-top: 20px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;"> <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<div class="title" style="margin: 0;">API별 요약 통계</div> <div class="title" style="margin: 0;">API별 요약 통계</div>
<button type="button" class="cssbtn" id="btn_excel_export_summary" level="R"> <button type="button" class="cssbtn" id="btn_excel_export_summary" level="R">
<i class="material-icons">file_download</i> Excel 다운로드 (요약) <i class="material-icons">file_download</i> Excel 다운로드 (요약)
</button> </button>
@@ -26,18 +26,6 @@
border: 1px solid #ddd; border: 1px solid #ddd;
background: #fff; background: #fff;
} }
.cssbtn.small {
height: 24px;
border-radius: 2px;
min-width: 24px;
box-shadow: none;
border-color: #ebebec;
font-size: 11px;
}
/* 달력 팝업이 파이차트 가운데 숫자(z-index:10) 위로 오도록 */
#ui-datepicker-div {
z-index: 9999 !important;
}
</style> </style>
<jsp:include page="/jsp/common/include/script.jsp"/> <jsp:include page="/jsp/common/include/script.jsp"/>
<script src="<c:url value="/addon/echarts/echarts.min.js"/>"></script> <script src="<c:url value="/addon/echarts/echarts.min.js"/>"></script>
@@ -63,9 +51,6 @@
// 총건수 도넛 차트 // 총건수 도넛 차트
var totalDonutOption = { var totalDonutOption = {
// updateCharts()에서 series[].data를 itemStyle 없이 재설정하면 조각별 itemStyle.color가
// 병합 과정에서 유실되므로, 옵션 레벨 color 팔레트(성공/Timeout/시스템오류 순)로 색을 고정한다.
color: ['#5470C6', '#FAC858', '#EE6666'],
title: { title: {
text: '총 건수 분포', text: '총 건수 분포',
left: 'center', left: 'center',
@@ -74,27 +59,22 @@
}, },
tooltip: { tooltip: {
trigger: 'item', trigger: 'item',
formatter: function (params) { formatter: '{b}: {c} ({d}%)'
return params.name + ': ' + params.value.toLocaleString() + ' (' + params.percent + '%)';
}
}, },
legend: { legend: {
orient: 'vertical', orient: 'horizontal',
right: 30, bottom: 10,
top: 'middle',
data: ['성공', 'Timeout', '시스템오류'] data: ['성공', 'Timeout', '시스템오류']
}, },
series: [{ series: [{
name: '총건수', name: '총건수',
type: 'pie', type: 'pie',
radius: ['38%', '65%'], radius: ['40%', '70%'],
center: ['44%', '55%'], center: ['50%', '50%'],
avoidLabelOverlap: true, avoidLabelOverlap: true,
label: { label: {
show: true, show: true,
formatter: function (params) { formatter: '{b}: {c}'
return params.name + ': ' + params.value.toLocaleString();
}
}, },
emphasis: { emphasis: {
label: { label: {
@@ -107,10 +87,22 @@
show: true show: true
}, },
data: [ data: [
{ value: 0, name: '성공', itemStyle: { color: '#5470C6' } }, { value: 0, name: '성공', itemStyle: { color: '#91CC75' } },
{ value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } }, { value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } },
{ value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } } { value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } }
] ]
}],
graphic: [{
type: 'text',
left: 'center',
top: 'center',
style: {
text: '0',
textAlign: 'center',
fill: '#333',
fontSize: 24,
fontWeight: 'bold'
}
}] }]
}; };
@@ -119,8 +111,8 @@
// 호출량 차트 // 호출량 차트
var callOption = { var callOption = {
title: { text: '호출량 추이', left: 'center', top: 10, textStyle: { fontSize: 14 } }, title: { text: '호출량 추이', left: 'center', textStyle: { fontSize: 14 } },
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' } } axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' } }
@@ -197,9 +189,13 @@
{ value: totalTimeout, name: 'Timeout' }, { value: totalTimeout, name: 'Timeout' },
{ value: totalSystemErr, name: '시스템오류' } { value: totalSystemErr, name: '시스템오류' }
] ]
}],
graphic: [{
style: {
text: grandTotal.toLocaleString()
}
}] }]
}); });
$("#totalDonutCenterText").text(grandTotal.toLocaleString());
// 호출량 차트 업데이트 // 호출량 차트 업데이트
@@ -218,6 +214,7 @@
function validateAndAdjustDateRange() { function validateAndAdjustDateRange() {
var startDate = $("input[name=searchStartDate]").val().replace(/-/g, ""); var startDate = $("input[name=searchStartDate]").val().replace(/-/g, "");
var startTime = $("input[name=searchStartTime]").val().replace(/:/g, ""); var startTime = $("input[name=searchStartTime]").val().replace(/:/g, "");
var endDate = $("input[name=searchEndDate]").val().replace(/-/g, "");
var endTime = $("input[name=searchEndTime]").val().replace(/:/g, ""); var endTime = $("input[name=searchEndTime]").val().replace(/:/g, "");
if (!startDate || !startTime) return null; if (!startDate || !startTime) return null;
@@ -233,43 +230,35 @@
); );
} }
// 종료일시(yyyyMMddHHmm) 포맷 헬퍼 // UI 업데이트 헬퍼
function formatDateTime(dt) { function updateEndDateTime(dt) {
return dt.getFullYear() + var d = dt.getFullYear() +
String(dt.getMonth() + 1).padStart(2, '0') + String(dt.getMonth() + 1).padStart(2, '0') +
String(dt.getDate()).padStart(2, '0') + String(dt.getDate()).padStart(2, '0');
String(dt.getHours()).padStart(2, '0') + var t = String(dt.getHours()).padStart(2, '0') +
String(dt.getMinutes()).padStart(2, '0'); String(dt.getMinutes()).padStart(2, '0');
} $("input[name=searchEndDate]").val(d.substring(0, 4) + '-' + d.substring(4, 6) + '-' + d.substring(6, 8));
$("input[name=searchEndTime]").val(t.substring(0, 2) + ':' + t.substring(2, 4));
// 종료시각 UI 업데이트 헬퍼 return d + t;
function updateEndTime(dt) {
$("input[name=searchEndTime]").val(
String(dt.getHours()).padStart(2, '0') + ':' + String(dt.getMinutes()).padStart(2, '0'));
return formatDateTime(dt);
} }
var start = parseDateTime(startDate, startTime); var start = parseDateTime(startDate, startTime);
var startDateTime = startDate + startTime; var startDateTime = startDate + startTime;
var endDateTime; var endDateTime;
if (endTime) { if (endDate && endTime) {
// 종료일은 시작일 기준. 종료시각이 시작시각보다 이르면 자정을 넘긴 것으로 보고 +1일 var end = parseDateTime(endDate, endTime);
var end = parseDateTime(startDate, endTime);
if (end < start) {
end = new Date(end.getTime() + 24 * 60 * 60 * 1000);
}
var diffMinutes = (end - start) / (1000 * 60); var diffMinutes = (end - start) / (1000 * 60);
if (diffMinutes > 60) { if (diffMinutes > 60) {
// 1시간 초과 시 시작시각 기준 1시간치(정시~59분)로 조정 // 1시간 초과 시 시작 + 1시간으로 조정
endDateTime = updateEndTime(new Date(start.getTime() + 59 * 60 * 1000)); endDateTime = updateEndDateTime(new Date(start.getTime() + 60 * 60 * 1000));
} else { } else {
endDateTime = formatDateTime(end); endDateTime = endDate + endTime;
} }
} else { } else {
// 종료시간 미입력 시 시작시각 기준 1시간치(정시~59분)로 설정 // 종료시간 미입력 시 시작 + 1시간으로 설정
endDateTime = updateEndTime(new Date(start.getTime() + 59 * 60 * 1000)); endDateTime = updateEndDateTime(new Date(start.getTime() + 60 * 60 * 1000));
} }
return { start: startDateTime, end: endDateTime }; return { start: startDateTime, end: endDateTime };
@@ -324,45 +313,6 @@
fetchChartData(range); fetchChartData(range);
} }
// 조회기간을 정시 단위 1시간 구간으로 이동 (direction: -1 이전, 1 이후)
// ex) 시작 08:35, 이전 클릭 -> 08:00~08:59, 다시 -> 07:00~07:59
// ex) 시작 08:35, 이후 클릭 -> 09:00~09:59, 다시 -> 10:00~10:59
function shiftTimeRange(direction) {
var startDate = $("input[name=searchStartDate]").val().replace(/-/g, "");
var startTime = $("input[name=searchStartTime]").val().replace(/:/g, "");
if (!startDate || !startTime) return;
var start = new Date(
parseInt(startDate.substring(0, 4)),
parseInt(startDate.substring(4, 6)) - 1,
parseInt(startDate.substring(6, 8)),
parseInt(startTime.substring(0, 2)),
parseInt(startTime.substring(2, 4))
);
if (direction < 0) {
// 분 단위가 있으면 정시로 내림, 이미 정시면 1시간 전
if (start.getMinutes() === 0) start.setHours(start.getHours() - 1);
else start.setMinutes(0);
} else {
// 분 단위가 있으면 다음 정시로 올림, 이미 정시면 1시간 후
start.setMinutes(0);
start.setHours(start.getHours() + 1);
}
// 종료시각은 같은 시간대의 59분으로 설정 (예: 10:00~10:59)
var end = new Date(start.getTime() + 59 * 60 * 1000);
function pad(n) { return String(n).padStart(2, '0'); }
$("input[name=searchStartDate]").val(
start.getFullYear() + '-' + pad(start.getMonth() + 1) + '-' + pad(start.getDate()));
$("input[name=searchStartTime]").val(pad(start.getHours()) + ':' + pad(start.getMinutes()));
$("input[name=searchEndTime]").val(pad(end.getHours()) + ':' + pad(end.getMinutes()));
search();
}
function exportToExcel(isSummary) { function exportToExcel(isSummary) {
var cmdType = isSummary ? 'EXCEL_EXPORT_SUMMARY' : 'EXCEL_EXPORT'; var cmdType = isSummary ? 'EXCEL_EXPORT_SUMMARY' : 'EXCEL_EXPORT';
console.log('[Excel Export] Starting... (type: ' + cmdType + ')'); console.log('[Excel Export] Starting... (type: ' + cmdType + ')');
@@ -378,10 +328,13 @@
serviceType: '${param.serviceType}' serviceType: '${param.serviceType}'
}; };
var range = validateAndAdjustDateRange(); var startDate = $("input[name=searchStartDate]").val().replace(/-/g, "");
if (range) { var startTime = $("input[name=searchStartTime]").val().replace(/:/g, "");
postData.searchStartDateTime = range.start; var endDate = $("input[name=searchEndDate]").val().replace(/-/g, "");
postData.searchEndDateTime = range.end; var endTime = $("input[name=searchEndTime]").val().replace(/:/g, "");
if (startDate && startTime) {
postData.searchStartDateTime = startDate + startTime;
postData.searchEndDateTime = endDate + endTime;
} }
console.log('[Excel Export] Request data:', postData); console.log('[Excel Export] Request data:', postData);
@@ -489,13 +442,12 @@
mtype: 'POST', mtype: 'POST',
postData: gridPostData, postData: gridPostData,
colNames: [ colNames: [
'API ID', 'API 명', 'API명',
'총건수', '성공', 'Timeout', '시스템오류', '총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)' '평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
], ],
colModel: [ colModel: [
{ name: 'apiName', align: 'left', width: '150', sortable: false }, { name: 'apiName', align: 'left', width: '250', sortable: false },
{ name: 'apiDesc', align: 'left', width: '250', sortable: false },
{ name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'timeoutCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'timeoutCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
@@ -518,9 +470,6 @@
for (var i = 0; i < colModel.length; i++) { for (var i = 0; i < colModel.length; i++) {
$(this).setColProp(colModel[i].name, { sortable: false }); $(this).setColProp(colModel[i].name, { sortable: false });
} }
// 조회(reloadGrid) 시 컬럼 폭이 고정폭(shrinkToFit:false)으로 남아
// 실제 컨테이너 폭과 어긋나 가로 스크롤이 생기는 것을 방지
$(this).jqGrid('setGridWidth', $('#content_middle').width(), true);
} }
}); });
} }
@@ -532,7 +481,7 @@
mtype: 'POST', mtype: 'POST',
postData: gridPostData, postData: gridPostData,
colNames: [ colNames: [
'통계시간', 'API ID', '인스턴스', '업무구분', '클라이언트ID', '통계시간', 'API', '인스턴스', '업무구분', '클라이언트ID',
'Inbound Adapter', 'Outbound Adapter', 'Inbound Adapter', 'Outbound Adapter',
'총건수', '성공', 'Timeout', '시스템오류', '총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)' '평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
@@ -567,39 +516,44 @@
for (var i = 0; i < colModel.length; i++) { for (var i = 0; i < colModel.length; i++) {
$(this).setColProp(colModel[i].name, { sortable: false }); $(this).setColProp(colModel[i].name, { sortable: false });
} }
// 조회(reloadGrid) 시 컬럼 폭이 고정폭(shrinkToFit:false)으로 남아
// 실제 컨테이너 폭과 어긋나 가로 스크롤이 생기는 것을 방지
$(this).jqGrid('setGridWidth', $('#content_middle').width(), true);
} }
}); });
} }
$(document).ready(function() { $(document).ready(function() {
// 날짜/시간 입력 마스크 // 날짜/시간 입력 마스크
$("input[name=searchStartDate]").inputmask("9999-99-99", { 'autoUnmask': true }); $("input[name=searchStartDate], input[name=searchEndDate]").inputmask("9999-99-99", { 'autoUnmask': true });
$("input[name=searchStartTime], input[name=searchEndTime]").inputmask("99:99", { 'autoUnmask': true }); $("input[name=searchStartTime], input[name=searchEndTime]").inputmask("99:99", { 'autoUnmask': true });
$("input[name=searchStartDate]").datepicker(); // 기본값 설정 (현재 시간 기준 1시간 전 정각 ~ 현재 정각)
// 기본값 설정 (현재 시간(분) 기준 59분 전 ~ 현재 시간(분))
var now = new Date(); var now = new Date();
var oneHourAgo = new Date(now.getTime() - 59 * 60 * 1000); var endHour = now.getHours();
var startHour = endHour - 1;
var startDate, endDate;
function formatDate(d) { if (startHour < 0) {
return d.getFullYear() + '-' + startHour = 23;
String(d.getMonth() + 1).padStart(2, '0') + '-' + var yesterday = new Date(now);
String(d.getDate()).padStart(2, '0'); yesterday.setDate(yesterday.getDate() - 1);
} startDate = yesterday.getFullYear() + '-' +
function formatTime(d) { String(yesterday.getMonth() + 1).padStart(2, '0') + '-' +
return String(d.getHours()).padStart(2, '0') + ':' + String(d.getMinutes()).padStart(2, '0'); String(yesterday.getDate()).padStart(2, '0');
endDate = now.getFullYear() + '-' +
String(now.getMonth() + 1).padStart(2, '0') + '-' +
String(now.getDate()).padStart(2, '0');
} else {
var today = getToday();
startDate = today;
endDate = today;
} }
if (!$("input[name=searchStartDate]").val()) { if (!$("input[name=searchStartDate]").val()) {
$("input[name=searchStartDate]").val(formatDate(oneHourAgo)); $("input[name=searchStartDate]").val(startDate);
$("input[name=searchStartTime]").val(formatTime(oneHourAgo)); $("input[name=searchStartTime]").val(String(startHour).padStart(2, '0') + ':00');
} }
if (!$("input[name=searchEndTime]").val()) { if (!$("input[name=searchEndDate]").val()) {
$("input[name=searchEndTime]").val(formatTime(now)); $("input[name=searchEndDate]").val(endDate);
$("input[name=searchEndTime]").val(String(endHour).padStart(2, '0') + ':00');
} }
initCharts(); initCharts();
@@ -614,14 +568,6 @@
search(); search();
}); });
$("#btnPrevTime").click(function() {
shiftTimeRange(-1);
});
$("#btnNextTime").click(function() {
shiftTimeRange(1);
});
$("#btn_excel_export_summary").click(function() { $("#btn_excel_export_summary").click(function() {
exportToExcel(true); exportToExcel(true);
}); });
@@ -636,8 +582,8 @@
} }
}); });
// 종료시각 변경 시 1시간 초과 검증 // 종료일/시간 변경 시 1시간 초과 검증
$("input[name=searchEndTime]").on('change blur', function() { $("input[name=searchEndDate], input[name=searchEndTime]").on('change blur', function() {
validateAndAdjustDateRange(); validateAndAdjustDateRange();
}); });
@@ -669,28 +615,20 @@
<tbody> <tbody>
<tr> <tr>
<th style="width:100px;">조회기간</th> <th style="width:100px;">조회기간</th>
<td style="width:400px"> <td colspan="3">
<input type="text" name="searchStartDate" value="${param.searchStartDate}" style="width:80px;"> <input type="text" name="searchStartDate" value="${param.searchStartDate}" style="width:100px;">
<input type="text" name="searchStartTime" value="${param.searchStartTime}" style="width:40px;"> <input type="text" name="searchStartTime" value="${param.searchStartTime}" style="width:60px;">
~ ~
<input type="text" name="searchEndTime" value="${param.searchEndTime}" style="width:40px;"> <input type="text" name="searchEndDate" value="${param.searchEndDate}" style="width:100px;">
<button type="button" id="btnPrevTime" class="cssbtn small">&lt;</button> <input type="text" name="searchEndTime" value="${param.searchEndTime}" style="width:60px;">
<button type="button" id="btnNextTime" class="cssbtn small">&gt;</button>
<span style="color:#888; font-size:12px; margin-left:10px;">(최대 1시간, 초과시 자동 조정)</span> <span style="color:#888; font-size:12px; margin-left:10px;">(최대 1시간, 초과시 자동 조정)</span>
</td> </td>
<th style="width:100px;">API ID</th>
<td style="width:400px">
<input type="text" name="searchApiName" value="${param.searchApiName}">
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<!-- 도넛 차트 (상단 50%씩) --> <!-- 도넛 차트 (상단 50%씩) -->
<div class="chart-container"> <div class="chart-container">
<div class="chart" style="position:relative; padding:0;"> <div id="totalDonutChart" class="chart"></div>
<div id="totalDonutChart" style="width:100%; height:100%;"></div>
<div id="totalDonutCenterText" style="position:absolute; left:44.5%; top:55%; transform:translate(-50%,-50%); font-size:24px; font-weight:bold; color:#333; pointer-events:none; z-index:10;">0</div>
</div>
<div id="callChart" class="chart"></div> <div id="callChart" class="chart"></div>
</div> </div>
@@ -707,17 +645,7 @@
<div id="pagerSummary"></div> <div id="pagerSummary"></div>
</div> </div>
<!-- 상세 그리드 -->
<div style="margin-top: 20px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<div class="title" style="margin: 0;">상세 통계</div>
<button type="button" class="cssbtn" id="btn_excel_export" level="R">
<i class="material-icons">file_download</i> Excel 다운로드 (상세)
</button>
</div>
<table id="grid"></table>
<div id="pager"></div>
</div>
</div> </div>
</div> </div>
</body> </body>
@@ -58,7 +58,6 @@
// 총건수 도넛 차트 // 총건수 도넛 차트
var totalDonutOption = { var totalDonutOption = {
color: ['#5470C6', '#FAC858', '#EE6666'],
title: { title: {
text: '총 건수 분포', text: '총 건수 분포',
left: 'center', left: 'center',
@@ -67,27 +66,22 @@
}, },
tooltip: { tooltip: {
trigger: 'item', trigger: 'item',
formatter: function (params) { formatter: '{b}: {c} ({d}%)'
return params.name + ': ' + params.value.toLocaleString() + ' (' + params.percent + '%)';
}
}, },
legend: { legend: {
orient: 'vertical', orient: 'horizontal',
right: 30, bottom: 10,
top: 'middle',
data: ['성공', 'Timeout', '시스템오류'] data: ['성공', 'Timeout', '시스템오류']
}, },
series: [{ series: [{
name: '총건수', name: '총건수',
type: 'pie', type: 'pie',
radius: ['38%', '65%'], radius: ['40%', '70%'],
center: ['44%', '55%'], center: ['50%', '50%'],
avoidLabelOverlap: true, avoidLabelOverlap: true,
label: { label: {
show: true, show: true,
formatter: function (params) { formatter: '{b}: {c}'
return params.name + ': ' + params.value.toLocaleString();
}
}, },
emphasis: { emphasis: {
label: { label: {
@@ -100,10 +94,22 @@
show: true show: true
}, },
data: [ data: [
{ value: 0, name: '성공', itemStyle: { color: '#5470C6' } }, { value: 0, name: '성공', itemStyle: { color: '#91CC75' } },
{ value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } }, { value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } },
{ value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } } { value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } }
] ]
}],
graphic: [{
type: 'text',
left: 'center',
top: 'center',
style: {
text: '0',
textAlign: 'center',
fill: '#333',
fontSize: 24,
fontWeight: 'bold'
}
}] }]
}; };
@@ -113,7 +119,7 @@
// 호출량 차트 // 호출량 차트
var callOption = { var callOption = {
title: { text: '호출량 추이', left: 'center', top: 10, textStyle: { fontSize: 14 } }, title: { text: '호출량 추이', left: 'center', textStyle: { fontSize: 14 } },
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' } } axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' } }
@@ -183,9 +189,13 @@
{ value: totalTimeout, name: 'Timeout' }, { value: totalTimeout, name: 'Timeout' },
{ value: totalSystemErr, name: '시스템오류' } { value: totalSystemErr, name: '시스템오류' }
] ]
}],
graphic: [{
style: {
text: grandTotal.toLocaleString()
}
}] }]
}); });
$("#totalDonutCenterText").text(grandTotal.toLocaleString());
@@ -422,13 +432,12 @@
mtype: 'POST', mtype: 'POST',
postData: gridPostData, postData: gridPostData,
colNames: [ colNames: [
'API ID', 'API 명', 'API명',
'총건수', '성공', 'Timeout', '시스템오류', '총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)' '평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
], ],
colModel: [ colModel: [
{ name: 'apiName', align: 'left', width: '150', sortable: false }, { name: 'apiName', align: 'left', width: '250', sortable: false },
{ name: 'apiDesc', align: 'left', width: '250', sortable: false },
{ name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'timeoutCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'timeoutCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
@@ -451,9 +460,6 @@
for (var i = 0; i < colModel.length; i++) { for (var i = 0; i < colModel.length; i++) {
$(this).setColProp(colModel[i].name, { sortable: false }); $(this).setColProp(colModel[i].name, { sortable: false });
} }
// 조회(reloadGrid) 시 컬럼 폭이 고정폭(shrinkToFit:false)으로 남아
// 실제 컨테이너 폭과 어긋나 가로 스크롤이 생기는 것을 방지
$(this).jqGrid('setGridWidth', $('#content_middle').width(), true);
} }
}); });
} }
@@ -465,7 +471,7 @@
mtype: 'POST', mtype: 'POST',
postData: gridPostData, postData: gridPostData,
colNames: [ colNames: [
'통계시간', 'API ID', '인스턴스', '업무구분', '클라이언트ID', '통계시간', 'API', '인스턴스', '업무구분', '클라이언트ID',
'Inbound Adapter', 'Outbound Adapter', 'Inbound Adapter', 'Outbound Adapter',
'총건수', '성공', 'Timeout', '시스템오류', '총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)' '평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
@@ -500,9 +506,6 @@
for (var i = 0; i < colModel.length; i++) { for (var i = 0; i < colModel.length; i++) {
$(this).setColProp(colModel[i].name, { sortable: false }); $(this).setColProp(colModel[i].name, { sortable: false });
} }
// 조회(reloadGrid) 시 컬럼 폭이 고정폭(shrinkToFit:false)으로 남아
// 실제 컨테이너 폭과 어긋나 가로 스크롤이 생기는 것을 방지
$(this).jqGrid('setGridWidth', $('#content_middle').width(), true);
} }
}); });
} }
@@ -512,21 +515,11 @@
$("input[name=searchStartDateTime]").inputmask("9999-99", { 'autoUnmask': true }); $("input[name=searchStartDateTime]").inputmask("9999-99", { 'autoUnmask': true });
$("input[name=searchEndDateTime]").inputmask("9999-99", { 'autoUnmask': true }); $("input[name=searchEndDateTime]").inputmask("9999-99", { 'autoUnmask': true });
// 기본값 설정: 올해 1월 ~ 지난달 (현재가 1월이면 작년 1월 ~ 작년 12월) // 기본값 설정 (최근 12월)
var today = new Date(); var today = new Date();
var startDate, endDate; var endMonth = today.getFullYear() + '-' + (today.getMonth() + 1 < 10 ? '0' : '') + (today.getMonth() + 1);
if (today.getMonth() === 0) { // 1월 var startDate = new Date(today.getFullYear(), today.getMonth() - 11, 1);
startDate = new Date(today.getFullYear() - 1, 0, 1); var startMonth = startDate.getFullYear() + '-' + (startDate.getMonth() + 1 < 10 ? '0' : '') + (startDate.getMonth() + 1);
endDate = new Date(today.getFullYear() - 1, 11, 1);
} else {
startDate = new Date(today.getFullYear(), 0, 1);
endDate = new Date(today.getFullYear(), today.getMonth() - 1, 1);
}
function toMonthStr(d) {
return d.getFullYear() + '-' + (d.getMonth() + 1 < 10 ? '0' : '') + (d.getMonth() + 1);
}
var startMonth = toMonthStr(startDate);
var endMonth = toMonthStr(endDate);
if (!$("input[name=searchStartDateTime]").val()) { if (!$("input[name=searchStartDateTime]").val()) {
$("input[name=searchStartDateTime]").val(startMonth); $("input[name=searchStartDateTime]").val(startMonth);
@@ -585,19 +578,11 @@
</button> </button>
</div> </div>
<div class="title" id="title">API 월별 통계</div> <div class="title" id="title">API 월별 통계</div>
<table class="search_condition" cellspacing="0" style="table-layout:fixed;"> <table class="search_condition" cellspacing="0">
<colgroup>
<col style="width:150px;">
<col>
<col style="width:150px;">
<col>
<col style="width:150px;">
<col>
</colgroup>
<tbody> <tbody>
<tr> <tr>
<th>조회기간</th> <th style="width:100px;">조회기간</th>
<td colspan="5"> <td colspan="3">
<input type="text" name="searchStartDateTime" value="${param.searchStartDateTime}" style="width:100px;" placeholder="YYYY-MM"> <input type="text" name="searchStartDateTime" value="${param.searchStartDateTime}" style="width:100px;" placeholder="YYYY-MM">
~ ~
<input type="text" name="searchEndDateTime" value="${param.searchEndDateTime}" style="width:100px;" placeholder="YYYY-MM"> <input type="text" name="searchEndDateTime" value="${param.searchEndDateTime}" style="width:100px;" placeholder="YYYY-MM">
@@ -605,29 +590,31 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<th>API ID</th> <th style="width:100px;">API</th>
<td> <td>
<input type="text" name="searchApiName" value="${param.searchApiName}"> <input type="text" name="searchApiName" value="${param.searchApiName}">
</td> </td>
<th>업무구분</th> <th style="width:100px;">인스턴스</th>
<td>
<input type="text" name="searchBizDivCode" value="${param.searchBizDivCode}">
</td>
<th>인스턴스</th>
<td> <td>
<input type="text" name="searchGwInstanceId" value="${param.searchGwInstanceId}"> <input type="text" name="searchGwInstanceId" value="${param.searchGwInstanceId}">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>클라이언트ID</th> <th style="width:100px;">업무구분</th>
<td>
<input type="text" name="searchBizDivCode" value="${param.searchBizDivCode}">
</td>
<th style="width:100px;">클라이언트ID</th>
<td> <td>
<input type="text" name="searchClientId" value="${param.searchClientId}"> <input type="text" name="searchClientId" value="${param.searchClientId}">
</td> </td>
<th>Inbound Adapter</th> </tr>
<tr>
<th style="width:100px;">Inbound Adapter</th>
<td> <td>
<input type="text" name="searchInboundAdapter" value="${param.searchInboundAdapter}"> <input type="text" name="searchInboundAdapter" value="${param.searchInboundAdapter}">
</td> </td>
<th>Outbound Adapter</th> <th style="width:100px;">Outbound Adapter</th>
<td> <td>
<input type="text" name="searchOutboundAdapter" value="${param.searchOutboundAdapter}"> <input type="text" name="searchOutboundAdapter" value="${param.searchOutboundAdapter}">
</td> </td>
@@ -636,18 +623,15 @@
</table> </table>
<!-- 도넛 차트 (상단 50%씩) --> <!-- 도넛 차트 (상단 50%씩) -->
<div class="chart-container"> <div class="chart-container">
<div class="chart" style="position:relative; padding:0;"> <div id="totalDonutChart" class="chart"></div>
<div id="totalDonutChart" style="width:100%; height:100%;"></div>
<div id="totalDonutCenterText" style="position:absolute; left:44.5%; top:55%; transform:translate(-50%,-50%); font-size:24px; font-weight:bold; color:#333; pointer-events:none; z-index:10;">0</div>
</div>
<div id="callChart" class="chart"></div> <div id="callChart" class="chart"></div>
</div> </div>
<!-- 요약 그리드 --> <!-- 요약 그리드 -->
<div style="margin-top: 20px;"> <div style="margin-top: 20px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;"> <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<div class="title" style="margin: 0;">API별 요약 통계</div> <div class="title" style="margin: 0;">API별 요약 통계</div>
<button type="button" class="cssbtn" id="btn_excel_export_summary" level="R"> <button type="button" class="cssbtn" id="btn_excel_export_summary" level="R">
<i class="material-icons">file_download</i> Excel 다운로드 (요약) <i class="material-icons">file_download</i> Excel 다운로드 (요약)
</button> </button>
@@ -58,7 +58,6 @@
// 총건수 도넛 차트 // 총건수 도넛 차트
var totalDonutOption = { var totalDonutOption = {
color: ['#5470C6', '#FAC858', '#EE6666'],
title: { title: {
text: '총 건수 분포', text: '총 건수 분포',
left: 'center', left: 'center',
@@ -67,27 +66,22 @@
}, },
tooltip: { tooltip: {
trigger: 'item', trigger: 'item',
formatter: function (params) { formatter: '{b}: {c} ({d}%)'
return params.name + ': ' + params.value.toLocaleString() + ' (' + params.percent + '%)';
}
}, },
legend: { legend: {
orient: 'vertical', orient: 'horizontal',
right: 30, bottom: 10,
top: 'middle',
data: ['성공', 'Timeout', '시스템오류'] data: ['성공', 'Timeout', '시스템오류']
}, },
series: [{ series: [{
name: '총건수', name: '총건수',
type: 'pie', type: 'pie',
radius: ['38%', '65%'], radius: ['40%', '70%'],
center: ['44%', '55%'], center: ['50%', '50%'],
avoidLabelOverlap: true, avoidLabelOverlap: true,
label: { label: {
show: true, show: true,
formatter: function (params) { formatter: '{b}: {c}'
return params.name + ': ' + params.value.toLocaleString();
}
}, },
emphasis: { emphasis: {
label: { label: {
@@ -100,10 +94,22 @@
show: true show: true
}, },
data: [ data: [
{ value: 0, name: '성공', itemStyle: { color: '#5470C6' } }, { value: 0, name: '성공', itemStyle: { color: '#91CC75' } },
{ value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } }, { value: 0, name: 'Timeout', itemStyle: { color: '#FAC858' } },
{ value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } } { value: 0, name: '시스템오류', itemStyle: { color: '#EE6666' } }
] ]
}],
graphic: [{
type: 'text',
left: 'center',
top: 'center',
style: {
text: '0',
textAlign: 'center',
fill: '#333',
fontSize: 24,
fontWeight: 'bold'
}
}] }]
}; };
@@ -113,7 +119,7 @@
// 호출량 차트 // 호출량 차트
var callOption = { var callOption = {
title: { text: '호출량 추이', left: 'center', top: 10, textStyle: { fontSize: 14 } }, title: { text: '호출량 추이', left: 'center', textStyle: { fontSize: 14 } },
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' } } axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' } }
@@ -185,9 +191,13 @@
{ value: totalTimeout, name: 'Timeout' }, { value: totalTimeout, name: 'Timeout' },
{ value: totalSystemErr, name: '시스템오류' } { value: totalSystemErr, name: '시스템오류' }
] ]
}],
graphic: [{
style: {
text: grandTotal.toLocaleString()
}
}] }]
}); });
$("#totalDonutCenterText").text(grandTotal.toLocaleString());
@@ -398,13 +408,12 @@
mtype: 'POST', mtype: 'POST',
postData: gridPostData, postData: gridPostData,
colNames: [ colNames: [
'API ID', 'API 명', 'API명',
'총건수', '성공', 'Timeout', '시스템오류', '총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)' '평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
], ],
colModel: [ colModel: [
{ name: 'apiName', align: 'left', width: '150', sortable: false }, { name: 'apiName', align: 'left', width: '250', sortable: false },
{ name: 'apiDesc', align: 'left', width: '250', sortable: false },
{ name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'timeoutCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'timeoutCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
@@ -427,9 +436,6 @@
for (var i = 0; i < colModel.length; i++) { for (var i = 0; i < colModel.length; i++) {
$(this).setColProp(colModel[i].name, { sortable: false }); $(this).setColProp(colModel[i].name, { sortable: false });
} }
// 조회(reloadGrid) 시 컬럼 폭이 고정폭(shrinkToFit:false)으로 남아
// 실제 컨테이너 폭과 어긋나 가로 스크롤이 생기는 것을 방지
$(this).jqGrid('setGridWidth', $('#content_middle').width(), true);
} }
}); });
} }
@@ -441,7 +447,7 @@
mtype: 'POST', mtype: 'POST',
postData: gridPostData, postData: gridPostData,
colNames: [ colNames: [
'통계시간', 'API ID', '인스턴스', '업무구분', '클라이언트ID', '통계시간', 'API', '인스턴스', '업무구분', '클라이언트ID',
'Inbound Adapter', 'Outbound Adapter', 'Inbound Adapter', 'Outbound Adapter',
'총건수', '성공', 'Timeout', '시스템오류', '총건수', '성공', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)' '평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
@@ -476,9 +482,6 @@
for (var i = 0; i < colModel.length; i++) { for (var i = 0; i < colModel.length; i++) {
$(this).setColProp(colModel[i].name, { sortable: false }); $(this).setColProp(colModel[i].name, { sortable: false });
} }
// 조회(reloadGrid) 시 컬럼 폭이 고정폭(shrinkToFit:false)으로 남아
// 실제 컨테이너 폭과 어긋나 가로 스크롤이 생기는 것을 방지
$(this).jqGrid('setGridWidth', $('#content_middle').width(), true);
} }
}); });
} }
@@ -546,48 +549,42 @@
</button> </button>
</div> </div>
<div class="title" id="title">API 연간 통계</div> <div class="title" id="title">API 연간 통계</div>
<table class="search_condition" cellspacing="0" style="table-layout:fixed;"> <table class="search_condition" cellspacing="0">
<colgroup>
<col style="width:150px;">
<col>
<col style="width:150px;">
<col>
<col style="width:150px;">
<col>
</colgroup>
<tbody> <tbody>
<tr> <tr>
<th>조회기간</th> <th style="width:100px;">조회기간</th>
<td colspan="5"> <td colspan="3">
<input type="text" name="searchStartDateTime" value="${param.searchStartDateTime}" style="width:100px;" placeholder="YYYY"> <input type="text" name="searchStartDateTime" value="${param.searchStartDateTime}" style="width:100px;" placeholder="YYYY">
~ ~
<input type="text" name="searchEndDateTime" value="${param.searchEndDateTime}" style="width:100px;" placeholder="YYYY"> <input type="text" name="searchEndDateTime" value="${param.searchEndDateTime}" style="width:100px;" placeholder="YYYY">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>API ID</th> <th style="width:100px;">API</th>
<td> <td>
<input type="text" name="searchApiName" value="${param.searchApiName}"> <input type="text" name="searchApiName" value="${param.searchApiName}">
</td> </td>
<th>업무구분</th> <th style="width:100px;">인스턴스</th>
<td>
<input type="text" name="searchBizDivCode" value="${param.searchBizDivCode}">
</td>
<th>인스턴스</th>
<td> <td>
<input type="text" name="searchGwInstanceId" value="${param.searchGwInstanceId}"> <input type="text" name="searchGwInstanceId" value="${param.searchGwInstanceId}">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>클라이언트ID</th> <th style="width:100px;">업무구분</th>
<td>
<input type="text" name="searchBizDivCode" value="${param.searchBizDivCode}">
</td>
<th style="width:100px;">클라이언트ID</th>
<td> <td>
<input type="text" name="searchClientId" value="${param.searchClientId}"> <input type="text" name="searchClientId" value="${param.searchClientId}">
</td> </td>
<th>Inbound Adapter</th> </tr>
<tr>
<th style="width:100px;">Inbound Adapter</th>
<td> <td>
<input type="text" name="searchInboundAdapter" value="${param.searchInboundAdapter}"> <input type="text" name="searchInboundAdapter" value="${param.searchInboundAdapter}">
</td> </td>
<th>Outbound Adapter</th> <th style="width:100px;">Outbound Adapter</th>
<td> <td>
<input type="text" name="searchOutboundAdapter" value="${param.searchOutboundAdapter}"> <input type="text" name="searchOutboundAdapter" value="${param.searchOutboundAdapter}">
</td> </td>
@@ -596,17 +593,14 @@
</table> </table>
<!-- 도넛 차트 (상단 50%씩) --> <!-- 도넛 차트 (상단 50%씩) -->
<div class="chart-container"> <div class="chart-container">
<div class="chart" style="position:relative; padding:0;"> <div id="totalDonutChart" class="chart"></div>
<div id="totalDonutChart" style="width:100%; height:100%;"></div>
<div id="totalDonutCenterText" style="position:absolute; left:44.5%; top:55%; transform:translate(-50%,-50%); font-size:24px; font-weight:bold; color:#333; pointer-events:none; z-index:10;">0</div>
</div>
<div id="callChart" class="chart"></div> <div id="callChart" class="chart"></div>
</div> </div>
<!-- 요약 그리드 --> <!-- 요약 그리드 -->
<div style="margin-top: 20px;"> <div style="margin-top: 20px;">
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;"> <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;">
<div class="title" style="margin: 0;">API별 요약 통계</div> <div class="title" style="margin: 0;">API별 요약 통계</div>
<button type="button" class="cssbtn" id="btn_excel_export_summary" level="R"> <button type="button" class="cssbtn" id="btn_excel_export_summary" level="R">
<i class="material-icons">file_download</i> Excel 다운로드 (요약) <i class="material-icons">file_download</i> Excel 다운로드 (요약)
</button> </button>
@@ -15,19 +15,6 @@
<jsp:include page="/jsp/common/include/css.jsp"/> <jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/> <jsp:include page="/jsp/common/include/script.jsp"/>
<script src="<c:url value="/addon/echarts/echarts.min.js"/>"></script> <script src="<c:url value="/addon/echarts/echarts.min.js"/>"></script>
<style>
#gbox_grid .ui-jqgrid-ftable tr.footrow td {
height: 26px;
}
.cssbtn.small {
height: 24px;
border-radius: 2px;
min-width: 24px;
box-shadow: none;
border-color: #ebebec;
font-size: 11px;
}
</style>
<script language="javascript"> <script language="javascript">
var url = '<c:url value="/onl/kjb/statistics/apiUseStatsMan.json"/>'; var url = '<c:url value="/onl/kjb/statistics/apiUseStatsMan.json"/>';
var url_view = '<c:url value="/onl/kjb/statistics/apiUseStatsMan.view"/>'; var url_view = '<c:url value="/onl/kjb/statistics/apiUseStatsMan.view"/>';
@@ -73,53 +60,13 @@
} }
// 조회구분(searchType)에 따라 '구분' / '구분명' 컬럼의 헤더명·폭·표시여부를 조정
function applyGridColumnsByType(type) {
var $g = $("#grid");
if (type === 'API') {
$g.jqGrid('setLabel', 'orgName', 'API ID');
$g.jqGrid('setLabel', 'apiDesc', 'API명');
$g.jqGrid('setColProp', 'orgName', { widthOrg: 150, width: 150 });
$g.jqGrid('setColProp', 'apiDesc', { widthOrg: 250, width: 250 });
$g.jqGrid('showCol', 'apiDesc');
} else {
$g.jqGrid('setLabel', 'orgName', (type === 'DATE') ? '사용일' : '제휴사');
$g.jqGrid('setColProp', 'orgName', { widthOrg: 250, width: 250 });
$g.jqGrid('hideCol', 'apiDesc');
}
$g.jqGrid('setGridWidth', $('#content_middle').width(), true);
}
function search() { function search() {
var postData = getPostData("cmd", "LIST"); var postData = getPostData("cmd", "LIST");
if (postData) { if (postData) {
applyGridColumnsByType($('input[name="searchType"]:checked').val()); $("#grid").setGridParam({ url: url, postData: postData, page: 1 }).trigger("reloadGrid");
$("#grid").setGridParam({ url: url, postData: postData }).trigger("reloadGrid");
} }
} }
// 조회기간을 시작일 기준 이전/다음 달의 1일~말일로 변경 후 조회 (direction: -1 이전달, 1 다음달)
function shiftMonthRange(direction) {
var v = $("input[name=searchStartDate]").val().replace(/-/g, "");
if (!v || v.length < 6) return;
var year = parseInt(v.substring(0, 4));
var month = parseInt(v.substring(4, 6)) - 1; // 0-based
var first = new Date(year, month + direction, 1);
var last = new Date(year, month + direction + 1, 0); // 해당 달의 말일
function pad(n) { return String(n).padStart(2, '0'); }
function fmt(d) {
return d.getFullYear() + '' + pad(d.getMonth() + 1) + pad(d.getDate());
}
$("input[name=searchStartDate]").val(fmt(first));
$("input[name=searchEndDate]").val(fmt(last));
search();
}
function exportToExcel() { function exportToExcel() {
var postData = getPostData("cmd", "EXCEL_EXPORT"); var postData = getPostData("cmd", "EXCEL_EXPORT");
@@ -234,13 +181,12 @@
mtype: 'POST', mtype: 'POST',
postData: gridPostData, postData: gridPostData,
colNames: [ colNames: [
'제휴사', 'API명', '구분',
'총건수', '성공', '성공율(%)', '실패율(%)', 'Timeout', '시스템오류', '총건수', '성공', '성공율(%)', '실패율(%)', 'Timeout', '시스템오류',
'평균응답(ms)', '최소응답(ms)', '최대응답(ms)' '평균응답(ms)', '최소응답(ms)', '최대응답(ms)'
], ],
colModel: [ colModel: [
{ name: 'orgName', align: 'left', width: '250', sortable: false }, { name: 'orgName', align: 'left', width: '250', sortable: false },
{ name: 'apiDesc', align: 'left', width: '250', sortable: false, hidden: true },
{ name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'totalCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false }, { name: 'successCnt', align: 'right', width: '80', formatter: numberFormatter, sortable: false },
{ name: 'successRate', align: 'right', width: '80', formatter: decimalFormatter, sortable: false }, { name: 'successRate', align: 'right', width: '80', formatter: decimalFormatter, sortable: false },
@@ -252,18 +198,19 @@
{ name: 'maxRespTime', align: 'right', width: '90', formatter: numberFormatter, sortable: false } { name: 'maxRespTime', align: 'right', width: '90', formatter: numberFormatter, sortable: false }
], ],
jsonReader: { repeatitems: false }, jsonReader: { repeatitems: false },
height: 500, pager: $('#pager'),
rowNum: 10000, page: '${param.page}',
rowNum: '${rmsDefaultRowNum}',
autoheight: true,
height: 'auto',
autowidth: true, autowidth: true,
footerrow: true, viewrecords: true,
userDataOnFooter: true, rowList: eval('[${rmsDefaultRowList}]'),
loadComplete: function(d) { loadComplete: function(d) {
var colModel = $(this).getGridParam("colModel"); var colModel = $(this).getGridParam("colModel");
for (var i = 0; i < colModel.length; i++) { for (var i = 0; i < colModel.length; i++) {
$(this).setColProp(colModel[i].name, { sortable: false }); $(this).setColProp(colModel[i].name, { sortable: false });
} }
$(".ui-jqgrid-ftable td").css({ "font-weight": "bold", "background-color": "#f5f5f5" });
} }
}); });
} }
@@ -274,23 +221,10 @@
$("input[name=searchStartDate], input[name=searchEndDate]").inputmask("9999-99-99", { 'autoUnmask': true }); $("input[name=searchStartDate], input[name=searchEndDate]").inputmask("9999-99-99", { 'autoUnmask': true });
$("input[name=searchStartDate], input[name=searchEndDate]").datepicker(); $("input[name=searchStartDate], input[name=searchEndDate]").datepicker();
// 기본값 설정: 이번달 1일 ~ 어제 (오늘이 1일이면 지난달 1일 ~ 지난달 말일)
var today = getToday(); var today = getToday();
var now = new Date(); var startDate = today.substring(0,6)+"01";
function toYmd(d) { var endDate = today;
var m = d.getMonth() + 1;
var day = d.getDate();
return d.getFullYear() + '' + (m < 10 ? '0' : '') + m + (day < 10 ? '0' : '') + day;
}
var startDate, endDate;
if (now.getDate() === 1) {
startDate = toYmd(new Date(now.getFullYear(), now.getMonth() - 1, 1));
endDate = toYmd(new Date(now.getFullYear(), now.getMonth(), 0));
} else {
startDate = today.substring(0,6) + "01";
endDate = toYmd(new Date(now.getFullYear(), now.getMonth(), now.getDate() - 1));
}
if (!$("input[name=searchStartDate]").val()) { if (!$("input[name=searchStartDate]").val()) {
$("input[name=searchStartDate]").val(startDate); $("input[name=searchStartDate]").val(startDate);
@@ -308,18 +242,6 @@
search(); search();
}); });
$("#btnPrevMonth").click(function() {
shiftMonthRange(-1);
});
$("#btnNextMonth").click(function() {
shiftMonthRange(1);
});
$("input[name=searchType]").click(function() {
search();
});
$("#btn_excel").click(function() { $("#btn_excel").click(function() {
exportToExcel(); exportToExcel();
}); });
@@ -358,8 +280,6 @@
<input type="text" name="searchStartDate" id="searchStartDate" value="${param.searchStartDate}" style="width:100px;"> <input type="text" name="searchStartDate" id="searchStartDate" value="${param.searchStartDate}" style="width:100px;">
~ ~
<input type="text" name="searchEndDate" id="searchEndDate" value="${param.searchEndDate}" style="width:100px;"> <input type="text" name="searchEndDate" id="searchEndDate" value="${param.searchEndDate}" style="width:100px;">
<button type="button" id="btnPrevMonth" class="cssbtn small">&lt;</button>
<button type="button" id="btnNextMonth" class="cssbtn small">&gt;</button>
<span style="color:#888; font-size:12px; margin-left:10px;">(최대 31일)</span> <span style="color:#888; font-size:12px; margin-left:10px;">(최대 31일)</span>
</td> </td>
</tr> </tr>
@@ -374,16 +294,17 @@
<td> <td>
<input type="text" name="searchOrgName" id="searchOrgName" value="${param.searchOrgName}"> <input type="text" name="searchOrgName" id="searchOrgName" value="${param.searchOrgName}">
</td> </td>
<th style="width:120px;">API ID</th> <th style="width:120px;">API</th>
<td> <td>
<input type="text" name="searchApiName" id="searchApiName" value="${param.searchApiName}"> <input type="text" name="searchApiName" id="searchApiName" value="${param.searchApiName}">
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<div> <div>
<table id="grid"></table> <table id="grid"></table>
<div id="pager"></div>
</div> </div>
@@ -1,140 +0,0 @@
<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%@ page import="java.io.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ include file="/jsp/common/include/localemessage.jsp" %>
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
%>
<html>
<head>
<title>인터페이스 배포</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<jsp:include page="/jsp/common/include/css.jsp"/>
<jsp:include page="/jsp/common/include/script.jsp"/>
<script language="javascript">
var url = '<c:url value="/onl/transaction/apim/apiInterfaceMan.json"/>';
var url_loader = '<c:url value="/loader.do"/>';
function loadList() {
$.ajax({
type: "POST",
url: url,
dataType: "json",
data: {cmd: 'LIST_DEPLOY_FILES'},
success: function (json) {
console.log('list', json)
if (json) {
$('#grid').jqGrid('clearGridData').jqGrid('setGridParam', {data: json.rows || []}).trigger('reloadGrid');
}
},
error: function (e) {
alert(e.responseText);
}
});
}
function callDeploy(filePath) {
var postData = [];
postData.push({name: "cmd", value: "interface"});
postData.push({name: "control", value: "uploadfull"});
postData.push({name: "filePath", value: filePath});
return new Promise(function (resolve, reject) {
$.ajax({
type: "POST",
url: url_loader,
data: postData,
success: function (response) {
resolve(response);
},
error: function (error) {
reject(error);
}
});
});
}
$(document).ready(function () {
$("#btn_close").click(function () {
window.close();
});
$('#grid').jqGrid({
datatype: "local",
colNames: ['업무그룹', '인터페이스', '생성일시', 'filePath'],
colModel: [
{name: 'bizCode', align: 'center', width: '80', sortable: true},
{name: 'interfaceId', align: 'left', sortable: true},
{name: 'createdDate', align: 'center', width: '130', sortable: true},
{name: 'filePath', hidden: true}
],
pager: $('#pager'),
rowNum: 20,
rowList: [10, 20, 50, 100],
autoheight: false,
height: 460,
width: 650,
autowidth: false,
viewrecords: true,
shrinkToFit: true,
multiselect: true,
multiboxonly: false
});
loadList();
$("#btn_deploy").click(async function () {
var rowIds = $('#grid').jqGrid('getGridParam', 'selarrrow');
if (rowIds.length === 0) {
alert('배포할 인터페이스를 선택하세요.');
return;
}
if (!confirm(rowIds.length + '건을 배포 하시겠습니까?')) {
return;
}
$("#btn_deploy").prop("disabled", true);
var successCount = 0;
var failedList = [];
for (var i = 0; i < rowIds.length; i++) {
var rowData = $("#grid").getRowData(rowIds[i]);
var target = rowData['bizCode'] + '/' + rowData['interfaceId'];
try {
var response = await callDeploy(rowData['filePath']);
if (response != null && response.includes('status=success')) {
successCount++;
} else {
failedList.push(target);
}
} catch (error) {
failedList.push(target);
}
}
$("#btn_deploy").prop("disabled", false);
var msg = '배포 완료 - 성공[' + successCount + ']건, 실패[' + failedList.length + ']건';
if (failedList.length > 0) {
msg += '\n실패목록 : ' + failedList.join(', ');
}
alert(msg);
});
});
</script>
</head>
<body>
<div class="popup_box">
<div class="search_wrap">
<button type="button" class="cssbtn" id="btn_deploy" level="W"><i class="material-icons">cloud_upload</i> 배포
</button>
<button type="button" class="cssbtn" id="btn_close" level="R"><i class="material-icons">cancel</i> <%= localeMessage.getString("button.close") %>
</button>
</div>
<div class="title">배포 대상 인터페이스 목록</div>
<table id="grid"></table>
<div id="pager"></div>
</div>
</body>
</html>
@@ -1,6 +1,5 @@
<%@ page language="java" contentType="text/html; charset=utf-8" %> <%@ page language="java" contentType="text/html; charset=utf-8" %>
<%@ page import="java.io.*" %> <%@ page import="java.io.*" %>
<%@ page import="com.eactive.eai.common.util.SystemUtil" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ include file="/jsp/common/include/localemessage.jsp" %> <%@ include file="/jsp/common/include/localemessage.jsp" %>
<% <%
@@ -38,13 +37,6 @@
success: function (json) { success: function (json) {
new makeOptions("BIZCODE", "BIZNAME").setObj($("select[name=searchEaiBzwkDstcd]")).setNoValueInclude(true).setNoValue("", "전체").setData(json.bizList).setFormat(codeName3OptionFormat).rendering(); new makeOptions("BIZCODE", "BIZNAME").setObj($("select[name=searchEaiBzwkDstcd]")).setNoValueInclude(true).setNoValue("", "전체").setData(json.bizList).setFormat(codeName3OptionFormat).rendering();
var apiGroupSelect = $('select[name=searchApiGroupId]').empty();
apiGroupSelect.append($('<option>').val('').text('전체'));
apiGroupSelect.append($('<option>').val('UNREGISTERED').text('미등록'));
(json.apiGroupList || []).forEach(function (group) {
apiGroupSelect.append($('<option>').val(group.id).text(group.groupName));
});
setSearchable(selectName); // 콤보에 searchable 설정 setSearchable(selectName); // 콤보에 searchable 설정
putSelectFromParam(); putSelectFromParam();
@@ -84,26 +76,6 @@
return cellvalue.substring(1, 4); return cellvalue.substring(1, 4);
} }
function apiStatusFormatter(cellvalue, options, rowObject) {
switch (cellvalue) {
case 'E': return '장애';
case 'D': return '지연';
case 'C': return '점검';
default: return '정상';
}
}
function specStatusFormatter(cellvalue, options, rowObject) {
switch (cellvalue) {
case 'PUBLISHED':
var groupNames = rowObject.publishedGroupNames || [];
var tooltip = groupNames.length ? groupNames.join('\n') : '게시된 그룹 없음';
return $('<span>').text('게시(' + groupNames.length + ')').attr('title', tooltip).css('cursor', 'help').prop('outerHTML');
case 'REGISTERED': return '등록';
default: return '';
}
}
function list() { function list() {
detail() detail()
var gridPostData = getSearchForJqgrid("cmd", "LIST"); //jqgrid에서는 object 로 var gridPostData = getSearchForJqgrid("cmd", "LIST"); //jqgrid에서는 object 로
@@ -118,8 +90,6 @@
'API FULL PATH', 'API FULL PATH',
'요청', '요청',
'응답', '응답',
'상태',
'스펙 상태',
'작성자', '작성자',
'가상응답여부', '가상응답여부',
'변경일시(*)', '변경일시(*)',
@@ -129,13 +99,11 @@
{name: 'eaiSvcName', align: 'left', width: '100', sortable: true}, {name: 'eaiSvcName', align: 'left', width: '100', sortable: true},
{name: 'eaiSvcDesc', align: 'left', sortable: false}, {name: 'eaiSvcDesc', align: 'left', sortable: false},
{name: 'apiFullPath', align: 'left', sortable: false}, {name: 'apiFullPath', align: 'left', sortable: false},
{name: 'fromAdapter', align: 'center', width: '30', formatter: adapterNameShortFormatter, sortable: false}, {name: 'fromAdapter', align: 'center', width: '40', formatter: adapterNameShortFormatter, sortable: false},
{name: 'toAdapter', align: 'center', width: '30', formatter: adapterNameShortFormatter, sortable: false}, {name: 'toAdapter', align: 'center', width: '40', formatter: adapterNameShortFormatter, sortable: false},
{name: 'statusCode', align: 'center', width: '30', formatter: apiStatusFormatter, sortable: false}, {name: 'author', align: 'center', width: '60', sortable: false},
{name: 'specStatus', align: 'center', width: '40', formatter: specStatusFormatter, sortable: false, title: false},
{name: 'author', align: 'center', width: '40', sortable: false},
{name : 'simYn', align : 'center' , width:'40', hidden: true }, {name : 'simYn', align : 'center' , width:'40', hidden: true },
{name : 'lastModifiedDate', align : 'center' , width:'60', sortable: true}, {name : 'lastModifiedDate', align : 'center' , width:'40', sortable: true},
{name: 'syncAsyncType', align: 'center', width: '40', hidden: true}, {name: 'syncAsyncType', align: 'center', width: '40', hidden: true},
], ],
jsonReader: { jsonReader: {
@@ -267,11 +235,6 @@
window.alert('이관 대상 API 성공['+successCount+']건, 실패['+failedCount+']건 서버에 다운로드 완료'); window.alert('이관 대상 API 성공['+successCount+']건, 실패['+failedCount+']건 서버에 다운로드 완료');
}); });
$("#btn_deploy").click(function(){
var url2 = '<c:url value="/onl/transaction/apim/apiInterfaceMan.view"/>?cmd=DEPLOY_POPUP';
showModal2(url2, {}, 663, 600);
});
buttonControl(); buttonControl();
// 25.11.25 파일 가져오기 할 때 중복 검사 기능추가. // 25.11.25 파일 가져오기 할 때 중복 검사 기능추가.
@@ -406,8 +369,7 @@
</div><!-- end content_top --> </div><!-- end content_top -->
<div class="content_middle" id="content_middle"> <div class="content_middle" id="content_middle">
<div class="search_wrap"> <div class="search_wrap">
<button type="button" class="cssbtn" id="btn_download" level="W" status="DETAIL"><i class="material-icons">cloud_download</i> 이관</button> <button type="button" class="cssbtn" id="btn_download" level="W" status="DETAIL"><i class="material-icons">cloud_download</i> 이관</button>
<!-- <button type="button" class="cssbtn" id="btn_deploy" level="W" status="DETAIL"><i class="material-icons">cloud_upload</i> 배포</button> -->
<button type="button" class="cssbtn" id="btn_import" level="R" data-bs-toggle="modal" <button type="button" class="cssbtn" id="btn_import" level="R" data-bs-toggle="modal"
data-bs-target="#uploadModal"><i data-bs-target="#uploadModal"><i
class="material-icons">upload</i> <%=localeMessage.getString("button.import")%> class="material-icons">upload</i> <%=localeMessage.getString("button.import")%>
@@ -423,10 +385,16 @@
<table class="search_condition" cellspacing=0;> <table class="search_condition" cellspacing=0;>
<tbody> <tbody>
<tr> <tr>
<th style="width:180px;">업무구분명</th>
<td>
<select name="searchEaiBzwkDstcd" value="${param.searchEaiBzwkDstcd}"></select>
</td>
<th style="width:180px;"><%= localeMessage.getString("eaiMessage.eaiSvcName")%></th> <th style="width:180px;"><%= localeMessage.getString("eaiMessage.eaiSvcName")%></th>
<td> <td>
<input type="text" name="searchEaiSvcName" value="${param.searchEaiSvcName}"> <input type="text" name="searchEaiSvcName" value="${param.searchEaiSvcName}">
</td> </td>
</tr>
<tr>
<th style="width:180px;"><%= localeMessage.getString("eaiMessage.eaiSvcDesc")%></th> <th style="width:180px;"><%= localeMessage.getString("eaiMessage.eaiSvcDesc")%></th>
<td> <td>
<input type="text" name="searchEaiSvcDesc" value="${param.searchEaiSvcDesc}"> <input type="text" name="searchEaiSvcDesc" value="${param.searchEaiSvcDesc}">
@@ -436,49 +404,6 @@
<input type="text" name="searchApiFullPath" value="${param.searchApiFullPath}"> <input type="text" name="searchApiFullPath" value="${param.searchApiFullPath}">
</td> </td>
</tr> </tr>
<tr>
<th style="width:180px;">업무구분명</th>
<td>
<select name="searchEaiBzwkDstcd" value="${param.searchEaiBzwkDstcd}"></select>
</td>
<th style="width:180px;">당타발 구분</th>
<td>
<select name="searchInOutType" style="width: 100%">
<option value="">전체</option>
<option value="1">당발</option>
<option value="2">타발</option>
</select>
</td>
<th style="width:180px;">상태</th>
<td>
<select name="searchStatusCode" style="width: 100%">
<option value="">전체</option>
<option value="N">정상</option>
<option value="D">지연</option>
<option value="E">장애</option>
<option value="C">점검</option>
</select>
</td>
</tr>
<tr>
<th style="width:180px;">API 스펙 상태</th>
<td>
<select name="searchSpecStatus" style="width: 100%">
<option value="">전체</option>
<option value="UNREGISTERED">미등록</option>
<option value="REGISTERED">등록</option>
<option value="PUBLISHED">게시</option>
</select>
</td>
<th style="width:180px;">API 그룹</th>
<td>
<select name="searchApiGroupId" style="width: 100%">
<option value="">전체</option>
<option value="UNREGISTERED">미등록</option>
</select>
</td>
<th></th><td></td>
</tr>
</tbody> </tbody>
</table> </table>
<div class="help-text" style="color:#666; font-size:12px; margin-top:5px;">(*) : 정렬가능항목</div> <div class="help-text" style="color:#666; font-size:12px; margin-top:5px;">(*) : 정렬가능항목</div>
@@ -513,4 +438,4 @@
</div> </div>
</div> </div>
</body> </body>
</html> </html>
@@ -77,23 +77,7 @@
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
/* iframe 모달(showModal) 콘텐츠 패딩 제거 — iframe 이 다이얼로그 폭을 최대한 사용해 내부 가로스크롤 방지 */
.ui-dialog .ui-dialog-content { padding: 0 !important; }
/* OpenAPI Spec 버튼 상태 색상 (PTL_API_SPEC_INFO 기준) */
#btn_openapi_spec.spec-exists { background:#ffe08a !important; border-color:#f0c040 !important; color:#5a4600 !important; }
#btn_openapi_spec.spec-public { background:#b8e6a0 !important; border-color:#7cc257 !important; color:#2c4a15 !important; }
/* 호버 상태 안내 레이어 */
#specStatusLayer {
position: fixed; z-index: 100000; display: none;
background: rgba(30,30,30,0.92); color: #fff;
padding: 8px 12px; border-radius: 6px;
font-size: 12px; line-height: 1.6; max-width: 340px;
white-space: pre-line; pointer-events: none;
box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
</style> </style>
<script language="javascript" > <script language="javascript" >
var isDetail = false; var isDetail = false;
@@ -101,7 +85,6 @@
const url_excel ='<c:url value="/onl/transaction/apim/apiInterfaceMan.excel" />'; const url_excel ='<c:url value="/onl/transaction/apim/apiInterfaceMan.excel" />';
var url_spec = '<c:url value="/onl/transaction/apim/apiSpecMan.view"/>'; var url_spec = '<c:url value="/onl/transaction/apim/apiSpecMan.view"/>';
var url_openapi_spec = '<c:url value="/onl/transaction/apim/djbApiSpecMan.view"/>'; var url_openapi_spec = '<c:url value="/onl/transaction/apim/djbApiSpecMan.view"/>';
var url_openapi_spec_json = '<c:url value="/onl/transaction/apim/djbApiSpecMan.json"/>';
var returnUrl ; var returnUrl ;
let headerValues = []; let headerValues = [];
let headerNames = []; let headerNames = [];
@@ -504,7 +487,6 @@
} }
if(data.errResponseTransform != null && data.errResponseTransform != '' && data.errTransformYn == 'Y') { if(data.errResponseTransform != null && data.errResponseTransform != '' && data.errTransformYn == 'Y') {
$('#toggleTransformYn').bootstrapToggle('on');
$('#toggleErrTransformYn').bootstrapToggle('on'); $('#toggleErrTransformYn').bootstrapToggle('on');
$('#rowErrResponseTransform').show(); $('#rowErrResponseTransform').show();
} else { } else {
@@ -554,8 +536,6 @@
$('#inboundHttpMethod').trigger('change'); $('#inboundHttpMethod').trigger('change');
$('#outboundHttpMethod').trigger('change'); $('#outboundHttpMethod').trigger('change');
applyOpenApiSpecStatus(); // OpenAPI Spec 버튼 색상(PTL_API_SPEC_INFO)
}, },
error:function(e){ error:function(e){
alert(e.responseText); alert(e.responseText);
@@ -646,7 +626,7 @@
const svcDesc = encodeURI(encodeURIComponent($('#eaiSvcDesc').val())); const svcDesc = encodeURI(encodeURIComponent($('#eaiSvcDesc').val()));
const cnvsnDesc = encodeURI(encodeURIComponent(transformDesc)); const cnvsnDesc = encodeURI(encodeURIComponent(transformDesc));
var args = {title:transformName+' 수정', parent: true}; var args = {title:transformName+' 수정', parent: true};
var url='<c:url value="/onl/admin/rule/transformMan.view"/>'; var url='<c:url value="/onl/admin/rule/transform2/transform2Man.view"/>';
url += '?cmd=DETAIL'; url += '?cmd=DETAIL';
url += '&cnvsnName='+transformName; url += '&cnvsnName='+transformName;
url += '&eaiSvcName='+svcName; url += '&eaiSvcName='+svcName;
@@ -793,7 +773,7 @@
function updateFirstLayout(newTransformName, transformDesc){ function updateFirstLayout(newTransformName, transformDesc){
$.ajax({ $.ajax({
type : "POST", type : "POST",
url: '<c:url value="/onl/admin/rule/transformMan.json" />', url: '<c:url value="/onl/admin/rule/transform2/transform2Man.json" />',
data: { cmd: 'UPDATE', data: { cmd: 'UPDATE',
gridData: '[]', gridData: '[]',
eaiSvcName: svcName, eaiSvcName: svcName,
@@ -824,7 +804,7 @@
}; };
$.ajax({ $.ajax({
type : "POST", type : "POST",
url: '<c:url value="/onl/admin/rule/transformMan.json" />', url: '<c:url value="/onl/admin/rule/transform2/transform2Man.json" />',
data: { cmd: 'INSERT', data: { cmd: 'INSERT',
gridData: '[]', gridData: '[]',
cnvsnType, cnvsnType,
@@ -1031,46 +1011,10 @@
window.open(urlAddServiceType(baseUrl + '&menuId=' + encodeURIComponent(getMenuId())), '_blank'); window.open(urlAddServiceType(baseUrl + '&menuId=' + encodeURIComponent(getMenuId())), '_blank');
} else { } else {
// 기본: 모달 + iframe. showModal 이 serviceType/menuId/pop 을 자동 부착. // 기본: 모달 + iframe. showModal 이 serviceType/menuId/pop 을 자동 부착.
// 콘텐츠 고정폭 1600 + 다이얼로그 chrome(패딩/보더 ~40px) 때문에 iframe 내부폭이 1600 미만이면 가로스크롤 발생. showModal(baseUrl, { title: 'OpenAPI Spec' }, 1600, 880);
// 뷰포트 내에서 최대한 크게 열어(캡 1720) iframe 내부폭이 1600 이상 확보되게 한다.
var vw = $(window).width(), vh = $(window).height();
var modalW = Math.min(vw - 12, 1720);
var modalH = Math.min(vh - 20, 900);
// 스펙 편집 모달 닫힘 시 버튼 색상 재조회(공개여부/등록여부 변경 반영)
showModal(baseUrl, { title: 'OpenAPI Spec' }, modalW, modalH, function(){ applyOpenApiSpecStatus(); });
} }
} }
// OpenAPI Spec 버튼 색상 = PTL_API_SPEC_INFO(api_id = getFullSvcName()) 상태.
// - 미등록: 기본색 - 등록·비공개(display_yn≠Y): 노랑 - 등록·공개(display_yn=Y): 하늘
function applyOpenApiSpecStatus() {
var $btn = $('#btn_openapi_spec');
$btn.removeClass('spec-exists spec-public').data('specMsg', '');
var eaiSvcName = getFullSvcName();
if (!eaiSvcName || eaiSvcName.length < 2) return;
$.ajax({
type: 'POST',
url: url_openapi_spec_json,
dataType: 'json',
data: { cmd: 'SPEC_STATUS', eaiSvcName: eaiSvcName },
success: function(res) {
var exists = res && (res.exists === true || res.exists === 'true');
var isPublic = res && (res.displayYn === 'Y');
var msg;
if (!exists) {
msg = 'OpenAPI Spec 미등록\n버튼을 눌러 스펙을 생성/편집하세요.';
} else if (isPublic) {
$btn.addClass('spec-public');
msg = 'OpenAPI Spec 등록됨 · 포탈 공개중 (display_yn = Y)\n포탈 메인/문서에 노출됩니다.';
} else {
$btn.addClass('spec-exists');
msg = 'OpenAPI Spec 등록됨 · 비공개 (display_yn ≠ Y)\n포탈에는 노출되지 않습니다.';
}
$btn.data('specMsg', msg);
}
});
}
$(document).ready(function() { $(document).ready(function() {
makeValidate(); makeValidate();
// var bootstrapButton = $.fn.button.noConflict() // var bootstrapButton = $.fn.button.noConflict()
@@ -1094,23 +1038,6 @@
showOpenApiSpecPopup(e); showOpenApiSpecPopup(e);
}); });
// OpenAPI Spec 버튼 호버 시 현재 상태 안내 레이어
if ($('#specStatusLayer').length === 0) {
$('body').append('<div id="specStatusLayer"></div>');
}
$("#btn_openapi_spec")
.on('mouseenter', function() {
var msg = $(this).data('specMsg');
if (!msg) return;
$('#specStatusLayer').text(msg).css('display', 'block');
})
.on('mousemove', function(e) {
$('#specStatusLayer').css({ left: (e.clientX + 14) + 'px', top: (e.clientY + 16) + 'px' });
})
.on('mouseleave', function() {
$('#specStatusLayer').hide();
});
$("#btn_modify").click(modifyApi); $("#btn_modify").click(modifyApi);
$("#btn_delete").click(function(){ $("#btn_delete").click(function(){
if(!confirm("삭제하시겠습니까?")){ if(!confirm("삭제하시겠습니까?")){
@@ -1608,12 +1535,10 @@
<button type="button" class="cssbtn" id="btn_json_export" level="R" status="DETAIL,NEW"><i class="material-icons">download</i> <%=localeMessage.getString("button.exportJson")%></button></button> <button type="button" class="cssbtn" id="btn_json_export" level="R" status="DETAIL,NEW"><i class="material-icons">download</i> <%=localeMessage.getString("button.exportJson")%></button></button>
<button type="button" class="cssbtn" id="btn_delete" level="W" status="DETAIL"><i class="material-icons">delete</i> <%= localeMessage.getString("button.delete") %></button> <button type="button" class="cssbtn" id="btn_delete" level="W" status="DETAIL"><i class="material-icons">delete</i> <%= localeMessage.getString("button.delete") %></button>
<button type="button" class="cssbtn" id="btn_modify" level="R" status="DETAIL,NEW"><i class="material-icons">save</i> <%= localeMessage.getString("button.modify") %></button> <button type="button" class="cssbtn" id="btn_modify" level="R" status="DETAIL,NEW"><i class="material-icons">save</i> <%= localeMessage.getString("button.modify") %></button>
<%-- v1: 기존 API 스펙 (모달). PTL_PROPERTY(Portal / djb.apispec.v1.enabled) 로 노출 제어. --%> <!-- v1: 기존 API 스펙 (모달) — 기능 비교용 복원 -->
<c:if test="${apiSpecV1Enabled}"> <button type="button" class="cssbtn" id="btn_api_spec" level="R" status="DETAIL,NEW"><i class="material-icons">description</i> API 스펙</button>
<button type="button" class="cssbtn" id="btn_api_spec" level="R" status="DETAIL"><i class="material-icons">description</i> API 스펙</button>
</c:if>
<!-- v2: 신규 OpenAPI Spec (새 탭) --> <!-- v2: 신규 OpenAPI Spec (새 탭) -->
<button type="button" class="cssbtn" id="btn_openapi_spec" level="R" status="DETAIL"><i class="material-icons">api</i> OpenAPI Spec</button> <button type="button" class="cssbtn" id="btn_openapi_spec" level="R" status="DETAIL,NEW"><i class="material-icons">api</i> OpenAPI Spec</button>
<button type="button" class="cssbtn" id="btn_previous" level="R" status="DETAIL,NEW"><i class="material-icons">arrow_back</i> <%= localeMessage.getString("button.previous") %></button> <button type="button" class="cssbtn" id="btn_previous" level="R" status="DETAIL,NEW"><i class="material-icons">arrow_back</i> <%= localeMessage.getString("button.previous") %></button>
</div> </div>
<div class="title" id="title" style="font-size:1.4em">${rmsMenuName}</div> <div class="title" id="title" style="font-size:1.4em">${rmsMenuName}</div>
@@ -67,9 +67,6 @@
saveUrl: "<c:url value='/onl/transaction/apim/djbApiSpecMan.json'/>?cmd=SAVE&serviceType=APIGW", saveUrl: "<c:url value='/onl/transaction/apim/djbApiSpecMan.json'/>?cmd=SAVE&serviceType=APIGW",
swaggerBase: "<c:url value='/plugins/swaggerUI/'/>", swaggerBase: "<c:url value='/plugins/swaggerUI/'/>",
gwAddress: "${gwAddress}", gwAddress: "${gwAddress}",
useProxy: ${useProxy},
tokenUseProxy: ${tokenUseProxy},
exportEnabled: ${exportEnabled},
orgPopupUrl: "<c:url value='/onl/transaction/apim/apiSpecMan.view'/>", orgPopupUrl: "<c:url value='/onl/transaction/apim/apiSpecMan.view'/>",
groupPopupUrl: "<c:url value='/onl/transaction/apim/djbApiSpecMan.view'/>?cmd=GROUP_POPUP", groupPopupUrl: "<c:url value='/onl/transaction/apim/djbApiSpecMan.view'/>?cmd=GROUP_POPUP",
jsonUrl: "<c:url value='/onl/transaction/apim/djbApiSpecMan.json'/>" jsonUrl: "<c:url value='/onl/transaction/apim/djbApiSpecMan.json'/>"
@@ -94,8 +91,6 @@
<button id="btn-newwin" class="hidden px-3 py-1.5 text-sm rounded border border-slate-300 bg-white hover:bg-slate-50">새창으로 띄우기</button> <button id="btn-newwin" class="hidden px-3 py-1.5 text-sm rounded border border-slate-300 bg-white hover:bg-slate-50">새창으로 띄우기</button>
<button id="btn-regen" class="px-3 py-1.5 text-sm rounded border border-slate-300 bg-white hover:bg-slate-50">자동 생성(초기화)</button> <button id="btn-regen" class="px-3 py-1.5 text-sm rounded border border-slate-300 bg-white hover:bg-slate-50">자동 생성(초기화)</button>
<button id="btn-save" class="px-3 py-1.5 text-sm rounded bg-emerald-600 text-white hover:bg-emerald-700">저장</button> <button id="btn-save" class="px-3 py-1.5 text-sm rounded bg-emerald-600 text-white hover:bg-emerald-700">저장</button>
<%-- 내보내기 버튼은 PTL_PROPERTY(djb.openapi.export.enabled=true) 일 때만 노출. 기본 미노출. --%>
<c:if test="${exportEnabled}">
<div class="relative"> <div class="relative">
<button id="btn-export" class="px-3 py-1.5 text-sm rounded bg-brand-600 text-white hover:bg-brand-700">내보내기 ▾</button> <button id="btn-export" class="px-3 py-1.5 text-sm rounded bg-brand-600 text-white hover:bg-brand-700">내보내기 ▾</button>
<div id="export-menu" class="hidden absolute right-0 mt-1 w-44 bg-white border border-slate-200 rounded shadow-lg z-40"> <div id="export-menu" class="hidden absolute right-0 mt-1 w-44 bg-white border border-slate-200 rounded shadow-lg z-40">
@@ -103,7 +98,6 @@
<button data-export="json" class="block w-full text-left px-3 py-2 text-sm hover:bg-slate-50">JSON 다운로드</button> <button data-export="json" class="block w-full text-left px-3 py-2 text-sm hover:bg-slate-50">JSON 다운로드</button>
</div> </div>
</div> </div>
</c:if>
<button id="btn-close" class="px-3 py-1.5 text-sm rounded border border-slate-300 bg-white hover:bg-slate-50">닫기</button> <button id="btn-close" class="px-3 py-1.5 text-sm rounded border border-slate-300 bg-white hover:bg-slate-50">닫기</button>
</div> </div>
</header> </header>
@@ -55,10 +55,10 @@ $(document).ready(function() {
'200', '200',
'300', '300',
'400', '400',
/* '900', */ '900',
'300', '300',
'400', '400',
/* '900', */ '900',
'IF', 'IF',
'<%= localeMessage.getString("tranStat.recv") %>', '<%= localeMessage.getString("tranStat.recv") %>',
'<%= localeMessage.getString("common.total") %>', '<%= localeMessage.getString("common.total") %>',
@@ -75,11 +75,11 @@ $(document).ready(function() {
{ name : 'E200' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'}, { name : 'E200' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'},
{ name : 'E300' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'}, { name : 'E300' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'},
{ name : 'E400' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'}, { name : 'E400' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'},
/* { name : 'E900' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'}, */ { name : 'E900' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'},
{ name : 'E9300' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'}, { name : 'E9300' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'},
{ name : 'E9400' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'}, { name : 'E9400' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'},
/* { name : 'E9900' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'}, */ { name : 'E9900' , align : 'center' , width:'50' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'sum'},
{ name : 'AVGEAI' , align : 'center' , width:'46' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'avg'}, { name : 'AVGEAI' , align : 'center' , width:'46' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'avg'},
{ name : 'AVGPSV' , align : 'center' , width:'46' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'avg'}, { name : 'AVGPSV' , align : 'center' , width:'46' ,formatter:'integer',formatoptions:{thousandsSeparator:","},summaryType:'avg'},
@@ -152,8 +152,8 @@ $(document).ready(function() {
useColSpanStyle: true, useColSpanStyle: true,
groupHeaders:[ groupHeaders:[
{startColumnName: 'P100', numberOfColumns: 4, titleText: '<%= localeMessage.getString("tranStat.tranNo") %>'}, {startColumnName: 'P100', numberOfColumns: 4, titleText: '<%= localeMessage.getString("tranStat.tranNo") %>'},
{startColumnName: 'E100', numberOfColumns: 4, titleText: '<%= localeMessage.getString("tranStat.errNo") %>'}, {startColumnName: 'E100', numberOfColumns: 5, titleText: '<%= localeMessage.getString("tranStat.errNo") %>'},
{startColumnName: 'E9300', numberOfColumns: 2, titleText: '<%= localeMessage.getString("tranStat.timeout") %>'}, {startColumnName: 'E9300', numberOfColumns: 3, titleText: '<%= localeMessage.getString("tranStat.timeout") %>'},
{startColumnName: 'AVGEAI', numberOfColumns: 3, titleText: '<%= localeMessage.getString("tranStat.avgTime") %>'} {startColumnName: 'AVGEAI', numberOfColumns: 3, titleText: '<%= localeMessage.getString("tranStat.avgTime") %>'}
] ]
}); });
@@ -210,9 +210,9 @@ $(document).ready(function() {
var merge = new Array(); var merge = new Array();
merge.push(makeMerge("업무구분","0","1","0","0")); merge.push(makeMerge("업무구분","0","1","0","0"));
merge.push(makeMerge("구간별 처리건수","0","0","1","4")); merge.push(makeMerge("구간별 처리건수","0","0","1","4"));
merge.push(makeMerge("구간별 에러건수","0","0","5","8")); merge.push(makeMerge("구간별 에러건수","0","0","5","9"));
merge.push(makeMerge("타임아웃","0","0","9","11")); merge.push(makeMerge("타임아웃","0","0","10","12"));
merge.push(makeMerge("평균처리시간(초)","0","0","12","14")); merge.push(makeMerge("평균처리시간(초)","0","0","13","15"));
gridToExcelSubmit(url,"LIST_GRID_TO_EXCEL",$("#grid"),$("#ajaxForm"),"업무별 거래현황",merge); gridToExcelSubmit(url,"LIST_GRID_TO_EXCEL",$("#grid"),$("#ajaxForm"),"업무별 거래현황",merge);
return false; return false;
@@ -224,9 +224,9 @@ $(document).ready(function() {
var merge = new Array(); var merge = new Array();
merge.push(makeMerge("업무구분","0","1","0","0")); merge.push(makeMerge("업무구분","0","1","0","0"));
merge.push(makeMerge("구간별 처리건수","0","0","1","4")); merge.push(makeMerge("구간별 처리건수","0","0","1","4"));
merge.push(makeMerge("구간별 에러건수","0","0","5","8")); merge.push(makeMerge("구간별 에러건수","0","0","5","9"));
merge.push(makeMerge("타임아웃","0","0","9","11")); merge.push(makeMerge("타임아웃","0","0","10","12"));
merge.push(makeMerge("평균처리시간(초)","0","0","12","14")); merge.push(makeMerge("평균처리시간(초)","0","0","13","15"));
gridToExcelSubmit(url_excel,"LIST_GRID_TO_EXCEL",$("#grid"),$("#ajaxForm"),'업무별 거래현황',merge); gridToExcelSubmit(url_excel,"LIST_GRID_TO_EXCEL",$("#grid"),$("#ajaxForm"),'업무별 거래현황',merge);
return false; return false;
}); });
@@ -273,6 +273,7 @@ $(document).ready(function() {
<%-- <img src="<c:url value="/img/btn_10min.png" />" alt="" id="btn_10min" level="W" /> --%> <%-- <img src="<c:url value="/img/btn_10min.png" />" alt="" id="btn_10min" level="W" /> --%>
<button type="button" class="cssbtn" id="btn_detail" level="R" ><i class="material-icons">details</i> <%= localeMessage.getString("button.detail") %></button> <button type="button" class="cssbtn" id="btn_detail" level="R" ><i class="material-icons">details</i> <%= localeMessage.getString("button.detail") %></button>
<button type="button" class="cssbtn" id="btn_excel" level="W" ><i class="material-icons">table_view</i> <%= localeMessage.getString("button.excel") %></button> <button type="button" class="cssbtn" id="btn_excel" level="W" ><i class="material-icons">table_view</i> <%= localeMessage.getString("button.excel") %></button>
<button type="button" class="cssbtn" id="btn_initialize" level="W" ><i class="material-icons">restart_alt</i> <%= localeMessage.getString("button.reset") %></button>
<button type="button" class="cssbtn" id="btn_search" level="R" ><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button> <button type="button" class="cssbtn" id="btn_search" level="R" ><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button>
<%-- <img src="<c:url value="/img/btn_detail.png" />" alt="" id="btn_detail" level="R" /> --%> <%-- <img src="<c:url value="/img/btn_detail.png" />" alt="" id="btn_detail" level="R" /> --%>
<%-- <img src="<c:url value="/img/btn_excel.png" />" alt="" id="btn_excel" level="W" /> --%> <%-- <img src="<c:url value="/img/btn_excel.png" />" alt="" id="btn_excel" level="W" /> --%>
@@ -281,9 +282,6 @@ $(document).ready(function() {
<%-- <img id="btn_excel" src="<c:url value="/img/btn_excel.png"/>" level="W" status="DETAIL"/> --%> <%-- <img id="btn_excel" src="<c:url value="/img/btn_excel.png"/>" level="W" status="DETAIL"/> --%>
</div> </div>
<div class="title"><%= localeMessage.getString("tranStat.title") %><span class="tooltip"><%= localeMessage.getString("tranStat.tooltip") %></span></div> <div class="title"><%= localeMessage.getString("tranStat.title") %><span class="tooltip"><%= localeMessage.getString("tranStat.tooltip") %></span></div>
<div style="padding-bottom: 10px; color: #555">
※ 100 : 송신>APIM &nbsp; 200 : APIM>수신 &nbsp; 300 : 수신>APIM &nbsp; 400 : APIM>송신
</div>
<ajax> <ajax>
<table id="grid" ></table> <table id="grid" ></table>
</ajax> </ajax>
@@ -59,10 +59,10 @@ function w2GridToExcelSubmit(url,cmd,gridObj,formObject,fileName,merge){
records[i]['E200'] = data[i]['E200'].toString(); records[i]['E200'] = data[i]['E200'].toString();
records[i]['E300'] = data[i]['E300'].toString(); records[i]['E300'] = data[i]['E300'].toString();
records[i]['E400'] = data[i]['E400'].toString(); records[i]['E400'] = data[i]['E400'].toString();
/* records[i]['E900'] = data[i]['E900'].toString(); */ records[i]['E900'] = data[i]['E900'].toString();
records[i]['E9300'] = data[i]['E9300'].toString(); records[i]['E9300'] = data[i]['E9300'].toString();
records[i]['E9400'] = data[i]['E9400'].toString(); records[i]['E9400'] = data[i]['E9400'].toString();
/* records[i]['E9900'] = data[i]['E9900'].toString(); */ records[i]['E9900'] = data[i]['E9900'].toString();
records[i]['BIZNAME'] = data[i]['BIZNAME']; records[i]['BIZNAME'] = data[i]['BIZNAME'];
records[i]['SVCCODE'] = data[i]['SVCCODE']; records[i]['SVCCODE'] = data[i]['SVCCODE'];
@@ -245,8 +245,8 @@ $( document ).ready(function() {
{span : 4, caption:'<%= localeMessage.getString("tranStat.interface") %>'}, {span : 4, caption:'<%= localeMessage.getString("tranStat.interface") %>'},
{span : 4, caption:'<%= localeMessage.getString("tranStat.tranNo") %>'}, {span : 4, caption:'<%= localeMessage.getString("tranStat.tranNo") %>'},
{span : 3, caption:'<%= localeMessage.getString("tranStat.avgTime") %>'}, {span : 3, caption:'<%= localeMessage.getString("tranStat.avgTime") %>'},
{span : 4, caption:'<%= localeMessage.getString("tranStat.errNo") %>'}, {span : 5, caption:'<%= localeMessage.getString("tranStat.errNo") %>'},
{span : 2, caption:'<%= localeMessage.getString("tranStat.timeout") %>'} {span : 3, caption:'<%= localeMessage.getString("tranStat.timeout") %>'}
], ],
columns: [ columns: [
@@ -269,11 +269,11 @@ $( document ).ready(function() {
{ field : 'E200' ,type:'text' ,caption : '200' , size: '65px' ,style:'text-align:right', render:thousandsSeparator }, { field : 'E200' ,type:'text' ,caption : '200' , size: '65px' ,style:'text-align:right', render:thousandsSeparator },
{ field : 'E300' ,type:'text' ,caption : '300' , size: '65px' ,style:'text-align:right', render:thousandsSeparator }, { field : 'E300' ,type:'text' ,caption : '300' , size: '65px' ,style:'text-align:right', render:thousandsSeparator },
{ field : 'E400' ,type:'text' ,caption : '400' , size: '65px' ,style:'text-align:right', render:thousandsSeparator }, { field : 'E400' ,type:'text' ,caption : '400' , size: '65px' ,style:'text-align:right', render:thousandsSeparator },
/* { field : 'E900' ,type:'text' ,caption : '900' , size: '65px' ,style:'text-align:right', render:thousandsSeparator }, */ { field : 'E900' ,type:'text' ,caption : '900' , size: '65px' ,style:'text-align:right', render:thousandsSeparator },
{ field : 'E9300' ,type:'text' ,caption : '300' , size: '50px' ,style:'text-align:right', render:thousandsSeparator }, { field : 'E9300' ,type:'text' ,caption : '300' , size: '50px' ,style:'text-align:right', render:thousandsSeparator },
{ field : 'E9400' ,type:'text' ,caption : '400' , size: '50px' ,style:'text-align:right', render:thousandsSeparator }, { field : 'E9400' ,type:'text' ,caption : '400' , size: '50px' ,style:'text-align:right', render:thousandsSeparator },
/* { field : 'E9900' ,type:'text' ,caption : '900' , size: '50px' ,style:'text-align:right', render:thousandsSeparator } */ { field : 'E9900' ,type:'text' ,caption : '900' , size: '50px' ,style:'text-align:right', render:thousandsSeparator }
] ]
,summary:[ ,summary:[
@@ -346,8 +346,8 @@ $( document ).ready(function() {
merge.push(makeMerge("API","0","0","0","3")); merge.push(makeMerge("API","0","0","0","3"));
merge.push(makeMerge("전문구간별 처리건수","0","0","4","7")); merge.push(makeMerge("전문구간별 처리건수","0","0","4","7"));
merge.push(makeMerge("평균처리시간(초)","0","0","8","10")); merge.push(makeMerge("평균처리시간(초)","0","0","8","10"));
merge.push(makeMerge("전문구간별 에러건수","0","0","11","14")); merge.push(makeMerge("전문구간별 에러건수","0","0","11","15"));
merge.push(makeMerge("타임아웃","0","0","15","16")); merge.push(makeMerge("타임아웃","0","0","16","18"));
w2GridToExcelSubmit(url_excel,"LIST_GRID_TO_EXCEL",w2ui['myGrid'],$("#ajaxForm"),"전문별 거래현황",merge); w2GridToExcelSubmit(url_excel,"LIST_GRID_TO_EXCEL",w2ui['myGrid'],$("#ajaxForm"),"전문별 거래현황",merge);
return false; return false;
@@ -376,8 +376,8 @@ $( document ).ready(function() {
merge.push(makeMerge("API","0","0","0","3")); merge.push(makeMerge("API","0","0","0","3"));
merge.push(makeMerge("구간별 처리건수","0","0","4","7")); merge.push(makeMerge("구간별 처리건수","0","0","4","7"));
merge.push(makeMerge("평균처리시간(초)","0","0","8","10")); merge.push(makeMerge("평균처리시간(초)","0","0","8","10"));
merge.push(makeMerge("구간별 에러건수","0","0","11","14")); merge.push(makeMerge("구간별 에러건수","0","0","11","15"));
merge.push(makeMerge("타임아웃","0","0","15","16")); merge.push(makeMerge("타임아웃","0","0","16","18"));
w2GridToExcelSubmit(url_excel,"LIST_GRID_TO_EXCEL",w2ui['myGrid'],$("#ajaxForm"),"전문별 거래현황",merge); w2GridToExcelSubmit(url_excel,"LIST_GRID_TO_EXCEL",w2ui['myGrid'],$("#ajaxForm"),"전문별 거래현황",merge);
return false; return false;
@@ -429,6 +429,7 @@ $( document ).ready(function() {
<input type="checkbox" id="recentYnVal" value="N"/>&nbsp;<b><%= localeMessage.getString("tranStat.rec10Min") %></b>&nbsp;&nbsp; <input type="checkbox" id="recentYnVal" value="N"/>&nbsp;<b><%= localeMessage.getString("tranStat.rec10Min") %></b>&nbsp;&nbsp;
<button type="button" class="cssbtn" id="btn_detail" level="R" ><i class="material-icons">details</i> <%= localeMessage.getString("button.detail") %></button> <button type="button" class="cssbtn" id="btn_detail" level="R" ><i class="material-icons">details</i> <%= localeMessage.getString("button.detail") %></button>
<button type="button" class="cssbtn" id="btn_excel" level="W" ><i class="material-icons">table_view</i> <%= localeMessage.getString("button.excel") %></button> <button type="button" class="cssbtn" id="btn_excel" level="W" ><i class="material-icons">table_view</i> <%= localeMessage.getString("button.excel") %></button>
<button type="button" class="cssbtn" id="btn_initialize" level="W" ><i class="material-icons">restart_alt</i> <%= localeMessage.getString("button.reset") %></button>
<button type="button" class="cssbtn" id="btn_search" level="R" ><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button> <button type="button" class="cssbtn" id="btn_search" level="R" ><i class="material-icons">search</i> <%= localeMessage.getString("button.search") %></button>
<%-- <img src="<c:url value="/img/btn_10min.png"/>" alt="" id="btn_10min" level="W" /> --%> <%-- <img src="<c:url value="/img/btn_10min.png"/>" alt="" id="btn_10min" level="W" /> --%>
<%-- <img src="<c:url value="/img/btn_detail.png"/>" alt="" id="btn_detail" level="R" /> --%> <%-- <img src="<c:url value="/img/btn_detail.png"/>" alt="" id="btn_detail" level="R" /> --%>
@@ -437,9 +438,6 @@ $( document ).ready(function() {
<%-- <img src="<c:url value="/img/btn_search.png"/>" alt="" id="btn_search" level="R" /> --%> <%-- <img src="<c:url value="/img/btn_search.png"/>" alt="" id="btn_search" level="R" /> --%>
</div> </div>
<div class="title"><%= localeMessage.getString("tranStatDetail.title") %><span class="tooltip"><%= localeMessage.getString("tranStat.tooltip") %></span></div> <div class="title"><%= localeMessage.getString("tranStatDetail.title") %><span class="tooltip"><%= localeMessage.getString("tranStat.tooltip") %></span></div>
<div style="padding-bottom: 10px; color: #555">
※ 100 : 송신>APIM &nbsp; 200 : APIM>수신 &nbsp; 300 : 수신>APIM &nbsp; 400 : APIM>송신
</div>
<table class="search_condition" cellspacing=0;> <table class="search_condition" cellspacing=0;>
<tbody> <tbody>
<tr> <tr>
@@ -24,7 +24,6 @@
var roleString = "<%=SessionManager.getRoleIdString(request)%>"; var roleString = "<%=SessionManager.getRoleIdString(request)%>";
let totalLogs = 0; let totalLogs = 0;
let displayedLogs = 0; let displayedLogs = 0;
var bizErrCodeSet = new Set(); // ERRCODE_BIZ(업무 오류) 코드 목록 - 그리드 배경색 구분용
function adminChk() { function adminChk() {
var arrRoleID = roleString.split(','); var arrRoleID = roleString.split(',');
@@ -107,8 +106,6 @@
new makeOptions("CODE", "NAME").setObj($("select[name=searchExtBizCd]")).setNoValueInclude(true).setNoValue("", "전체").setData(json.extBizList).setFormat(codeName3OptionFormat).rendering(); new makeOptions("CODE", "NAME").setObj($("select[name=searchExtBizCd]")).setNoValueInclude(true).setNoValue("", "전체").setData(json.extBizList).setFormat(codeName3OptionFormat).rendering();
new makeOptions("CODE", "NAME").setObj($("select[name=searchLogPrcssSerno]")).setNoValueInclude(true).setNoValue("", "전체").setData(json.logPrcssSernoList).rendering(); new makeOptions("CODE", "NAME").setObj($("select[name=searchLogPrcssSerno]")).setNoValueInclude(true).setNoValue("", "전체").setData(json.logPrcssSernoList).rendering();
bizErrCodeSet = new Set((json.bizErrCodeList || []).map(function (c) { return c.CODE; }));
setSearchable("searchEaiBzwkDstcd"); // 콤보에 searchable 설정 setSearchable("searchEaiBzwkDstcd"); // 콤보에 searchable 설정
setSearchable("searchExtBizCd"); setSearchable("searchExtBizCd");
@@ -225,6 +222,63 @@
$("input[name=searchEndHHMM]").val(endHHMM); $("input[name=searchEndHHMM]").val(endHHMM);
} }
function guidEvent() {
var searchGuid = $("input[name=searchGuid]").val();
if (searchGuid.trim() == '')
return;
var searchTm = searchGuid.trim();
/*
var yy = searchTm.substr(13,4);
var mm = searchTm.substr(17,2);
var dd = searchTm.substr(19,2);
var hh = searchTm.substr(21,2);
var MM = searchTm.substr(23,2);
*/
var yy = searchTm.substr(3,4);
var mm = searchTm.substr(7,2);
var dd = searchTm.substr(9,2);
var hh = searchTm.substr(11,2);
var MM = searchTm.substr(13,2);
var ms = Date.UTC(yy,mm-1,dd,hh,MM,00);
var date = new Date(ms);
var startYYYYMMDD;
var startHHMM;
var endYYYYMMDD;
var endHHMM;
//Local Time Setting
date.setHours(date.getHours() - 9);
//5분 간격
date.setMinutes(date.getMinutes() - 5);
startYYYYMMDD = date.getFullYear() + right("0" + (date.getMonth() + 1), 2) + right("0" + (date.getDate()), 2);
startHHMM = right("0" + date.getHours(), 2) + right("0" + date.getMinutes(), 2) + "00";
date.setMinutes(date.getMinutes() + 10);
endYYYYMMDD = date.getFullYear() + right("0" + (date.getMonth() + 1), 2) + right("0" + (date.getDate()), 2);
endHHMM = right("0" + date.getHours(), 2) + right("0" + date.getMinutes(), 2) + "00";
//추가 코드 입력 2012.05.16 권세환 (일자가 바뀔경우 시간 간격을 +-5분 -> +-1분)
if (startYYYYMMDD.substr(6, 2) != endYYYYMMDD.substr(6, 2)) {
date.setMinutes(date.getMinutes() - 6);
startYYYYMMDD = date.getFullYear() + right("0" + (date.getMonth() + 1), 2) + right("0" + (date.getDate()), 2);
startHHMM = right("0" + date.getHours(), 2) + right("0" + date.getMinutes(), 2) + "00";
date.setMinutes(date.getMinutes() + 2);
endYYYYMMDD = date.getFullYear() + right("0" + (date.getMonth() + 1), 2) + right("0" + (date.getDate()), 2);
endHHMM = right("0" + date.getHours(), 2) + right("0" + date.getMinutes(), 2) + "00";
}
$("input[name=searchStartYYYYMMDD]").val(startYYYYMMDD);
$("input[name=searchEndYYYYMMDD]").val(endYYYYMMDD);
$("input[name=searchStartHHMM]").val(startHHMM);
$("input[name=searchEndHHMM]").val(endHHMM);
}
function timeStampFormat2(cellvalue, options, rowObject) { function timeStampFormat2(cellvalue, options, rowObject) {
if (cellvalue == null || cellvalue.length < 17) if (cellvalue == null || cellvalue.length < 17)
return ''; return '';
@@ -314,8 +368,7 @@
'<%=localeMessage.getString("tracking.companyitcontactname")%>', '<%=localeMessage.getString("tracking.companyitcontactname")%>',
'<%=localeMessage.getString("tracking.companyitcontacttelno")%>', '<%=localeMessage.getString("tracking.companyitcontacttelno")%>',
'<%=localeMessage.getString("tracking.itcontactpointperson1")%>', '<%=localeMessage.getString("tracking.itcontactpointperson1")%>',
'<%=localeMessage.getString("tracking.bzwkcontactperson")%>', '<%=localeMessage.getString("tracking.bzwkcontactperson")%>'
'EAIERRCD'
], ],
colModel: [ colModel: [
{name: 'EAISVCSERNO', hidden: true}, {name: 'EAISVCSERNO', hidden: true},
@@ -327,15 +380,15 @@
{name: 'TRACKASISKEY2CTNT', hidden: true}, {name: 'TRACKASISKEY2CTNT', hidden: true},
{name: 'EAISVCSERNO_TMP', align: 'left', width: '220', formatter: trimFormatter}, {name: 'EAISVCSERNO_TMP', align: 'left', width: '220', formatter: trimFormatter},
{name: 'KEYMGTMSGCTNT', align: 'left', width: '300'}, {name: 'KEYMGTMSGCTNT', align: 'left', width: '240'},
{name: 'LOGPRCSSSERNO_TMP', align: 'center', width: '40'}, {name: 'LOGPRCSSSERNO_TMP', align: 'center', width: '40'},
{name: 'TELGMRECVTRANCD', align: 'left', width: '135', hidden: true}, {name: 'TELGMRECVTRANCD', align: 'left', width: '135', hidden: true},
{name: 'EAISVCNAME', align: 'left', width: '160'}, {name: 'EAISVCNAME', align: 'left', width: '130'},
{name: 'EAISVCDESC', align: 'left', width: '280'}, {name: 'EAISVCDESC', align: 'left', width: '280'},
{name: 'EAIBZWKDSTCD_TMP', align: 'center', width: '50'}, {name: 'EAIBZWKDSTCD_TMP', align: 'center', width: '50'},
{name: 'EXTBIZCD', align: 'center', width: '50', hidden: isApiGw}, {name: 'EXTBIZCD', align: 'center', width: '50', hidden: isApiGw},
{name: 'REFKEY', align: 'left', width: '280', hidden: isApiGw}, {name: 'REFKEY', align: 'left', width: '280', hidden: isApiGw},
{name: 'CLIENTNAME', align: 'left', width: '120', hidden: !isApiGw}, {name: 'CLIENTNAME', align: 'left', width: '260', hidden: !isApiGw},
{name: 'ORGNAME', align: 'left', width: '100', hidden: !isApiGw, formatter: orgNameFormatter}, {name: 'ORGNAME', align: 'left', width: '100', hidden: !isApiGw, formatter: orgNameFormatter},
{name: 'MSGDPSTYMS_TMP', align: 'center', width: '150', formatter: timeStampFormat2}, {name: 'MSGDPSTYMS_TMP', align: 'center', width: '150', formatter: timeStampFormat2},
{name: 'MSGPRCSSYMS', align: 'center', width: '150', formatter: timeStampFormat2}, {name: 'MSGPRCSSYMS', align: 'center', width: '150', formatter: timeStampFormat2},
@@ -345,8 +398,7 @@
{name: 'COMPANYITCONTACTNAME', align: 'left', width: '110', hidden: true}, {name: 'COMPANYITCONTACTNAME', align: 'left', width: '110', hidden: true},
{name: 'COMPANYITCONTACTTELNO', align: 'left', width: '120', hidden: true}, {name: 'COMPANYITCONTACTTELNO', align: 'left', width: '120', hidden: true},
{name: 'ITCONTACTPOINTPERSON1', align: 'left', width: '120', hidden: true}, {name: 'ITCONTACTPOINTPERSON1', align: 'left', width: '120', hidden: true},
{name: 'BZWKCONTACTPERSON', align: 'left', width: '120', hidden: true}, {name: 'BZWKCONTACTPERSON', align: 'left', width: '120', hidden: true}
{name: 'EAIERRCD', hidden: true}
], ],
jsonReader: { jsonReader: {
repeatitems: false repeatitems: false
@@ -383,7 +435,7 @@
}, },
loadComplete: function (d) { loadComplete: function (d) {
$("#grid").tuiTableRowSpan("7");
// 거래 건수 표시 // 거래 건수 표시
var uniqueCount = calculateUniqueLogCount("#grid"); var uniqueCount = calculateUniqueLogCount("#grid");
@@ -392,22 +444,14 @@
//에러 행 색상 표시 //에러 행 색상 표시
var rows = $(this).getDataIDs(); var rows = $(this).getDataIDs();
for (var i = 0; i < rows.length; i++) { for (var i = 0; i < rows.length; i++) {
var errYn = $("#grid").getCell(rows[i], 'ERRYN'); var val = $("#grid").getCell(rows[i], 'ERRYN');
var eaiErrCd = $("#grid").getCell(rows[i], 'EAIERRCD'); if (val == "Y") {
var isBizErr = eaiErrCd != null && bizErrCodeSet.has(String(eaiErrCd).trim());
if (isBizErr) {
// 업무(BIZ) 오류코드(ERRCODE_BIZ) - 하늘색 배경
$("#" + rows[i]).find("td").css("background-color", "#BEEDFF");
} else if (errYn == "Y") {
$("#" + rows[i]).find("td").css("background-color", "#FFCC99"); $("#" + rows[i]).find("td").css("background-color", "#FFCC99");
} }
} }
$("#grid").tuiTableRowSpan("7");
//1000건이상 alert //1000건이상 alert
if (d.records >= 1000) { if (d.records == 1000) {
setTimeout(() => { setTimeout(() => {
alert("<%=localeMessage.getString("tracking.alert5")%>"); // 조회 결과 1,000건 초과 alert("<%=localeMessage.getString("tracking.alert5")%>"); // 조회 결과 1,000건 초과
}, 0); // Alert는 비동기적으로 처리 }, 0); // Alert는 비동기적으로 처리
@@ -437,6 +481,7 @@
//$("#grid").jqGrid('setFrozenColumns'); //$("#grid").jqGrid('setFrozenColumns');
$("#btn_search").click(function () { $("#btn_search").click(function () {
$("input[name=searchGuid]").blur();
detail(); detail();
getTransactionCounts(); getTransactionCounts();
}); });
@@ -506,6 +551,12 @@
return false; return false;
}); });
//GUID
$("input[name=searchGuid]").blur(function (event) {
guidEvent();
});
buttonControl(); buttonControl();
var local = localStorage.getItem("guid"); var local = localStorage.getItem("guid");
@@ -650,7 +701,7 @@
<td colspan="3"><input type="text" name="searchEaiSvcSerno" value="${param.searchEaiSvcSerno}"></td> <td colspan="3"><input type="text" name="searchEaiSvcSerno" value="${param.searchEaiSvcSerno}"></td>
<th><%=localeMessage.getString("tracking.keymgtmsgctnt")%></th> <th><%=localeMessage.getString("tracking.keymgtmsgctnt")%></th>
<td colspan="2"><input type="text" name="searchGuid" value="${param.searchGuid}" ></td> <td colspan="2"><input type="text" name="searchKeyMgtMsgCtnt" value="${param.searchKeyMgtMsgCtnt}"></td>
<%-- <th><%=localeMessage.getString("tracking.orgGUID")%></th> <%-- <th><%=localeMessage.getString("tracking.orgGUID")%></th>
<td colspan="4"><input type="text" name="searchGuid" value="" maxlength="<%=DbTrackingService.GUID_LENGTH%>"></td> --%> <td colspan="4"><input type="text" name="searchGuid" value="" maxlength="<%=DbTrackingService.GUID_LENGTH%>"></td> --%>
@@ -23,9 +23,6 @@
white-space: normal; white-space: normal;
} }
.table_row td { padding: 0 5px; }
.table_row input { box-sizing: border-box; }
</style> </style>
<script language="javascript" > <script language="javascript" >
// var eaiBzwkDstcd = window.dialogArguments["eaiBzwkDstcd"]; // var eaiBzwkDstcd = window.dialogArguments["eaiBzwkDstcd"];
@@ -256,7 +253,7 @@
var name = $(this).attr("name"); var name = $(this).attr("name");
if ("${rmsMenuAuth}" =="W"){ //2020.07.08 admin 만 버튼보이게 수정 if ("${rmsMenuAuth}" =="W"){ //2020.07.08 admin 만 버튼보이게 수정
$("#"+name).show(); $("#"+name).show();
$("input[name="+name+"]").css("width","calc(100% - 60px)"); $("input[name="+name+"]").css("width","185px");
} }
}); });
@@ -264,7 +261,7 @@
var name = $(this).attr("name"); var name = $(this).attr("name");
if($("input[name="+name+"]").val().trim() != ""){ if($("input[name="+name+"]").val().trim() != ""){
$("#"+name).show(); $("#"+name).show();
$("input[name="+name+"]").css("width","calc(100% - 60px)"); $("input[name="+name+"]").css("width","185px");
} }
}); });
@@ -379,7 +376,7 @@
const value = bodyCodeEditor.getValue(); const value = bodyCodeEditor.getValue();
let prettyValue = value; let prettyValue = value;
if(syntax === 'JSN'){ if(syntax === 'JSN'){
prettyValue = preserveExponential(value); //vkbeautify.json(value); prettyValue = vkbeautify.json(value);
}else if(syntax === 'XML'){ }else if(syntax === 'XML'){
prettyValue = vkbeautify.xml(value).trim(); prettyValue = vkbeautify.xml(value).trim();
} }
@@ -410,19 +407,6 @@
} }
}); });
} }
function preserveExponential(jsonString) {
// 1. 지수 형태의 숫자(예: 1e+21, 5.43e-7)를 찾아 문자열 ""로 감쌉니다.
// JSON의 key 뒤에 오는 value 위치의 지수 표기법을 매칭합니다.
let protectedJson = jsonString.replace(/:\s*([+-]?\d+\.?\d*e[+-]?\d+)/gi, ': "$1"');
// 2. 보호된 상태로 vkbeautify를 실행하여 예쁘게 정렬합니다.
let prettyJson = vkbeautify.json(protectedJson);
// 3. (선택사항) 만약 최종 결과물에서 반드시 큰따옴표("")를 다시 제거해야 한다면 아래 주석을 해제하세요.
prettyJson = prettyJson.replace(/:\s*"([+-]?\d+\.?\d*e[+-]?\d+)"/gi, ': $1');
return prettyJson;
}
function doChangeSyntax(syntax){ function doChangeSyntax(syntax){
if(syntax === 'JSN'){ if(syntax === 'JSN'){
$('#btn_pretty_body').css('display', 'block'); $('#btn_pretty_body').css('display', 'block');
@@ -805,35 +789,6 @@ $(document).ready(function() {
$("html, hbody").css("overflow-x","scroll"); $("html, hbody").css("overflow-x","scroll");
} }
function copyTextToClipboard(text, successMessage){
if (typeof(navigator.clipboard) == 'undefined'){
var textArea = document.createElement("textarea");
textArea.value = text;
textArea.style.position = "fixed";
document.body.appendChild(textArea);
textArea.focus();
textArea.select();
var successful = false;
try{
successful = document.execCommand('copy');
}catch(err){
}
document.body.removeChild(textArea);
if (successful){
alert(successMessage);
}else{
prompt("Ctrl+C 를 눌러 클립보드로 복사하세요.", text);
}
}else{
navigator.clipboard.writeText(text).then(function(){
alert(successMessage);
}).catch(function(){
prompt("클립보드 복사에 실패했습니다. Ctrl+C 를 눌러 복사하세요.", text);
});
}
}
$('#headerToClipboard').click(function(){ $('#headerToClipboard').click(function(){
if($('#grid1').get(0) == null || $('#grid1').get(0).jexcel == null){ if($('#grid1').get(0) == null || $('#grid1').get(0).jexcel == null){
return; return;
@@ -845,11 +800,13 @@ $(document).ready(function() {
paddedValues += row[5].padEnd(row[4], " "); paddedValues += row[5].padEnd(row[4], " ");
} }
copyTextToClipboard(paddedValues, '헤더값이 복사되었습니다.'); navigator.clipboard.writeText(paddedValues);//클립보드로 복사
alert('헤더값이 복사되었습니다.')
}); });
$('#messageToClipboard').click(function() { $('#messageToClipboard').click(function() {
copyTextToClipboard(fullMessageData, '전체 전문 복사되었습니다.'); navigator.clipboard.writeText(fullMessageData);//클립보드로 복사
alert('전체 전문 복사되었습니다.')
}); });
$('#btn_pretty_print').click(function () { $('#btn_pretty_print').click(function () {
@@ -980,23 +937,15 @@ html,hbody {
<input type=hidden name=realHeader> <input type=hidden name=realHeader>
<div class="table_row_title"><%=localeMessage.getString("trackingDetail.common")%></div> <div class="table_row_title"><%=localeMessage.getString("trackingDetail.common")%></div>
<table class="table_row" cellspacing="0"> <table class="table_row" cellspacing="0">
<colgroup>
<col style="width:180px"/>
<col style="width:300px" />
<col style="width:180px"/>
<col style="width:300px" />
</colgroup>
<tr> <tr>
<th><%=localeMessage.getString("trackingDetail.eaiSvcSerno")%></th> <th><%=localeMessage.getString("trackingDetail.eaiSvcSerno")%></th>
<td><input type="text" name="eaiSvcSerno" readonly="readonly"/> </td> <td colspan="3"><input type="text" name="eaiSvcSerno" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.rspnsErrcdName")%></th>
<td><input type="text" name="rspnsErrcdName" readonly="readonly"/> </td>
</tr> </tr>
<tr> <tr>
<th><%=localeMessage.getString("trackingDetail.eaiBzwkDstcd")%></th> <th style="width:20%;"><%=localeMessage.getString("trackingDetail.eaiBzwkDstcd")%></th>
<td><input type="text" name="eaiBzwkDstcd" readonly="readonly"/> </td> <td style="width:30%;"><input type="text" name="eaiBzwkDstcd" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.msgDpstYMS")%></th> <th style="width:20%;"><%=localeMessage.getString("trackingDetail.msgDpstYMS")%></th>
<td><input type="text" name="msgDpstYMS" readonly="readonly"/> </td> <td style="width:30%;"><input type="text" name="msgDpstYMS" readonly="readonly"/> </td>
</tr> </tr>
<tr> <tr>
<th><%= localeMessage.getString("eaiMessage.eaiSvcName")%></th><td><input type="text" name="eaiSvcName" readonly="readonly" /> <th><%= localeMessage.getString("eaiMessage.eaiSvcName")%></th><td><input type="text" name="eaiSvcName" readonly="readonly" />
@@ -1030,17 +979,11 @@ html,hbody {
</table> </table>
<div class="table_row_title">API 정보</div> <div class="table_row_title">API 정보</div>
<table class="table_row" cellspacing="0"> <table class="table_row" cellspacing="0">
<colgroup>
<col style="width:180px"/>
<col style="width:300px" />
<col style="width:180px"/>
<col style="width:300px" />
</colgroup>
<tr> <tr>
<th>APP(Client) ID</th> <th style="width:20%;">APP(Client) ID</th>
<td><input type="text" name="clientId" readonly="readonly"/> </td> <td style="width:30%;"><input type="text" name="clientId" readonly="readonly"/> </td>
<th>APP 명</th> <th style="width:20%;">APP 명</th>
<td><input type="text" name="clientName" readonly="readonly"/> </td> <td style="width:30%;"><input type="text" name="clientName" readonly="readonly"/> </td>
</tr> </tr>
<tr> <tr>
<th>법인 ID</th><td ><input type="text" name="orgId" readonly="readonly"/> </td> <th>법인 ID</th><td ><input type="text" name="orgId" readonly="readonly"/> </td>
@@ -1162,27 +1105,20 @@ html,hbody {
</div><!-- end.container-1 --> </div><!-- end.container-1 -->
<div class="table_row_title"><%=localeMessage.getString("trackingDetail.inbound")%></div> <div class="table_row_title"><%=localeMessage.getString("trackingDetail.inbound")%></div>
<table class="table_row" cellspacing="0" > <table class="table_row" cellspacing="0" >
<colgroup>
<col style="width:180px"/>
<col style="width:300px" />
<col style="width:180px"/>
<col style="width:300px" />
</colgroup>
<tr> <tr>
<%-- <th style="width:20%;"><%=localeMessage.getString("trackingDetail.svcMotivUseDstcd")%></th> <th style="width:20%;"><%=localeMessage.getString("trackingDetail.svcMotivUseDstcd")%></th>
<td style="width:30%;"><input type="text" name="svcMotivUseDstcd" readonly="readonly"/> </td> --%> <td style="width:30%;"><input type="text" name="svcMotivUseDstcd" readonly="readonly"/> </td>
<th style="width:20%;"><%=localeMessage.getString("trackingDetail.gstatSysAdptrBzwkGroupName")%></th> <th style="width:20%;"><%=localeMessage.getString("trackingDetail.gstatSysAdptrBzwkGroupName")%></th>
<td style="width:30%;"><input type="text" name="gstatSysAdptrBzwkGroupName" readonly="readonly" style="width: calc(100% - 60px);"/> <td style="width:30%;"><input type="text" name="gstatSysAdptrBzwkGroupName" readonly="readonly"/>
<%-- <img src="<c:url value="/images/bt/pop_detail.gif"/>" alt="" id="gstatSysAdptrBzwkGroupName" class="adapter_btn" level="W"/> --%> <%-- <img src="<c:url value="/images/bt/pop_detail.gif"/>" alt="" id="gstatSysAdptrBzwkGroupName" class="adapter_btn" level="W"/> --%>
<button type="button" class="cssbtn smallBtn2" id="gstatSysAdptrBzwkGroupName" style="vertical-align:middle; font-weight:bold;" level="W"><i class="material-icons">details</i><%= localeMessage.getString("button.detail") %></button> <button type="button" class="cssbtn smallBtn2" id="gstatSysAdptrBzwkGroupName" style="vertical-align:middle; font-weight:bold;" level="W"><i class="material-icons">details</i><%= localeMessage.getString("button.detail") %></button>
</td> </td>
</tr>
<tr>
<th><%=localeMessage.getString("trackingDetail.flowCtrlRoutName")%></th><td><input type="text" name="flowCtrlRoutName" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.stndMsgUseYn")%></th><td><input type="text" name="stndMsgUseYn" readonly="readonly"/> </td> <th><%=localeMessage.getString("trackingDetail.stndMsgUseYn")%></th><td><input type="text" name="stndMsgUseYn" readonly="readonly"/> </td>
</tr> </tr>
<%-- <tr> <tr>
<th><%=localeMessage.getString("trackingDetail.flowCtrlRoutName")%></th><td><input type="text" name="flowCtrlRoutName" readonly="readonly"/> </td>
</tr> --%>
<%-- <tr>
<th><%=localeMessage.getString("trackingDetail.svcPrcssDsticName")%></th><td><input type="text" name="svcPrcssDsticName" readonly="readonly"/> </td> <th><%=localeMessage.getString("trackingDetail.svcPrcssDsticName")%></th><td><input type="text" name="svcPrcssDsticName" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.svcBfClmnLogYn")%></th><td><input type="text" name="svcBfClmnLogYn" readonly="readonly"/> </td> <th><%=localeMessage.getString("trackingDetail.svcBfClmnLogYn")%></th><td><input type="text" name="svcBfClmnLogYn" readonly="readonly"/> </td>
</tr> </tr>
@@ -1193,52 +1129,39 @@ html,hbody {
<tr> <tr>
<th><%=localeMessage.getString("trackingDetail.gstatSvcDsticName")%></th><td><input type="text" name="gstatSvcDsticName" readonly="readonly"/> </td> <th><%=localeMessage.getString("trackingDetail.gstatSvcDsticName")%></th><td><input type="text" name="gstatSvcDsticName" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.prsntMsgIdName")%></th><td><input type="text" name="prsntMsgIdName" readonly="readonly"/> </td> <th><%=localeMessage.getString("trackingDetail.prsntMsgIdName")%></th><td><input type="text" name="prsntMsgIdName" readonly="readonly"/> </td>
</tr> --%> </tr>
</table> </table>
<div class="table_row_title"><%=localeMessage.getString("trackingDetail.outbound")%></div> <div class="table_row_title"><%=localeMessage.getString("trackingDetail.outbound")%></div>
<table class="table_row" cellspacing="0" > <table class="table_row" cellspacing="0" >
<colgroup>
<col style="width:180px"/>
<col style="width:300px" />
<col style="width:180px"/>
<col style="width:300px" />
</colgroup>
<tr> <tr>
<%-- <th style="width:20%;"><%=localeMessage.getString("trackingDetail.psvIntfacDsticName")%></th>--%> <th style="width:20%;"><%=localeMessage.getString("trackingDetail.psvIntfacDsticName")%></th>
<%-- <td style="width:30%;"><input type="text" name="psvIntfacDsticName" readonly="readonly"/> </td> --%> <td style="width:30%;"><input type="text" name="psvIntfacDsticName" readonly="readonly"/> </td>
<th style="width:20%;"><%=localeMessage.getString("trackingDetail.psvSysAdptrBzwkGroupName")%></th> <th style="width:20%;"><%=localeMessage.getString("trackingDetail.psvSysAdptrBzwkGroupName")%></th>
<td style="width:30%;"><input type="text" name="psvSysAdptrBzwkGroupName" readonly="readonly" style="width: calc(100% - 60px);"/> <td style="width:30%;"><input type="text" name="psvSysAdptrBzwkGroupName" readonly="readonly"/>
<%-- <img src="<c:url value="/images/bt/pop_detail.gif"/>" alt="" id="psvSysAdptrBzwkGroupName" class="adapter_btn" level="W"/> --%> <%-- <img src="<c:url value="/images/bt/pop_detail.gif"/>" alt="" id="psvSysAdptrBzwkGroupName" class="adapter_btn" level="W"/> --%>
<button type="button" class="cssbtn smallBtn2" id="psvSysAdptrBzwkGroupName" style="vertical-align:middle; font-weight:bold;" level="W"><i class="material-icons">details</i><%= localeMessage.getString("button.detail") %></button> <button type="button" class="cssbtn smallBtn2" id="psvSysAdptrBzwkGroupName" style="vertical-align:middle; font-weight:bold;" level="W"><i class="material-icons">details</i><%= localeMessage.getString("button.detail") %></button>
</td> </td>
<th><%=localeMessage.getString("trackingDetail.psvBzwkSysName")%></th><td><input type="text" name="psvBzwkSysName" readonly="readonly"/> </td>
</tr> </tr>
<tr> <tr>
<th><%=localeMessage.getString("trackingDetail.outbndRoutName")%></th><td><input type="text" name="outbndRoutName" readonly="readonly"/> </td> <th><%=localeMessage.getString("trackingDetail.outbndRoutName")%></th><td><input type="text" name="outbndRoutName" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.toutVal")%></th><td><input type="text" name="toutVal" readonly="readonly"/> </td> <th><%=localeMessage.getString("trackingDetail.toutVal")%></th><td><input type="text" name="toutVal" readonly="readonly"/> </td>
</tr> </tr>
<%-- <tr> <tr>
<th><%=localeMessage.getString("trackingDetail.psvSysSvcDsticName")%></th><td><input type="text" name="psvSysSvcDsticName" readonly="readonly"/> </td> <th><%=localeMessage.getString("trackingDetail.psvSysSvcDsticName")%></th><td><input type="text" name="psvSysSvcDsticName" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.psvBzwkSysName")%></th><td><input type="text" name="psvBzwkSysName" readonly="readonly"/> </td>
</tr>--%> </tr>
<%-- <tr> <tr>
<th><%=localeMessage.getString("trackingDetail.rspnsErrFldName")%></th><td><input type="text" name="rspnsErrFldName" readonly="readonly"/> </td> <th><%=localeMessage.getString("trackingDetail.rspnsErrFldName")%></th><td><input type="text" name="rspnsErrFldName" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.psvSysIdName")%></th><td><input type="text" name="psvSysIdName" readonly="readonly"/> </td> <th><%=localeMessage.getString("trackingDetail.psvSysIdName")%></th><td><input type="text" name="psvSysIdName" readonly="readonly"/> </td>
</tr> --%> </tr>
</table> </table>
<div class="table_row_title"><%=localeMessage.getString("trackingDetail.MAPPING")%></div> <div class="table_row_title"><%=localeMessage.getString("trackingDetail.MAPPING")%></div>
<table class="table_row" cellspacing="0" > <table class="table_row" cellspacing="0" >
<colgroup>
<col style="width:180px"/>
<col style="width:300px" />
<col style="width:180px"/>
<col style="width:300px" />
</colgroup>
<tr> <tr>
<th><%=localeMessage.getString("trackingDetail.chngYn")%></th> <th style="width:20%;"><%=localeMessage.getString("trackingDetail.chngYn")%></th>
<td><input type="text" name="chngYn" readonly="readonly"/> </td> <td style="width:30%;"><input type="text" name="chngYn" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.chngMsgIdName")%></th> <th style="width:20%;"><%=localeMessage.getString("trackingDetail.chngMsgIdName")%></th>
<td><input type="text" name="chngMsgIdName" readonly="readonly" style="width: calc(100% - 60px);"/> <td style="width:30%;"><input type="text" name="chngMsgIdName" readonly="readonly"/>
<!-- img src="<c:url value="/images/bt/pop_detail.gif"/>" alt="" id="chngMsgIdName" class="layout_btn" /--> <!-- img src="<c:url value="/images/bt/pop_detail.gif"/>" alt="" id="chngMsgIdName" class="layout_btn" /-->
<button type="button" class="cssbtn smallBtn2" id="chngMsgIdName" style="vertical-align:middle; font-weight:bold;" level="W"><i class="material-icons">details</i><%= localeMessage.getString("button.detail") %></button> <button type="button" class="cssbtn smallBtn2" id="chngMsgIdName" style="vertical-align:middle; font-weight:bold;" level="W"><i class="material-icons">details</i><%= localeMessage.getString("button.detail") %></button>
</td> </td>
@@ -1247,7 +1170,7 @@ html,hbody {
<th><%=localeMessage.getString("trackingDetail.bascRspnsChngYn")%></th><td><input type="text" name="bascRspnsChngYn" readonly="readonly"/> </td> <th><%=localeMessage.getString("trackingDetail.bascRspnsChngYn")%></th><td><input type="text" name="bascRspnsChngYn" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.bascRspnsChngMsgIdName")%></th> <th><%=localeMessage.getString("trackingDetail.bascRspnsChngMsgIdName")%></th>
<td> <td>
<input type="text" name="bascRspnsChngMsgIdName" readonly="readonly" style="width: calc(100% - 60px);"/> <input type="text" name="bascRspnsChngMsgIdName" readonly="readonly"/>
<!-- img src="<c:url value="/images/bt/pop_detail.gif"/>" alt="" id="bascRspnsChngMsgIdName" class="layout_btn" /--> <!-- img src="<c:url value="/images/bt/pop_detail.gif"/>" alt="" id="bascRspnsChngMsgIdName" class="layout_btn" /-->
<button type="button" class="cssbtn smallBtn2" id="bascRspnsChngMsgIdName" style="vertical-align:middle; font-weight:bold;" level="W"><i class="material-icons">details</i><%= localeMessage.getString("button.detail") %></button> <button type="button" class="cssbtn smallBtn2" id="bascRspnsChngMsgIdName" style="vertical-align:middle; font-weight:bold;" level="W"><i class="material-icons">details</i><%= localeMessage.getString("button.detail") %></button>
</td> </td>
@@ -1257,10 +1180,10 @@ html,hbody {
<th><%=localeMessage.getString("trackingDetail.errRspnsChngYn")%></th><td><input type="text" name="errRspnsChngYn" readonly="readonly"/> </td> <th><%=localeMessage.getString("trackingDetail.errRspnsChngYn")%></th><td><input type="text" name="errRspnsChngYn" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.errRspnsChngMsgIdName")%></th> <th><%=localeMessage.getString("trackingDetail.errRspnsChngMsgIdName")%></th>
<td> <td>
<input type="text" name="errRspnsChngMsgIdName" readonly="readonly" style="width: calc(100% - 60px);"/> <input type="text" name="errRspnsChngMsgIdName" readonly="readonly"/>
<img src="<c:url value="/images/bt/pop_detail.gif"/>" alt="" id="errRspnsChngMsgIdName" class="layout_btn" /> </td> <img src="<c:url value="/images/bt/pop_detail.gif"/>" alt="" id="errRspnsChngMsgIdName" class="layout_btn" /> </td>
</tr> </tr>
<%-- <tr> <tr>
<th><%=localeMessage.getString("trackingDetail.inptMsgIDName")%></th> <th><%=localeMessage.getString("trackingDetail.inptMsgIDName")%></th>
<td> <td>
<input type="text" name="inptMsgIDName" readonly="readonly" /> <input type="text" name="inptMsgIDName" readonly="readonly" />
@@ -1270,9 +1193,9 @@ html,hbody {
<tr> <tr>
<th><%=localeMessage.getString("trackingDetail.bascRspnsMsgCmprCtnt")%></th><td><input type="text" name="bascRspnsMsgCmprCtnt" readonly="readonly"/> </td> <th><%=localeMessage.getString("trackingDetail.bascRspnsMsgCmprCtnt")%></th><td><input type="text" name="bascRspnsMsgCmprCtnt" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.flovrYn")%></th><td><input type="text" name="flovrYn" readonly="readonly"/> </td> <th><%=localeMessage.getString("trackingDetail.flovrYn")%></th><td><input type="text" name="flovrYn" readonly="readonly"/> </td>
</tr> --%> </tr>
</table> </table>
<%-- <div class="table_row_title"><%=localeMessage.getString("trackingDetail.etc")%></div> <div class="table_row_title"><%=localeMessage.getString("trackingDetail.etc")%></div>
<table class="table_row" cellspacing="0" > <table class="table_row" cellspacing="0" >
<tr> <tr>
<th style="width:20%;"><%=localeMessage.getString("trackingDetail.rspnsErrcdName")%></th> <th style="width:20%;"><%=localeMessage.getString("trackingDetail.rspnsErrcdName")%></th>
@@ -1304,7 +1227,7 @@ html,hbody {
<th><%=localeMessage.getString("trackingDetail.trackAsisKey3Ctnt")%></th><td><input type="text" name="trackAsisKey3Ctnt" readonly="readonly"/> </td> <th><%=localeMessage.getString("trackingDetail.trackAsisKey3Ctnt")%></th><td><input type="text" name="trackAsisKey3Ctnt" readonly="readonly"/> </td>
<th><%=localeMessage.getString("trackingDetail.trackAsisKey4Ctnt")%></th><td><input type="text" name="trackAsisKey4Ctnt" readonly="readonly"/> </td> <th><%=localeMessage.getString("trackingDetail.trackAsisKey4Ctnt")%></th><td><input type="text" name="trackAsisKey4Ctnt" readonly="readonly"/> </td>
</tr> </tr>
</table> --%> </table>
</form> </form>
</div><!-- end.popup_box --> </div><!-- end.popup_box -->
<div id="bizLogObjectDialog" style="white-space: pre-wrap; overflow-y:auto" title="Biz Log Object Detail"> <div id="bizLogObjectDialog" style="white-space: pre-wrap; overflow-y:auto" title="Biz Log Object Detail">
@@ -1682,7 +1682,7 @@ $(document).ready(function () {
var args = new Object(); var args = new Object();
var url = '<c:url value="/onl/admin/rule/layoutMan.view" />'; var url = '<c:url value="/onl/admin/rule/layoutMan.view" />';
url += "?cmd=DETAILPOPUP"; url += "?cmd=DETAILPOPUP";
url += '&searchLoutName='+layoutName; url += '&loutName='+layoutName;
url += '&pop=true'; url += '&pop=true';
showModal2(url,args,890,940,'','scroll:on'); showModal2(url,args,890,940,'','scroll:on');
-343
View File
@@ -1,343 +0,0 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %><%@
page import="org.quartz.*,
org.quartz.impl.matchers.GroupMatcher,
org.springframework.web.context.WebApplicationContext,
org.springframework.web.context.support.WebApplicationContextUtils,
java.util.*,
java.text.SimpleDateFormat"
%><%!
private String fmt(Date date) {
if (date == null) return "-";
return new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(date);
}
private String relative(Date date) {
if (date == null) return "";
long diff = date.getTime() - System.currentTimeMillis();
String prefix = diff >= 0 ? "+" : "-";
long abs = Math.abs(diff) / 1000;
if (abs < 60) return prefix + abs + "s";
if (abs < 3600) return prefix + (abs / 60) + "m " + (abs % 60) + "s";
return prefix + (abs / 3600) + "h " + ((abs % 3600) / 60) + "m";
}
private String stateClass(Trigger.TriggerState state) {
if (state == Trigger.TriggerState.NORMAL) return "state-normal";
if (state == Trigger.TriggerState.PAUSED) return "state-paused";
if (state == Trigger.TriggerState.BLOCKED) return "state-blocked";
if (state == Trigger.TriggerState.ERROR) return "state-error";
return "";
}
private Map<String, Object> buildTriggerInfo(Scheduler scheduler, Trigger trigger) throws Exception {
Map<String, Object> info = new LinkedHashMap<>();
Trigger.TriggerState state = scheduler.getTriggerState(trigger.getKey());
info.put("triggerName", trigger.getKey().getName());
info.put("triggerGroup", trigger.getKey().getGroup());
info.put("state", state.name());
info.put("stateClass", stateClass(state));
info.put("prevFire", fmt(trigger.getPreviousFireTime()));
info.put("prevFireRel", relative(trigger.getPreviousFireTime()));
info.put("nextFire", fmt(trigger.getNextFireTime()));
info.put("nextFireRel", relative(trigger.getNextFireTime()));
info.put("priority", trigger.getPriority());
if (trigger instanceof CronTrigger) {
info.put("type", "Cron");
info.put("cronExp", ((CronTrigger) trigger).getCronExpression());
} else if (trigger instanceof SimpleTrigger) {
SimpleTrigger st = (SimpleTrigger) trigger;
info.put("type", "Simple");
info.put("cronExp", "interval=" + st.getRepeatInterval() + "ms, repeat=" +
(st.getRepeatCount() == SimpleTrigger.REPEAT_INDEFINITELY ? "INF" : st.getRepeatCount()));
} else {
info.put("type", trigger.getClass().getSimpleName());
info.put("cronExp", "-");
}
if (trigger.getStartTime() != null) info.put("startTime", fmt(trigger.getStartTime()));
if (trigger.getEndTime() != null) info.put("endTime", fmt(trigger.getEndTime()));
return info;
}
private List<Map<String, Object>> getJobList(Scheduler scheduler) throws Exception {
List<Map<String, Object>> jobs = new ArrayList<>();
for (String group : scheduler.getJobGroupNames()) {
for (JobKey jobKey : scheduler.getJobKeys(GroupMatcher.jobGroupEquals(group))) {
JobDetail detail = scheduler.getJobDetail(jobKey);
List<? extends Trigger> triggers = scheduler.getTriggersOfJob(jobKey);
Map<String, Object> job = new LinkedHashMap<>();
job.put("name", jobKey.getName());
job.put("group", jobKey.getGroup());
job.put("jobClass", detail.getJobClass().getSimpleName());
job.put("disallowConcurrent", detail.isConcurrentExectionDisallowed());
StringBuilder dataStr = new StringBuilder();
for (String key : detail.getJobDataMap().getKeys()) {
if (dataStr.length() > 0) dataStr.append(", ");
dataStr.append(key).append("=").append(detail.getJobDataMap().getString(key));
}
job.put("jobData", dataStr.toString());
job.put("triggerCount", triggers.size());
List<Map<String, Object>> triggerList = new ArrayList<>();
for (Trigger trigger : triggers) {
triggerList.add(buildTriggerInfo(scheduler, trigger));
}
job.put("triggerList", triggerList);
if (!triggers.isEmpty()) {
Trigger trigger = triggers.get(0);
Trigger.TriggerState state = scheduler.getTriggerState(trigger.getKey());
job.put("state", state.name());
job.put("stateClass", stateClass(state));
job.put("prevFire", fmt(trigger.getPreviousFireTime()));
job.put("prevFireRel", relative(trigger.getPreviousFireTime()));
job.put("nextFire", fmt(trigger.getNextFireTime()));
job.put("nextFireRel", relative(trigger.getNextFireTime()));
if (trigger instanceof CronTrigger) {
job.put("cronExp", ((CronTrigger) trigger).getCronExpression());
} else {
job.put("cronExp", "-");
}
} else {
job.put("state", "NO_TRIGGER");
job.put("stateClass", "state-error");
job.put("prevFire", "-");
job.put("prevFireRel", "");
job.put("nextFire", "-");
job.put("nextFireRel", "");
job.put("cronExp", "-");
}
jobs.add(job);
}
}
jobs.sort(Comparator.comparing(m -> (String) m.get("name")));
return jobs;
}
%><%
WebApplicationContext ctx = WebApplicationContextUtils.getWebApplicationContext(application);
Scheduler scheduler = null;
Scheduler clusteredScheduler = null;
String error = null;
try {
scheduler = (Scheduler) ctx.getBean("scheduler");
} catch (Exception e) {
error = "scheduler bean not found: " + e.getMessage();
}
try {
clusteredScheduler = (Scheduler) ctx.getBean("clusteredScheduler");
} catch (Exception e) {
// clusteredScheduler is optional
}
// 자동 새로고침 간격 (초), 기본 10초
String refreshParam = request.getParameter("refresh");
int refreshSec = 10;
if (refreshParam != null) {
try { refreshSec = Integer.parseInt(refreshParam); } catch (NumberFormatException e) { /* ignore */ }
if (refreshSec < 1) refreshSec = 1;
}
boolean autoRefresh = refreshParam != null;
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<% if (autoRefresh) { %>
<meta http-equiv="refresh" content="<%= refreshSec %>;url=quartzStatus.jsp?refresh=<%= refreshSec %>">
<% } %>
<title>Quartz Scheduler Status</title>
<style>
body { font-family: 'Segoe UI', Arial, sans-serif; margin: 20px; background: #f5f5f5; color: #333; }
h1 { font-size: 20px; margin-bottom: 5px; }
h2 { font-size: 16px; color: #555; margin: 20px 0 8px 0; border-bottom: 2px solid #ddd; padding-bottom: 4px; }
.info { font-size: 13px; color: #666; margin-bottom: 15px; }
table { width: 100%%; border-collapse: collapse; font-size: 13px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1); margin-bottom: 20px; }
th { background: #4a5568; color: #fff; padding: 8px 10px; text-align: left; font-weight: 500; }
td { padding: 7px 10px; border-bottom: 1px solid #eee; }
tr:hover td { background: #f7fafc; }
.state-normal { color: #38a169; font-weight: bold; }
.state-paused { color: #d69e2e; font-weight: bold; }
.state-blocked { color: #e53e3e; font-weight: bold; }
.state-error { color: #e53e3e; font-weight: bold; }
.mono { font-family: 'Consolas', 'Monaco', monospace; font-size: 12px; }
.rel { color: #718096; font-size: 11px; margin-left: 4px; }
.badge { display: inline-block; padding: 2px 6px; border-radius: 3px; font-size: 11px; }
.badge-yes { background: #c6f6d5; color: #276749; }
.badge-no { background: #fed7d7; color: #9b2c2c; }
.scheduler-meta { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 10px; }
.scheduler-meta span { font-size: 13px; }
.scheduler-meta strong { color: #4a5568; }
.error { color: #e53e3e; padding: 10px; background: #fff5f5; border: 1px solid #fc8181; border-radius: 4px; }
.toolbar { font-size: 12px; color: #718096; }
.toolbar a { color: #4299e1; text-decoration: none; margin: 0 4px; }
.toolbar a:hover { text-decoration: underline; }
.toolbar .active { font-weight: bold; color: #2b6cb0; background: #ebf4ff; padding: 2px 6px; border-radius: 3px; }
.auto-badge { display: inline-block; padding: 1px 6px; border-radius: 3px; font-size: 11px; background: #bee3f8; color: #2a4365; margin-left: 6px; }
.trigger-toggle { cursor: pointer; user-select: none; }
.trigger-toggle:hover td { background: #edf2f7; }
.trigger-row { display: none; }
.trigger-row.open { display: table-row; }
.trigger-row td { background: #f7fafc; padding: 5px 10px 5px 30px; border-bottom: 1px solid #e2e8f0; font-size: 12px; }
.trigger-detail-table { width: 100%; border-collapse: collapse; font-size: 12px; margin: 0; }
.trigger-detail-table th { background: #e2e8f0; color: #4a5568; padding: 5px 8px; font-weight: 500; font-size: 11px; }
.trigger-detail-table td { padding: 4px 8px; border-bottom: 1px solid #e2e8f0; }
.trigger-detail-table tr:last-child td { border-bottom: none; }
.toggle-icon { display: inline-block; width: 16px; font-size: 11px; color: #718096; transition: transform 0.15s; }
.toggle-icon.open { transform: rotate(90deg); }
.trigger-count { font-size: 11px; color: #718096; font-weight: normal; margin-left: 4px; }
</style>
</head>
<body>
<h1>Quartz Scheduler Status
<% if (autoRefresh) { %><span class="auto-badge">Auto <%= refreshSec %>s</span><% } %>
</h1>
<p class="info">
Instance: <strong><%= System.getProperty("inst.Name", "N/A") %></strong>
| Server Time: <strong><%= new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date()) %></strong>
</p>
<p class="toolbar">
Auto Refresh:
<% if (!autoRefresh) { %><span class="active">OFF</span><% } else { %><a href="quartzStatus.jsp">OFF</a><% } %>
|
<% int[] intervals = {5, 10, 30, 60}; %>
<% for (int iv : intervals) { %>
<% if (autoRefresh && refreshSec == iv) { %><span class="active"><%= iv %>s</span><% } else { %><a href="quartzStatus.jsp?refresh=<%= iv %>"><%= iv %>s</a><% } %>
<% } %>
</p>
<% if (error != null) { %>
<div class="error"><%= error %></div>
<% } %>
<% if (scheduler != null) { %>
<h2>Scheduler: <%= scheduler.getSchedulerName() %> (RAM)</h2>
<div class="scheduler-meta">
<span><strong>Status:</strong> <span class="<%= scheduler.isStarted() ? "state-normal" : "state-error" %>"><%= scheduler.isStarted() ? "STARTED" : "STOPPED" %></span></span>
<span><strong>Instance ID:</strong> <%= scheduler.getSchedulerInstanceId() %></span>
<span><strong>Job Count:</strong> <%= getJobList(scheduler).size() %></span>
</div>
<table>
<tr>
<th>Job Name</th>
<th>Job Class</th>
<th>Cron</th>
<th>State</th>
<th>Concurrent</th>
<th>Prev Fire</th>
<th>Next Fire</th>
<th>Job Data</th>
</tr>
<% int jobIdx = 0; for (Map<String, Object> job : getJobList(scheduler)) { String rowId = "s_" + jobIdx; List<Map<String, Object>> tList = (List<Map<String, Object>>) job.get("triggerList"); %>
<tr class="trigger-toggle" onclick="toggleTriggers('<%= rowId %>')">
<td><span class="toggle-icon" id="icon_<%= rowId %>">&#9654;</span><strong><%= job.get("name") %></strong><span class="trigger-count">(<%= job.get("triggerCount") %> triggers)</span></td>
<td class="mono"><%= job.get("jobClass") %></td>
<td class="mono"><%= job.get("cronExp") %></td>
<td class="<%= job.get("stateClass") %>"><%= job.get("state") %></td>
<td><span class="badge <%= (Boolean)job.get("disallowConcurrent") ? "badge-yes" : "badge-no" %>">
<%= (Boolean)job.get("disallowConcurrent") ? "NO (protected)" : "YES (allowed)" %></span></td>
<td class="mono"><%= job.get("prevFire") %><span class="rel"><%= job.get("prevFireRel") %></span></td>
<td class="mono"><%= job.get("nextFire") %><span class="rel"><%= job.get("nextFireRel") %></span></td>
<td class="mono"><%= job.get("jobData") %></td>
</tr>
<tr class="trigger-row" id="triggers_<%= rowId %>">
<td colspan="8" style="padding: 6px 10px 6px 30px;">
<% if (tList.isEmpty()) { %>
<em style="color:#a0aec0;">No triggers</em>
<% } else { %>
<table class="trigger-detail-table">
<tr><th>Trigger Name</th><th>Group</th><th>Type</th><th>Expression / Interval</th><th>State</th><th>Priority</th><th>Prev Fire</th><th>Next Fire</th></tr>
<% for (Map<String, Object> t : tList) { %>
<tr>
<td><%= t.get("triggerName") %></td>
<td><%= t.get("triggerGroup") %></td>
<td><%= t.get("type") %></td>
<td class="mono"><%= t.get("cronExp") %></td>
<td class="<%= t.get("stateClass") %>"><%= t.get("state") %></td>
<td><%= t.get("priority") %></td>
<td class="mono"><%= t.get("prevFire") %><span class="rel"><%= t.get("prevFireRel") %></span></td>
<td class="mono"><%= t.get("nextFire") %><span class="rel"><%= t.get("nextFireRel") %></span></td>
</tr>
<% } %>
</table>
<% } %>
</td>
</tr>
<% jobIdx++; } %>
</table>
<% } %>
<% if (clusteredScheduler != null) { %>
<h2>Clustered Scheduler: <%= clusteredScheduler.getSchedulerName() %> (DB)</h2>
<div class="scheduler-meta">
<span><strong>Status:</strong> <span class="<%= clusteredScheduler.isStarted() ? "state-normal" : "state-error" %>"><%= clusteredScheduler.isStarted() ? "STARTED" : "STOPPED" %></span></span>
<span><strong>Instance ID:</strong> <%= clusteredScheduler.getSchedulerInstanceId() %></span>
<span><strong>Job Count:</strong> <%= getJobList(clusteredScheduler).size() %></span>
</div>
<table>
<tr>
<th>Job Name</th>
<th>Job Class</th>
<th>Cron</th>
<th>State</th>
<th>Concurrent</th>
<th>Prev Fire</th>
<th>Next Fire</th>
<th>Job Data</th>
</tr>
<% int cJobIdx = 0; for (Map<String, Object> job : getJobList(clusteredScheduler)) { String rowId = "c_" + cJobIdx; List<Map<String, Object>> tList = (List<Map<String, Object>>) job.get("triggerList"); %>
<tr class="trigger-toggle" onclick="toggleTriggers('<%= rowId %>')">
<td><span class="toggle-icon" id="icon_<%= rowId %>">&#9654;</span><strong><%= job.get("name") %></strong><span class="trigger-count">(<%= job.get("triggerCount") %> triggers)</span></td>
<td class="mono"><%= job.get("jobClass") %></td>
<td class="mono"><%= job.get("cronExp") %></td>
<td class="<%= job.get("stateClass") %>"><%= job.get("state") %></td>
<td><span class="badge <%= (Boolean)job.get("disallowConcurrent") ? "badge-yes" : "badge-no" %>">
<%= (Boolean)job.get("disallowConcurrent") ? "NO (protected)" : "YES (allowed)" %></span></td>
<td class="mono"><%= job.get("prevFire") %><span class="rel"><%= job.get("prevFireRel") %></span></td>
<td class="mono"><%= job.get("nextFire") %><span class="rel"><%= job.get("nextFireRel") %></span></td>
<td class="mono"><%= job.get("jobData") %></td>
</tr>
<tr class="trigger-row" id="triggers_<%= rowId %>">
<td colspan="8" style="padding: 6px 10px 6px 30px;">
<% if (tList.isEmpty()) { %>
<em style="color:#a0aec0;">No triggers</em>
<% } else { %>
<table class="trigger-detail-table">
<tr><th>Trigger Name</th><th>Group</th><th>Type</th><th>Expression / Interval</th><th>State</th><th>Priority</th><th>Prev Fire</th><th>Next Fire</th></tr>
<% for (Map<String, Object> t : tList) { %>
<tr>
<td><%= t.get("triggerName") %></td>
<td><%= t.get("triggerGroup") %></td>
<td><%= t.get("type") %></td>
<td class="mono"><%= t.get("cronExp") %></td>
<td class="<%= t.get("stateClass") %>"><%= t.get("state") %></td>
<td><%= t.get("priority") %></td>
<td class="mono"><%= t.get("prevFire") %><span class="rel"><%= t.get("prevFireRel") %></span></td>
<td class="mono"><%= t.get("nextFire") %><span class="rel"><%= t.get("nextFireRel") %></span></td>
</tr>
<% } %>
</table>
<% } %>
</td>
</tr>
<% cJobIdx++; } %>
</table>
<% } %>
<script>
function toggleTriggers(rowId) {
var row = document.getElementById('triggers_' + rowId);
var icon = document.getElementById('icon_' + rowId);
if (row.classList.contains('open')) {
row.classList.remove('open');
icon.classList.remove('open');
} else {
row.classList.add('open');
icon.classList.add('open');
}
}
</script>
</body>
</html>
+87 -105
View File
@@ -1,10 +1,9 @@
plugins { plugins {
id 'java-library' id 'java-library'
id 'eclipse' id 'eclipse'
id 'eclipse-wtp' id 'eclipse-wtp'
id 'idea' id 'idea'
id 'war' id 'war'
id 'org.cyclonedx.bom' version '3.2.4'
} }
group 'com.eactive' group 'com.eactive'
@@ -32,11 +31,11 @@ allprojects {
project.webAppDirName = 'WebContent' project.webAppDirName = 'WebContent'
java { java {
toolchain { toolchain {
languageVersion = JavaLanguageVersion.of(8) languageVersion = JavaLanguageVersion.of(8)
} }
} }
sourceSets { sourceSets {
main { main {
java { java {
@@ -46,51 +45,56 @@ sourceSets {
} }
compileJava { compileJava {
options.encoding = 'UTF-8' options.encoding = 'UTF-8'
options.compilerArgs = ['-parameters'] options.compilerArgs = ['-parameters']
options.generatedSourceOutputDirectory = project.file(generatedJavaDir) options.generatedSourceOutputDirectory = project.file(generatedJavaDir)
} }
war { war {
def profile = project.findProperty("profile") ?: "tomcat" def profile = project.findProperty("profile") ?: "tomcat"
if (profile == "weblogic") { if (profile == "weblogic") {
webXml = file("WebContent/WEB-INF/weblogic-web.xml") webXml = file("WebContent/WEB-INF/weblogic-web.xml")
exclude 'WEB-INF/web.xml' exclude 'WEB-INF/web.xml'
} }
// rootSpec.exclude '**/persistence.xml' // rootSpec.exclude '**/persistence.xml'
exclude '**/context.xml' exclude '**/context.xml'
exclude '**/context-*.xml' exclude '**/context-*.xml'
archiveFileName = "eapim-admin.war" archiveFileName = "eapim-admin.war"
duplicatesStrategy = DuplicatesStrategy.WARN duplicatesStrategy = DuplicatesStrategy.WARN
} }
tasks.withType(JavaCompile) { tasks.withType(JavaCompile) {
options.encoding = 'UTF-8' options.encoding = 'UTF-8'
options.compilerArgs += ['-parameters', "-Xlint:unchecked", "-Xlint:deprecation"] options.compilerArgs += ['-parameters', "-Xlint:unchecked", "-Xlint:deprecation"]
} }
dependencies { dependencies {
annotationProcessor "org.projectlombok:lombok:1.18.28", "org.projectlombok:lombok-mapstruct-binding:0.2.0", "org.mapstruct:mapstruct-processor:1.5.5.Final" annotationProcessor "org.projectlombok:lombok:1.18.28",
annotationProcessor "com.querydsl:querydsl-apt:${queryDslVersion}:jpa", "jakarta.persistence:jakarta.persistence-api:2.2.3", "jakarta.annotation:jakarta.annotation-api:1.3.5" "org.projectlombok:lombok-mapstruct-binding:0.2.0",
"org.mapstruct:mapstruct-processor:1.5.5.Final"
annotationProcessor "com.querydsl:querydsl-apt:${queryDslVersion}:jpa",
"jakarta.persistence:jakarta.persistence-api:2.2.3",
"jakarta.annotation:jakarta.annotation-api:1.3.5"
implementation project(':elink-online-core') implementation project(':elink-online-core')
implementation project(':elink-online-transformer') implementation project(':elink-online-transformer')
implementation project(':elink-online-common') implementation project(':elink-online-common')
implementation project(':elink-online-emsclient') implementation project(':elink-online-emsclient')
implementation project(':elink-portal-common') implementation project(':elink-portal-common')
//implementation project(':kjb-safedb') //implementation project(':kjb-safedb')
//implementation project(":eapim-admin-djb") implementation project(":eapim-admin-djb")
/* Custom Libs */ /* Custom Libs (damo-manager.jar 는 Tomcat lib 가 런타임 제공 → compileOnly, WAR 미포함) */
implementation fileTree(dir: 'libs', include: ['*.jar']) implementation fileTree(dir: 'libs', include: ['*.jar'], exclude: ['damo-manager.jar'])
compileOnly files('libs/damo-manager.jar')
//implementation "org.dom4j:dom4j:2.1.3" //implementation "org.dom4j:dom4j:2.1.3"
//implementation "com.rabbitmq:amqp-client:3.6.6" //implementation "com.rabbitmq:amqp-client:3.6.6"
implementation "commons-primitives:commons-primitives:1.0" implementation "commons-primitives:commons-primitives:1.0"
@@ -112,16 +116,10 @@ dependencies {
// https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api // https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api
compileOnly group: 'javax.servlet', name: 'javax.servlet-api', version: '4.0.1' compileOnly group: 'javax.servlet', name: 'javax.servlet-api', version: '4.0.1'
implementation group: 'com.fasterxml.jackson.core', name: 'jackson-databind', version: '2.13.2.2'
//implementation group: 'com.fasterxml.jackson.dataformat', name: 'jackson-dataformat-xml', version: '2.13.1'
implementation 'com.fasterxml.jackson.datatype:jackson-datatype-jsr310:2.13.2'
// apistatus-draft.yml (자동 탐지 초안 양식) 로딩용. implementation group: 'com.fasterxml.jackson.core', name: 'jackson-databind', version: '2.13.1'
// admin 은 Spring Boot 가 아니라 yml 자동 바인딩이 없어 직접 파싱한다. //implementation group: 'com.fasterxml.jackson.dataformat', name: 'jackson-dataformat-xml', version: '2.13.1'
// 2.x 를 쓴다 - 1.x 는 CVE-2022-1471(Constructor 역직렬화 RCE) 및 implementation 'com.fasterxml.jackson.datatype:jackson-datatype-jsr310:2.13.1'
// CVE-2022-25857/38749~38752(DoS) 영향. 로딩도 SafeConstructor 로 한다.
implementation 'org.yaml:snakeyaml:2.4'
implementation "javax.jms:javax.jms-api:2.0" implementation "javax.jms:javax.jms-api:2.0"
implementation "org.snmp4j:snmp4j:1.10.1" implementation "org.snmp4j:snmp4j:1.10.1"
@@ -140,18 +138,13 @@ dependencies {
implementation "org.apache.ibatis:ibatis-sqlmap:2.3.4.726" implementation "org.apache.ibatis:ibatis-sqlmap:2.3.4.726"
implementation "org.jdom:jdom:1.1" implementation "org.jdom:jdom:1.1"
implementation "com.google.code.gson:gson:2.8.9" implementation "com.google.code.gson:gson:2.3.1"
implementation "javax.annotation:javax.annotation-api:1.2" implementation "javax.annotation:javax.annotation-api:1.2"
implementation "net.sf.json-lib:json-lib-ext-spring:1.0.2" implementation "net.sf.json-lib:json-lib-ext-spring:1.0.2"
implementation "taglibs:standard:1.1.2" implementation "taglibs:standard:1.1.2"
implementation "javax.servlet:jstl:1.1.2" implementation "javax.servlet:jstl:1.1.2"
implementation group: 'com.jcraft', name: 'jsch', version: '0.1.51' implementation group: 'com.jcraft', name: 'jsch', version: '0.1.51'
// springapp-servlet.xml 의 CommonsMultipartResolver 가 사용.
// 기존엔 elink-online-common(api 'commons-fileupload:1.5')에서 전이적으로 받아왔으나,
// eapim-online 쪽에서 해당 의존성을 제거할 예정이라 직접 선언으로 전환.
implementation "commons-fileupload:commons-fileupload:1.6.0"
implementation "org.quartz-scheduler:quartz:${quartzVersion}" implementation "org.quartz-scheduler:quartz:${quartzVersion}"
// https://mvnrepository.com/artifact/org.apache.poi/poi // https://mvnrepository.com/artifact/org.apache.poi/poi
@@ -193,32 +186,32 @@ dependencies {
implementation 'ch.qos.logback:logback-classic:1.2.10' implementation 'ch.qos.logback:logback-classic:1.2.10'
implementation 'ch.qos.logback:logback-access:1.2.10' implementation 'ch.qos.logback:logback-access:1.2.10'
implementation 'ch.qos.logback:logback-core:1.2.10' implementation 'ch.qos.logback:logback-core:1.2.10'
implementation files("libs/eai-bap-client.jar")
compileOnly 'javax.xml.bind:jaxb-api:2.3.1'
//implementation 'org.postgresql:postgresql:42.2.23'
implementation 'backport-util-concurrent:backport-util-concurrent:3.0'
implementation ('software.amazon.awssdk:s3:2.20.142') {
exclude group: 'org.slf4j', module: 'slf4j-api'
exclude group: 'org.slf4j', module: 'logback-classic'
}
implementation 'software.amazon.awssdk:sso:2.20.142'
implementation 'software.amazon.awssdk:sts:2.20.142'
implementation group: 'commons-net', name: 'commons-net', version: '3.5' implementation files("libs/eai-bap-client.jar")
// JDK 8 의 rt.jar 에는 org.w3c.dom.ElementTraversal 이 없어 xercesImpl 가 NCDFE 를 일으킴. compileOnly 'javax.xml.bind:jaxb-api:2.3.1'
// xml-apis 1.4.01 에 그 클래스가 포함됨. 직접 의존성으로 묶어 WAR 에 패키징되도록 함.
implementation 'xml-apis:xml-apis:1.4.01'
testRuntimeOnly 'com.h2database:h2:2.1.214' //implementation 'org.postgresql:postgresql:42.2.23'
testImplementation 'org.junit.jupiter:junit-jupiter-api:5.8.1'
testRuntimeOnly 'org.junit.jupiter:junit-jupiter-engine:5.8.1' implementation 'backport-util-concurrent:backport-util-concurrent:3.0'
testImplementation 'org.springframework.boot:spring-boot-starter-test:2.6.15'
implementation ('software.amazon.awssdk:s3:2.20.142') {
exclude group: 'org.slf4j', module: 'slf4j-api'
exclude group: 'org.slf4j', module: 'logback-classic'
}
implementation 'software.amazon.awssdk:sso:2.20.142'
implementation 'software.amazon.awssdk:sts:2.20.142'
implementation group: 'commons-net', name: 'commons-net', version: '3.5'
// JDK 8 의 rt.jar 에는 org.w3c.dom.ElementTraversal 이 없어 xercesImpl 가 NCDFE 를 일으킴.
// xml-apis 1.4.01 에 그 클래스가 포함됨. 직접 의존성으로 묶어 WAR 에 패키징되도록 함.
implementation 'xml-apis:xml-apis:1.4.01'
testRuntimeOnly 'com.h2database:h2:2.1.214'
testImplementation 'org.junit.jupiter:junit-jupiter-api:5.8.1'
testRuntimeOnly 'org.junit.jupiter:junit-jupiter-engine:5.8.1'
testImplementation 'org.springframework.boot:spring-boot-starter-test:2.6.15'
} }
test { test {
@@ -226,9 +219,9 @@ test {
} }
configurations.all { configurations.all {
exclude group: 'log4j', module: 'log4j' exclude group: 'log4j', module: 'log4j'
exclude group: 'org.apache.activemq' exclude group: 'org.apache.activemq'
exclude group: 'org.codehaus.jackson' exclude group: 'org.codehaus.jackson'
resolutionStrategy { resolutionStrategy {
// 10 minute cache of dynamic version navigation // 10 minute cache of dynamic version navigation
cacheDynamicVersionsFor 10, 'minutes' cacheDynamicVersionsFor 10, 'minutes'
@@ -239,11 +232,6 @@ configurations.all {
// 일부 transitive 가 끌어오는 xml-apis:1.0.b2 (2002, DOM L2) 는 이 클래스를 포함하지 않아 // 일부 transitive 가 끌어오는 xml-apis:1.0.b2 (2002, DOM L2) 는 이 클래스를 포함하지 않아
// xercesImpl 가 NoClassDefFoundError 를 일으킴 → 1.4.01 로 강제 통일. // xercesImpl 가 NoClassDefFoundError 를 일으킴 → 1.4.01 로 강제 통일.
force 'xml-apis:xml-apis:1.4.01' force 'xml-apis:xml-apis:1.4.01'
// logback 1.2.10 은 SLF4J 1.7 바인딩(StaticLoggerBinder)만 제공한다.
// transitive (Java-WebSocket:1.5.7 등) 가 slf4j-api 2.x 를 끌어올리면
// SLF4J 가 provider 를 못 찾아 NOP 로거로 폴백 → 콘솔/파일 로그가 전부 사라진다.
force 'org.slf4j:slf4j-api:1.7.36'
} }
} }
@@ -257,35 +245,29 @@ task settingEclipseEncoding {
} }
task initDirs() { task initDirs() {
file(generatedJavaDir).mkdirs() file(generatedJavaDir).mkdirs()
} }
eclipse { eclipse {
wtp { wtp {
component { component {
contextPath = 'monitoring' contextPath = 'monitoring'
} }
} }
synchronizationTasks settingEclipseEncoding, initDirs synchronizationTasks settingEclipseEncoding, initDirs
jdt { jdt {
// apt {
// // generated 된 패스 경로를 .setting/org.eclipse.jdt.apt.core.prefs 의 org.eclipse.jdt.apt.genSrcDir에 적용한다. }
// // project > properties > Java Compiler > Annoation Processing 화면에서 확인 가능하다. project {
// genSrcDir = file(generatedJavaDir) if (!natures.contains('org.eclipse.buildship.core.gradleprojectnature')) {
// } natures.add('org.eclipse.buildship.core.gradleprojectnature')
} buildCommand 'org.eclipse.buildship.core.gradleprojectbuilder'
project { }
if (!natures.contains('org.eclipse.buildship.core.gradleprojectnature')) { }
natures.add('org.eclipse.buildship.core.gradleprojectnature')
buildCommand 'org.eclipse.buildship.core.gradleprojectbuilder'
}
}
} }
tasks.withType(JavaCompile) { tasks.withType(JavaCompile) {
options.fork = true // 컴파일을 별도 프로세스로 분리 options.fork = true // 컴파일을 별도 프로세스로 분리
options.forkOptions.memoryMaximumSize = '4g' // 컴파일러에 2GB 할당 (필요시 4g로 증량) options.forkOptions.memoryMaximumSize = '4g' // 컴파일러에 2GB 할당 (필요시 4g로 증량)
options.encoding = 'UTF-8' options.encoding = 'UTF-8'
} }
// CycloneDX SBOM -> xlsx 변환 (gradle sbomXlsx)
apply from: "$projectDir/gradle/sbom-xlsx.gradle"
-326
View File
@@ -1,326 +0,0 @@
/*
* CycloneDX SBOM(bom.json) -> Excel(xlsx) 변환 태스크.
*
* gradle sbomXlsx # cyclonedxBom 실행 후 변환
* gradle sbomXlsx -PsbomJson=path.json # 기존 bom.json 사용(cyclonedxBom 생략)
* gradle sbomXlsx -PsbomOut=out.xlsx # 출력 경로 지정
*
* buildscript 블록이 이 스크립트에만 적용되므로 POI 의존성이 메인 빌드
* classpath 나 WAR 산출물에는 포함되지 않는다.
*
* 시트: 요약 / WAR 기준
* 산출 기준은 war 태스크의 classpath(= runtimeClasspath) 이므로
* test·annotationProcessor·developmentOnly·compileOnly 의존은 모두 제외된다.
* bom.json 은 라이선스/해시/설명/직접-전이 판별을 위한 메타 소스로만 쓴다.
*/
buildscript {
repositories {
maven {
url "https://nexus.eactive.synology.me:8090/repository/maven-public/"
allowInsecureProtocol = true
}
mavenCentral()
}
dependencies {
classpath 'org.apache.poi:poi-ooxml:3.17'
}
}
import groovy.json.JsonSlurper
import org.apache.poi.ss.usermodel.BorderStyle
import org.apache.poi.ss.usermodel.FillPatternType
import org.apache.poi.ss.usermodel.HorizontalAlignment
import org.apache.poi.ss.usermodel.IndexedColors
import org.apache.poi.ss.usermodel.VerticalAlignment
import org.apache.poi.ss.util.CellRangeAddress
import org.apache.poi.xssf.usermodel.XSSFWorkbook
// 엑셀 셀 문자열 상한(32767)보다 여유를 둔 절단 길이
ext.SBOM_CELL_LIMIT = 32000
task sbomXlsx {
group = 'sbom'
description = 'CycloneDX bom.json 을 WAR 수록 기준 xlsx 로 변환한다'
// -PsbomJson 으로 기존 산출물을 지정하면 재생성하지 않는다
if (!project.hasProperty('sbomJson')) {
dependsOn 'cyclonedxBom'
}
doLast {
File src = resolveBomJson(project)
File out = project.hasProperty('sbomOut')
? project.file(project.property('sbomOut'))
: new File(project.buildDir, "reports/sbom/${sbomFileName(project)}")
out.parentFile.mkdirs()
def bom = new JsonSlurper().parse(src, 'UTF-8')
def deploy = collectDeployJars(project)
def warRows = joinWarRows(deploy.jars, indexComponents(bom))
def wb = new XSSFWorkbook()
def st = createStyles(wb)
writeSummarySheet(wb, st, bom, warRows, src, deploy.label)
writeWarSheet(wb, st, warRows)
out.withOutputStream { os -> wb.write(os) }
wb.close()
int unmatched = warRows.count { it.matched == 'N' }
logger.lifecycle("SBOM xlsx 생성: ${out.absolutePath} " +
"(배포 수록 ${warRows.size()}개, SBOM 미매칭 ${unmatched}개, 원본 ${src.name})")
}
}
/** 산출 파일명: 배포 패키지명 기준 (war 있으면 war 파일명, 없으면 project 이름[-버전]) */
String sbomFileName(Project p) {
def warTask = p.tasks.findByName('war')
if (warTask != null) {
String archive = warTask.archiveFileName.get()
return archive.replaceAll(/\.(war|jar|ear)$/, '') + '-sbom.xlsx'
}
String ver = (p.version == null || p.version.toString() in ['', 'unspecified']) ? '' : "-${p.version}"
return "${p.name}${ver}-sbom.xlsx"
}
/** bom.json 위치 결정: -PsbomJson > cyclonedxBom 산출 경로 후보 */
File resolveBomJson(Project p) {
if (p.hasProperty('sbomJson')) {
File f = p.file(p.property('sbomJson'))
if (!f.exists()) {
throw new GradleException("bom.json 없음: ${f.absolutePath}")
}
return f
}
def candidates = [
new File(p.buildDir, 'reports/cyclonedx/bom.json'),
new File(p.buildDir, 'reports/bom.json'),
]
File found = candidates.find { it.exists() }
if (found == null) {
throw new GradleException(
"bom.json 을 찾지 못했다. 확인한 경로: " + candidates*.absolutePath.join(', ') +
"\n'gradle cyclonedxBom' 실행 후 재시도하거나 -PsbomJson=<경로> 로 지정한다.")
}
return found
}
/**
* 실제 배포물에 packaging 되는 jar 목록.
* war 프로젝트는 war 태스크 classpath(= runtimeClasspath), 그 외는 runtimeClasspath 를
* 기준으로 하므로 test/annotationProcessor/developmentOnly/compileOnly 는 자동으로 빠진다.
*
* @return [label: 기준 설명, jars: 행 목록]
*/
Map collectDeployJars(Project p) {
def cfg = p.configurations.findByName('runtimeClasspath')
if (cfg == null) {
p.logger.warn("[${p.name}] runtimeClasspath 가 없어 배포 기준 시트를 비운다")
return [label: '(없음)', jars: []]
}
def warTask = p.tasks.findByName('war')
def files
String label
if (warTask != null) {
files = warTask.classpath.files
label = 'WAR WEB-INF/lib (war 태스크 classpath)'
} else {
files = cfg.files
label = 'runtimeClasspath (war 태스크 없음)'
}
def coordByFile = [:]
cfg.resolvedConfiguration.resolvedArtifacts.each { a ->
def id = a.moduleVersion.id
coordByFile[a.file] = [group: id.group, name: id.name, version: id.version]
}
def jars = files.findAll { it.name.endsWith('.jar') }.collect { f ->
def c = coordByFile[f]
[
file : f.name,
group : c?.group ?: '',
name : c?.name ?: f.name.replaceAll(/\.jar$/, ''),
version: c?.version ?: '',
coord : c ? "${c.group}:${c.name}:${c.version}".toString() : '',
]
}.sort { it.file }
return [label: label, jars: jars]
}
/** bom.json 컴포넌트를 'group:name:version' 키로 색인 (라이선스/해시/설명/직접-전이) */
Map indexComponents(bom) {
String rootRef = bom.metadata?.component?.'bom-ref'
Set directRefs = (bom.dependencies?.find { it.ref == rootRef }?.dependsOn ?: []) as Set
def index = [:]
bom.components?.each { c ->
def hashes = [:]
c.hashes?.each { h -> hashes[h.alg] = h.content }
def licenses = (c.licenses ?: []).collect { l ->
l.license?.id ?: l.license?.name ?: l.expression ?: ''
}.findAll { it }
index["${c.group ?: ''}:${c.name ?: ''}:${c.version ?: ''}".toString()] = [
direct : directRefs.contains(c.'bom-ref') ? '직접' : '전이',
licenses : licenses.join('; '),
licenseList: licenses.isEmpty() ? ['(미상)'] : licenses,
purl : c.purl ?: '',
sha256 : hashes['SHA-256'] ?: '',
sha1 : hashes['SHA-1'] ?: '',
description: c.description ?: '',
]
}
return index
}
/** WAR jar 목록에 SBOM 메타를 좌표로 결합 */
List joinWarRows(List warJars, Map index) {
def result = []
warJars.eachWithIndex { j, i ->
def m = j.coord ? index[j.coord] : null
result << [
no : i + 1,
file : j.file,
group : j.group,
name : j.name,
version : j.version,
direct : m?.direct ?: '',
licenses : m?.licenses ?: '',
licenseList: m?.licenseList ?: ['(미상)'],
purl : m?.purl ?: '',
sha256 : m?.sha256 ?: '',
sha1 : m?.sha1 ?: '',
matched : (m != null) ? 'Y' : 'N',
description: m?.description ?: '',
]
}
return result
}
Map createStyles(wb) {
def headFont = wb.createFont()
headFont.setBold(true)
headFont.setColor(IndexedColors.WHITE.getIndex())
def head = wb.createCellStyle()
head.setFont(headFont)
head.setFillForegroundColor(IndexedColors.DARK_BLUE.getIndex())
head.setFillPattern(FillPatternType.SOLID_FOREGROUND)
head.setAlignment(HorizontalAlignment.CENTER)
head.setVerticalAlignment(VerticalAlignment.CENTER)
head.setBorderBottom(BorderStyle.THIN)
def body = wb.createCellStyle()
body.setVerticalAlignment(VerticalAlignment.TOP)
def wrap = wb.createCellStyle()
wrap.setVerticalAlignment(VerticalAlignment.TOP)
wrap.setWrapText(true)
def labelFont = wb.createFont()
labelFont.setBold(true)
def label = wb.createCellStyle()
label.setFont(labelFont)
return [head: head, body: body, wrap: wrap, label: label]
}
/** 헤더 행 생성 + 폭 지정 + 틀고정 */
def writeHeader(sheet, style, List<String> headers, List<Integer> widths) {
def row = sheet.createRow(0)
row.setHeightInPoints(20f)
headers.eachWithIndex { h, i ->
def cell = row.createCell(i)
cell.setCellValue(h)
cell.setCellStyle(style)
sheet.setColumnWidth(i, widths[i] * 256)
}
sheet.createFreezePane(0, 1)
}
def cellOf(row, int idx, value, style) {
def cell = row.createCell(idx)
String s = (value == null) ? '' : value.toString()
if (s.length() > SBOM_CELL_LIMIT) {
s = s.substring(0, SBOM_CELL_LIMIT) + '…(생략)'
}
cell.setCellValue(s)
cell.setCellStyle(style)
return cell
}
def writeSummarySheet(wb, st, bom, List warRows, File src, String basisLabel) {
def sheet = wb.createSheet('요약')
def comp = bom.metadata?.component ?: [:]
def tool = bom.metadata?.tools?.components?.getAt(0)
Set licenseKinds = warRows.collectMany { it.licenseList } as Set
def items = [
['대상 프로젝트', "${comp.group ?: ''}:${comp.name ?: ''}:${comp.version ?: ''}"],
['산출 기준', "${basisLabel} — test/annotationProcessor/compileOnly 제외"],
['BOM 포맷', "${bom.bomFormat ?: ''} ${bom.specVersion ?: ''}"],
['serialNumber', bom.serialNumber ?: ''],
['생성 시각', bom.metadata?.timestamp ?: ''],
['생성 도구', tool ? "${tool.name} ${tool.version}" : ''],
['원본 파일', src.absolutePath],
['배포 수록 jar', warRows.size()],
[' └ 직접 의존', warRows.count { it.direct == '직접' }],
[' └ 전이 의존', warRows.count { it.direct == '전이' }],
[' └ SBOM 미매칭', warRows.count { it.matched == 'N' }],
['라이선스 종류', licenseKinds.size()],
['라이선스 미상', warRows.count { it.licenses.isEmpty() }],
]
writeHeader(sheet, st.head, ['항목', '값'], [30, 90])
items.eachWithIndex { item, i ->
def row = sheet.createRow(i + 1)
cellOf(row, 0, item[0], st.label)
cellOf(row, 1, item[1], st.body)
}
// 라이선스 분포 (요약 하단)
def byLicense = [:].withDefault { 0 }
warRows.each { r -> r.licenseList.each { lic -> byLicense[lic] = byLicense[lic] + 1 } }
def sorted = byLicense.entrySet().sort { a, b -> (b.value <=> a.value) ?: (a.key <=> b.key) }
int base = items.size() + 2
def hdr = sheet.createRow(base)
cellOf(hdr, 0, '라이선스', st.head)
cellOf(hdr, 1, 'jar 수', st.head)
sorted.eachWithIndex { e, i ->
def row = sheet.createRow(base + 1 + i)
cellOf(row, 0, e.key, st.body)
cellOf(row, 1, e.value, st.body)
}
}
/** 실제 배포물(WAR WEB-INF/lib) 기준 시트 */
def writeWarSheet(wb, st, List warRows) {
def sheet = wb.createSheet('WAR 기준')
def headers = ['No', 'jar 파일명', 'Group', 'Name', 'Version', '구분',
'License', 'purl', 'SHA-256', 'SHA-1', 'SBOM매칭', 'Description']
def widths = [6, 46, 32, 34, 16, 7, 30, 60, 40, 30, 10, 60]
writeHeader(sheet, st.head, headers, widths)
warRows.eachWithIndex { r, i ->
def row = sheet.createRow(i + 1)
cellOf(row, 0, r.no, st.body)
cellOf(row, 1, r.file, st.body)
cellOf(row, 2, r.group, st.body)
cellOf(row, 3, r.name, st.body)
cellOf(row, 4, r.version, st.body)
cellOf(row, 5, r.direct, st.body)
cellOf(row, 6, r.licenses, st.body)
cellOf(row, 7, r.purl, st.body)
cellOf(row, 8, r.sha256, st.body)
cellOf(row, 9, r.sha1, st.body)
cellOf(row, 10, r.matched, st.body)
cellOf(row, 11, r.description, st.wrap)
}
if (!warRows.isEmpty()) {
sheet.setAutoFilter(new CellRangeAddress(0, warRows.size(), 0, headers.size() - 1))
}
}
+2 -2
View File
@@ -2,7 +2,7 @@
POST http://localhost:7090/monitoring/_onl/admin/authserver/clientMan.json?serviceType=APIGW POST http://localhost:7090/monitoring/_onl/admin/authserver/clientMan.json?serviceType=APIGW
Content-Type: application/json Content-Type: application/json
User-Agent: insomnia/10.1.1 User-Agent: insomnia/10.1.1
X-Internal-Token: {{internalApiToken}} X-API-KEY: EAPIM_KEY
action: insert action: insert
target_host: stg target_host: stg
@@ -118,4 +118,4 @@ target_host: stg
"errTransformYn": "N" "errTransformYn": "N"
} }
] ]
} }
Binary file not shown.
+382 -280
View File
@@ -1,368 +1,470 @@
# eapim-admin # EAPIM Admin
주은행(DJB) eLink EMS 관리 콘솔 주은행 엔터프라이즈 API 관리 시스템 - 관리 콘솔
## 개요 ## 프로젝트 개요
**eapim-admin** eLink EMS(eLink Management System) 웹 기반 관리 콘솔입니다. **EAPIM Admin**은 광주은행의 eLink EMS (eLink Management System) 관리 콘솔로, API 게이트웨이 구성, 모니터링, 통계, 트랜잭션 로그 조회 기능을 제공하는 웹 기반 플랫폼입니다.
API 게이트웨이 구성, 실시간 모니터링/대시보드, 통계, 트랜잭션 로그 조회, 인터페이스·레이아웃·어댑터·라우팅 관리 기능을 제공합니다.
eLink EMS 는 세 가지 애플리케이션으로 구성됩니다.
| 애플리케이션 | 설명 |
|---|---|
| **eapim-admin** | 관리 콘솔 (이 저장소) |
| eapim-online | 실시간 트랜잭션 처리 API 게이트웨이 |
| eapim-portal | API 소비자용 개발자 포털 (Spring Boot) |
> 패키지·클래스에 남아 있는 `kjb` / `KJB` 명칭은 초기 광주은행 커스터마이징에서 유래한 것으로,
> 현재 배포 대상은 제주은행(DJB)입니다. 제주은행 전용 코드는 `com.eactive.eai.rms.ext.djb` 하위에 있습니다.
## 기술 스택 ## 기술 스택
| 구분 | 버전 / 내용 | - Spring Framework 5.3.27
|---|---| - Java 17
| Java | **8** (Gradle toolchain 으로 강제, `JavaLanguageVersion.of(8)`) | - Gradle 8.7
| 빌드 | Gradle **8.7** (wrapper), `war` 패키징 | - Oracle 19c
| Spring Framework | 5.3.27 (MVC / ORM / JDBC) | - Spring Data JPA 2.5.2
| Spring Data JPA | 2.5.2 | - Hibernate 5.4.33/5.6.15
| Hibernate | 5.6.15.Final | - QueryDSL 5.0.0
| QueryDSL | 5.0.0 (빌드 시 Q-class 생성) | - iBATIS 2.3.4 (레거시 SQL 매핑)
| iBATIS | 2.3.4 (레거시 SQL 매핑) | - Quartz 2.2.1
| Quartz | 2.2.1 (스케줄링) | - Logback 1.2.10
| 로깅 | SLF4J + Logback 1.2.10 (모든 `log4j` 의존성 제외) |
| 기타 | Apache POI 3.17(Excel), Jackson 2.13.1, AWS SDK 2.x(S3), EhCache, Lombok, MapStruct |
애플리케이션 프레임워크는 Spring Boot 가 아닌 전통적 Spring 5.3 WAR 이며 Tomcat / WebLogic 등에 배포됩니다. ## 초기 세팅 가이드
(Spring Boot 는 테스트 유틸리티 `spring-boot-starter-test:2.6.15` 에만 사용)
## 사전 요구사항 ### 사전 요구사항
- **JDK 8** - `.envrc`(direnv) 또는 셸 rc 에서 `JAVA_HOME` 을 JDK 8 위치로 export. Gradle 8 toolchain auto-detect 가 `JAVA_HOME` 도 후보로 인식합니다. `gradle.properties` 에 JDK 경로를 넣지 않습니다. - JDK 17 이상
- Gradle 8.7
- Git - Git
- Oracle 접근 (개발/테스트 환경에 따라). 테스트는 H2 인메모리 DB 사용. - Oracle 19c (또는 개발 환경에 따라 접근 가능한 DB)
- **형제 디렉토리 체크아웃 필요** - 멀티 모듈 프로젝트로 아래 저장소가 같은 부모 디렉토리에 있어야 합니다.
```
<workspace>/
├── eapim-admin/ # 이 저장소
├── eapim-online/ # elink-online-* 모듈
└── elink-portal-common/ # 포털 공통 JPA 엔티티
```
## 멀티 모듈 구조 ### 환경별 설정 파일
프로젝트 클론 후 필요한 환경 설정을 수정하세요:
`settings.gradle` 에서 형제 디렉토리의 소스 프로젝트를 참조합니다. - `WebContent/WEB-INF/properties/env.D.properties` - 개발 환경
- `WebContent/WEB-INF/properties/env.T.properties` - 테스트/스테이징 환경
- `WebContent/WEB-INF/properties/env.P.properties` - 운영 환경
| 모듈 | 위치 | 설명 |
|---|---|---|
| elink-online-core | `../eapim-online/elink-online-core` | 핵심 인터페이스 / 도메인 모델 |
| elink-online-core-jpa | `../eapim-online/elink-online-core-jpa` | JPA 엔티티 / 리포지토리 |
| elink-online-transformer | `../eapim-online/elink-online-transformer` | 메시지 변환 로직 |
| elink-online-common | `../eapim-online/elink-online-common` | 공통 유틸리티 |
| elink-online-emsclient | `../eapim-online/elink-online-emsclient` | EMS 통신 클라이언트 |
| elink-portal-common | `../elink-portal-common` | 포털 공통 컴포넌트 (JPA 엔티티) |
> `kjb-safedb`, `eapim-admin-djb` 는 `settings.gradle` 에 주석 처리되어 있으며, ### 주의사항
> 필요 시 주석을 해제하고 해당 디렉토리를 체크아웃합니다. - **SafeDB**: 암호화 기능이 필요한 경우 `-Dkjb_safedb.mode=fake` 설정 (개발 환경) 또는 실제 SafeDB 라이브러리 설치
- **멀티 모듈 구조**: eapim-online의 여러 모듈들을 참조하므로 반드시 eapim-online도 클론해야 합니다
## 빌드 및 실행 ## 빌드 및 실행
### Gradle 명령어
프로젝트 루트의 Gradle wrapper(`./gradlew`) 를 사용합니다. 프로젝트 루트의 Gradle wrapper(`./gradlew`) 를 사용합니다.
### 빌드 및 실행 명령어
```bash ```bash
# 표준 빌드 # 표준 빌드
./gradlew build ./gradlew build
# Weblogic 배포용 빌드 (테스트 제외)
./gradlew build -x test -Pprofile=weblogic
# WAR 파일 빌드[ems_stdout.log](../../logs/emsSvr-RinjaeMA/ems_stdout.log)
./gradlew war
# 클린 빌드 # 클린 빌드
./gradlew clean build ./gradlew clean build
# WAR 빌드 (build/libs/eapim-admin.war) # 테스트 실행
./gradlew war
# WebLogic 배포용 빌드 (테스트 제외, weblogic-web.xml 사용)
./gradlew build -x test -Pprofile=weblogic
# 패키징 없이 컴파일만
./gradlew classes
# QueryDSL Q-class 등 생성 코드만 생성
./gradlew compileJava
# 전체 테스트
./gradlew test ./gradlew test
# 특정 테스트 # 패키징 없이 클래스만 컴파일
./gradlew test --tests "com.eactive.eai.rms.*" ./gradlew classes
# 의존성 트리 / 태스크 목록 # QueryDSL Q-classes 및 기타 애노테이션 생성
./gradlew compileJava
# 의존성 트리 보기
./gradlew dependencies ./gradlew dependencies
# 사용 가능한 모든 태스크 목록
./gradlew tasks --all ./gradlew tasks --all
``` ```
- WAR 파일명: `eapim-admin.war`, 컨텍스트 경로: `/monitoring`
- 프로필: `-Pprofile=weblogic` 지정 시 `web.xml` 대신 `weblogic-web.xml` 사용 (DefaultServlet 문제 회피)
## 로컬 개발 빠른 시작
1. **생성 코드 생성** - 최초 1회 및 pull 이후
```bash
./gradlew compileJava # Q-class IDE 오류 시: ./gradlew clean compileJava
```
2. **빌드/테스트**
```bash
./gradlew build
```
3. **IDE 열기** - 아래 "IDE 설정" 참조
4. **WAS(Tomcat 등) 실행 구성** 에 `eapim-admin` 배포 + 아래 VM 옵션 추가 후 기동
### 로컬 Tomcat VM 옵션 예시
전체 목록과 설명은 `CLAUDE.md` 의 "필수 환경 변수 (Tomcat)" 를 참조하세요.
```
-Deai.datasource.type=DEV
-Dinst.Name=emsSvr11
-Deai.tableowner=EMSADM
-Deai.systemmode=D
-Dfile.encoding=utf-8
-Dlogin.mode=db
-DLOGBACK_LOG_LEVEL=DEBUG
-Ddamo-manager.enabled=true
-Dlogging.log-path=/logs/prod/eapim/emsSvr11
-Dlogback.configurationFile=classpath:logback-dev.xml
-Dhibernate.dialect=org.hibernate.dialect.Oracle12cDialect
```
- `inst.Name` 은 클러스터 내에서 인스턴스마다 고유해야 합니다.
- `eai.tableowner` 는 Oracle 스키마 소유자.
## 프로젝트 구조 ## 프로젝트 구조
### 전체 프로젝트 구조
```
kjb-eapim/
├── eapim-admin/ # Admin 관리 콘솔 (현재 프로젝트)
├── eapim-online/ # Online 게이트웨이 코어 모듈
│ ├── elink-online-core/
│ ├── elink-online-core-jpa/
│ ├── elink-online-transformer/
│ ├── elink-online-common/
│ ├── elink-online-emsclient/
│ └── elink-online-adapter/
├── elink-portal-common/ # 포털 공통 컴포넌트 (JPA 엔티티)
├── kjb-safedb/ # SafeDB 암호화 라이브러리
└── eapim-portal/ # Portal 개발자 포털 (선택사항)
```
### eapim-admin 내부 구조
``` ```
src/main/java/com/eactive/eai/ src/main/java/com/eactive/eai/
├── agent/command - 커맨드 패턴 구현 ├── agent/command - 커맨드 패턴 구현
├── common - 공통 유틸리티, iBatis, JSON 직렬화 ├── common/ - 공통 유틸리티, iBatis, JSON 직렬화
├── custom - 고객사별 커스터마이제이션 ├── custom/ - 고객사별 커스터마이제이션
├── rms - 메인 애플리케이션 코드 ├── rms/ - 메인 애플리케이션 코드
│ ├── bap - 배치 처리(BAP): adaptor / manage / tansaction │ ├── bap/ - 배치 처리 (BAP)
│ ├── bat - 추가 배치 기능 │ ├── bat/ - 추가 배치 기능
│ ├── common - RMS 공통 (필터, 시작, 서비스) │ ├── common/ - RMS 공통 (필터, 시작, 서비스)
│ ├── data - 데이터 엔티티, 리포지토리 │ ├── data/ - 데이터 엔티티, 리포지토리
│ ├── env - 환경 설정 │ ├── env/ - 환경 설정
│ ├── kakao - 카카오 연동 │ ├── kakao/ - 카카오 연동
│ ├── onl - 온라인 트랜잭션 관리 (apim / manage / transaction) │ ├── onl/ - 온라인 트랜잭션 관리
── service - 비즈니스 서비스 ── service/ - 비즈니스 서비스
└── ext └── ext.kjb/ - 광주은행(KJB) 확장
│ ├── djb - 제주은행(DJB) 확장 (webhook, UMS 연동, 통계 등)
│ └── kjb - 광주은행(KJB) 유래 확장
└── (com.eactive.ext.kjb) - 통계 화면 등 일부 확장 코드
WebContent/
├── WEB-INF/
│ ├── applicationContext.xml - Root Spring 설정
│ ├── springapp-servlet.xml - Servlet Spring 설정
│ ├── web.xml / weblogic-web.xml
│ └── properties/ - env.D / env.T / env.P / env.L .properties
├── jsp/ - 화면
└── guide/ - 사용자 가이드(docsify)
``` ```
## 데이터 액세스 (하이브리드 ORM) ### 웹 리소스 구조
```
WebContent/
├── WEB-INF/
│ ├── applicationContext.xml - Root Spring 설정
│ ├── springapp-servlet.xml - Servlet Spring 설정
│ ├── web.xml - Tomcat용 배포 디스크립터
│ ├── weblogic-web.xml - WebLogic용 배포 디스크립터
│ └── properties/ - 환경별 프로퍼티
│ ├── env.D.properties - 개발
│ ├── env.T.properties - 테스트
│ └── env.P.properties - 운영
└── guide/ - 사용자 가이드
```
JPA 와 iBATIS 를 함께 사용합니다. ## 주요 기능
- **신규 기능**: JPA + Spring Data 리포지토리 (`com.eactive.eai.rms.data.entity`, `elink-portal-common`) 다음과 같은 관리 기능을 수행하며, 모든 관리 대상은 실시간으로 DB, 메모리에 있는 정보가 수정, 반영됩니다.
- **레거시**: iBATIS SQL 매퍼 `src/main/resources/com/eactive/eai/**/*.xml` (Spring XML 설정, 점진적 마이그레이션 대상)
- 벤더별 매핑: Oracle `*-oracle.xml`, MariaDB `*-mariadb.xml`, PostgreSQL `*-postgresql.xml`
### Multi-tenancy (런타임 스키마 전환) | 기능 | 설명 |
| -------------------- | ------------------------------------------------------------ |
| 사용자 관리 | 사용자 및 권한을 관리하는 기능 |
| 로그 조회 | 거래 수행 내역을 조회 하는 기능(온라인/배치/일괄) |
| 통계 조회 | 거래 통계 조회 기능 |
| 대시보드 조회 | 거래 내역 및 장애상황을 모니터링 할 수 있는 대시보드 조회 기능 |
| 인터페이스 관리 | 인터페이스 등록/관리 기능 |
| 레이아웃 관리 | 레이아웃 등록/관리 기능 |
| 변환 관리 | 변환 등록/관리 기능 |
| 어댑터 관리 | 통신 어댑터 등록/관리 기능 |
| 라우팅룰 관리 | 라우팅 룰 등록/관리 기능 |
| 배치 어댑터 관리 | 배치 어댑터 등록/관리 기능 |
| 배치 인터페이스 관리 | 배치 인터페이스 등록/관리 기능 |
| 일괄 관리 | 일괄 등록/관리 기능 |
Hibernate Multi-tenancy 로 요청 시점에 스키마를 전환합니다. ## 외부 모듈
`DataSourceContextHolder`(ThreadLocal) → `TenantIdentifierResolver` → `ConfigurableMultiTenantConnectionProvider.setSchema()`.
요청 파라미터 `serviceType`(예: `APIGW`) 를 `DataSourceTypeInterceptor` 가 읽어 자동 설정하거나, 컨트롤러에서 명시 설정합니다. 이 프로젝트는 다음 모듈에 의존합니다 (settings.gradle 참조):
자세한 내용은 `CLAUDE.md` 의 "Multi-tenancy" 절 참조.
| 이름 | 버전 | 설명 |
| ------------------------ | ------------ | ---------------------------------------------- |
| elink-online-core | 4.5-SNAPSHOT | 코어 모듈로 인터페이스 클래스 정의 |
| elink-online-core-jpa | 4.5-SNAPSHOT | JPA 엔티티 및 리포지토리 |
| elink-online-transformer | 4.5-SNAPSHOT | 변환 모듈로 메시지 및 변환 관련 클래스 정의 |
| elink-online-adapter | 4.5-SNAPSHOT | 어댑터 모듈로 통신에 필요한 어댑터 클래스 정의 |
| elink-online-common | 4.5-SNAPSHOT | 나머지 공통 프로그램이 정의되어있다 |
| elink-online-emsclient | 4.5-SNAPSHOT | ems와 통신하기 위한 모듈 |
| elink-portal-common | - | 포털 공통 컴포넌트 (JPA 엔티티) |
| kjb-safedb | - | 커스텀 암호화 라이브러리 |
| eapim-admin-kjb | - | KJB 은행 특화 커스터마이제이션 |
## 하이브리드 ORM 방식
이 애플리케이션은 **JPA와 iBATIS 모두를 사용**합니다:
- **JPA/Hibernate**: `elink-portal-common`을 통한 현대적인 데이터 액세스 (Spring Data repositories)
- **iBATIS**: 기존 코드를 위한 레거시 SQL 매핑 (점진적으로 마이그레이션 예정)
데이터 액세스 작업 시:
- 새로운 기능은 JPA와 Spring Data repositories를 사용해야 합니다
- 레거시 iBATIS 매퍼는 `src/main/resources/com/eactive/eai/**/*.xml`에 있으며 Spring XML을 통해 설정됩니다
## 코드 생성 ## 코드 생성
빌드 시 생성됩니다. 빌드 프로세스에서 생성되는 것들:
- **QueryDSL Q-classes**: 타입 안전 쿼리 클래스
- **Lombok**: 애노테이션 프로세싱을 통한 Getters/setters/builders
- **MapStruct**: DTO와 엔티티 간의 객체 매퍼
### 이중 Q-Class 생성 (Gradle + Eclipse)
이 프로젝트는 **Gradle과 Eclipse 애노테이션 프로세서 모두를 사용**하므로, Q-classes가 **두 위치에 생성**됩니다:
1. **`build/generated/java/`** - `gradle compileJava` 또는 `gradle build` 실행 시 Gradle이 생성
2. **`WebContent/generated/`** - Eclipse IDE에서 빌드 시 Eclipse APT가 생성
**이는 예상된 동작이며 의도적입니다.** 두 디렉토리 모두 `.gitignore`에 포함되어 있으며 커밋해서는 안 됩니다.
## AI 코딩 어시스턴트 지침 파일
이 프로젝트는 여러 AI 코딩 어시스턴트를 지원합니다. 각 도구는 다음 파일을 참조합니다:
### 지침 파일 위치
| AI 도구 | 지침 파일 경로 | 용도 |
|---------|---------------|------|
| **Claude Code** | `CLAUDE.md` | 마스터 지침 파일 (한글) |
| **GitHub Copilot** | `.github/copilot-instructions.md` | Copilot용 지침 |
| **Cursor** | `.cursorrules` | Cursor용 간결한 규칙 |
### 지침 파일 관리 방법
1. **마스터 파일**: `CLAUDE.md`
- 가장 상세한 프로젝트 지침을 포함
- 한글로 작성되어 한국 개발팀이 이해하기 쉬움
- 수정 시 이 파일을 먼저 업데이트
2. **동기화**:
```bash
# CLAUDE.md 수정 후 다른 파일들 동기화
cp CLAUDE.md .github/copilot-instructions.md
# .cursorrules는 간결한 버전이므로 필요시 수동 업데이트
```
3. **새로운 AI 도구 지원 추가**:
- Windsurf: `.windsurfrules` 파일 생성
- 기타 도구: 해당 도구의 규칙 파일명 확인 후 생성
- **QueryDSL Q-class** - `build/generated/java/` 에 생성, `.gitignore` 대상 (커밋 금지)
- **Lombok** - getter/setter/builder 등
- **MapStruct** - DTO ↔ 엔티티 매퍼
pull 이후 또는 Q-class IDE 오류 시 `./gradlew compileJava` (또는 `clean compileJava`) 로 재생성합니다.
## 환경 설정 ## 환경 설정
### 시스템 모드 ### 시스템 모드
`-Deai.systemmode` 로 지정하며 해당 프로퍼티 파일을 로드합니다. - **D (DEV)**: 개발 환경
- **T (TEST)**: 테스트/스테이징 환경
- **P (PROD)**: 운영 환경
| 값 | 환경 | 파일 | 시스템 모드는 `-Deai.systemmode` JVM 옵션으로 설정하며, 해당 환경의 프로퍼티 파일(`env.D.properties` 등)을 로드합니다.
|---|---|---|
| D | 개발 | `env.D.properties` |
| T | 테스트 / 스테이징 | `env.T.properties` |
| P | 운영 | `env.P.properties` |
| L | 로컬 | `env.L.properties` |
### 데이터베이스 ### TOMCAT 기동 옵션 참조
- **Oracle**: 운영 주 DB (`hibernate.dialect=org.hibernate.dialect.Oracle12cDialect`) #### 은행 개발 서버용
- **MariaDB / PostgreSQL**: 벤더별 SQL 매핑으로 지원 (JDBC 의존성은 필요 시 활성화) ```
- **H2**: 테스트용 인메모리 DB (`src/test/resources`) -Deai.datasource.type=DEV
- 연결 타입은 `-Deai.datasource.type`(DEV/STG/PROD) 로 선택 -Dinst.Name=emsSvr11
-Deai.tableowner=EMSAPP
-Deai.systemmode=D
-Dfile.encoding=utf-8
-DLOGBACK_LOG_LEVEL=info
```
### DB 암호화 #### 로컬 개발용
```
`damo-manager.jar` 모듈은 환경에 따라 다른 암호화로직을 제공한다. -Deai.datasource.type=DEV
-Dinst.Name=emsSvr99
| 환경 | 설명 | -Deai.tableowner=EMSAPP
|---|---| -Deai.systemmode=D
| 운영 | 실제 D'amo 네이티브 라이브러리 | -Dfile.encoding=utf-8
| 개발 | SHA-256 | -Dlogin.mode=db
-DLOGBACK_LOG_LEVEL=DEBUG
로컬 개발 시 `-Ddamo-manager.enabled=false` -Dlogback.configurationFile=classpath:logback-dev.xml
-Dhibernate.dialect=org.hibernate.dialect.Oracle12cDialect
## DJB (제주은행) 전용 설정 -Dkjb_safedb.mode=fake
DJB 전용 프로퍼티는 DB 테이블 `TSEAIRM24` 에 그룹명 `'Monitoring'` 과
DB 테이블 `PTL_PROPERTY` 에 그룹명 `'Portal'` 로 저장된다.
> Monitoring 프라퍼티 (환경정보 > EMS관리 > 모니터링 프라퍼티)
**계정관리**
- `djb.sms_auth.enabled` - 로그인시 2-factor 인증 적용여부
- `djb.sms_auth.fixed_value` - sms_auth.mode=fixed일 경우 고정인증값
- `djb.sms_auth.mode` - 2-factor 인증 모드 (real:실제, fixed:고정값-개발환경에서 사용)
- `rms.DUAL_LOGIN_ENABLED` - 중복 로그인 허용 여부
- `rms.auto.logout.timeout` - 자동 로그아웃 시간(분)
- `rms.password.combi.check` - 비밀번호 영문/숫자/특수문자 조합 종류수
- `rms.password.fail.count` - 비밀번호 실패 허용 횟수(이 값 이상 실패시 계정 잠김)
- `rms.password.history.count` - 이전 비밀번호 변경 불가 횟수
- `rms.password.init.subfix` - 관리자가 비밀번호 초기화시 추가 문자 ex) 행번@!
- `rms.password.length.check` - 비밀번호 최소 자리수
- `rms.password.repeat.check` - 비밀번호 동일문자,연속문자 반복 불가 횟수
- `rms.password.sms_auth.enabled` - 비밀번호 변경시 2-factor 인증 여부
**인터페이스 배포**
- `iomap.download.path` - 인터페이스.json 파일 다운로드 서버 경로
- `iomap.upload.path` - 인터페이스.json 파일 업로드 서버 경로
**UMS(공통) 연동**
- `djb.ums.was_ip_address` - 관리자포탈 WAS IP 주소 (UMS 연동시 필요)
- `djb.ums.was_mac_address` - 관리자포탈 WAS MAC 주소 (UMS 연동 시 필요)
**UMS(이메일) 연동**
- `djb.ums.email.url` - 이메일 API 엔드포인트 (EAI)
- `djb.ums.email.cstno` - 고객번호
- `djb.ums.email.ums_evnt_id` - UMS이벤트 ID
**UMS(사내메신저) 연동**
- `djb.ums.messenger.url` - 사내메신저 API 앤드포인트 (FEP)
- `djb.ums.messenger.client_id` - 사내메신저 클라이언트 아이디
- `djb.ums.messenger.client_secret` - 사내메신저 클라이언트 시크릿
- `djb.ums.messenger.api-monitor.enabled` - API 상태변화시 직원에게 사내메신저 발송 여부
**UMS(SMS) 연동**
- `djb.ums.sms.url` - SMS API 엔드포인트 (EAI)
- `djb.ums.sms.almtk_snd_prtl_key.intra` - 카톡 알림톡 채널 ID (제주은행 임직원)
- `djb.ums.sms.almtk_snd_prtl_key.public` - 카톡 알림톡 채널 ID (제주은행)
**Webhook 발송**
- `rms.webhook.enabled` - 웹훅 발송 여부
- `rms.webhook.retry_count` - 웹훅 재발송 횟수
- `rms.webhook.retry_time` - 웹훅 재발송 시간간격
- `rms.webhook.reverse_proxy.url` - 리버스 프록시 경로
> Portal 프라퍼티 (파트너포탈 > 포탈관리 > Property관리) -Dlogback.configurationFile="C:\eactive\workspaces\kjb-eapim\eapim-admin\src\main\resources\logback-rinjae.xml"
```
**UMS 연동** ### 데이터베이스 지원
- `djb.ums.email.if_id` - 이메일 연동 인터페이스 ID
- `djb.ums.email.tx_id` - 이메일 거래 ID
- `djb.ums.messenger.if_id` - 사내메신저 인터페이스 ID
- `djb.ums.messenger.tx_id` - 사내메신저 거래 ID
- `djb.ums.sms.if_id` - SMS 인터페이스 ID
- `djb.ums.sms.tx_id` - SMS 거래 ID
- **Oracle**: 운영 데이터베이스 (주)
- **PostgreSQL/MariaDB**: 대체 운영 DB
- **H2**: 테스트용 인메모리 데이터베이스
## 스케쥴러 데이터베이스 벤더는 프로퍼티 파일의 `db.vendor`와 `hibernate.dialect`를 통해 설정됩니다.
**API 상태 모니터링** ### SafeDB 암호화 라이브러리
- `ApiStatusMonitorJob11, ApiStatusMonitorJob21` - API 상태 변화를 모니터링한다. API 상태 변화 발생시 직원에게 메신저 및 제휴사에게 웹훅을 발송한다.
- 실행간격(1분)이 짧아서 CLUSTERED는 적용을 못하고, 서버수만큼 등록하여 번갈아 가면서 실행하도록 설정
- `api.status.error.range_minute` - API 장애 판단을 위한 로그 구간(분)
- `api.status.error.rate` - API 장애판단을 위한 오류율 (ex : 10분동안 90% 이상 오류 발생시 장애로 판단)
- `api.status.delay.range_minute` - API 지연 상태 판단을 위한 로그 구간(분)
- `api.status.delay.avg_resp_time` - API 지연 상태 판단을 위한 평균 응답속도 (ex: 10분동안 평균 응답속도가 10초이상이면 지연으로 판단)
**유량제어토큰실패감시** `kjb-safedb` 모듈은 세 가지 동작 모드를 제공합니다:
- `InflowTokenMonitorJob` - 유량제어 토큰 획득 실패(TSEAIFR11) 발생시 직원에게 메신저를 발송한다 - **REAL**: 실제 SafeDB 네이티브 라이브러리 사용
- `api.inflow.fail.range_minute` - 최근 몇분동안 감시하는지 설정 - **FAKE**: SHA-256/AES-256을 사용하는 개발 모드 (SafeDB 설치 불필요)
- **NONE**: 암호화 우회 (테스트 전용)
**API 통계** 개발 시 SafeDB가 로컬에 설치되지 않은 경우 `-Dkjb_safedb.mode=fake`를 설정합니다.
- `ApiStatsHourlyAggregationJob` - 당일 API 로그 정보를 시간별로 집계 (TSEAILG00 > API_STATS_HOUR)
- `APISTATSDAILYJOB` - API 사용통계 일집계 (API_STATS_HOUR > API_STATS_DAY)
- `APISTATSMONTHLYJOB` - API 사용통계 월집계 (API_STATS_DAY > API_STATS_MONTH)
- `APISTATSYEARLYJOB` - API 사용통계 년집계 (API_STATS_MONTH > API_STATS_YEAR)
**UMS발송**
- `UMSDISPATCHJOB11, UMSDISPATCHJOB21` - UMS를 발송한다.
- 실행간격(5초)이 짧아서 CLUSTERED는 적용을 못하고, 서버수만큼 등록하여 번갈아 가면서 실행하도록 설정
**게시글종료**
- `PortalInquiryClosingJob` - 답변완료 이후 일정기간 댓글이 없는 경우 게시글을 종료한다
- `inquiry.comment.closing_day` - 게시글 종료 대기일수
**메모리초기화**
- `MEMORYTRINIT` - 관리자포탈 서버 메모리 초기화(G/W에서 받은 거래현황)
**토큰발급이력삭제**
- `TOKENISSUANCELOGCLEANUPJOB` - 7일이 지난 토큰 발급내역을 삭제한다
## 배포 ## 배포
| 대상 | 비고 | ### 지원 서버
|---|---| - **Tomcat** (기본, 개발)
| Tomcat | 기본, 개발 | - **WebLogic 14.1.2** (운영, `-Pprofile=weblogic` 필요)
| WebLogic 14.1.2 | 운영, `-Pprofile=weblogic` 필요 | - **JEUS** (지원)
| JEUS | 지원 | - **JBoss/WildFly** (descriptors와 함께 지원)
| JBoss / WildFly | descriptor 포함 지원 |
- 모든 관리 변경사항은 DB 와 메모리에 즉시 반영됩니다. ### WebLogic 전용 빌드
- 인코딩은 UTF-8. `CharacterEncodingFilter` 가 `*.excel` 을 제외한 모든 요청에 적용.
- XSS 보호: `com.eactive.eai.rms.common.filter.CrossScriptingFilter` 전역 적용. WebLogic용 빌드 시, DefaultServlet 문제를 해결하기 위해 `web.xml`을 `weblogic-web.xml`로 교체하는 `weblogic` 프로필을 사용합니다:
```bash
gradle build -x test -Pprofile=weblogic
```
### WAR 배포
WAR 파일은 context path `/monitoring`으로 `eapim-admin.war`로 빌드됩니다.
## IDE 설정 ## IDE 설정
`build.gradle` 은 `eclipse` / `eclipse-wtp` / `idea` 플러그인을 모두 포함합니다. ### Eclipse
IntelliJ 전용 변형은 `build.gradle.intellij` 로 별도 관리합니다 (필요 시 `build.gradle` 로 교체).
```bash ```bash
# Eclipse gradle eclipse
./gradlew eclipse # .project / .classpath, WTP(context path: /monitoring), APT 설정 생성
# IntelliJ IDEA
./gradlew idea # 또는 IDE 에서 "Import Gradle Project"
``` ```
다음을 생성합니다:
- `.project` 및 `.classpath` 파일
- Eclipse WTP 설정 (context path: `/monitoring`)
- UTF-8 인코딩 설정
- QueryDSL/Lombok을 위한 애노테이션 프로세서 설정
### IntelliJ IDEA
```bash
gradle idea
```
또는 IntelliJ에서 직접 "Import Gradle Project"를 사용합니다.
## KJB (광주은행) 전용 설정
### 프로퍼티 관리
KJB 전용 프로퍼티는 데이터베이스 테이블 `TSEAIRM24`에 그룹명 `'Monitoring'`으로 저장됩니다.
### 주요 프로퍼티 설정
**이메일 알림 (EAI Batch를 통해)**
- `kjb.eai_batch.url` - 이메일 발송을 위한 EAI 배치 서버 URL
- 개발: http://172.31.32.111:10230/BATAppWeb/EaiBatCall
- QA: http://172.31.33.111:10430/BATAppWeb/EaiBatCall
- 운영: http://172.21.1.40:10860/BATAppWeb/EaiBatCall
- 입력하지 않을 경우 EAI 배치 호출을 하지 않고 내부적으로 통신하지 않으며 warning 로그만 남김
- `kjb.ums.eai_batch.send_dir` - 이메일 파일 발송 디렉토리 (기본값: `/Data/eapim/portal/sendmail/snd`)
- `kjb.ums.eai_batch.backup_dir` - 이메일 백업 디렉토리 (기본값: `/Data/eapim/portal/sendmail/bak`)
- `kjb.ums.eai_batch.interface_id` - 고객 이메일용 인터페이스 ID (예: `UAGFF00001UIE`)
**UMS (SMS/LMS/카카오톡) 연동**
- `kjb.ums.host_url` - UMS API 엔드포인트
- `kjb.ums.api_key` - UMS API 인증 키
- `kjb.ums.connection_timeout` - 연결 타임아웃 (초 단위)
- `kjb.ums.response_timeout` - 응답 타임아웃 (초 단위)
### 보안
- 커스텀 패스워드 인코더: SafeDB 연동을 위한 `KjbSafedbPasswordEncoder`
## 테스트 ## 테스트
- **JUnit 5 (Jupiter)** - 테스트 프레임워크 테스트에 사용되는 것들:
- **Spring Boot Test 2.6.15** - 통합 테스트 유틸리티 - **JUnit 5 (Jupiter)**: 테스트 프레임워크
- **H2** - 인메모리 DB (`src/test/resources`) - **Spring Boot Test 2.6.15**: 통합 테스트 유틸리티
- **Mockito** - 모킹 (Spring Boot Test 경유) - **H2 Database**: 테스트용 인메모리 데이터베이스
- **Mockito**: 모킹 프레임워크 (Spring Boot Test를 통해)
```bash ```bash
./gradlew test # 모든 테스트 실행
./gradlew test --tests "com.eactive.eai.rms.*" gradle test
# 특정 테스트 클래스 실행
gradle test --tests "com.example.ClassName"
# 특정 테스트 패키지 실행 (JUnit 플랫폼 사용)
gradle test --tests "com.eactive.eai.rms.*"
``` ```
## 관련 프로젝트
프로젝트 구조 (kjb-eapim 디렉토리 기준):
- `eapim-admin/` - Admin 관리 콘솔 (현재 프로젝트)
- `eapim-online/` - Online 게이트웨이 (코어 모듈 포함)
- `eapim-portal/` - Portal 개발자 포털
- `elink-portal-common/` - 공통 유틸리티 라이브러리
- `kjb-safedb/` - SafeDB 암호화 라이브러리
- `kjb-eapim-sql/` - SQL 스크립트 (선택사항)
## 문서 ## 문서
- **프로젝트 상세 지침**: `CLAUDE.md` (AI 어시스턴트 및 개발자용 마스터 문서, 한글) - **프로젝트 상세 지침**: `CLAUDE.md` (한글)
- **사용자 가이드**: `WebContent/guide/` (docsify) - **사용자 가이드**: `WebContent/guide/` (한글)
## 참고: KJB 데이터베이스 파라미터 설정
### 추가 파라미터 SQL
```sql
-- 로컬 개발용 (외부)
-- EAI, UMS 주소 미기입시 내부적으론 호출 시도 하지 않고 warning 로그만 남기며 정상 처리
--insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.eai_batch.url', '');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.eai.batch.connection_timeout', '5');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.eai.batch.response_timeout', '5');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.eai.batch.timeout', '10');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.eai.batch.charset', 'euc-kr');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.eai_batch.send_dir', '/Data/eapim/portal/sendmail/snd');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.eai_batch.backup_dir', '/Data/eapim/portal/sendmail/bak');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.eai_batch.error_dir', '/Data/eapim/portal/sendmail/bak');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.eai_batch.retention_date', '60');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.eai_batch.interface_id', 'UIEFF00001UAG');
-- insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.host_url', '');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.api_key', '7cca6d58-e4f7-474d-9edd-525806bc99ff');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.connection_timeout', '5');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.response_timeout', '5');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.timeout', '10');
--insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.host_url', '');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.trust_system', 'APIMPT-0002-QVBJTVBULTAwMDI=');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.commission_uri', '/api/billing/findBillingForCondition');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.commission_print_uri', '/api/billing/billing/findBillingForCondition/print');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.query_partnercode_uri', '/api/customer/findCustomerByBusinessManRegistrationNo/%s');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.create_partnercode_uri', '/not-yet-implement/%s');
commit;
-- 은행 개발 서버용
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.eai_batch.url', 'http://172.31.32.111:10230/BATAppWeb/EaiBatCall');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.eai.batch.connection_timeout', '5');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.eai.batch.response_timeout', '5');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.eai.batch.timeout', '10');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.eai.batch.charset', 'euc-kr');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.eai_batch.send_dir', '/Data/eapim/portal/sendmail/snd');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.eai_batch.backup_dir', '/Data/eapim/portal/sendmail/bak');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.eai_batch.error_dir', '/Data/eapim/portal/sendmail/bak');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.eai_batch.retention_date', '60');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.eai_batch.interface_id', 'UIEFF00001UAG');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.host_url', 'http://172.31.35.144:9021');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.api_key', '7cca6d58-e4f7-474d-9edd-525806bc99ff');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.connection_timeout', '5');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.response_timeout', '5');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.timeout', '10');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.host_url', 'http://192.168.246.15:8181');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.trust_system', 'APIMPT-0002-QVBJTVBULTAwMDI=');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.commission_uri', '/api/billing/findBillingForCondition');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.commission_print_uri', '/api/billing/billing/findBillingForCondition/print');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.query_partnercode_uri', '/api/customer/findCustomerByBusinessManRegistrationNo/%s');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.create_partnercode_uri', '/not-yet-implement/%s');
commit;
-- 은행 운영 서버용
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.eai_batch.url', 'http://172.21.1.40:10860/BATAppWeb/EaiBatCall');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.eai.batch.connection_timeout', '5');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.eai.batch.response_timeout', '5');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.eai.batch.timeout', '10');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.eai.batch.charset', 'euc-kr');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.eai_batch.send_dir', '/Data/eapim/portal/sendmail/snd');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.eai_batch.backup_dir', '/Data/eapim/portal/sendmail/bak');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.eai_batch.error_dir', '/Data/eapim/portal/sendmail/bak');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.eai_batch.retention_date', '60');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.eai_batch.interface_id', 'UIEFF00001UAG');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.host_url', 'http://172.24.128.66:9021');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.api_key', '7cca6d58-e4f7-474d-9edd-525806bc99ff');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.connection_timeout', '5');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.response_timeout', '5');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.ums.timeout', '10');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.host_url', 'http://192.168.246.15:8181');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.trust_system', 'APIMPT-0002-QVBJTVBULTAwMDI=');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.commission_uri', '/api/billing/findBillingForCondition');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.commission_print_uri', '/api/billing/billing/findBillingForCondition/print');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.query_partnercode_uri', '/api/customer/findCustomerByBusinessManRegistrationNo/%s');
insert into EMSAPP.TSEAIRM24 (PRPTYGROUPNAME, PRPTYNAME, PRPTY2VAL) values ('Monitoring', 'kjb.obp.create_partnercode_uri', '/not-yet-implement/%s');
commit;
```
## 라이선스 ## 라이선스
사내 전용(proprietary). 제주은행 eLink EMS. © 광주은행 (Kwangju Bank)
+2 -2
View File
@@ -7,7 +7,7 @@ include 'elink-online-common'
include 'elink-online-emsclient' include 'elink-online-emsclient'
include 'elink-portal-common' include 'elink-portal-common'
//include 'kjb-safedb' //include 'kjb-safedb'
//include 'eapim-admin-djb' include 'eapim-admin-djb'
project (':elink-online-core-jpa').projectDir = new File(settingsDir, "../eapim-online/elink-online-core-jpa") project (':elink-online-core-jpa').projectDir = new File(settingsDir, "../eapim-online/elink-online-core-jpa")
project (':elink-online-core').projectDir = new File(settingsDir, "../eapim-online/elink-online-core") project (':elink-online-core').projectDir = new File(settingsDir, "../eapim-online/elink-online-core")
@@ -16,4 +16,4 @@ project (':elink-online-common').projectDir = new File(settingsDir, "../eapim-on
project (':elink-online-emsclient').projectDir = new File(settingsDir, "../eapim-online/elink-online-emsclient") project (':elink-online-emsclient').projectDir = new File(settingsDir, "../eapim-online/elink-online-emsclient")
project (':elink-portal-common').projectDir = new File(settingsDir, "../elink-portal-common") project (':elink-portal-common').projectDir = new File(settingsDir, "../elink-portal-common")
//project (':kjb-safedb').projectDir = new File(settingsDir, "../kjb-safedb") //project (':kjb-safedb').projectDir = new File(settingsDir, "../kjb-safedb")
//project (':eapim-admin-djb').projectDir = new File(settingsDir, "../eapim-admin-djb") project (':eapim-admin-djb').projectDir = new File(settingsDir, "../eapim-admin-djb")
@@ -41,12 +41,10 @@ public class AuditLogInterceptor implements HandlerInterceptor {
if (isAuditableUsecase.isAuditable(userId, command, logType, systemCode)) { if (isAuditableUsecase.isAuditable(userId, command, logType, systemCode)) {
String parameters = getParametersAsString(request); String parameters = getParametersAsString(request);
String message = request.getParameter("auditReason");
log log
.debug("audit log save : logType={}, cmd={}, user={}, parameters={}", logType, command, .debug("audit log save : logType={}, cmd={}, user={}, parameters={}", logType, command,
userId, parameters); userId, parameters);
saveAuditLogUseCase saveAuditLogUseCase.log(systemCode, logType, command, remoteAddress, userId, parameters);
.log(systemCode, logType, command, remoteAddress, userId, parameters, message);
} }
} }
@@ -51,9 +51,6 @@ public class AuditLogPageRepositoryImpl implements AuditLogPageRepository {
if (StringUtils.isNotBlank(command.getSearchRemoteAddress())) { if (StringUtils.isNotBlank(command.getSearchRemoteAddress())) {
jpaQuery.where(qAuditLogEntity.remoteAddress.containsIgnoreCase(command.getSearchRemoteAddress())); jpaQuery.where(qAuditLogEntity.remoteAddress.containsIgnoreCase(command.getSearchRemoteAddress()));
} }
if (StringUtils.isNotBlank(command.getSearchParameters())) {
jpaQuery.where(qAuditLogEntity.parameters.containsIgnoreCase(command.getSearchParameters()));
}
long totalCount = jpaQuery.fetchOne(); long totalCount = jpaQuery.fetchOne();
List<AuditLogEntity> auditLogs = jpaQuery List<AuditLogEntity> auditLogs = jpaQuery
@@ -23,8 +23,6 @@ public class AuditLog {
private String logTypeText; private String logTypeText;
private String message;
private String parameters; private String parameters;
private LocalDateTime lastModifiedDate; private LocalDateTime lastModifiedDate;
@@ -3,6 +3,6 @@ package com.eactive.eai.rms.common.acl.audit.port.in;
public interface SaveAuditLogUseCase { public interface SaveAuditLogUseCase {
public void log(String systemCode, String logType, String command, String remoteAddress, String userId, public void log(String systemCode, String logType, String command, String remoteAddress, String userId,
String parameters, String message); String parameters);
} }
@@ -18,7 +18,6 @@ public class SelectListAuditLogCommand {
private String searchUserId; private String searchUserId;
private String searchRemoteAddress; private String searchRemoteAddress;
private String searchParameters;
@JsonFormat(pattern = "yyyyMMddHHmmss") @JsonFormat(pattern = "yyyyMMddHHmmss")
@DateTimeFormat(pattern = "yyyyMMddHHmmss") @DateTimeFormat(pattern = "yyyyMMddHHmmss")
@@ -59,16 +59,15 @@ class AuditLogService
@Override @Override
public void log(String systemCode, String logType, String command, String remoteAddress, String userId, public void log(String systemCode, String logType, String command, String remoteAddress, String userId,
String parameters, String message) { String parameters) {
AuditLog auditLog = new AuditLog(systemCode, logType, command, userId, remoteAddress); AuditLog auditLog = new AuditLog(systemCode, logType, command, userId, remoteAddress);
String auditPointKey = AuditPoint.generateKey(logType, systemCode, command); String auditPointKey = AuditPoint.generateKey(logType, systemCode, command);
AuditPoint auditPoint = auditPoints.get(auditPointKey); AuditPoint auditPoint = auditPoints.get(auditPointKey);
auditLog.setLogTypeText(auditPoint.getLogTypeText()); auditLog.setLogTypeText(auditPoint.getLogTypeText());
auditLog.setLastModifiedDate(LocalDateTime.now()); auditLog.setLastModifiedDate(LocalDateTime.now());
auditLog.setParameters(parameters); auditLog.setParameters(parameters);
auditLog.setMessage(message);
saveAuditLogPort.save(auditLog); saveAuditLogPort.save(auditLog);
} }
@@ -15,7 +15,6 @@ import org.springframework.web.bind.annotation.GetMapping;
import com.eactive.eai.rms.common.acl.menu.ui.LeftMenuUI; import com.eactive.eai.rms.common.acl.menu.ui.LeftMenuUI;
import com.eactive.eai.rms.common.acl.role.RoleManService; import com.eactive.eai.rms.common.acl.role.RoleManService;
import com.eactive.eai.rms.common.base.BaseAnnotationController; import com.eactive.eai.rms.common.base.BaseAnnotationController;
import com.eactive.eai.rms.common.context.MonitoringContext;
import com.eactive.eai.rms.common.datasource.DataSourceContextHolder; import com.eactive.eai.rms.common.datasource.DataSourceContextHolder;
import com.eactive.eai.rms.common.login.SessionManager; import com.eactive.eai.rms.common.login.SessionManager;
import com.eactive.eai.rms.data.entity.man.menu.MenuService; import com.eactive.eai.rms.data.entity.man.menu.MenuService;
@@ -32,9 +31,6 @@ public class MenuRenderController extends BaseAnnotationController {
@Autowired @Autowired
private MenuRenderService menuRenderService; private MenuRenderService menuRenderService;
@Autowired
private MonitoringContext monitoringContext;
@GetMapping("/left_top.do") @GetMapping("/left_top.do")
public String left_top(HttpServletRequest request, ModelMap modelMap) { public String left_top(HttpServletRequest request, ModelMap modelMap) {
return "/common/screen/left_top"; return "/common/screen/left_top";
@@ -91,9 +87,6 @@ public class MenuRenderController extends BaseAnnotationController {
List<DataSourceType> roleServiceTypeList = roleManService.selectRoleServiceTypeList(roleIds); List<DataSourceType> roleServiceTypeList = roleManService.selectRoleServiceTypeList(roleIds);
modelMap.addAttribute("roleServiceTypeList", roleServiceTypeList); modelMap.addAttribute("roleServiceTypeList", roleServiceTypeList);
modelMap.addAttribute("autoLogoutTimeout",
monitoringContext.getIntProperty(MonitoringContext.RMS_AUTO_LOGOUT_TIMEOUT, 30));
if (StringUtils.isNotBlank(mainPage)) { if (StringUtils.isNotBlank(mainPage)) {
for (Map<String, Object> map : dataList) { for (Map<String, Object> map : dataList) {
String url = (String) map.get("LEV4_URL"); String url = (String) map.get("LEV4_URL");
@@ -1,30 +0,0 @@
package com.eactive.eai.rms.common.acl.sitemap;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import lombok.RequiredArgsConstructor;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
import com.eactive.eai.rms.common.base.BaseAnnotationController;
import com.eactive.eai.rms.common.login.SessionManager;
@Controller
@RequiredArgsConstructor
public class SitemapController extends BaseAnnotationController {
private final SitemapService sitemapService;
@GetMapping(value = "/common/acl/sitemap/sitemapMan.view")
public String view(@RequestParam(value = "serviceType", required = false) String serviceType,
HttpServletRequest request, Model model) {
List<String> roleIds = SessionManager.getRoleId(request);
model.addAttribute("sitemapTree", sitemapService.getSitemapTree(roleIds, serviceType));
return "/common/acl/sitemap/sitemapMan";
}
}
@@ -1,11 +0,0 @@
package com.eactive.eai.rms.common.acl.sitemap;
import java.util.List;
import com.eactive.eai.rms.common.acl.sitemap.ui.SitemapNode;
public interface SitemapService {
public List<SitemapNode> getSitemapTree(List<String> roleIds, String serviceType);
}

Some files were not shown because too many files have changed in this diff Show More