hyungi/tk-factory-services
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
0de9d5bb486163d817881279b26065702d232d37
tk-factory-services/system3-nonconformance/web/m/dashboard.html
Hyungi Ahn 0de9d5bb48 feat(sso): 인앱 브라우저 SSO 토큰 릴레이 — 카톡 WebView 쿠키 미공유 해결 
카카오톡 인앱 WebView는 서브도메인 간 쿠키를 공유하지 않아
tkds에서 로그인 후 tkfb로 리다이렉트 시 인증이 풀리는 문제.

- sso-relay.js: URL hash의 _sso= 토큰을 로컬 쿠키+localStorage로 설정
- gateway dashboard: 로그인 후 redirect URL에 #_sso=<token> 추가
- 전 서비스 HTML: core JS 직전에 sso-relay.js 로드 (81개 파일)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-01 15:44:02 +09:00

197 lines
9.4 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>부적합 현황판</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="/static/css/m-common.css?v=2026031401">
</head>
<body>
<!-- 로딩 -->
<div id="loadingOverlay" class="m-loading-overlay">
<div class="m-spinner"></div>
<p>현황판을 불러오는 중...</p>
</div>
<!-- 고정 상단 헤더 -->
<header class="m-header">
<div class="m-header-title">
<i class="fas fa-chart-line" style="color:#3b82f6"></i>
현황판
</div>
<div class="m-header-actions">
<button class="m-header-btn" onclick="refreshPage()"><i class="fas fa-sync-alt"></i></button>
</div>
</header>
<!-- 통계 바 -->
<div class="m-stats-bar" id="statsBar">
<div class="m-stat-pill blue"><span>전체</span><span class="m-stat-value" id="totalInProgress">0</span></div>
<div class="m-stat-pill green"><span>오늘 신규</span><span class="m-stat-value" id="todayNew">0</span></div>
<div class="m-stat-pill purple"><span>완료 대기</span><span class="m-stat-value" id="pendingCompletion">0</span></div>
<div class="m-stat-pill red"><span>지연</span><span class="m-stat-value" id="overdue">0</span></div>
</div>
<!-- 프로젝트 필터 -->
<div class="m-filter-bar">
<select class="m-filter-select" id="projectFilter" onchange="filterByProject()">
<option value="">전체 프로젝트</option>
</select>
</div>
<!-- 이슈 카드 리스트 -->
<div id="issuesList"></div>
<!-- 빈 상태 -->
<div id="emptyState" class="m-empty hidden">
<i class="fas fa-chart-line"></i>
<p>진행 중인 부적합이 없습니다</p>
</div>
<!-- ===== 바텀시트: 의견 제시 ===== -->
<div id="opinionOverlay" class="m-sheet-overlay" onclick="closeSheet('opinion')"></div>
<div id="opinionSheet" class="m-sheet">
<div class="m-sheet-handle"></div>
<div class="m-sheet-header">
<span class="m-sheet-title"><i class="fas fa-comment-medical" style="color:#22c55e;margin-right:6px"></i>의견 제시</span>
<button class="m-sheet-close" onclick="closeSheet('opinion')"><i class="fas fa-times"></i></button>
</div>
<div class="m-sheet-body">
<div class="m-form-group">
<label class="m-label">의견 내용</label>
<textarea id="opinionText" class="m-textarea" rows="4" placeholder="해결 방안에 대한 의견을 입력하세요..."></textarea>
</div>
</div>
<div class="m-sheet-footer">
<button class="m-submit-btn green" onclick="submitOpinion()">
<i class="fas fa-paper-plane"></i>의견 제출
</button>
</div>
</div>
<!-- ===== 바텀시트: 댓글 추가 ===== -->
<div id="commentOverlay" class="m-sheet-overlay" onclick="closeSheet('comment')"></div>
<div id="commentSheet" class="m-sheet">
<div class="m-sheet-handle"></div>
<div class="m-sheet-header">
<span class="m-sheet-title"><i class="fas fa-comment" style="color:#3b82f6;margin-right:6px"></i>댓글 추가</span>
<button class="m-sheet-close" onclick="closeSheet('comment')"><i class="fas fa-times"></i></button>
</div>
<div class="m-sheet-body">
<div class="m-form-group">
<label class="m-label">댓글 내용</label>
<textarea id="commentText" class="m-textarea" rows="3" placeholder="의견에 대한 댓글을 입력하세요..."></textarea>
</div>
</div>
<div class="m-sheet-footer">
<button class="m-submit-btn" onclick="submitComment()">
<i class="fas fa-paper-plane"></i>댓글 추가
</button>
</div>
</div>
<!-- ===== 바텀시트: 답글 추가 ===== -->
<div id="replyOverlay" class="m-sheet-overlay" onclick="closeSheet('reply')"></div>
<div id="replySheet" class="m-sheet">
<div class="m-sheet-handle"></div>
<div class="m-sheet-header">
<span class="m-sheet-title"><i class="fas fa-reply" style="color:#3b82f6;margin-right:6px"></i>답글 추가</span>
<button class="m-sheet-close" onclick="closeSheet('reply')"><i class="fas fa-times"></i></button>
</div>
<div class="m-sheet-body">
<div class="m-form-group">
<label class="m-label">답글 내용</label>
<textarea id="replyText" class="m-textarea" rows="3" placeholder="댓글에 대한 답글을 입력하세요..."></textarea>
</div>
</div>
<div class="m-sheet-footer">
<button class="m-submit-btn" onclick="submitReply()">
<i class="fas fa-paper-plane"></i>답글 추가
</button>
</div>
</div>
<!-- ===== 바텀시트: 의견/댓글/답글 수정 ===== -->
<div id="editOverlay" class="m-sheet-overlay" onclick="closeSheet('edit')"></div>
<div id="editSheet" class="m-sheet">
<div class="m-sheet-handle"></div>
<div class="m-sheet-header">
<span class="m-sheet-title" id="editSheetTitle"><i class="fas fa-edit" style="color:#22c55e;margin-right:6px"></i>수정</span>
<button class="m-sheet-close" onclick="closeSheet('edit')"><i class="fas fa-times"></i></button>
</div>
<div class="m-sheet-body">
<div class="m-form-group">
<label class="m-label">내용</label>
<textarea id="editText" class="m-textarea" rows="4"></textarea>
</div>
</div>
<div class="m-sheet-footer">
<button class="m-submit-btn green" onclick="submitEdit()">
<i class="fas fa-save"></i>수정 완료
</button>
</div>
</div>
<!-- ===== 바텀시트: 완료 신청 ===== -->
<div id="completionOverlay" class="m-sheet-overlay" onclick="closeSheet('completion')"></div>
<div id="completionSheet" class="m-sheet">
<div class="m-sheet-handle"></div>
<div class="m-sheet-header">
<span class="m-sheet-title"><i class="fas fa-check-circle" style="color:#22c55e;margin-right:6px"></i>완료 신청</span>
<button class="m-sheet-close" onclick="closeSheet('completion')"><i class="fas fa-times"></i></button>
</div>
<div class="m-sheet-body">
<div class="m-form-group">
<label class="m-label"><i class="fas fa-camera" style="color:#22c55e;margin-right:4px"></i>완료 사진 (필수)</label>
<div class="m-photo-upload" onclick="document.getElementById('completionPhotoInput').click()">
<i class="fas fa-cloud-upload-alt"></i>
<p>탭하여 완료 사진 업로드</p>
</div>
<input type="file" id="completionPhotoInput" accept="image/*" capture="environment" class="hidden" onchange="handleCompletionPhoto(event)">
<img id="completionPhotoPreview" class="m-photo-preview hidden">
</div>
<div class="m-form-group">
<label class="m-label">완료 코멘트 (선택)</label>
<textarea id="completionComment" class="m-textarea" rows="3" placeholder="완료 상황에 대한 간단한 설명..."></textarea>
</div>
</div>
<div class="m-sheet-footer">
<button class="m-submit-btn green" onclick="submitCompletionRequest()">
<i class="fas fa-paper-plane"></i>완료 신청
</button>
</div>
</div>
<!-- ===== 바텀시트: 완료 반려 ===== -->
<div id="rejectionOverlay" class="m-sheet-overlay" onclick="closeSheet('rejection')"></div>
<div id="rejectionSheet" class="m-sheet">
<div class="m-sheet-handle"></div>
<div class="m-sheet-header">
<span class="m-sheet-title"><i class="fas fa-times-circle" style="color:#ef4444;margin-right:6px"></i>완료 반려</span>
<button class="m-sheet-close" onclick="closeSheet('rejection')"><i class="fas fa-times"></i></button>
</div>
<div class="m-sheet-body">
<div class="m-form-group">
<label class="m-label">반려 사유</label>
<textarea id="rejectionReason" class="m-textarea" rows="4" placeholder="완료 신청을 반려하는 사유를 입력하세요..."></textarea>
</div>
</div>
<div class="m-sheet-footer">
<button class="m-submit-btn red" onclick="submitRejection()">
<i class="fas fa-times-circle"></i>반려하기
</button>
</div>
</div>
<!-- 스크립트 -->
<script src="/static/js/api.js?v=2026031401"></script>
<script src="/static/js/sso-relay.js?v=20260401"></script>
<script src="/static/js/core/auth-manager.js?v=2026031401"></script>
<script src="/static/js/core/permissions.js?v=2026031401"></script>
<script src="/static/js/utils/issue-helpers.js?v=2026031401"></script>
<script src="/static/js/m/m-common.js?v=2026031401"></script>
<script src="/static/js/m/m-dashboard.js?v=2026031401"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink