YNU_JEUS/app_home/himed/webapps/crm/channelweb/xrw/SMCND00200_DM템플릿관리.xrw

<?xml version="1.0" encoding="EUC-KR"?>
<!--
	* Name		: SMCND00200_DM템플릿관리
	* Summary	: DM템플릿관리
	* Programmer	: 최정환
	* Date Written	: 2007.08.20
	* History	: 2007.08.20
	* Remark	: 
-->
<?xml-stylesheet type="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>DM템플릿관리</xhtml:title>
		<model id="model1">
			<instance id="instance1">
				<root xmlns="">
					<main>
						<list>
							<msgtmpllist>
								<dmtitl/>
								<usernm/>
								<msgsmlcd/>
								<msglrgnm/>
								<msgmdlnm/>
							</msgtmpllist>
						</list>
						<msgtmpl>
							<msglrgcd/>
							<msgmdlcd/>
							<msgsmlcd/>
							<dmtitl/>
							<dmbdtext/>
							<dmsigntext/>
							<replzipcd1/>
							<replzipcd2/>
							<replzipcdseq/>
							<replzipcdaddr/>
							<repldetladdr/>
							<replnm/>
							<useyn/>
							<savemode/>
							<chnlflag/>
						</msgtmpl>
					</main>
					<CountNode/>
					<focusid/>
					<send>
						<data>
							<rgstfromdd/>
							<rgsttodd/>
							<dmtitl/>
							<dmbdtext/>
							<useyn>Y</useyn>
							<mdlgrupcd/>
						</data>
						<info>
							<msglrgcd/>
							<msgsmlcd/>
							<chnlflag/>
						</info>
					</send>
					<init>
						<chnllrglist>
							<chnllrggrup>
								<msglrgnm/>
								<msglrgcd/>
							</chnllrggrup>
						</chnllrglist>
						<chnlmdllist>
							<chnlmdlgrup>
								<msgmdlnm/>
								<msgmdlcd/>
								<msglrgcd/>
							</chnlmdlgrup>
						</chnlmdllist>
					</init>
					<temp>
						<prvwscrn/>
						<msgsmlcd/>
						<searchtype/>
					</temp>
					<hidden>
						<messagecnt/>
					</hidden>
				</root>
			</instance>
			<submission id="TRCNS00201" mediatype="application/x-www-form-urlencoded" method="post" ref="/root/send/info" resultref="/root/init/chnllrglist/chnllrggrup"/>
			<submission id="TRCNS00202" mediatype="application/x-www-form-urlencoded" method="post" ref="/root/send/info" replace="instance" resultref="/root/init/chnlmdllist/chnlmdlgrup"/>
			<submission id="TRCNS00203" mediatype="application/x-www-form-urlencoded" method="post" ref="/root/send" resultref="/root/main/list/msgtmpllist"/>
			<submission id="TRCND00201" mediatype="application/x-www-form-urlencoded" method="post" ref="/root/send/info" resultref="/root/main/msgtmpl"/>
			<submission id="TXCNS00201" mediatype="application/x-www-form-urlencoded" method="post" ref="/root/main/msgtmpl"/>
		</model>
		<script type="javascript" src="../../../com/commonweb/js/common.js"/>
		<script type="javascript" src="../../../com/commonweb/js/dateHelper.js"/>
		<script type="javascript" src="../../../com/commonweb/js/tfHelper.js"/>
		<script type="javascript" ev:event="xforms-ready">
			<![CDATA[
				// DM 탭버튼 활성
				btn_dm.selected = true;	
				
				//분류 제목선택
				cmb_titlesearch.select(0);				
			
				// DM메시지 그리드의 col을 초기화 시켜준다.
				model.removenodeset("/root/main/list/msgtmpllist");
			
				// 메시지 분류코드 설정 (DM : D)
				model.setValue("/root/send/info/chnlflag", "D");
				
				// 메시지 대그룹을 가져온다
				submit("TRCNS00201");
				
				// 입력모드로 표시
				model.setValue("/root/main/msgtmpl/savemode","I");
				
				//저장 수정버튼 활성화 구분
				fGetMsgStatus();				
				
				fCheckAuth();
			
			]]>
		</script>
		<script type="javascript">
			<![CDATA[			
			
				// 권한체크
					function fCheckAuth() {
						if (!checkAuth("r")) {
							btn_search.disabled=true;
						}
						if (!checkAuth("x")) {
							btn_save.disabled=true;
							btn_updt.disabled=true;
							btn_del.disabled=true;
						}
					}

				// 초기화
					function fInitiate() {
						// DM등록화면 초기화
						//model.resetInstanceNode("/root/main/msgtmpl");
						model.setValue("/root/main/msgtmpl/useyn", "");
						model.setValue("/root/main/msgtmpl/dmtitl", "");
						model.setValue("/root/main/msgtmpl/dmbdtext", "");
						model.setValue("/root/main/msgtmpl/dmsigntext", "");
						
						model.setValue("/root/main/msgtmpl/replzipcd1", "");
						model.setValue("/root/main/msgtmpl/replzipcd2", "");
						model.setValue("/root/main/msgtmpl/replzipcdseq", "");
						model.setValue("/root/main/msgtmpl/replzipcdaddr", "");
						model.setValue("/root/main/msgtmpl/repldetladdr", "");
						model.setValue("/root/main/msgtmpl/replnm", "");
						model.setValue("/root/main/msgtmpl/msgsmlcd", "");
						
						//model.setValue("/root/main/msgtmpl/dmprnt", "D");
						//model.resetInstanceNode("/root/temp/prvwscrn");
						model.setValue("/root/main/msgtmpl/savemode", "I");
						//trv_leftmenu.deselect(0);//tree선택 초기화
						//저장 수정버튼 활성화 구분
						fGetMsgStatus();		
					}				

				// 선택한 채널관리 대분류에 따른 채널관리 중분류를 가져온다.
					function fGetChnlMdlCd() {
						var msglrgcd = model.getValue("/root/main/msgtmpl/msglrgcd");
						model.setValue("/root/send/info/msglrgcd",msglrgcd);
						submit("TRCNS00202");
					}
				
				// 그룹관리의 변경된 내용을 새로 적용시켜준다.
					function fChnlLrg() {
						model.removenodeset("/root/init/chnllrglist/chnllrggrup");
						model.removenodeset("/root/init/chnlmdllist/chnlmdlgrup");
						model.resetInstanceNode("/root/main/msgtmpl/msglrgcd");
						model.resetInstanceNode("/root/main/msgtmpl/msgmdlcd");
						submit("TRCNS00201");
					}	
					
				// DM정보조회
					function fGetDMAttr() {
						var row = grd_msgtmpllist.row;
						
						// 선택한 채널관리 리스트항목의 대분류에 따른 채널관리 중분류를 가져온다.
						var msgsmlcd = grd_msgtmpllist.valueMatrix(row, grd_msgtmpllist.colRef("msgsmlcd"));

						if (msgsmlcd != "") {
							model.setValue("/root/send/info/msgsmlcd", msgsmlcd);
							 submit("TRCND00201");
							 
							 // 선택한 채널관리 리스트항목의 대분류에 따른 채널관리 중분류를 가져온다.
							 var msglrgcd = model.getValue("/root/main/msgtmpl/msglrgcd");
							 model.setValue("/root/send/info/msglrgcd",msglrgcd);
							 submit("TRCNS00202");
							
							// 수정모드로 표시
							model.setValue("/root/main/msgtmpl/savemode","U");
				
							model.refresh();
						}
					}
					
				// DM메시지 관리 등록 및 수정
					function fSaveMsg(savemode) {
						
						var chnlflag = model.getValue("/root/send/info/chnlflag");
						model.setValue("/root/main/msgtmpl/chnlflag", chnlflag);
						
						submit("TXCNS00201");	
						messageBox("탬플릿 저장이", "I002", "");
						
						fInitiate();
						//model.setValue("/root/main/msgtmpl/msglrgcd", "");
						//model.setValue("/root/main/msgtmpl/msgmdlcd", "");
					}
				
				// DM메시지 리스트 조회	
					function fGetMsgTmplList() {
						model.removeNodeset("/root/main/list/msgtmpllist");
						submit("TRCNS00203");
							
						var grid_rows = grd_msgtmpllist.rows-1;
						model.setvalue("/root/CountNode" , grid_rows);
						model.refresh();
					}

					//-------------------------//
					// 저장,수정버튼 활성화    //
					//-------------------------//
					function fGetMsgStatus(){
						var msgStatus = model.getValue("/root/main/msgtmpl/savemode");
						if(msgStatus == "I"){
							btn_updt.disabled = true;
							btn_save.disabled = false;
						}else if(msgStatus == "U"){
							btn_updt.disabled = false;
							btn_save.disabled = true;
						}else{
							btn_updt.disabled = true;
							btn_save.disabled = true;
						}
						model.refresh();
					}
					
				//DM 저장시 정합성 체크
				function fMsgValid(){
					var msgtitl = model.getValue("/root/main/msgtmpl/dmtitl");
					var msgcnts = model.getValue("/root/main/msgtmpl/dmbdtext");
					var msglrgcd = model.getValue("/root/main/msgtmpl/msglrgcd");
					var msgmdlcd = model.getValue("/root/main/msgtmpl/msgmdlcd");
								
					if(msgtitl == ""){
						messageBox("DM제목이 입력 되지", "E007");
						model.setFocus("ipt_dmtitl");
						return false;
					}					
					if(msgcnts == ""){
						messageBox("DM내용이 입력 되지", "E007");
						model.setFocus("tar_dmbdtext");
						return false;
					}
					if(msglrgcd == ""){
						messageBox("DM의 대분류가 선택 되지 않았습니다. 좌측 트리 메뉴를 먼저", "C002");						
						return false;
					}
					if(msgmdlcd == "" || msgmdlcd == "0"){
						messageBox("DM의 중분류가 선택 되지 않았습니다. 좌측 트리 메뉴를 먼저", "C002");											
						return false;
					}
					return true;										
				}	
				
				// DM 관리 삭제(사용안함 상태로 바꾸기)
					function fDelMsg(savemode) {
						var chnlflag = model.getValue("/root/send/info/chnlflag");
						model.setValue("/root/main/msgtmpl/chnlflag", chnlflag);
						
						submit("TXCNS00201");	
						messageBox("탬플릿 삭제가", "I002", "");
						fInitiate();
						
						model.resetInstanceNode("/root/temp/prvwscrn");
						model.resetInstanceNode("/root/hidden/messagecnt");
						//model.setValue("/root/main/msgtmpl/savemode", "I");
											
						model.refresh();
					}								
			]]>
		</script>
	</xhtml:head>
	<xhtml:body guideline="1,358;" style="margin-left:8; margin-top:0; margin-right:8; margin-bottom:0; ">
		<group id="grp_tle" style="left:0px; top:0px; width:1195px; height:13px; ">
			<caption id="caption1" class="tit_1" style="left:0px; top:0px; width:145px; height:14px; ">상용구 관리</caption>
		</group>
		<group id="grp_johe" style="left:225px; top:23px; width:665px; height:60px; vertical-align:top; ">
			<caption id="caption4" class="tit_2" style="left:5px; top:3px; width:150px; height:14px; ">DM</caption>
			<line id="line4" class="line_1" style="x1:0px; y1:17px; x2:665px; y2:17px; "/>
			<shape id="roundrect1" class="roundrect_search" appearance="roundrect" ellipsewidth="10" ellipseheight="10" style="left:0px; top:25px; width:665px; height:35px; background-color:#fffbf2; border-color:#ffd799; "/>
			<caption id="caption2" class="search_name" style="left:15px; top:34px; width:90px; height:17px; ">검색조건 :</caption>
			<select1 id="cmb_titlesearch" ref="/root/temp/searchtype" class="combo_search" appearance="minimal" style="left:104px; top:34px; width:66px; height:19px; ">
				<choices>
					<item>
						<label>제 목</label>
						<value>T</value>
					</item>
					<item>
						<label>내 용</label>
						<value>C</value>
					</item>
				</choices>
				<script type="javascript" ev:event="xforms-value-changed">
					<![CDATA[
						var searchtype = model.getValue("/root/temp/searchtype");
						if(searchtype == "T"){
							ipt_s_dtmntitl.visible = true;
							ipt_s_dtmnbdtext.visible = false;
							model.setValue("/root/send/data/dmtitl","");
							model.setValue("/root/send/data/dmbdtext","");
						}else{
							ipt_s_dtmntitl.visible = false;
							ipt_s_dtmnbdtext.visible = true;
							model.setValue("/root/send/data/dmtitl","");
							model.setValue("/root/send/data/dmbdtext","");
						}

					]]>
				</script>
			</select1>
			<input id="ipt_s_dtmntitl" ref="/root/send/data/dmtitl" class="input_search" style="left:175px; top:34px; width:130px; height:19px; "/>
			<input id="ipt_s_dtmnbdtext" ref="/root/send/data/dmbdtext" class="input_search" style="left:175px; top:34px; width:130px; height:19px; ">
				<script type="javascript" ev:event="onkeyup">
					<![CDATA[
						inputEnterKey("btn_search", "DOMActivate");
					]]>
				</script>
			</input>
			<line id="line1" class="line_4" style="x1:582px; y1:32px; x2:582px; y2:54px; "/>
			<button id="btn_search" class="btn1_letter2" style="left:597px; top:32px; width:56px; height:22px; ">
				<caption>조회</caption>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						fGetMsgTmplList();
						
						// 등록화면 초기화
						model.resetInstanceNode("/root/main/msgtmpl");
						model.setValue("/root/main/msgtmpl/savemode", "I");
						
						//저장 수정버튼 활성화 구분
						fGetMsgStatus();						
					]]>
				</script>
			</button>
		</group>
		<group id="group6" style="left:895px; top:25px; width:300px; height:335px; ">
			<caption id="caption3" class="tit_2" style="left:5px; top:0px; width:150px; height:14px; ">용지</caption>
			<line id="line3" class="line_1" style="x1:0px; y1:15px; x2:292px; y2:15px; "/>
			<shape id="rectangle1" appearance="rectangle" style="left:0px; top:21px; width:292px; height:313px; border-color:#c0c0c0; "/>
			<caption id="caption12" style="left:15px; top:45px; width:264px; height:221px; ">
				<![CDATA[DM 출력은 라벨용지 출력과 DM용지 출력을 

말합니다.

라벨용지는 Formtec 주소용 라벨 용지 2종류 -

3107(16칸), 3108(14칸)을 지원하며 

DM용지는 3단 접이식(A4)을 지원합니다.

라벨용지에는 주소만 들어가므로,

DM 템플릿은 DM용지에만 사용하실 수 

있습니다.]]>
			</caption>
		</group>
		<group id="group2" style="left:224px; top:83px; width:666px; height:277px; ">
			<button id="btn_del" class="btn5_letter2" style="left:624px; top:5px; width:42px; height:19px; ">
				<caption>삭제</caption>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
					if(model.getValue("/root/main/msgtmpl/msgsmlcd")!=""){
						if (messageBox("선택된 DM 메세지를","Q001")==6){
							grd_msgtmpllist.deleteItem(grd_msgtmpllist.selectedRow(0));										
							model.setValue("/root/main/msgtmpl/useyn","N");							
							var savemode = "U";
							fDelMsg(savemode);
						}
					}else{
						messageBox("삭제할 DM 메세지를", "C002");
					}
					]]>
				</script>
			</button>
			<caption id="caption9" class="tit_2" style="left:5px; top:10px; width:105px; height:13px; ">DM 메시지</caption>
			<line id="line2" class="line_1" style="x1:0px; y1:26px; x2:665px; y2:26px; "/>
			<datagrid id="grd_msgtmpllist" nodeset="/root/main/list/msgtmpllist" allowselection="false" caption="DM 제목^대분류^중분류^최초 등록자" colsep="^" colwidth="350, 140, 140, 120, 0" ellipsis="true" explorerbar="sortshowmove" mergecellsfixedrows="bycolrec" rowheader="seq" rowsep="|" tooltip="true" style="left:0px; top:30px; width:665px; height:247px; ">
				<col ref="dmtitl"/>
				<col ref="msglrgnm"/>
				<col ref="msgmdlnm"/>
				<col ref="usernm"/>
				<col ref="msgsmlcd" visibility="hidden"/>
				<script type="javascript" ev:event="ondblclick">
					<![CDATA[
						if( grd_msgtmpllist.isCell(event.target) && grd_msgtmpllist.row >= grd_msgtmpllist.fixedRows ){
							fGetDMAttr(); // DM메시지 정보조회

							model.setValue("/root/main/msgtmpl/savemode","U");
							//저장 수정버튼 활성화 구분
							fGetMsgStatus();
						}
					]]>
				</script>
				<script type="javascript" ev:event="onrowchanged">
					<![CDATA[
							fGetDMAttr(); // DM메시지 정보조회

							model.setValue("/root/main/msgtmpl/savemode","U");							
							//저장 수정버튼 활성화 구분
							fGetMsgStatus();
					]]>
				</script>
			</datagrid>
		</group>
		<group id="group1" style="left:224px; top:360px; width:510px; height:420px; ">
			<caption id="caption6" class="tit_2" style="left:5px; top:10px; width:150px; height:13px; ">DM 메시지</caption>
			<line id="line5" class="line_1" style="x1:0px; y1:25px; x2:510px; y2:25px; "/>
			<line id="line6" class="line_2" style="x1:0px; y1:53px; x2:510px; y2:53px; "/>
			<line id="line7" class="line_2" style="x1:0px; y1:78px; x2:510px; y2:78px; "/>
			<caption id="caption5" class="cell_1" style="left:0px; top:30px; width:105px; height:23px; text-align:center; vertical-align:middle; ">용지선택</caption>
			<caption id="cap_dmtitl" class="cell_1" style="left:0px; top:55px; width:105px; height:23px; text-align:center; ">DM 제목</caption>
			<input id="ipt_dmtitl" ref="/root/main/msgtmpl/dmtitl" class="text_essential" maxlength="30" style="left:108px; top:57px; width:400px; height:19px; "/>
			<caption id="caption7" class="cell_1" style="left:0px; top:80px; width:105px; height:71px; text-align:center; ">발신정보</caption>
			<output id="ipt_zipcd1" ref="/root/main/msgtmpl/replzipcd1" class="output_fix" style="left:108px; top:83px; width:45px; height:19px; "/>
			<output id="ipt_zipcd2" ref="/root/main/msgtmpl/replzipcd2" class="output_fix" style="left:156px; top:83px; width:45px; height:19px; "/>
			<button id="btnicon_search3" class="icon_search" style="left:207px; top:84px; width:16px; height:16px; ">
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
					var search_condition = "srchzipcd";
					var search_term1 = model.getValue("/root/main/msgtmpl/replzipcd1");
					var search_term2 = model.getValue("/root/main/msgtmpl/replzipcd2");
					var search_term = search_term1 + "-" + search_term2;
					var receive_zipcd1_path = "/root/main/msgtmpl/replzipcd1";
					var receive_zipcd2_path = "/root/main/msgtmpl/replzipcd2";
					var receive_zipcdseq_path = "/root/main/msgtmpl/replzipcdseq";
					var receive_zipcdaddr_path = "/root/main/msgtmpl/replzipcdaddr";
					
					setParameter("search_condition", search_condition);
					setParameter("search_term", search_term);
					setParameter("receive_zipcd1_path", receive_zipcd1_path);
					setParameter("receive_zipcd2_path", receive_zipcd2_path);
					setParameter("receive_zipcdseq_path", receive_zipcdseq_path);
					setParameter("receive_zipcdaddr_path", receive_zipcdaddr_path);
	
					modal("SPCCM00200");
					//modal("../../../crm/crmweb/xrw/SPCCM00200_우편번호검색.xrw" ,"","","","","");
										
					clearParameter("search_condition");
					clearParameter("search_term");
					clearParameter("receive_zipcd1_path");
					clearParameter("receive_zipcd2_path");
					clearParameter("receive_zipcdseq_path");
					clearParameter("receive_zipcdaddr_path");
				]]>
				</script>
				<caption/>
			</button>
			<output id="ipt_zipcdaddr" ref="/root/main/msgtmpl/replzipcdaddr" class="output_fix" style="left:228px; top:83px; width:280px; height:19px; "/>
			<input id="ipt_detladdr" ref="/root/main/msgtmpl/repldetladdr" class="input_default" style="left:108px; top:106px; width:400px; height:19px; "/>
			<input id="ipt_rplenm" ref="/root/main/msgtmpl/replnm" class="input_default" maxlength="25" style="left:108px; top:129px; width:205px; height:19px; "/>
			<caption id="caption8" style="left:318px; top:130px; width:172px; height:19px; ">(주소 아래 표시될 발신인 정보)</caption>
			<line id="line13" class="line_2" style="x1:0px; y1:341px; x2:510px; y2:341px; "/>
			<caption id="cap_dmbdtext" class="cell_1" style="left:0px; top:153px; width:105px; height:188px; text-align:center; ">본문 내용</caption>
			<textarea id="tar_dmbdtext" ref="/root/main/msgtmpl/dmbdtext" class="text_essential" style="left:108px; top:153px; width:400px; height:186px; ">
				<script type="javascript" ev:event="DOMFocusIn">
					<![CDATA[
					model.setValue("/root/focusid", event.focus)
					]]>
				</script>
			</textarea>
			<caption id="caption14" class="cell_1" style="left:0px; top:343px; width:105px; height:48px; text-align:center; ">서명 내용</caption>
			<textarea id="tar_dmsigntext" ref="/root/main/msgtmpl/dmsigntext" class="input_default" style="left:108px; top:343px; width:400px; height:46px; ">
				<script type="javascript" ev:event="DOMFocusIn">
					<![CDATA[
					model.setValue("/root/focusid", event.focus)
					]]>
				</script>
			</textarea>
			<line id="line8" class="line_2" style="x1:0px; y1:391px; x2:510px; y2:391px; "/>
			<line id="line9" class="line_2" style="x1:0px; y1:151px; x2:510px; y2:151px; "/>
			<button id="btn_init" class="btn5_letter3" style="left:1px; top:395px; width:53px; height:19px; ">
				<caption>초기화</caption>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						fInitiate();
					]]>
				</script>
			</button>
			<button id="btn_save" class="btn5_letter5" style="left:355px; top:395px; width:75px; height:19px; ">
				<caption>메시지저장</caption>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
					if(fMsgValid()){
						model.setValue("/root/main/msgtmpl/useyn","Y");		
						var savemode = model.getValue("/root/main/msgtmpl/savemode");
						fSaveMsg(savemode);      //DM관리 속성 저장(I:등록, U:수정)
						
						model.setValue("/root/send/data/mdlgrupcd", model.getValue("/root/main/msgtmpl/msgmdlcd"));
						submit("TRCNS00203");	//재조회
						model.setValue("/root/send/data/mdlgrupcd", "");							
					}					
					]]>
				</script>
			</button>
			<button id="btn_updt" class="btn5_letter5" style="left:433px; top:395px; width:75px; height:19px; ">
				<caption>메시지수정</caption>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
					if(fMsgValid()){
						model.setValue("/root/main/msgtmpl/useyn","Y");		
						var savemode = model.getValue("/root/main/msgtmpl/savemode");
						fSaveMsg(savemode);      //DM메시지관리 속성 저장(I:등록, U:수정)
						
						model.setValue("/root/send/data/mdlgrupcd", model.getValue("/root/main/msgtmpl/msgmdlcd"));
						submit("TRCNS00203");	//재조회
						model.setValue("/root/send/data/mdlgrupcd", "");							
					}					
					]]>
				</script>
			</button>
			<caption id="caption10" style="left:108px; top:32px; width:400px; height:19px; ">DM용지에만 사용가능하므로 용지선택을 하실 필요 없습니다.</caption>
		</group>
		<group id="group3" style="left:739px; top:360px; width:451px; height:417px; ">
			<caption id="caption11" class="tit_2" style="left:5px; top:10px; width:150px; height:14px; ">자동입력어</caption>
			<line id="line10" class="line_1" style="x1:0px; y1:25px; x2:451px; y2:25px; "/>
			<shape id="rectangle2" appearance="rectangle" style="left:0px; top:30px; width:451px; height:25px; border-color:#c0c0c0; "/>
			<shape id="rectangle3" appearance="rectangle" style="left:0px; top:87px; width:451px; height:93px; border-color:#c0c0c0; "/>
			<shape id="rectangle4" appearance="rectangle" style="left:0px; top:212px; width:451px; height:179px; border-color:#c0c0c0; "/>
			<group id="group5" style="left:2px; top:31px; width:231px; height:22px; ">
				<button id="button4" class="btn2_letter3" style="left:5px; top:2px; width:53px; height:19px; ">
					<caption>고객</caption>
				</button>
				<script type="javascript" ev:event="onclick">
					<![CDATA[
					var trgObj = document.controls.item(event.target);
					var trgTextarea =  model.getValue("/root/focusid");
					
						if( trgObj.elementName == "xforms:button" ) {
							if ( trgTextarea == "tar_dmbdtext" ) {		
								var btnMark = "<@" + trgObj.label + ">";
								var txtSelPos = tar_dmbdtext.selBegin; 
								
								var curText = tar_dmbdtext.currentText;
								var curTextBefore = curText.substr(0, txtSelPos);
								var curTextAfter = curText.substr(txtSelPos, curText.length);
								
								tar_dmbdtext.currentText = curTextBefore + btnMark + curTextAfter; 
								
								var endTxt = tar_dmbdtext.currentText;
								model.setFocus("tar_dmbdtext");
								tar_dmbdtext.selBegin = endTxt.length-curTextAfter.length;
								tar_dmbdtext.dispatch("onkeyup");
							} else if ( trgTextarea == "tar_dmsigntext" ) {
								var btnMark = "<@" + trgObj.label + ">";
								var txtSelPos = tar_dmsigntext.selBegin; 
								
								var curText = tar_dmsigntext.currentText;
								var curTextBefore = curText.substr(0, txtSelPos);
								var curTextAfter = curText.substr(txtSelPos, curText.length);
								
								tar_dmsigntext.currentText = curTextBefore + btnMark + curTextAfter; 
								
								var endTxt = tar_dmsigntext.currentText;
								model.setFocus("tar_dmsigntext");
								tar_dmsigntext.selBegin = endTxt.length-curTextAfter.length;
								tar_dmsigntext.dispatch("onkeyup");	
							}
						}
					]]>
				</script>
			</group>
			<caption id="caption13" class="tit_2" style="left:5px; top:67px; width:85px; height:13px; ">특수문자</caption>
			<line id="line11" class="line_1" style="x1:0px; y1:82px; x2:451px; y2:82px; "/>
			<line id="line12" class="line_1" style="x1:0px; y1:207px; x2:451px; y2:207px; "/>
			<caption id="caption15" class="tit_2" style="left:5px; top:192px; width:85px; height:13px; ">이모티콘</caption>
			<group id="group10" style="left:3px; top:213px; width:412px; height:174px; ">
				<button id="button74" style="left:5px; top:68px; width:45px; height:19px; background-color:transparent; border-style:none; ">
					<caption>n.n</caption>
				</button>
				<button id="button75" style="left:52px; top:68px; width:45px; height:19px; ">
					<caption>^Δ^</caption>
				</button>
				<button id="button76" style="left:99px; top:68px; width:45px; height:19px; ">
					<caption>^v^</caption>
				</button>
				<button id="button77" style="left:349px; top:24px; width:45px; height:19px; ">
					<caption>^.^</caption>
				</button>
				<button id="button78" style="left:255px; top:2px; width:45px; height:19px; ">
					<caption>^_^</caption>
				</button>
				<button id="button79" style="left:151px; top:68px; width:45px; height:19px; ">
					<caption>^O^</caption>
				</button>
				<button id="button80" style="left:5px; top:46px; width:45px; height:19px; ">
					<caption>^L^</caption>
				</button>
				<button id="button81" style="left:302px; top:2px; width:45px; height:19px; ">
					<caption>⌒⌒</caption>
				</button>
				<button id="button82" style="left:203px; top:68px; width:45px; height:19px; ">
					<caption>^.~</caption>
				</button>
				<button id="button83" style="left:52px; top:46px; width:45px; height:19px; ">
					<caption>^ε^</caption>
				</button>
				<button id="button84" style="left:349px; top:2px; width:45px; height:19px; ">
					<caption>^-^b</caption>
				</button>
				<button id="button85" style="left:255px; top:68px; width:45px; height:19px; ">
					<caption>*^^*</caption>
				</button>
				<button id="button86" style="left:99px; top:46px; width:45px; height:19px; ">
					<caption>^▽^</caption>
				</button>
				<button id="button87" style="left:5px; top:24px; width:45px; height:19px; ">
					<caption>=^.^=</caption>
				</button>
				<button id="button88" style="left:302px; top:68px; width:45px; height:19px; ">
					<caption>(^^)γ</caption>
				</button>
				<button id="button89" style="left:151px; top:46px; width:45px; height:19px; ">
					<caption>o(^-^)o</caption>
				</button>
				<button id="button90" style="left:52px; top:24px; width:45px; height:19px; ">
					<caption>(*^-^)</caption>
				</button>
				<button id="button91" style="left:349px; top:68px; width:45px; height:19px; ">
					<caption>(*^o^*)</caption>
				</button>
				<button id="button92" style="left:203px; top:46px; width:45px; height:19px; ">
					<caption>^o^~~♬</caption>
				</button>
				<button id="button93" style="left:99px; top:24px; width:45px; height:19px; ">
					<caption>☞^.^☜</caption>
				</button>
				<button id="button94" style="left:255px; top:46px; width:45px; height:19px; ">
					<caption>S(^.^)b</caption>
				</button>
				<button id="button95" style="left:151px; top:24px; width:45px; height:19px; ">
					<caption>(￣∇￣)</caption>
				</button>
				<button id="button96" style="left:5px; top:2px; width:45px; height:19px; ">
					<caption>(*^-^*)</caption>
				</button>
				<button id="button97" style="left:302px; top:46px; width:45px; height:19px; ">
					<caption>(^o^)/</caption>
				</button>
				<button id="button98" style="left:203px; top:24px; width:45px; height:19px; ">
					<caption>♥.♥</caption>
				</button>
				<button id="button99" style="left:52px; top:2px; width:31px; height:19px; ">
					<caption>♡.♡</caption>
				</button>
				<button id="button100" style="left:349px; top:46px; width:45px; height:19px; ">
					<caption>*♥o♥*</caption>
				</button>
				<button id="button101" style="left:255px; top:24px; width:45px; height:19px; ">
					<caption>(~.^)s</caption>
				</button>
				<button id="button102" style="left:99px; top:2px; width:45px; height:19px; ">
					<caption>☞♡☜</caption>
				</button>
				<button id="button103" style="left:302px; top:24px; width:45px; height:19px; ">
					<caption>γ^ε^γ</caption>
				</button>
				<button id="button104" style="left:151px; top:2px; width:45px; height:19px; ">
					<caption>(♡.♡)</caption>
				</button>
				<button id="button105" style="left:203px; top:2px; width:45px; height:19px; ">
					<caption>(*`0`*)</caption>
				</button>
				<button id="button1" style="left:5px; top:134px; width:55px; height:19px; ">
					<caption>(⌒ε⌒*)</caption>
				</button>
				<button id="button2" style="left:64px; top:134px; width:45px; height:19px; ">
					<caption>(*^}{^*)</caption>
				</button>
				<button id="button3" style="left:5px; top:90px; width:55px; height:19px; ">
					<caption>づ^O^)づ</caption>
				</button>
				<button id="button6" style="left:5px; top:112px; width:55px; height:19px; ">
					<caption>☜(^^*)☞</caption>
				</button>
				<button id="button14" style="left:199px; top:90px; width:55px; height:19px; ">
					<caption>(*^з(^^*)</caption>
				</button>
				<button id="button15" style="left:134px; top:90px; width:45px; height:19px; ">
					<caption>(^*^)</caption>
				</button>
				<button id="button16" style="left:60px; top:90px; width:65px; height:19px; ">
					<caption>(つ＾з＾)つ</caption>
				</button>
				<button id="button17" style="left:260px; top:90px; width:75px; height:19px; ">
					<caption>(*⌒.^)(^ε⌒*)</caption>
				</button>
				<button id="button18" style="left:260px; top:112px; width:75px; height:19px; ">
					<caption>(*^-^)♡(^o^*)</caption>
				</button>
				<button id="button106" style="left:169px; top:90px; width:45px; height:19px; ">
					<caption>~o~</caption>
				</button>
				<button id="button107" style="left:219px; top:112px; width:45px; height:19px; ">
					<caption>⊙.⊙</caption>
				</button>
				<button id="button108" style="left:169px; top:112px; width:45px; height:19px; ">
					<caption>^----^</caption>
				</button>
				<button id="button109" style="left:134px; top:112px; width:45px; height:19px; ">
					<caption>^.~♥</caption>
				</button>
				<button id="button110" style="left:64px; top:112px; width:61px; height:19px; ">
					<caption>♬(^O^)~♪</caption>
				</button>
				<button id="button111" style="left:149px; top:134px; width:56px; height:19px; ">
					<caption>s(￣▽￣)/</caption>
				</button>
				<button id="button112" style="left:114px; top:134px; width:45px; height:19px; ">
					<caption>(*^.^)</caption>
				</button>
				<script type="javascript" ev:event="onclick">
					<![CDATA[
						var trgObj = document.controls.item(event.target);
						var trgTextarea =  model.getValue("/root/focusid");
						
						if( trgObj.elementName == "xforms:button" ) {
							if ( trgTextarea == "tar_dmbdtext" ) {	
								var btnMark = trgObj.label;
								var txtSelPos = tar_dmbdtext.selBegin; 
	
								var curText = tar_dmbdtext.currentText;
								var curTextBefore = curText.substr(0, txtSelPos);
								var curTextAfter = curText.substr(txtSelPos, curText.length);
								
								tar_dmbdtext.currentText = curTextBefore + btnMark + curTextAfter; 
								
								var endTxt = tar_dmbdtext.currentText;
								model.setFocus("tar_dmbdtext");
								tar_dmbdtext.selBegin = endTxt.length-curTextAfter.length;
								tar_dmbdtext.dispatch("onkeyup");	
							} else if ( trgTextarea == "tar_dmsigntext" ) {
								var btnMark = trgObj.label;
								var txtSelPos = tar_dmsigntext.selBegin; 
	
								var curText = tar_dmsigntext.currentText;
								var curTextBefore = curText.substr(0, txtSelPos);
								var curTextAfter = curText.substr(txtSelPos, curText.length);
								
								tar_dmsigntext.currentText = curTextBefore + btnMark + curTextAfter; 
								
								var endTxt = tar_dmsigntext.currentText;
								model.setFocus("tar_dmsigntext");
								tar_dmsigntext.selBegin = endTxt.length-curTextAfter.length;
								tar_dmsigntext.dispatch("onkeyup");	
							}
						}
					]]>
				</script>
			</group>
			<group id="group4" style="left:2px; top:88px; width:438px; height:90px; ">
				<button id="button19" style="left:5px; top:68px; width:17px; height:19px; background-color:transparent; border-style:none; ">
					<caption>＠</caption>
				</button>
				<button id="button20" style="left:27px; top:68px; width:17px; height:19px; ">
					<caption>♨</caption>
				</button>
				<button id="button21" style="left:49px; top:68px; width:17px; height:19px; ">
					<caption>☎</caption>
				</button>
				<button id="button22" style="left:159px; top:24px; width:17px; height:19px; ">
					<caption>♥</caption>
				</button>
				<button id="button23" style="left:115px; top:2px; width:17px; height:19px; ">
					<caption>◎</caption>
				</button>
				<button id="button24" style="left:71px; top:68px; width:17px; height:19px; ">
					<caption>☜</caption>
				</button>
				<button id="button25" style="left:5px; top:46px; width:17px; height:19px; ">
					<caption>♧</caption>
				</button>
				<button id="button26" style="left:137px; top:2px; width:17px; height:19px; ">
					<caption>◇</caption>
				</button>
				<button id="button27" style="left:93px; top:68px; width:17px; height:19px; ">
					<caption>☞</caption>
				</button>
				<button id="button28" style="left:27px; top:46px; width:17px; height:19px; ">
					<caption>♣</caption>
				</button>
				<button id="button29" style="left:159px; top:2px; width:17px; height:19px; ">
					<caption>◆</caption>
				</button>
				<button id="button30" style="left:115px; top:68px; width:17px; height:19px; ">
					<caption>％</caption>
				</button>
				<button id="button31" style="left:49px; top:46px; width:17px; height:19px; ">
					<caption>◁</caption>
				</button>
				<button id="button32" style="left:5px; top:24px; width:17px; height:19px; ">
					<caption>□</caption>
				</button>
				<button id="button33" style="left:137px; top:68px; width:17px; height:19px; ">
					<caption>☏</caption>
				</button>
				<button id="button34" style="left:71px; top:46px; width:17px; height:19px; ">
					<caption>◀</caption>
				</button>
				<button id="button35" style="left:27px; top:24px; width:17px; height:19px; ">
					<caption>■</caption>
				</button>
				<button id="button36" style="left:159px; top:68px; width:17px; height:19px; ">
					<caption>♪</caption>
				</button>
				<button id="button37" style="left:93px; top:46px; width:17px; height:19px; ">
					<caption>▷</caption>
				</button>
				<button id="button38" style="left:49px; top:24px; width:17px; height:19px; ">
					<caption>△</caption>
				</button>
				<button id="button39" style="left:115px; top:46px; width:17px; height:19px; ">
					<caption>▶</caption>
				</button>
				<button id="button40" style="left:71px; top:24px; width:17px; height:19px; ">
					<caption>▲</caption>
				</button>
				<button id="button41" style="left:5px; top:2px; width:17px; height:19px; ">
					<caption>●</caption>
				</button>
				<button id="button42" style="left:137px; top:46px; width:17px; height:19px; ">
					<caption>♤</caption>
				</button>
				<button id="button43" style="left:93px; top:24px; width:17px; height:19px; ">
					<caption>▽</caption>
				</button>
				<button id="button44" style="left:27px; top:2px; width:17px; height:19px; ">
					<caption>※</caption>
				</button>
				<button id="button45" style="left:159px; top:46px; width:17px; height:19px; ">
					<caption>♠</caption>
				</button>
				<button id="button46" style="left:115px; top:24px; width:17px; height:19px; ">
					<caption>▼</caption>
				</button>
				<button id="button47" style="left:49px; top:2px; width:17px; height:19px; ">
					<caption>☆</caption>
				</button>
				<button id="button48" style="left:137px; top:24px; width:17px; height:19px; ">
					<caption>♡</caption>
				</button>
				<button id="button49" style="left:71px; top:2px; width:17px; height:19px; ">
					<caption>★</caption>
				</button>
				<button id="button50" style="left:93px; top:2px; width:17px; height:19px; ">
					<caption>○</caption>
				</button>
				<button id="button51" style="left:179px; top:68px; width:17px; height:19px; ">
					<caption>♬</caption>
				</button>
				<button id="button52" style="left:199px; top:68px; width:17px; height:19px; ">
					<caption>♩</caption>
				</button>
				<button id="button53" style="left:179px; top:24px; width:17px; height:19px; ">
					<caption>ㆀ</caption>
				</button>
				<button id="button54" style="left:179px; top:46px; width:17px; height:19px; ">
					<caption>▣</caption>
				</button>
				<button id="button55" style="left:259px; top:2px; width:17px; height:19px; ">
					<caption>→</caption>
				</button>
				<button id="button56" style="left:239px; top:2px; width:17px; height:19px; ">
					<caption>←</caption>
				</button>
				<button id="button57" style="left:219px; top:2px; width:17px; height:19px; ">
					<caption>▒</caption>
				</button>
				<button id="button58" style="left:199px; top:2px; width:17px; height:19px; ">
					<caption>▦</caption>
				</button>
				<button id="button59" style="left:179px; top:2px; width:17px; height:19px; ">
					<caption>▤</caption>
				</button>
				<button id="button60" style="left:279px; top:2px; width:17px; height:19px; ">
					<caption>Ø</caption>
				</button>
				<button id="button61" style="left:259px; top:24px; width:17px; height:19px; ">
					<caption>↓</caption>
				</button>
				<button id="button62" style="left:239px; top:24px; width:17px; height:19px; ">
					<caption>↑</caption>
				</button>
				<button id="button63" style="left:219px; top:24px; width:17px; height:19px; ">
					<caption>◇</caption>
				</button>
				<button id="button64" style="left:199px; top:24px; width:17px; height:19px; ">
					<caption>▨</caption>
				</button>
				<button id="button65" style="left:259px; top:46px; width:17px; height:19px; ">
					<caption>§</caption>
				</button>
				<button id="button66" style="left:239px; top:46px; width:17px; height:19px; ">
					<caption>⇒</caption>
				</button>
				<button id="button67" style="left:219px; top:46px; width:17px; height:19px; ">
					<caption>◈</caption>
				</button>
				<button id="button68" style="left:199px; top:46px; width:17px; height:19px; ">
					<caption>▩</caption>
				</button>
				<button id="button69" style="left:279px; top:24px; width:17px; height:19px; ">
					<caption>∀</caption>
				</button>
				<button id="button70" style="left:259px; top:68px; width:17px; height:19px; ">
					<caption>◑</caption>
				</button>
				<button id="button71" style="left:239px; top:68px; width:17px; height:19px; ">
					<caption>◐</caption>
				</button>
				<button id="button72" style="left:219px; top:68px; width:17px; height:19px; ">
					<caption>⊙</caption>
				</button>
				<button id="button73" style="left:319px; top:68px; width:17px; height:19px; ">
					<caption>≥</caption>
				</button>
				<button id="button113" style="left:299px; top:68px; width:17px; height:19px; ">
					<caption>≤</caption>
				</button>
				<button id="button114" style="left:379px; top:68px; width:17px; height:19px; ">
					<caption>！</caption>
				</button>
				<button id="button115" style="left:359px; top:68px; width:17px; height:19px; ">
					<caption>』</caption>
				</button>
				<button id="button116" style="left:339px; top:68px; width:17px; height:19px; ">
					<caption>『</caption>
				</button>
				<button id="button117" style="left:279px; top:68px; width:17px; height:19px; ">
					<caption>∏</caption>
				</button>
				<button id="button118" style="left:279px; top:46px; width:17px; height:19px; ">
					<caption>∃</caption>
				</button>
				<button id="button119" style="left:379px; top:46px; width:17px; height:19px; ">
					<caption>≫</caption>
				</button>
				<button id="button120" style="left:359px; top:46px; width:17px; height:19px; ">
					<caption>≪</caption>
				</button>
				<button id="button121" style="left:339px; top:46px; width:17px; height:19px; ">
					<caption>℡</caption>
				</button>
				<button id="button122" style="left:319px; top:46px; width:17px; height:19px; ">
					<caption>≫</caption>
				</button>
				<button id="button123" style="left:299px; top:46px; width:17px; height:19px; ">
					<caption>≪</caption>
				</button>
				<button id="button124" style="left:379px; top:24px; width:17px; height:19px; ">
					<caption>￥</caption>
				</button>
				<button id="button125" style="left:359px; top:24px; width:17px; height:19px; ">
					<caption>￠</caption>
				</button>
				<button id="button126" style="left:339px; top:24px; width:17px; height:19px; ">
					<caption>⊃</caption>
				</button>
				<button id="button127" style="left:319px; top:24px; width:17px; height:19px; ">
					<caption>≠</caption>
				</button>
				<button id="button128" style="left:299px; top:24px; width:17px; height:19px; ">
					<caption>∽</caption>
				</button>
				<button id="button129" style="left:379px; top:2px; width:17px; height:19px; ">
					<caption>∴</caption>
				</button>
				<button id="button130" style="left:359px; top:2px; width:17px; height:19px; ">
					<caption>∬</caption>
				</button>
				<button id="button131" style="left:339px; top:2px; width:17px; height:19px; ">
					<caption>∪</caption>
				</button>
				<button id="button132" style="left:319px; top:2px; width:17px; height:19px; ">
					<caption>∧</caption>
				</button>
				<button id="button133" style="left:299px; top:2px; width:17px; height:19px; ">
					<caption>∞</caption>
				</button>
				<script type="javascript" ev:event="onclick">
					<![CDATA[
						var trgObj = document.controls.item(event.target);
						var trgTextarea =  model.getValue("/root/focusid");
						
						if( trgObj.elementName == "xforms:button" ) {
							if ( trgTextarea == "tar_dmbdtext" ) {	
								var btnMark = trgObj.label;
								var txtSelPos = tar_dmbdtext.selBegin; 
	
								var curText = tar_dmbdtext.currentText;
								var curTextBefore = curText.substr(0, txtSelPos);
								var curTextAfter = curText.substr(txtSelPos, curText.length);
								
								tar_dmbdtext.currentText = curTextBefore + btnMark + curTextAfter; 
								
								model.setFocus("tar_dmbdtext");
								tar_dmbdtext.selBegin = txtSelPos + 1;
								tar_dmbdtext.dispatch("onkeyup");	
							} else if ( trgTextarea == "tar_dmsigntext" ) {
								var btnMark = trgObj.label;
								var txtSelPos = tar_dmsigntext.selBegin; 
	
								var curText = tar_dmsigntext.currentText;
								var curTextBefore = curText.substr(0, txtSelPos);
								var curTextAfter = curText.substr(txtSelPos, curText.length);
								
								tar_dmsigntext.currentText = curTextBefore + btnMark + curTextAfter; 
								
								model.setFocus("tar_dmsigntext");
								tar_dmsigntext.selBegin = txtSelPos + 1;
								tar_dmsigntext.dispatch("onkeyup");	
							}
						}
					]]>
				</script>
			</group>
		</group>
		<group id="group12" style="left:0px; top:23px; width:225px; height:757px; ">
			<button id="btn_dm" class="btn_sw" group="tab" style="left:0px; top:5px; width:71px; height:27px; ">
				<caption>DM</caption>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						navigate("SMCND00200");		
					]]>
				</script>
			</button>
			<button id="btn_mail" class="btn_sw" group="tab" style="left:72px; top:5px; width:71px; height:27px; ">
				<caption>E-mail</caption>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						navigate("SMCNE00200");	
					]]>
				</script>
			</button>
			<button id="btn_sms" class="btn_sw" group="tab" style="left:144px; top:5px; width:71px; height:27px; ">
				<caption>SMS</caption>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						navigate("SMCNS00200");	
					]]>
				</script>
			</button>
			<import id="import1" src="./SSCNS00300_채널그룹트리.xrw" style="left:0px; top:30px; width:215px; height:727px; "/>
		</group>
	</xhtml:body>
</xhtml:html>