핫딜관리 수정중

src/main/webapp/WEB-INF/views/marketing/SocialShoppingListForm.html

@@ -130,8 +130,8 @@
 						<!-- 버튼 배치 영역 -->
 						<ul class="panelBar">
 							<li class="right">
-								<button type="button" class="btn btn-info btn-lg" onclick="afreshBtn()">신규</button>
-							<button type="button" class="btn btn-success btn-lg" onclick="fnSocialSaveValid();">저장</button>
+								<button type="button" class="btn btn-info btn-lg" id="regNewBtn" onclick="afreshBtn()">신규</button>
+								<button type="button" class="btn btn-success btn-lg" id="regBtn" onclick="fnSocialSaveValid();">저장</button>
 							</li>
 						</ul>
 						<!-- //버튼 배치 영역 -->
@@ -169,7 +169,7 @@
 									
 									<th>사용여부</th>
 									<td>
-										<select name="useYn" required="required" data-valid-name="사용여부">
+										<select name="useYn" required="required" data-valid-name="사용여부" readonly="readonly" disabled="disabled">
 											<option th:if="${useYnList}" th:each="oneData, status : ${useYnList}" th:value="${oneData.cd}" th:text="|${oneData.cdNm}|"></option>
 										</select>
 									</td>
@@ -231,11 +231,13 @@
 									
 									<th>적용구분</th>
 									<td>
-										<select name="applyGb" required="required" data-valid-name="적용구분">
-											<option value="P">대기</option>
-											<option value="A">적용</option>
-											<option value="F">종료</option>
-										</select>
+<!--										<select name="applyGb" required="required" data-valid-name="적용구분">-->
+<!--											<option value="P">대기</option>-->
+<!--											<option value="A">적용</option>-->
+<!--											<option value="F">종료</option>-->
+<!--										</select>-->
+										<input type="hidden" name="applyGb" value="P"/>
+										<input type="text" name="applyGbName" value="대기" readonly="readonly"/>
 									</td>
 									
 								</tr>
@@ -360,7 +362,7 @@
 		$(formId + ' input[name=socialTnm]').val(data.socialTnm);
 		$(formId + ' select[name=siteCd]').val(data.siteCd);
 		$(formId + ' select[name=useYn]').val(data.useYn);
-		$(formId + ' select[name=applyGb]').val(data.applyGb);
+		// $(formId + ' select[name=applyGb]').val(data.applyGb);
 		$(formId + ' select[name=frontGb]').val(data.frontGb);
 		$(formId + ' select[name=socialType]').val(data.socialType);
 		$(formId + ' select[name=planSq]').val(data.planSq);
@@ -382,6 +384,56 @@
 		// 진행 종료 기간 설정
 		$(formId + ' input[name=edDate]').val(edDate);
 		$('#edTimeHour').val(edTime.substring(0,2));
+
+		$(formId + ' input[name=applyGb]').val(data.applyGb);
+		if(data.applyGb=='P'){
+			$(formId + ' input[name=applyGbName]').val('대기');
+			$(formId+ " input").prop("disabled", false);
+			$(formId+ " select").prop("disabled", false);
+			$(formId+ " button").show();
+
+			// 사용여부 활성화
+			$(formId + ' select[name=useYn]').attr('readonly', false);
+
+			$('#regBtn').show();
+			// TODO 7/28: 즉시적용 버튼 추가
+		}else if(data.applyGb=='A') {
+			$(formId + ' input[name=applyGbName]').val('적용');
+			$(formId+ " input").prop("disabled", true);
+			$(formId+ " select").prop("disabled", true);
+			$(formId+ " button").hide();
+
+			// 진행 종료 날짜/시간만 수정가능
+			$(formId + ' input[name=edDate]').attr('readonly', false);
+			$(formId + ' input[name=edDate]').prop('disabled', false);
+			$(formId + ' #edTimeHour').prop('disabled', false);
+			$(formId + ' #edTimeHour').attr('readonly', false);
+
+			$('#regBtn').show();
+			// TODO 7/28: 종료 버튼 추가
+		}else{
+			$(formId + ' input[name=applyGbName]').val('종료');
+			// $(formId + ' input[name=socialNm]').attr('readonly', true);
+			// $(formId + ' input[name=socialTnm]').attr('readonly', true);
+			// $(formId + ' select[name=siteCd]').prop('disabled', true);
+			// $(formId + ' select[name=siteCd]').attr('readonly', true);
+			// $(formId + ' select[name=useYn]').prop('disabled', true);
+			// $(formId + ' select[name=useYn]').attr('readonly', true);
+			// $(formId + ' select[name=frontGb]').prop('disabled', true);
+			// $(formId + ' select[name=frontGb]').attr('readonly', true);
+			// $(formId + ' select[name=socialType]').prop('disabled', true);
+			// $(formId + ' select[name=socialType]').attr('readonly', true);
+			// $(formId + ' input[name=stDate]').attr('readonly', true);
+			// $(formId + ' input[name=edDate]').attr('readonly', true);
+			// $(formId + ' #stTimeHour').prop('disabled', true);
+			// $(formId + ' #stTimeHour').attr('readonly', true);
+			// $(formId + ' #edTimeHour').prop('disabled', true);
+			// $(formId + ' #edTimeHour').attr('readonly', true);
+			$(formId+ " input").prop("disabled", true);
+			$(formId+ " select").prop("disabled", true);
+			$(formId+ " button").hide();
+			$('#regBtn').hide();
+		}
 	}
 
 	// 초기화 클릭 시