From 08c41b029ccdfab7102f3accb6922dd79145403f Mon Sep 17 00:00:00 2001
From: JIWOO <dlwldn1024@iten.co.kr>
Date: Wed, 30 Oct 2024 20:26:59 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9D=B4=EC=A7=80=EC=9A=B0=20>=20=EA=B4=80?=
 =?UTF-8?q?=EB=A6=AC=EC=9E=90=20=EB=B6=84=EC=9F=81=EC=A1=B0=EC=A0=95?=
 =?UTF-8?q?=EC=84=9C=EC=8B=9D=20=EB=B0=B1=EC=97=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jsp/seed/_extra/gtm/board/write.jsp       |  60 ++++++-
 .../gtm/board/write_back_beforeInnorix.jsp    | 165 ++++++++++++++++++
 2 files changed, 224 insertions(+), 1 deletion(-)
 create mode 100644 src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/board/write_back_beforeInnorix.jsp

diff --git a/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/board/write.jsp b/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/board/write.jsp
index c5edb857..7966de3e 100644
--- a/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/board/write.jsp
+++ b/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/board/write.jsp
@@ -57,7 +57,28 @@
 					${memberName}
 					</div>
 				</div>
+				<!-- innorix 대용량 업로드 솔루션 -->
 				<div class="bbs-view-item">
+					<p class="item-title">첨부자료</p>
+					<div class="item-box">
+						<div class="temp-file-area">
+							<!-- 단일 파일 업로드 -->
+							<input type="button" value="첨부파일" class="btn btn_text btn_36 blue_border temp-file-button" onclick="control.openFileDialogSingle();"/>
+							<!-- 멀티 파일 업로드 -->
+							<!-- <input type="button" value="첨부파일" class="btn btn_text btn_36 blue_border temp-file-button" onclick="control.openFileDialog();"/> -->
+						</div>	
+						<!-- 첨부파일 업로드 목록 및 드래그&드랍 영역 -->
+						<div id="fileControl"></div><br/>
+						
+						<!-- <ul class="upFileHtml" id="upFileHtml">
+						</ul>
+						<input type="hidden" name="fileFuncType" value="form_notice" />
+						<input type="hidden" name="uploadFileCnt" value="0" id="uploadFileCntId" />
+						<input type="hidden" name="deleteFileData" value="" id="deleteFileDataId" /> -->
+						
+					</div>
+				</div>
+				<!-- <div class="bbs-view-item">
 					<p class="item-title">첨부자료</p>
 					<div class="item-box">
 						<div class="temp-file-area">
@@ -70,7 +91,7 @@
 						<input type="hidden" name="uploadFileCnt" value="0" id="uploadFileCntId" />
 						<input type="hidden" name="deleteFileData" value="" id="deleteFileDataId" />
 					</div>
-				</div>
+				</div> -->
 				<div class="bbs-view-item">
 					<p class="item-title">내용</p>
 					<div class="item-box">
@@ -153,6 +174,43 @@
 					return false;
 				} */
 			});
+			
+			
+			// 파일전송 컨트롤 생성
+			
+			/* 첨부파일 컨트롤 옵션 주요 옵션 종류
+			1. allowExtension(String Array) : 허용 확장자 종류
+			2. limitExtension(String Array) : 제외 확장자 종류
+			3. maxFileSize(Number) : 첨부가능한 개별 파일 사이즈
+			4. maxTotalSize(Number) : 첨부가능한 전체 파일 사이즈
+			5. maxFileCount(NUmber) : 첨부가능 파일 전체 개수
+			4. installUrl(String) : Agent 설치 안내 URL */
+			
+			
+			/* 첨부파일 동작 관련 이벤트 종류
+			1. 파일 추가 완료 : afterAddFiles
+			2. 파일 업로드  완료 : uploadComplete
+			3. 파일 삭제 완료 : removeFiles */
+			
+			
+			
+			
+			/* control 객체는 innorixCommon.js에서 생성 */
+			control = innorix.create({
+				el: '#fileControl', // 컨트롤 출력 HTML 객체 ID
+				transferMode: 'both', // 업로드, 다운로드 혼합사용
+				installUrl: '/innorix/install/install.html', // Agent 설치 페이지
+				uploadUrl: '/innorix/exam/upload.jsp', // 업로드 URL
+				allowExtension : ["txt","jpeg","jpg","png","gif","bmp","mp3","mp4","hwp","doc","docx","xls","xlsx","ppt","pptx","pdf","zip","alz"]
+			});
+			
+			// 업로드 완료 후 이벤트
+			control.on('afterAddFiles', function (p) {
+				console.log('afterAddFiles : ', p);
+				$("#fileTempUpFrm").submit();
+				/* fn_callBackInnorix(p.files); // 파일 정보 DB isnert function */
+			}); 
+			
 		});
 		
 		function goList(){
diff --git a/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/board/write_back_beforeInnorix.jsp b/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/board/write_back_beforeInnorix.jsp
new file mode 100644
index 00000000..c5edb857
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/board/write_back_beforeInnorix.jsp
@@ -0,0 +1,165 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
+<!doctype html>
+<html lang="ko">
+<head>
+<title>정보 관리</title>
+<link href='/css/space.css' rel='stylesheet' type='text/css'/>	
+<link href='/css/seed.contents.css' rel='stylesheet' type='text/css'/>
+<link href='/css/seed.mediaquery.css' rel='styleGsheet' type='text/css'/>
+<!-- <link href='/site/ntcc/css/gtmCustom.css' rel='stylesheet' type='text/css'/> -->
+
+<!-- 대용량 파일 업로드 솔루션 -->
+<spring:eval expression="@property['Globals.Innorix.License']" var="license"/>
+<script src="<c:url value='/js/kccadr/innorixCommon.js' />"></script>
+<script src="<c:url value='/innorix/innorix_${license}.js' />"></script> 
+<link rel="stylesheet" href="<c:url value='/innorix/innorix.css'/>" type="text/css">
+
+<script src="/editor/webnote.js"></script>
+</head>
+<body>
+	<div class="page-title-wrap clear">
+		<div class="page-title-inner">
+			<h3 class="page-title">
+				${menuName}
+			</h3>
+			<div class="tooltipBox type01">
+				<button type="button" class="page-tip">페이지안내</button>
+				<div class="tooltipText">
+					<p>${menuName}을 수정 할 수 있는 페이지 입니다.</p>
+				</div>
+			</div>
+		</div>
+	</div>
+	
+	<form:form name="writeFrm" id="writeFrm" action="/gtm/case/board/${boardIdx}/write.do" method="post">
+		<fieldset>
+			<div class="bbs-view-layout">
+				<c:if test="${boardIdx == 'notice' }">
+					<div class="bbs-view-item">
+						<p class="item-title">공지사항</p>
+						<div class="item-box">
+							<input type="checkbox" name="noticeYn" id="noticeYn" value="Y">
+						</div>
+					</div>
+				</c:if>
+				<div class="bbs-view-item">
+					<p class="item-title">제목</p>
+					<div class="item-box">
+						<input type="text" name="bbsTitle" id="bbsTitle" maxlength="200">
+					</div>
+				</div>
+				<div class="bbs-view-item">
+					<p class="item-title">작성자</p>
+					<div class="item-box">
+					${memberName}
+					</div>
+				</div>
+				<div class="bbs-view-item">
+					<p class="item-title">첨부자료</p>
+					<div class="item-box">
+						<div class="temp-file-area">
+							<label for="upFile" class="btn btn_text btn_36 blue_border temp-file-button" style="display:flex;justify-content:center;align-items:center;">첨부파일</label>
+						</div>	
+						<ul class="upFileHtml" id="upFileHtml">
+							
+						</ul>
+						<input type="hidden" name="fileFuncType" value="form_notice" />
+						<input type="hidden" name="uploadFileCnt" value="0" id="uploadFileCntId" />
+						<input type="hidden" name="deleteFileData" value="" id="deleteFileDataId" />
+					</div>
+				</div>
+				<div class="bbs-view-item">
+					<p class="item-title">내용</p>
+					<div class="item-box">
+					<textarea class="bg_essential " name="editorParam_bbsContent" id="content" title="내용을 입력하세요" style="width:99%; height:300px;" editor="webnote" tools="deny:images,emoticon,special_chars" maxlength="4000"></textarea>
+					</div>
+				</div>
+			</div>
+			<div class="btn_wrap right">
+				<button type="submit" class="btn btn_text btn_46 blue_fill">저장</button>
+				<button type="button" onclick="javascript:goList()" class="btn btn_text btn_46 gray_fill">목록</button>
+			</div>
+		</fieldset>
+	</form:form>
+	<!-- 파일 입시저장을 위한 폼 -->
+	<form id="fileTempUpFrm" action="/seed/extra/temp/file.do" method="post" enctype="multipart/form-data">
+		<input type="hidden" name="fileFuncType" value="form_notice" />
+		<div class="temp-file-area">
+			<input type="file" name="upFile" id="upFile" class="essential temp-file-hideen" onchange="fileTempUp();" required title="첨부파일" value="" style="ime-mode: disabled;" >
+		</div>
+	</form>
+	<form name="paramFrm" id="paramFrm" action="/gtm/case/board/${boardIdx}/list.do" method="get">
+		<input type="hidden" name="searchType" value="${param.searchType}">
+		<input type="hidden" name="searchTilte" value="${param.searchTilte}">
+		<input type="hidden" name="page" id="page" value="${param.page}">
+	</form>
+	<script type="text/javascript">
+	
+		webnote.setConfig({
+			auto_start:			true,									//페이지로딩시 페이지에 웹노트 에디터를 자동으로 생성할것인지(true: 자동생성, false: 생성안함)
+			lang:				"ko",									//언어셋(lang 디렉토리내에 언어셋.txt 파일이 있어야 함(ex: ko.txt)
+			base_dir:			"/editor",								//웹노트 설치디렉토리를 직접 지정
+			css_url:			"/editor/webnote.css",					//기본 css 파일을 직접 지정
+			icon_dir:			"/editor/icon",						//기본 아이콘 디렉토리를 직접 지정
+			emoticon_dir:		"/editor/emoticon",					//기본 이모티콘 디렉토리를 직접 지정
+			attach_proc:		"/common/proc/case/editor/editorFileReg.do",				//에디터에 이미지 즉시 업로드를 처리하는 서버스크립트를 직접 지정
+			delete_proc: 		"/common/proc/case/editor/editorFileDel.do",				//에디터에 즉시 업로드된 이미지 삭제를 처리하는 서버스크립트를 직접 지정(attach_proc 과 같을경우 설정 불필요)
+			use_blind:		true,									//팝업메뉴 출력 시 반투명 배경 스크린 사용여부(true:사용(기본), false: 미사용)
+			allow_dndupload:	false,									//드래그&드롭을 통한 이미지 파일 업로드 허용 여부
+			allow_dndresize:	false,									//드래그&드롭을 통한 에디터 사이즈(높이) 조절 허용 여부
+			//fonts:				["굴림체","궁서체"],					//선택할 수 있는 폰트종류를 직접 정의
+			//fontsizes:			["9pt","10pt"],							//선택할 수 있는 폰트사이즈를 직접 정의(단위포함)
+			lineheights:		["120%","150%","180%"],					//선택할 수 있는 줄간격을 직접 정의(단위포함)
+			//emoticons:			["Nerd"],						//선택할 수 있는 이모티콘들을 직접 정의(png파일은 확장자 생략 가능하며, 그외에는 확장자까지 입력 : PNG, GIF, JPG 만 가능)
+			//specialchars:		["§","☆"],								//선택할 수 있는 특수문자를 직접 정의
+			code_highlight:		true,
+			fade_popup: true,                                                        //팝업 열리기/닫히기 시 fade in/out 기능 적용 여부(사용pc 사용이 낮은경우 false로 )
+			attach_list_view: false
+		});
+	
+	
+		$(window).load(function(){
+			$("#idx_toolbar_webnote_content_imagecenter").hide();
+	
+			$("#idx_toolbarcontainer_webnote_content img").each(function(index, item) {
+				if($(item).attr("class") != "webnote_seperator"){
+					var event = $(item).attr("onclick");
+					$(item).wrap("<a href='javascript:;' onclick="+event+">");
+					$(item).attr("onclick", "");
+				}
+			});
+		});
+	
+		$(document).ready(function(){
+			$("#writeFrm").submit(function(){
+				if($("#bbsTitle").val().trim() == ""){
+					alert("제목을 입력해 주세요.");
+					$("#bbsTitle").focus();
+					return false;
+				}
+				
+				/* if($("#regMberNm").val().trim() == ""){
+					alert("작성자를 입력해 주세요.");
+					$("#regMberNm").focus();
+					return false;
+				} */
+				
+				/* if($("#content").val() == ""){
+					alert("내용을 입력해 주세요.");
+					$("#content").focus();
+					return false;
+				} */
+			});
+		});
+		
+		function goList(){
+			$("#paramFrm").submit();
+		}
+	</script>
+	<script src="/js/jquery.form.js"></script>
+	<script src="/js/seedFileUtil.js"></script>
+</body>
+</html>
\ No newline at end of file