From 38f59b4849fa10b192a7480e2c5b3b9c514f9e93 Mon Sep 17 00:00:00 2001
From: minuk926 <minuk926@gmail.com>
Date: Mon, 12 Dec 2022 21:45:47 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=9D=B4=EB=AF=B8=EC=A7=80=EC=97=90?=
 =?UTF-8?q?=EB=94=94=ED=84=B0=20=EC=A7=84=ED=96=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jsp/fims/biz/ec/ecCtznSttemntMgtPopup.jsp | 73 ++++++++++++++++++-
 .../resources/3rd-party/paintweb/paintweb.js  |  4 +-
 .../framework/js/cmm/cmmDownloadImg.js        |  1 +
 3 files changed, 76 insertions(+), 2 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/fims/biz/ec/ecCtznSttemntMgtPopup.jsp b/src/main/webapp/WEB-INF/jsp/fims/biz/ec/ecCtznSttemntMgtPopup.jsp
index 0166b5e6..7d741b96 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/biz/ec/ecCtznSttemntMgtPopup.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/biz/ec/ecCtznSttemntMgtPopup.jsp
@@ -2,6 +2,20 @@
 <%@ include file="/WEB-INF/jsp/framework/taglibs.jsp" %>
 
 
+<style>
+	div.draggable {
+		float: left;
+		padding: 10px 0 0 20px;
+		width: 160px;
+		height: 160px;
+		background:url(/resources/framework/images/common/clip.png) no-repeat 0 0; */
+		/*border: 1px solid red;*/
+	}
+	div.invert {
+		background:url(/resources/framework/images/common/clip.png) no-repeat 0 0; */
+		/*border: 1px solid red;*/
+	}
+</style>
 
 <c:set var="bizName" value="주민 신고 데이타"/>
 
@@ -203,8 +217,28 @@
 			</c:forEach>
 
 		</form>
+
+
+
+		<div class="draggable">
+			<p>title</p>
+		</div>
+		<div class="draggable">
+			<p>
+				Lorem ipsum dolor<br>
+				sit amet, consecte<br>turlit.
+				Aenean
+			</p>
+		</div>
+		<div class="draggable">
+			<p>Drag me around</p>
+		</div>
+
 <%--		TODO: id 고정(변경불가)--%>
-		<div id="imgList" style="display: flex; flex-direction: column; align-items: center"></div>
+		<div class="draggable" id="imgList" style="display: flex; flex-direction: column; align-items: center"></div>
+
+
+
 
 		<div style="min-height: 260px">
 			<img id="uploadImage"/>
@@ -295,6 +329,43 @@
 	$(document).ready(function () {
 //		orgData = $('form').serialize();
 		fnBiz.downloadImg();
+		// $( '#imgList' ).draggable({
+		// 	scroll : false,
+		// 	containment : 'parent', //부모 요소 안에서만 이동 범위 제한
+		// 	handle : '.header' // drag 대상 안 특정 요소에 제한 (여러개 사용 가능)
+		// });
+
+		//$( "#imgList" ).draggable({ revert: true });
+		//$( "#imgList" ).draggable({ revert: true, helper: "clone" });
+
+		$(".draggable").draggable({
+			cursor:"move",
+			stack:".draggable",
+			opacity:0.7,
+			create : function(event, ui) { //생성시 발생하는 이벤트
+				console.log("dragcreat event!");
+				console.log("index:"+$(this).index());
+			}
+		});
+
+		/*
+        $(".draggable").bind("dragcreat", function(event, ui) {
+            console.log("dragcreat event!");
+        });
+        */
+
+		$(".draggable").bind("dragstart", function(event, ui) {
+			console.log("dragstart event!");
+			$(this).addClass("invert"); //클래스 추가
+
+		});
+		$(".draggable").bind("dragstop", function(event, ui) {
+			console.log("dragstop event!");
+			$(this).removeClass("invert"); //클래스 제거
+		});
+		$(".draggable").bind("drag", function(event, ui) {
+			console.log("drags event!");
+		});
 	});
 
 
diff --git a/src/main/webapp/resources/3rd-party/paintweb/paintweb.js b/src/main/webapp/resources/3rd-party/paintweb/paintweb.js
index 283abee7..ee2bae9f 100644
--- a/src/main/webapp/resources/3rd-party/paintweb/paintweb.js
+++ b/src/main/webapp/resources/3rd-party/paintweb/paintweb.js
@@ -2617,8 +2617,9 @@ function PaintWeb (win, doc) {
     }
 
     canvas = null;
-
+//    alert('idata~~~'+idata)
     if (!idata || idata === 'data:,') {
+//alert('idata~~~'+idata)
       return false;
     }
 
@@ -2649,6 +2650,7 @@ function PaintWeb (win, doc) {
       u8arr[n] = bstr.charCodeAt(n);
     }
     const file = new File([u8arr], name, {type:fileType});
+//alert(`fileCpcty=${srcImg.dataset.fileCpcty},fileSize=${file.size}`)
 
     _self.config.imageSave(file, img.width, img.height, doc, _self);
 
diff --git a/src/main/webapp/resources/framework/js/cmm/cmmDownloadImg.js b/src/main/webapp/resources/framework/js/cmm/cmmDownloadImg.js
index e397aca5..0ec63cab 100644
--- a/src/main/webapp/resources/framework/js/cmm/cmmDownloadImg.js
+++ b/src/main/webapp/resources/framework/js/cmm/cmmDownloadImg.js
@@ -45,6 +45,7 @@ function imgDownload(cmmFileDtls, appendElementId, reqDTO, isEditor) {
         x.setAttribute("data-file-mastr-id", dtl.fileMastrId);
         x.setAttribute("data-file-id", dtl.fileId);
         x.setAttribute("data-file-cours", dtl.fileCours);
+        x.setAttribute("data-file-cpcty", dtl.fileCpcty);
         if(reqDTO) {
             x.setAttribute("data-interface-seq-n", reqDTO.interfaceSeqN);
             x.setAttribute("data-ctzn-sttemnt-detail-sn", reqDTO.ctznSttemntDetailSn);