<%--
  Class Name : schConfigDetail.jsp
  Description : 스케줄 환경설정 상세/수정
  Modification Information
 
      수정일      수정자              수정내용
     ----------  --------    ---------------------------
     2009.03.23   이삼섭        최초 생성
 
    author   : 공통서비스 개발팀 이삼섭
    since    : 2009.03.23
--%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ page import ="egovframework.rte.fdl.security.userdetails.util.EgovUserDetailsHelper" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>


<%@ taglib prefix="ckeditor" uri="http://ckeditor.com"%>
<%   
	response.setHeader("Cache-Control","no-store");   
	response.setHeader("Pragma","no-cache");   
	response.setDateHeader("Expires",0);   
	if (request.getProtocol().equals("HTTP/1.1")) response.setHeader("Cache-Control", "no-cache"); 
%> 
<%
	String srchRoll = "N";
	if(EgovUserDetailsHelper.getAuthorities().contains("ROLE_ADMIN")){
		srchRoll = "Y";
	}
%>
<c:set var="srchRoll" value="<%=srchRoll%>" />
<!DOCTYPE html>
<html lang="ko">
<head>
<title>Document</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="/direct/css/font.css">
<link rel="stylesheet" href="/direct/css/reset.css">
<link rel="stylesheet" href="/direct/css/enroll_popup.css">
<link rel="stylesheet" href="/direct/css/nice-select.css">
<link rel="stylesheet" href="/direct/css/file_upload_2.css">
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="/direct/css/ie_popup.css" />
<![endif]-->
<script src="/js/jquery.min.itn.js"></script>
<script src="/js/jquery-ui_itn.js"></script>
<script src="/direct/js/jquery.nice-select.js"></script>
<!-- <script src="/direct/js/script.js"></script> -->
<!-- <script src="/direct/js/popup_open_2.js"></script> -->

<link rel="stylesheet" href="/direct/css/jquery.timepicker.css">
<script src="/direct/js/jquery.timepicker.js"></script>
<!-- <script src="/direct/js/jquery.timepicker_orgn.js"></script> -->


<script type="text/javascript" src="<c:url value='/js/EgovCalPopup.js' />"></script>
<script type="text/javascript" src="<c:url value='/js/EgovMultiFile.js'/>"></script>
<script type="text/javascript" src="/direct/js/audit.common.js"></script>   
<script type="text/javaScript" language="javascript">
$(document).ready(function() {
	$('select').niceSelect();
	
	
	//select 박스 
	
	$(".option").each(function(i, t) {
		var valueA = $(this).data("value");
		console.log(valueA);
		if (valueA == "03") $(this).addClass("red");
		else if (valueA == "01") $(this).addClass("blue");
		else $(this).addClass("yew");
	})
			
	$(".option").click(function() {
		var curThis = $(this).parent().parent(".nice-select").children(".current");
		$(curThis).removeClass().addClass("current");
		var selVaue = $(this).data("value");
		/* $(".current").addClass(selVaue+"_sel").addClass("curr_sel"); */
		if($(this).hasClass("red") == true)$(curThis).addClass(selVaue+"_sel").addClass("curr_sel").addClass("red_sel");
		else if($(this).hasClass("blue") == true)$(curThis).addClass(selVaue+"_sel").addClass("curr_sel").addClass("blue_sel");
		else $(curThis).addClass(selVaue+"_sel").addClass("curr_sel").addClass("yew_sel");
	})
	
	var $schdlrColorUserCd = $("[name=schdlrColorUserCd]");
	var $schdlrColorShareCd = $("[name=schdlrColorShareCd]");
	var $schdlrColorPerCd = $("[name=schdlrColorPerCd]");
	
	var schdlrColorUserCdColor = "";
	var schdlrColorShareCdColor = "";
	var schdlrColorPerCdColor = "";
	
	if ($schdlrColorUserCd.val() == "01") schdlrColorUserCdColor = "blue";
	else if ($schdlrColorUserCd.val() == "02") schdlrColorUserCdColor = "yew";
	else if ($schdlrColorUserCd.val() == "03") schdlrColorUserCdColor = "red";
	
	if ($schdlrColorShareCd.val() == "01") schdlrColorShareCdColor = "blue";
	else if ($schdlrColorShareCd.val() == "02") schdlrColorShareCdColor = "yew";
	else if ($schdlrColorShareCd.val() == "03") schdlrColorShareCdColor = "red";
	
	if ($schdlrColorPerCd.val() == "01") schdlrColorPerCdColor = "blue";
	else if ($schdlrColorPerCd.val() == "02") schdlrColorPerCdColor = "yew";
	else if ($schdlrColorPerCd.val() == "03") schdlrColorPerCdColor = "red";
	
	
	$("[name=schdlrColorUserCd]").next("div").children("span").addClass(schdlrColorUserCdColor+"_sel curr_sel");
	$("[name=schdlrColorShareCd]").next("div").children("span").addClass(schdlrColorShareCdColor+"_sel curr_sel");
	$("[name=schdlrColorPerCd]").next("div").children("span").addClass(schdlrColorPerCdColor+"_sel curr_sel");
});

var srchRoll = "<c:out value='${srchRoll}' />";

// 수정
function updateDetail() {
	if (!confirm("저장 하시겠습니까?")) return;
	
	
	
	var logCmd = "?logCmd=";
	if (srchRoll == "Y") logCmd += "ADM";
	else logCmd += "USR";
	
	var msg = "저장되었습니다.";
	var url = "/${siteId}/web/uss/itsm/schdlr/updateSchConfigAjax.do" + logCmd;
	var data = new FormData(document.detailForm);
	
    $.ajax({
        type: "POST",
        url: url,
        data: data,
        dataType:'json',
        processData: false,
        contentType: false,
        cache: false,
        timeout: 600000,
        success: function (returnData, status) {
			if(returnData.result == 'success'){
				alert(msg);
				window.self.close();
			} else if(returnData.result == 'self_fail'){
				alert("본인글 외에는 수정할 수 없습니다.");
			} else if(returnData.result == 'fail'){
				alert("저장에 실패하였습니다.");
			}
		},
        error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
    });
}
</script>
<style>
		
		.curr_sel{
			position: relative;
			padding-left: 10px;
			display:block;
			text-indent:-99999px;
		}
		
		.black_sel{padding-left:0}
		
		.select {
			margin: 400px;
		}

		.colorDiv {
			width: 15px;
			height: 15px;
			border-radius: 100px;
			position: absolute;
		}

		.list{
			width: 142px;
		}

		.list li {
			position: relative;
		}
		
		.red:after {
			content: " ";
			width: 107px;
			height: 14px;
			color: #ff0000;
			background-color: #ff0000;
			position: absolute;
			border-radius: 100px;
			top: 14px;
			left: 6px;
		}

		.blue:after {
			content: " ";
			width: 107px;
			height: 14px;
			color: #1985ff;
			background-color: #1985ff;
			position: absolute;
			border-radius: 100px;
			top: 14px;
			left: 6px;
		}

		.yew:after {
			content: " ";
			width: 107px;
			height: 14px;
			color: #ffcc19;
			background-color: #ffcc19;
			position: absolute;
			border-radius: 100px;
			top: 14px;
			left: 6px;
		}
		
		.red_sel:after {
			content: " ";
			width: 100px;
			height: 14px;
			color: #ff0000;
			background-color: #ff0000;
			position: absolute;
			border-radius: 100px;
			top: 7px;
			left: -11px;
		}

		.blue_sel:after {
			content: " ";
			width: 100px;
			height: 14px;
			color: #1985ff;
			background-color: #1985ff;
			position: absolute;
			border-radius: 100px;
			top: 7px;
			left: -11px;
		}

		.yew_sel:after {
			content: " ";
			width: 100px;
			height: 14px;
			color: #ffcc19;
			background-color: #ffcc19;
			position: absolute;
			border-radius: 100px;
			top: 7px;
			left: -11px;
		}
		
		.option{
			padding-left: 25px !important;
		}
	</style>
</head>
<body>
<form name="detailForm" method="post">
<input type="hidden" name="schdlrCfgId" value="<c:out value="${result.schdlrCfgId}" />" />

	<div class="enroll_popup setting_sc_popup">
		<div class="enroll_popup_title">
			<img src="/direct/img/enroll_popup_title_bg.png" alt=""> 환경설정
			<!-- <div class="enroll_popup_title_btns">
				<ul>
					<li><img src="/direct/img/popup_close_icon.png" alt=""></li>
				</ul>
			</div> -->
		</div>
		<div class="enroll_input_left set_sc_input">
			<ul>
				<li>시작표시
					<input type="radio" name="schdlrOpenCd" id="schdlrOpenCd1" value="01" <c:if test="${result.schdlrOpenCd == '01'}">checked="checked"</c:if>>
					<label for="schdlrOpenCd1"></label><label for="schdlrOpenCd1">월</label>
					<input type="radio" name="schdlrOpenCd" id="schdlrOpenCd2" value="02" <c:if test="${result.schdlrOpenCd == '02'}">checked="checked"</c:if>>
					<label for="schdlrOpenCd2"></label><label for="schdlrOpenCd2">주</label>
					<input type="radio" name="schdlrOpenCd" id="schdlrOpenCd3" value="03" <c:if test="${result.schdlrOpenCd == '03'}">checked="checked"</c:if>>
					<label for="schdlrOpenCd3"></label><label for="schdlrOpenCd3">일</label> </li>
				<li>주시작일
					<input type="radio" name="schdlrWeekBgnCd" id="schdlrWeekBgnCd1" value="01" <c:if test="${result.schdlrWeekBgnCd == '01'}">checked="checked"</c:if>>
					<label for="schdlrWeekBgnCd1"></label><label for="schdlrWeekBgnCd1">일요일</label>
					<input type="radio" name="schdlrWeekBgnCd" id="schdlrWeekBgnCd2" value="02" <c:if test="${result.schdlrWeekBgnCd == '02'}">checked="checked"</c:if>>
					<label for="schdlrWeekBgnCd2"></label><label for="schdlrWeekBgnCd2">월요일</label>
				</li>
				<li>시간표시
					<input type="radio" name="schdlrTimeCd" id="schdlrTimeCd1" value="01" <c:if test="${result.schdlrTimeCd == '01'}">checked="checked"</c:if>>
					<label for="schdlrTimeCd1"></label><label for="schdlrTimeCd1">13:00</label>
					<input type="radio" name="schdlrTimeCd" id="schdlrTimeCd2" value="02" <c:if test="${result.schdlrTimeCd == '02'}">checked="checked"</c:if>>
					<label for="schdlrTimeCd2"></label><label for="schdlrTimeCd2">오후 1:00</label>
				</li>
				<li>공유색상
					<div class="scl_wrap">
						<div class="scl">개인일정 
							<select name="schdlrColorUserCd">
								<option <c:if test="${result.schdlrColorUserCd == '01'}">selected="selected"</c:if> value="01">파랑</option>
								<option <c:if test="${result.schdlrColorUserCd == '02'}">selected="selected"</c:if> value="02">노랑</option>
								<option <c:if test="${result.schdlrColorUserCd == '02'}">selected="selected"</c:if> value="03">빨강</option>
							</select></div>
						<div class="scl">공유일정 
							<select name="schdlrColorShareCd"> 
								<option <c:if test="${result.schdlrColorShareCd == '01'}">selected="selected"</c:if> value="01">파랑</option>
								<option <c:if test="${result.schdlrColorShareCd == '02'}">selected="selected"</c:if> value="02">노랑</option>
								<option <c:if test="${result.schdlrColorShareCd == '03'}">selected="selected"</c:if> value="03">빨강</option>
							</select></div>
						<div class="scl">
							<c:if test="${authTy == 'A'}">
							정기점검
							<select name="schdlrColorPerCd">
								<option <c:if test="${result.schdlrColorPerCd == '01'}">selected="selected"</c:if> value="01">파랑</option>
								<option <c:if test="${result.schdlrColorPerCd == '02'}">selected="selected"</c:if> value="02">노랑</option>
								<option <c:if test="${result.schdlrColorPerCd == '03'}">selected="selected"</c:if> value="03">빨강</option>
							</select>
							</c:if>
						</div>
					</div>
				</li>
			</ul>
		</div>

		<div class="main1_btn_div">
			<input type="button" class="save_btn" value="저장" onclick="updateDetail();">
			<!-- <input type="button" class="close_btn" value="닫기"> -->
		</div>
	</div>
</form>
</body>
</html>