실무역량강화 > 전체과정 > 모바일 리스트 화면 적용완료

src/main/webapp/WEB-INF/jsp/web/ve/aplct/fndtnEnhanceTrn/eduAplctList.jsp

@@ -121,10 +121,97 @@ $(document).ready(function(){
         }
 
         // 텍스트가 "접수중"인지 확인
-//         if ($thisCell.text().trim() !== "접수중") {
+        if ($thisCell.text().trim() === "접수중") {
-//             $applyButton.prop('disabled', true);  // 버튼 비활성화
+
-//         }
+        	//신청상태
-        //alert($applyStts.text().trim());
+        	if ($applyStts.text().trim() === "요청") {
+            	//취소
+                $applyButton.prop('disabled', false);  // 버튼 비활성화
+                $applyButton.text('취소');
+                $applyButton.attr('title','취소 창 열림');
+                $applyButton.attr('onclick', "fn_cancel('" + $($thisCell).closest('tr').data('value') + "');");
+                            	
+        	}else{
+        		$applyButton.prop('disabled', false);  // 버튼 비활성화
+            }
+            
+        }
+        if ($thisCell.text().trim() === "접수전") {
+            $applyButton.prop('disabled', false);  // 버튼 비활성화
+            $applyButton.text('찜하기');
+            $applyButton.attr('title','찜하기 창 열림');
+            $applyButton.attr('onclick', "fn_ggim('" + $($thisCell).closest('tr').data('value') + "');");
+        }
+        if ($thisCell.text().trim() === "찜하기") {
+        	
+        	var $currentRow = $thisCell.closest('tr');
+
+            var strtPnttm = new Date($currentRow.find("td:eq(2)").text().split("~")[0].trim());
+            var endPnttm = new Date($currentRow.find("td:eq(2)").text().split("~")[1].trim());
+            var currentDate = new Date();
+			
+            // 시간, 분, 초 초기화
+            strtPnttm.setHours(0, 0, 0, 0);
+            endPnttm.setHours(0, 0, 0, 0);
+            currentDate.setHours(0, 0, 0, 0);
+            
+            var ddlnCdText = '';
+            
+            if (currentDate >= strtPnttm && currentDate <= endPnttm && $thisCell.text().trim() === "찜하기") {
+            	$applyButton.prop('disabled', false);  // 버튼 비활성화
+            }
+        	
+        	
+        }
+        
+        /* 24.01.22 웹접근성 검사를 위하여 disabled 사용제외 */
+        if($applyButton.prop('disabled')){
+        	$applyButton.removeAttr('onclick');
+        	$applyButton.prop('disabled', false);
+        	$applyButton.css('background-color', '#888');
+        	/*24.01.23 웹접근성 검사를 위하여 title 추가*/
+        	$applyButton.attr('title','비활성화됨');
+        	$applyButton.removeAttr('data-tooltip');
+        	
+        }
+    });
+	
+	// 리스트 상태값 확인
+    $(".ddlnCdSttsM").each(function() {
+        var $thisCell = $(this);
+        var $applyButton = $thisCell.closest('ul').find(".aplctBtnM button");
+        var $applyStts	 = $thisCell.closest('ul').find(".aplctSttsM");
+        
+        
+        
+        // 텍스트가 비어있는지 확인
+        if ($thisCell.text().trim() === "") {
+            var $currentRow = $thisCell.closest('ul');
+
+            var strtPnttm = new Date($currentRow.find("li:eq(2)").text().split("~")[0].trim());
+            var endPnttm = new Date($currentRow.find("li:eq(2)").text().split("~")[1].trim());
+            var currentDate = new Date();
+			
+            // 시간, 분, 초 초기화
+            strtPnttm.setHours(0, 0, 0, 0);
+            endPnttm.setHours(0, 0, 0, 0);
+            currentDate.setHours(0, 0, 0, 0);
+            
+            var ddlnCdText = '';
+            
+            if (currentDate < strtPnttm) {
+            	ddlnCdText = "접수전";
+            } else if (currentDate >= strtPnttm && currentDate <= endPnttm) {
+            	ddlnCdText = "접수중";
+            } else if (currentDate > endPnttm) {
+            	ddlnCdText = "접수종료";
+            }
+            
+            $thisCell.text(ddlnCdText);
+            
+        }
+
+        // 텍스트가 "접수중"인지 확인
         if ($thisCell.text().trim() === "접수중") {
 
         	//신청상태
@@ -499,7 +586,10 @@ $(document).ready(function(){
 								</td>								
 								<td class="aplctBtn">
 									<%-- <button type="button" class="btnType04" onclick="fncEduReg('<c:out value="${list.prcsAplctPrdOrd}"/>');" disabled>신청</button> --%>
-									<button type="button" class="btnType04" data-tooltip="target_confirm_popup" data-info="<c:out value='${list.prcsAplctPrdOrd}'/>" onclick="fn_eduRegPopup('<c:out value="${list.prcsAplctPrdOrd}"/>', '<c:out value="${list.eduAplctOrd}"/>');" title="팝업 열림" disabled>신청</button>
+									<button type="button" class="btnType04" 
+									data-tooltip="target_confirm_popup" 
+									data-info="<c:out value='${list.prcsAplctPrdOrd}'/>" 
+									onclick="fn_eduRegPopup('<c:out value="${list.prcsAplctPrdOrd}"/>', '<c:out value="${list.eduAplctOrd}"/>');" title="팝업 열림" disabled>신청</button>
 								</td>
 							</c:if>
 						</tr>
@@ -516,6 +606,86 @@ $(document).ready(function(){
 				</table>
 			</div>
 			
+			
+			<!-- 모바일 시작 -->                
+			<!-- 모바일 시작 -->                
+			<!-- 모바일 시작 -->                
+			<!-- moblie table -->
+			<div class="tb_list01_m class_m">
+				<c:forEach var="list" items="${list}" varStatus="status">
+				<ul>
+					<li>
+						<span>교육구분</span>
+						<span><kc:code codeId="VEA001" code="${list.prcsDiv}"/></span>
+					</li>
+					<li onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');">
+						<span>과정명</span>
+						<span>
+							<c:out value="${list.prcsNm}"/>
+						</span>
+					</li>
+					<li>
+						<span>신청기간</span>
+						<span><c:out value="${list.strtPnttm}"/>~<c:out value="${list.endPnttm}"/></span>
+					</li>
+					<li>
+						<span>교육일자</span>
+						<span>
+							<c:out value="${list.eduStrtPnttm}"/>~<c:out value="${list.eduDdlnPnttm}"/>
+						</span>
+					</li>
+					<li>
+						<span>신청자/정원</span>
+						<span>
+							<c:out value="${list.nosCnt1}"/>/<c:out value="${list.nos}"/>
+						</span>
+					</li>
+						<c:if test="${loginVO != null }">
+							<li>
+								<span>상태</span>
+								<span class="ddlnCdSttsM">
+										<%-- <c:choose>
+											<c:when test="${not empty list.ddlnCd}">
+												<kc:code codeId="VEA004" code="${list.ddlnCd}"/>
+											</c:when>
+											<c:otherwise>
+												<kc:code codeId="VE0003" code="${list.aprvlCd}"/>
+											</c:otherwise>
+										</c:choose> --%>
+								</span>
+							</li>
+							<li>
+								<span>상태</span>
+								<span class="aplctSttsM">
+									<c:choose>
+										<c:when test="${not empty list.aprvlCd}">
+											<kc:code codeId="VE0003" code="${list.aprvlCd}"/>
+										</c:when>
+										<c:otherwise>
+											<kc:code codeId="VEA004" code="${list.ddlnCd}"/>
+										</c:otherwise>
+									</c:choose>
+									
+								</span>
+							</li>
+							<li class="aplctBtnM">
+								<span>교육신청</span>
+								<button type="button" class="btnType04" 
+								data-info="<c:out value='${list.prcsAplctPrdOrd}'/>" data-tooltip="target_confirm_popup" 
+													onclick="fn_eduRegPopup('<c:out value="${list.prcsAplctPrdOrd}"/>', '<c:out value="${list.eduAplctOrd}"/>');" 
+													title="팝업 열림" disabled>
+												신청
+										</button>
+							</li>
+						</c:if>
+					</ul>
+				</c:forEach>
+			</div>
+            <!--// moblie table -->
+			
+			
+			
+			
 			<div class="btn_wrap btn_layout01">
 				<div class="btn_left">
 				</div>