YNU_JEUS/app_home/himed/webapps/mis/humtrafactmngtweb/xrw/SMRPB17000_자격면허이미지등록.xrw

<?xml version="1.0" encoding="EUC-KR"?>
<?xml-stylesheet ype="text/css" href="../../../com/commonweb/css/common.css" ?>
<xhtml:html xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns="http://www.w3.org/2002/01/xforms" xmlns:ev="http://www.w3.org/2001/xml-events">
	<xhtml:head>
		<xhtml:title>자격면허 이미지 등록</xhtml:title>
		<model id="model1">
			<instance id="instance1">
				<root xmlns="">
					<main>
						<imgdata>
							<photimg/>
						</imgdata>
						<imgviewlist>
							<emplno/>
							<photimg/>
						</imgviewlist>
						<empllicnimage>
							<empllicnimagelist/>
						</empllicnimage>
					</main>
					<send>
						<imgdata>
							<emplno/>
							<emplnm/>
						</imgdata>
						<save>
							<imgviewlist/>
						</save>
						<send>
							<imgdata>
								<emplno/>
								<emplnm/>
							</imgdata>
							<save>
								<imgviewlist/>
							</save>
						</send>
						<empllicnimage>
							<instcd/>
							<prfshipflag/>
							<deptcd/>
							<deptnm/>
							<emplno/>
							<emplnm/>
						</empllicnimage>
					</send>
					<temp/>
					<init/>
				</root>
			</instance>
			<submission id="TRRPB17001" mediatype="application/x-www-form-urlencoded" method="post" ref="/root/send/imgdata" resultref="/root/main/imgviewlist"/>
			<submission id="TXRPB17001" mediatype="application/x-www-form-urlencoded" method="post" ref="/root/send/save" resultref="/root/temp"/>
			<submission id="TRRPB17002" mediatype="application/x-www-form-urlencoded" method="post" ref="/root/send/empllicnimage" resultref="/root/main/empllicnimage"/>
		</model>
		<script type="javascript" src="../../../com/commonweb/js/common.js"/>
		<script type="javascript" src="../../../com/commonweb/js/tfHelper.js"/>
		<script type="javascript" src="../../../com/commonweb/js/dateHelper.js"/>
		<script type="javascript" src="../../../mis/miscommonweb/js/MIS.js"/>
		<script type="javascript" src="../../../mis/humtrafactmngtweb/js/RPB001.js"/>
		<script type="javascript" ev:event="xforms-ready">
			<![CDATA[

 					fInitialize();

			]]>
		</script>
		<script type="javascript">
			<![CDATA[
				function fInitialize()
				{
					model.removenode(grd_imgviewlist.nodeset);
					model.removenode(grd_empllicnimagelist.nodeset);
					model.refresh();
					
					misfMsterDetailSet(grd_empllicnimagelist, null, "TRRPB17002", "N");
					misfMsterDetailSet(grd_imgviewlist, grd_empllicnimagelist, "TRRPB17001", "Y");
					
					model.setValue(cmb_instcd.attribute("ref") , getUserInfo("dutplceinstcd"));
					misfComboInstCdListMulti("cmb_instcd",getCurrentDate(),"","N","N");
					misfComboComCdListMulti("R0058", "cmb_prfshipflag");
					
					addComboItem( "cmb_prfshipflag", "[-- 전체 --]", "", "above");
					model.setValue(cmb_prfshipflag.attribute("ref"), "");
					
					model.refresh();
				}
				
				 function fChangeImage(imgsrc) {
					 
							var imgfile = imgsrc.split("|");
							var NodeCnt = instance1.selectNodes("/root/main/imgdata/*").length;
							
							if (grd_imgviewlist.Rows <= grd_imgviewlist.fixedRows) {
								NodeCnt = 0;
							}
							
							var topcnt = 0;
							var leftcnt = 0;
							var newCtrObj = null; 
							
							//var emplno= ipt_emplno.value;
							for (var i = 0; i < imgfile.length; i++) {
								
								//alert(imgfile[i]);
								var filelist = imgfile[i].split("\\");
								var emplno = filelist[filelist.length - 1].split(".")[0];
								
								//alert(emplno);
								
								img_hidden.src = imgfile[i];
								var data = img_hidden.getbase64data();  // base64 encoding 문자열을 가져온다.
								var imgSize = getImageSize(imgfile[i]);
								var imgWidthSize = imgSize.split("^")[0];
								var imgHeightSize = imgSize.split("^")[1];
								
								model.makeNode("/root/main/imgdata/photimg" + (NodeCnt+1) );
								
								model.setValue("/root/main/imgdata/photimg" + (NodeCnt+1) ,data,true); // 이미지를 보여주기 위하여 view용 이미지컨트롤의 ref instance에 값을 저장
								
								
								var mod = (NodeCnt+1)  % 3;
									
								leftcnt = mod;
								if (mod == 0) {
									topcnt  = topcnt  + 1;
									leftcnt = 1;
								}
								var baseleft = img_view.attribute("left").replace("px","");
								var basetop = img_view.attribute("top").replace("px","");
								var width = img_view.attribute("width").replace("px","");
								var height = img_view.attribute("height").replace("px","");
								
								var leftpos = (baseleft * leftcnt ) + (width * (leftcnt - 1)) ;
								var toppos = (basetop * (topcnt+1)) + (height * topcnt);
								
								
								newCtrObj = group3.createChild("xforms:img", "id:img_view" + (NodeCnt+1)  + "; ref:/root/main/imgdata/photimg" + (NodeCnt+1)  +  "; left:" + leftpos + "; top:" + toppos + "; width:" + width + "; height:"+ height + ";background-stretch:stretch;");
									
								
								
								
							    setImageRefInstance("/root/main/imgdata/photimg" + (NodeCnt+1));   //base64 encoding 문자열을 이미지로 변환하여 보여준다,
								
								NodeCnt = NodeCnt + 1;
								
								if(img_hidden.src != "../../../com/commonweb/images/no_image.gif" ){//이미지추가시 그리드 추가
									grd_imgviewlist.addrow(); // 입력할 행 추가.
									cur_row = grd_imgviewlist.row; // 추가된 행 번호 가져오기
									// 그리드에 추가
									model.setValue("/root/main/imgviewlist["+cur_row+"]/emplno",emplno);
									model.setValue("/root/main/imgviewlist["+cur_row+"]/photimg",data,true);
								}
							}
						
//							
//							img_hidden.src = imgsrc;  // 파일에서 읽은 이미지의 base64 encoding 값을 가져오기 위한  이미지 컨트롤
//							var data = img_hidden.getbase64data();  // base64 encoding 문자열을 가져온다.
//							var imgSize = getImageSize(imgsrc);
//							var imgWidthSize = imgSize.split("^")[0];
//							var imgHeightSize = imgSize.split("^")[1];
//							
//							var NodeCnt = instance1.selectNodes("/root/main/imgdata/*").length;
//							
//							
//							//alert(NodeCnt);
//							
//							model.makeNode("/root/main/imgdata/photimg" + (NodeCnt+1) );
//							
//							model.setValue("/root/main/imgdata/photimg" + (NodeCnt+1) ,data,true); // 이미지를 보여주기 위하여 view용 이미지컨트롤의 ref instance에 값을 저장
//							setImageRefInstance("/root/main/imgdata/photimg" + (NodeCnt+1));   //base64 encoding 문자열을 이미지로 변환하여 보여준다,
//							
//							
//							img_view.attribute("width")= "140";
//						
//							img_view.attribute("height")= "170";
//							var cur_rows = grd_imgviewlist.rows;
//							var emplno= ipt_emplno.value;
//							var imgemplno=model.getValue("/root/main/imgviewlist[1]/emplno");
//							
//							if(img_hidden.src != "../../../com/commonweb/images/no_image.gif" ){//이미지추가시 그리드 추가
//									grd_imgviewlist.addrow(); // 입력할 행 추가.
//									cur_row = grd_imgviewlist.row; // 추가된 행 번호 가져오기
//									// 그리드에 추가
//									model.setValue("/root/main/imgviewlist["+cur_row+"]/emplno",emplno);
//									model.setValue("/root/main/imgviewlist["+cur_row+"]/photimg",data,true);
//							}
//							else if(img_hidden.src != "../../../com/commonweb/images/no_image.gif" && imgemplno !=""){//업데이트시 그리드셋팅
//									grd_imgviewlist.addStatus(1,"update");
//									model.setValue("/root/main/imgviewlist[1]/emplno",emplno);
//									model.setValue("/root/main/imgviewlist[1]/photimg",data,true);
//							}
							
							model.refresh();
						}
			
					function fRetrImage() {//조회시 그리드에 base64 encoding data셋팅하고 사진이미지 보여준다.
							model.removeNodeset("/root/main/imgdata");
							
							if (grd_imgviewlist.Rows <= grd_imgviewlist.fixedRows) {
								fChangeImage("../../../com/commonweb/images/no_image.gif");//초기 이미지설정
							}
							else {

								var topcnt = 0;
								var leftcnt = 0;
								var newCtrObj = null; 
								for( var i = grd_imgviewlist.fixedRows ; i < grd_imgviewlist.Rows ; i++ ) {
									var imgdata = model.getValue("/root/main/imgviewlist["+i+"]/photimg");  // base64 encoding 문자열을 가져온다.
									
									model.makeNode("/root/main/imgdata/photimg" + i);
									model.setValue("/root/main/imgdata/photimg"+i, imgdata,true);
									
//									style="left:15px; top:15px; width:320px; height:285px; background-stretch:stretch; border-style:solid; "
									
									
									var mod = i % 3;
									var val = parseInt(i / 3);
									
									leftcnt = mod + val;
									if (mod == 0) {
										topcnt  = topcnt  + 1;
										leftcnt = 1;
									}
									var baseleft = img_view.attribute("left").replace("px","");
									var basetop = img_view.attribute("top").replace("px","");
									var width = img_view.attribute("width").replace("px","");
									var height = img_view.attribute("height").replace("px","");
									
									var leftpos = (baseleft * leftcnt ) + (width * (leftcnt - 1)) ;
									var toppos = (basetop * (topcnt+1)) + (height * topcnt);
									
									newCtrObj = group3.createChild("xforms:img", "id:img_view" + i + "; ref:/root/main/imgdata/photimg" + i +  "; left:" + leftpos + "; top:" + toppos + "; width:" + width + "; height:"+ height + ";background-stretch:stretch;");
									setImageRefInstance("/root/main/imgdata/photimg"+i);
								}	
								grd_imgviewlist.rebuild();
							}
							model.refresh();
			
						}	
			]]>
		</script>
	</xhtml:head>
	<xhtml:body style="margin-left:8; margin-right:8; ">
		<group id="group2" scroll="auto" style="left:0px; top:38px; width:1195px; height:744px; ">
			<shape id="roundrect1" appearance="roundrect" ellipsewidth="10" ellipseheight="10" style="left:0px; top:10px; width:1195px; height:36px; "/>
			<caption id="caption278" class="tit_2" style="left:5px; top:55px; width:162px; height:14px; ">직원 리스트</caption>
			<line id="line207" class="line_1" style="x1:0px; y1:70px; x2:385px; y2:69px; "/>
			<caption id="cap_emplno" class="search_name" style="left:807px; top:21px; width:86px; height:17px; ">사원번호 :</caption>
			<button id="btn_search" class="btn1_letter2" navindex="8" style="left:1125px; top:17px; width:56px; height:22px; text-align:left; ">
				<caption>조회</caption>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						//submit("TRRPB17001");
						
						misfMsterDetailRetrieve();
						
						
					]]>
				</script>
			</button>
			<line id="line3" class="line_4" style="x1:1110px; y1:14px; x2:1110px; y2:42px; border-color:#ffe4bb; border-left-style:solid; "/>
			<input id="ipt_lbrunionjobrespnm" ref="/root/main/item/lbrunionjobrespnm" class="input_search" visibility="hidden"/>
			<input id="ipt_lbrunionjobresp" ref="/root/main/item/dutplceinst" visibility="hidden"/>
			<input id="ipt_emplno_m" ref="/root/main/imsiitem/emplno" visibility="hidden"/>
			<input id="ipt_lbrunionrgstyn_m" ref="/root/main/imsiitem/lbrunionrgstyn" visibility="hidden"/>
			<input id="ipt_lbrunionrgstdd_m" ref="/root/main/imsiitem/lbrunionrgstdd" visibility="hidden"/>
			<input id="ipt_lbrunionsecssdd_m" ref="/root/main/imsiitem/lbrunionsecssdd" visibility="hidden"/>
			<input id="ipt_lbrunionjobresp_m" ref="/root/main/imsiitem/lbrunionjobresp" visibility="hidden"/>
			<input id="ipt_lbrunionjobrespnm_m" ref="/root/main/imsiitem/lbrunionjobrespnm" visibility="hidden"/>
			<input id="ipt_asgnmpostndd_m" ref="/root/main/imsiitem/asgnmpostndd" visibility="hidden"/>
			<input id="ipt_todd_m" ref="/root/main/imsiitem/todd" visibility="hidden"/>
			<input id="ipt_cur_row" ref="/root/init/cur_row_m" class="input_search" visibility="hidden"/>
			<input id="ipt_emplno" ref="/root/send/empllicnimage/emplno" class="input_search" disabled="false" style="left:895px; top:20px; width:65px; height:19px; ">
				<script type="javascript" ev:event="onkeypress">
					<![CDATA[

						if(event.keyCode == 13)
						{
							if(ipt_emplno.value == ipt_emplno.currentText) return;

							ipt_emplno.value = ipt_emplno.currentText;
							rpbfValidationCheck("EMPLNO", "emplno,emplnm");

							model.refresh();				
						}

					]]>
				</script>
				<script type="javascript" ev:event="xforms-value-changed">
					<![CDATA[

						rpbfValidationCheck("EMPLNO", "emplno,emplnm");
						model.refresh();				

					]]>
				</script>
			</input>
			<button id="btn_emplhelp" class="icon_search" disabled="false" style="left:964px; top:22px; width:16px; height:16px; ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[

						rpbfOpenPopUpList("SPRPB00101", ipt_emplno, "emplno,emplnm", "", "N");
						model.refresh();

					]]>
				</script>
			</button>
			<input id="ipt_emplnm" ref="/root/send/empllicnimage/emplnm" class="input_search" disabled="false" style="left:984px; top:20px; width:120px; height:19px; ">
				<script type="javascript" ev:event="onkeypress">
					<![CDATA[

						if(event.keyCode == 13)
						{
							if(ipt_emplnm.value == ipt_emplnm.currentText) return;

							ipt_emplnm.value = ipt_emplnm.currentText;
							rpbfValidationCheck("EMPLNM", "emplno,emplnm");

							model.refresh();				
						}

					]]>
				</script>
				<script type="javascript" ev:event="xforms-value-changed">
					<![CDATA[

						rpbfValidationCheck("EMPLNM", "emplno,emplnm");
						model.refresh();				

					]]>
				</script>
			</input>
			<group id="group3" style="left:390px; top:75px; width:803px; height:665px; border-style:solid; ">
				<img id="img_view" ref="/root/main/imgdata/photimg1" visibility="hidden" style="left:15px; top:15px; width:320px; height:285px; background-stretch:stretch; border-style:solid; "/>
				<img id="img_hidden" visibility="hidden" style="left:5px; top:5px; width:35px; height:30px; border-style:solid; "/>
			</group>
			<button id="btn_fileupload" class="btn2_letter4" style="left:1126px; top:47px; width:64px; height:19px; text-align:left; ">
				<caption>사진추가</caption>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
//						var emplno= ipt_emplno.value;
//						if(emplno ==""){
//							messageBox("사원을 ","C002");
//							return;
//						}
//						var file = openImageFileDialog(1048576);  // image 파일이 너무 크면 submit 시간이 매우 오래(5분이상)  걸리므로 가급적 사이즈를 작게 제한한다.
//						if (file == "") {
//							return;
//						}
						model.removeNodeset("/root/main/imgdata");
						model.refresh();
						
						var file = window.fileDialog("open","|",true,"","","All Files (*.*)|*.*|JPEG Files(*.jpg)|*.jpg|GIF Files(*.gif)|*.gif|BMP Files(*.bmp)|*.bmp");
						
						if (file == "") {
							return;
						}
//						else {
//							var fso = new ActiveXObject("Scripting.FileSystemObject");
//							var f = fso.GetFile(file);
//						}

						fChangeImage(file);
						
						//model.setFocus("ipt_imgnminput");
						model.refresh();
					]]>
				</script>
			</button>
			<datagrid id="grd_imgviewlist" nodeset="/root/main/imgviewlist" visibility="hidden" caption="사원번호^이미지^caption1" colsep="^" colwidth="100, 100, 100" mergecellsfixedrows="bycolrec" rowheader="update" rowsep="|" style="left:750px; top:270px; width:395px; height:210px; ">
				<col ref="emplno"/>
				<col ref="photimg" style="background-stretch:stretch; "/>
				<col ref="seqno"/>
			</datagrid>
			<caption id="caption1" class="tit_2" style="left:395px; top:55px; width:162px; height:14px; ">자격,면허 이미지 리스트</caption>
			<line id="line1" class="line_1" style="x1:390px; y1:70px; x2:1193px; y2:69px; "/>
			<datagrid id="grd_empllicnimagelist" nodeset="/root/main/empllicnimage/empllicnimagelist" caption="사번^성명^급여분류^부서|사번^성명^급여분류^부서" colsep="^" colwidth="71, 74, 86, 115" mergecellsfixedrows="bycolrec" rowheader="seq" rowsep="|" style="left:0px; top:75px; width:385px; height:665px; ">
				<col ref="emplno"/>
				<col ref="emplnm"/>
				<col ref="prfshipflagnm"/>
				<col ref="unitnm"/>
				<script type="javascript" ev:event="onrowchanged">
					<![CDATA[
						
						misfMsterDetailRetrieve();
						
						fRetrImage();
						model.refresh();
					]]>
				</script>
			</datagrid>
			<select1 id="cmb_instcd" ref="/root/send/empllicnimage/instcd" class="combo_s_essential" navindex="30" appearance="minimal" style="left:92px; top:20px; width:163px; height:19px; ">
				<choices>
					<itemset>
						<label/>
						<value/>
					</itemset>
				</choices>
			</select1>
			<caption id="cap_instcd" class="search_name" style="left:5px; top:21px; width:85px; height:17px; ">기      관:</caption>
			<select1 id="cmb_prfshipflag" ref="/root/send/empllicnimage/prfshipflag" class="combo_s_essential" navindex="40" appearance="minimal" style="left:360px; top:20px; width:163px; height:19px; ">
				<choices>
					<itemset>
						<label/>
						<value/>
					</itemset>
				</choices>
			</select1>
			<caption id="caption4" class="search_name" style="left:273px; top:21px; width:91px; height:17px; ">급여 분류:</caption>
			<input id="ipt_deptnm" ref="/root/send/empllicnimage/deptnm" class="input_default" navindex="70" style="left:645px; top:20px; width:143px; height:19px; ">
				<script type="javascript" ev:event="xforms-value-changed">
					<![CDATA[
								misfValidationCheck("02", "", "deptcd,deptnm" );
								model.refresh();	
							]]>
				</script>
			</input>
			<caption id="caption5" class="search_name" style="left:558px; top:21px; width:91px; height:17px; ">근무 부서:</caption>
			<input id="ipt_deptcd" ref="/root/send/empllicnimage/deptcd" class="input_default" visibility="hidden" style="left:645px; top:20px; width:40px; height:19px; ">
				<script type="javascript" ev:event="xforms-value-changed">
					<![CDATA[
						var recv_list = "emplno,emplnm" ;
						rpbfValidationCheck("EMPLNO", recv_list);
						model.refresh();		
					]]>
				</script>
			</input>
			<button id="btn_deptcd" class="icon_search" style="left:790px; top:20px; width:16px; height:16px; ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
								var recv_list = "deptcd,deptnm";
								var instcd = cmb_instcd.value;
								rpbfOpenDeptCdHelp(ipt_deptcd,recv_list, instcd, "instcd");
								model.refresh();		
							]]>
				</script>
			</button>
		</group>
		<group id="group1" style="left:0px; top:0px; width:1195px; height:13px; ">
			<caption id="caption6" class="tit_1" style="left:0px; top:0px; width:800px; height:14px; ">자격면허 이미지 등록</caption>
		</group>
		<group id="grp_btn" scroll="auto" style="left:0px; top:12px; width:1195px; height:27px; ">
			<button id="btn_save" class="btn4_letter2" style="left:1139px; top:3px; width:56px; height:22px; ">
				<caption>저장</caption>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
					
						model.setValue("/root/send/save/imgviewlist", grd_imgviewlist.getUpdateData());
						
						submit("TXRPB17001");
					]]>
				</script>
			</button>
			<line id="line75" class="line_6" style="x1:0; y1:25; x2:1195; y2:25; "/>
		</group>
	</xhtml:body>
</xhtml:html>