Merge branch 'master' of http://yongjoon.cho@vcs.iten.co.kr:9999/itnAdmin/fairnet
This commit is contained in:
myname
commit
1da02155b7
@ -194,15 +194,15 @@ function clipCall(crfNm){
|
||||
<col class="title7">
|
||||
</c:if>
|
||||
<col class="title10">
|
||||
<col class="title7">
|
||||
<col class="title7">
|
||||
<col class="title15">
|
||||
<col class="title15">
|
||||
<col class="title5">
|
||||
<col class="title5">
|
||||
<col class="title15">
|
||||
<col class="title15">
|
||||
<col class="title7">
|
||||
<col class="title7">
|
||||
<col class="title7">
|
||||
<col class="title5">
|
||||
<col class="title5">
|
||||
<col class="title5">
|
||||
<col class="title7">
|
||||
<c:if test="${memberPosition == '0911000000' || memberPosition == '0910000000'}">
|
||||
<col class="title7">
|
||||
|
||||
@ -288,9 +288,9 @@ function fncPopupListDelete() {
|
||||
<!-- cont -->
|
||||
<div class="cont">
|
||||
<!-- list_top -->
|
||||
<div class="list_top">
|
||||
<p>총 건수 : <span><c:out value="${paginationInfo.totalRecordCount}" /></span>건</p>
|
||||
<div class="list_util">
|
||||
<div class="list_top table_top">
|
||||
<p>총 건수 : <span class="color_blue fw_bold"><c:out value="${paginationInfo.totalRecordCount}" /></span>건</p>
|
||||
<div class="list_util search_wrap">
|
||||
<select class="sel2 searchSel" id="searchCondition" name="searchCondition" title="조회조건">
|
||||
<option value="" >전체</option>
|
||||
<option value="POPUP_SJ_NM" <c:if test="${searchCondition == 'POPUP_SJ_NM'}">selected="selected"</c:if> >제목</option>
|
||||
@ -298,7 +298,7 @@ function fncPopupListDelete() {
|
||||
</select>
|
||||
|
||||
<input type="text" id="searchKeyword" name="searchKeyword" value="<c:out value='${popupManageVO.searchKeyword}'/>" class="search_input" placeholder="검색어를 입력하세요" maxlength="255">
|
||||
<button class="btn_search" onclick="fn_egov_search_PopupManage(); return false;">검색</button>
|
||||
<button class="btn_search btn btn_text blue_border" onclick="fn_egov_search_PopupManage(); return false;">검색</button>
|
||||
|
||||
<select class="sel2" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px">
|
||||
<option value='10' <c:if test="${popupManageVO.pageUnit == '10' or popupManageVO.pageUnit == ''}">selected</c:if>>10줄</option>
|
||||
@ -310,7 +310,7 @@ function fncPopupListDelete() {
|
||||
<!-- //list_top -->
|
||||
|
||||
<!-- list -->
|
||||
<div class="list tbType01">
|
||||
<div class="list tbType01 table-layout mt15">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 3%">
|
||||
@ -392,10 +392,10 @@ function fncPopupListDelete() {
|
||||
<!-- btn_wrap -->
|
||||
<div class="btn_wrap btn_layout01">
|
||||
<div class="area_left">
|
||||
<button type="button" class="btnType03" onclick="fncPopupListDelete(); return false;">삭제</button>
|
||||
<button type="button" class="btnType03 btn btn_text btn_46 red_border" onclick="fncPopupListDelete(); return false;">삭제</button>
|
||||
</div>
|
||||
<div class="area_right">
|
||||
<button type="button" class="btnType02" onclick="location.href='/uss/ion/pwm/egovPopupRegist.do'; return false;">등록</button>
|
||||
<button type="button" class="btnType02 btn btn_text btn_46 blue_fill" onclick="location.href='/uss/ion/pwm/egovPopupRegist.do'; return false;">등록</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //btn_wrap -->
|
||||
|
||||
@ -39,7 +39,7 @@
|
||||
function fn_egov_save_PopupManage(){
|
||||
|
||||
var varFrom = document.popupManageVO;
|
||||
|
||||
|
||||
CKEDITOR.instances.nttCn.updateElement();
|
||||
|
||||
if(confirm("<spring:message code="common.save.msg" />")){
|
||||
@ -132,12 +132,12 @@ function fn_egov_delete_PopupManage(){
|
||||
}
|
||||
|
||||
</script>
|
||||
<style>
|
||||
<!-- <style>
|
||||
.date_format{width:91px !important;}
|
||||
.main1_table input{
|
||||
width: unset;
|
||||
}
|
||||
</style>
|
||||
</style> -->
|
||||
</head>
|
||||
<body>
|
||||
<form:form commandName="popupManageVO" name="popupManageVO" action="${pageContext.request.contextPath}/uss/ion/pwm/updtPopup.do" method="post" >
|
||||
@ -158,7 +158,7 @@ function fn_egov_delete_PopupManage(){
|
||||
|
||||
<div class="cont">
|
||||
<!-- list_상세 -->
|
||||
<div class="tbType02">
|
||||
<div class="tbType02 col-table data-table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 20%">
|
||||
@ -168,14 +168,14 @@ function fn_egov_delete_PopupManage(){
|
||||
<tbody>
|
||||
<tr>
|
||||
<th><span class="reqArea">팝업명</span></th>
|
||||
<td colspan="3">
|
||||
<form:input path="popupTitleNm" size="50" title="팝업명" maxlength="255"/>
|
||||
<td>
|
||||
<form:input path="popupTitleNm" size="50" title="팝업명" maxlength="255" cssClass="w100per"/>
|
||||
<form:errors path="popupTitleNm" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><span class="reqArea">게시기간</span></th>
|
||||
<td colspan="3">
|
||||
<td>
|
||||
<%-- <input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
|
||||
<input type="text" class="date_format" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD" size="10" maxlength="10" class="readOnlyClass" readonly>
|
||||
|
||||
@ -203,13 +203,13 @@ function fn_egov_delete_PopupManage(){
|
||||
</form:select>분 --%>
|
||||
|
||||
|
||||
<div id="sel_date" class="sel_date">
|
||||
<div id="sel_date" class="sel_date calendar">
|
||||
<input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
|
||||
<input type="text" class="date_format" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD" maxlength="10" title="게시시작일" value="<c:out value="${fn:substring(popupManageVO.ntceBgnde, 0, 4)}"/>-<c:out value="${fn:substring(popupManageVO.ntceBgnde, 4, 6)}"/>-<c:out value="${fn:substring(popupManageVO.ntceBgnde, 6, 8)}"/>" readonly>
|
||||
<div class="calendar_in" id="calendarName_startDate" style="z-index: 9;">
|
||||
<a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceBgndeYYYMMDD);">
|
||||
<input type="button" class="calBtn">
|
||||
<img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />" align="middle" style="border:0px" alt="달력창팝업버튼이미지">
|
||||
<%-- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />" align="middle" style="border:0px" alt="달력창팝업버튼이미지"> --%>
|
||||
</a>
|
||||
</div>
|
||||
<form:select path="ntceBgndeHH" class="date_format">
|
||||
@ -223,7 +223,7 @@ function fn_egov_delete_PopupManage(){
|
||||
<div class="calendar_in" id="calendarName_endDate" style="z-index: 9;">
|
||||
<a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceEnddeYYYMMDD);">
|
||||
<input type="button" class="calBtn">
|
||||
<img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />" align="middle" style="border:0px" alt="달력창팝업버튼이미지">
|
||||
<%-- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />" align="middle" style="border:0px" alt="달력창팝업버튼이미지"> --%>
|
||||
</a>
|
||||
</div>
|
||||
<form:select path="ntceEnddeHH" class="date_format">
|
||||
@ -237,14 +237,14 @@ function fn_egov_delete_PopupManage(){
|
||||
</tr>
|
||||
<tr>
|
||||
<th>링크 URL</th>
|
||||
<td colspan="3">
|
||||
<form:input path="fileUrl" size="50" title="링크 URL" maxlength="255"/>
|
||||
<td>
|
||||
<form:input path="fileUrl" size="50" title="링크 URL" maxlength="255" cssClass="w100per"/>
|
||||
<form:errors path="fileUrl" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="display:none;">
|
||||
<th>팝업사이즈</th>
|
||||
<td colspan="3">
|
||||
<td>
|
||||
가로<form:input path="popupWSize" class="dateInput" maxlength="10" value="100"/>px 세로<form:input path="popupHSize" class="dateInput" maxlength="10" value="100"/>px
|
||||
<form:errors path="popupWSize" />
|
||||
<form:errors path="popupHSize" />
|
||||
@ -252,15 +252,16 @@ function fn_egov_delete_PopupManage(){
|
||||
</tr>
|
||||
<tr>
|
||||
<th>위치</th>
|
||||
<td colspan="3">
|
||||
왼쪽 <form:input path="popupWlc" class="dateInput" maxlength="10"/>px 상단<form:input path="popupHlc" class="dateInput" maxlength="10"/>px
|
||||
<td class="td_position">
|
||||
<p>왼쪽 <form:input path="popupWlc" class="dateInput" maxlength="10"/>px</p>
|
||||
<p>상단<form:input path="popupHlc" class="dateInput" maxlength="10"/>px</p>
|
||||
<form:errors path="popupWlc" />
|
||||
<form:errors path="popupHlc" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>내용</th>
|
||||
<td colspan="3">
|
||||
<td>
|
||||
<form:textarea path="nttCn" title="${title} ${inputTxt}" cols="300" rows="20" />
|
||||
<ckeditor:replace replace="nttCn" basePath="${pageContext.request.contextPath}/html/egovframework/com/cmm/utl/ckeditor/" />
|
||||
</td>
|
||||
@ -291,11 +292,12 @@ function fn_egov_delete_PopupManage(){
|
||||
<!-- btn_wrap -->
|
||||
<div class="btn_wrap btn_layout01">
|
||||
<div class="area_left">
|
||||
<button class="btnType04 btn btn_text btn_46 red_border" onclick="fn_egov_delete_PopupManage(); return false;">삭 제</button>
|
||||
</div>
|
||||
<div class="area_right">
|
||||
<button class="btnType04" onclick="fn_egov_delete_PopupManage(); return false;">삭 제</button>
|
||||
<button class="btnType06" onclick="fn_egov_save_PopupManage(); return false;">저 장</button>
|
||||
<button class="btnType04" onclick="fnList(); return false;">목 록</button>
|
||||
|
||||
<button class="btnType06 btn btn_text btn_46 blue_fill" onclick="fn_egov_save_PopupManage(); return false;">저 장</button>
|
||||
<button class="btnType04 btn btn_text btn_46 gray_fill" onclick="fnList(); return false;">목 록</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //btn_wrap -->
|
||||
|
||||
@ -31,20 +31,47 @@ $(document).ready(function (){
|
||||
</c:forEach>
|
||||
|
||||
// 팝업 위치 조정
|
||||
let offset = 0;
|
||||
$(".popup").each(function() {
|
||||
$(this).css({
|
||||
top: '10%', // 화면 중앙에 위치
|
||||
left: offset + 'px', // 각 팝업을 가로로 정렬
|
||||
transform: 'translateY(-50%)', // 세로 중앙 정렬
|
||||
position: 'absolute' // 부모 요소 기준으로 위치 설정
|
||||
});
|
||||
offset += $(this).outerWidth(true); // 다음 팝업의 위치를 현재 팝업의 너비만큼 이동
|
||||
});
|
||||
|
||||
|
||||
var bdWidth = $("body").width();
|
||||
popupSet(bdWidth);
|
||||
|
||||
});
|
||||
|
||||
$(window).on("resize",function(){
|
||||
var bdWidth = $("body").width();
|
||||
popupSet(bdWidth);
|
||||
})
|
||||
|
||||
// 팝업 css 설정
|
||||
function popupSet(bodyWidth){
|
||||
let offset = 30;
|
||||
if(bodyWidth>1199){
|
||||
$(".popup").each(function(idx,itm) {
|
||||
$(this).css({
|
||||
top: '10%', // 화면 중앙에 위치
|
||||
left: offset + 'px', // 각 팝업을 가로로 정렬
|
||||
/* transform: 'translateY(-50%)', // 세로 중앙 정렬 */
|
||||
position: 'absolute' // 부모 요소 기준으로 위치 설정
|
||||
});
|
||||
offset += $(this).outerWidth(true)+30; // 다음 팝업의 위치를 현재 팝업의 너비만큼 이동
|
||||
});
|
||||
}else{
|
||||
$(".popup").each(function(idx,itm) {
|
||||
var zIndex = 1000 - idx;
|
||||
var topPosi = idx * 45;
|
||||
$(this).css({
|
||||
top: 'calc(10% + '+topPosi+'px)', // 화면 중앙에 위치
|
||||
left: '30px', // 각 팝업을 가로로 정렬
|
||||
/* transform: 'translateY(-50%)', // 세로 중앙 정렬 */
|
||||
position: 'absolute', // 부모 요소 기준으로 위치 설정
|
||||
"z-index":zIndex
|
||||
});
|
||||
offset += $(this).outerWidth(true)+30; // 다음 팝업의 위치를 현재 팝업의 너비만큼 이동
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* ********************************************************
|
||||
* 팝업창 오픈 쿠키 정보 OPEN
|
||||
@ -345,55 +372,62 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) {
|
||||
|
||||
<c:if test="${fn:length(popupList) > 0}" >
|
||||
<style>
|
||||
|
||||
.popup {
|
||||
display: none; /* 처음에는 보이지 않도록 설정 */
|
||||
position: fixed; /* 화면에 고정 */
|
||||
left: 0; /* 초기 위치 설정 */
|
||||
top: 50%; /* 화면 중앙에 위치 */
|
||||
transform: translateY(-50%); /* 세로 중앙 정렬 */
|
||||
width: 300px; /* 팝업 너비 */
|
||||
min-width: 300px; /* 팝업 너비 */
|
||||
height: auto; /* 높이를 내용에 맞게 자동 조정 */
|
||||
border: 1px solid #ccc;
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #e5e5e5;
|
||||
background-color: #f4f5f6;
|
||||
text-align: center;
|
||||
z-index: 1000; /* 다른 요소들 위에 표시되도록 설정 */
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* 그림자 효과 */
|
||||
padding: 20px; /* 내용과 경계 사이의 여백 */
|
||||
}
|
||||
.pop-container {
|
||||
text-align: left; /* 내용 정렬 */
|
||||
}
|
||||
.btn-r {
|
||||
margin-top: 10px; /* 버튼과 내용 사이의 여백 */
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* 그림자 효과 */
|
||||
}
|
||||
.popup_wrap{position:fixed;width:100%;height:100%;padding:30px;left:0;top:0;z-index:999;}
|
||||
.pop-conts{display:flex;background:#fff;min-height:250px;font-size:1.4rem;justify-content:center;align-items:center;}
|
||||
.btn-r{display:flex;height:45px;padding:0 15px;justify-content:space-between;align-items:center;}
|
||||
.today_close{display:flex;font-size:1.5rem;color:#222;gap:6px;}
|
||||
.today_close [type="checkbox"]{width:16px;height:16px;}
|
||||
.btn-layerClose{width:16px;height:16px;margin:2px 0 0 0;}
|
||||
.icon.popup_close{width:16px;height:16px;background:url(/kofair_case_seed/usr/images/component/icon_popup_close.png) no-repeat center center;background-size:100% auto;}
|
||||
@media screen and (max-width: 1199px){
|
||||
.popup_wrap{width:95%;}
|
||||
.pop-conts{min-height:auto;}
|
||||
.popup_wrap img{height:auto !important;object-fit:contain;}
|
||||
}
|
||||
</style>
|
||||
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4">
|
||||
<div id="layer_pop_<c:out value='${popupListData.popupId}' />" class="popup">
|
||||
<div class="pop-container">
|
||||
<div class="pop-conts">
|
||||
<c:choose>
|
||||
<c:when test="${not empty popupListData.fileUrl}">
|
||||
<a href="<c:out value='${popupListData.fileUrl}' />" target="_blank">
|
||||
${popupListData.nttCn}
|
||||
</a>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<a href="#">
|
||||
${popupListData.nttCn}
|
||||
</a>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</div>
|
||||
<div class="btn-r">
|
||||
<div class="today_close">
|
||||
<c:if test="${popupListData.stopvewSetupAt eq 'Y' }">
|
||||
<label for="chkPupup_${status.count}">하루동안 창을 열지 않음</label>
|
||||
<input type="checkbox" id="chkPupup_${status.count}" name="chkPopup" tabindex="1" onClick="fnPopupCheck('<c:out value='${popupListData.popupId}' />' , 'layer')" onkeypress="fnPopupCheck('<c:out value='${popupListData.popupId}' />' , 'layer')" style="display:inline">
|
||||
</c:if>
|
||||
</div>
|
||||
<a href="#" tabindex="1" onclick="fn_layerClose('<c:out value='${popupListData.popupId}' />'); return false;" class="btn-layerClose" title="팝업 닫기"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:forEach>
|
||||
<div class="popup_wrap">
|
||||
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4">
|
||||
<div id="layer_pop_<c:out value='${popupListData.popupId}' />" class="popup">
|
||||
<div class="pop-container">
|
||||
<div class="pop-conts">
|
||||
<c:choose>
|
||||
<c:when test="${not empty popupListData.fileUrl}">
|
||||
<a href="<c:out value='${popupListData.fileUrl}' />" target="_blank">
|
||||
${popupListData.nttCn}
|
||||
</a>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<a href="#">
|
||||
${popupListData.nttCn}
|
||||
</a>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</div>
|
||||
<div class="btn-r">
|
||||
<div class="today_close">
|
||||
<c:if test="${popupListData.stopvewSetupAt eq 'Y' }">
|
||||
<input type="checkbox" id="chkPupup_${status.count}" name="chkPopup" tabindex="1" onClick="fnPopupCheck('<c:out value='${popupListData.popupId}' />' , 'layer')" onkeypress="fnPopupCheck('<c:out value='${popupListData.popupId}' />' , 'layer')" style="display:inline">
|
||||
<label for="chkPupup_${status.count}">하루동안 창을 열지 않음</label>
|
||||
</c:if>
|
||||
</div>
|
||||
<a href="#" tabindex="1" onclick="fn_layerClose('<c:out value='${popupListData.popupId}' />'); return false;" class="btn-layerClose" title="팝업 닫기"><i class="icon popup_close"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</div>
|
||||
</c:if>
|
||||
@ -44,6 +44,7 @@ form h3,.title.depth02{font-size:20px;font-weight:bold;}
|
||||
.calendar input[type="text"]{width:120px;font-size:14px;font-weight:400;color:#666;}
|
||||
.calendar input[type="text"]+img{margin:0 0 0 -32px;}
|
||||
.calendar input[type="text"]:first-child+img{margin:0 13px 0 -32px;}
|
||||
.calendar .calBtn{width:36px;height:36px;margin:0 0 0 -40px;border:0 !important;border-radius:5px;background:transparent url(/kofair_case_seed/adm/images/component/icon_calendar.png) no-repeat calc(100% - 10px) 50% !important;}
|
||||
|
||||
.wrap .form-group.calendar{display:flex;align-items:center;}
|
||||
.wrap .form-group.calendar input[type="text"],.wrap .hasDatepicker{width:150px !important;height:36px;}
|
||||
@ -147,6 +148,9 @@ form h3,.title.depth02{font-size:20px;font-weight:bold;}
|
||||
.wrap .col-table.data-table table td:last-child{border-right:0;}
|
||||
.wrap .col-table.data-table textarea{max-width:100%;}
|
||||
|
||||
.wrap .col-table.data-table .td_position p{display:flex;align-items:center;gap:8px;}
|
||||
.wrap .col-table.data-table .td_position p:first-child{margin:0 0 8px 0;}
|
||||
|
||||
.wrap .radio_wrap,.wrap .radio_wrap span{display:flex;align-items:center;}
|
||||
.wrap .radio_wrap{gap:20px;}
|
||||
.wrap .radio_wrap input[type="radio"]{margin:0;}
|
||||
|
||||
@ -325,6 +325,7 @@
|
||||
.cmmt_wrap li:last-child{width:80px;}
|
||||
.cmmt_wrap .btn_add_cmmt{width:100%;height:80px;border-radius:5px;background:#2e40ba;border:0;color:#fff;margin:0 0 0 5px;font-size:1.8rem;transition:background 0.2s linear;}
|
||||
|
||||
/* .popup{position:fixed;min-width:300px;height:auto;background:#fff;border:1px solid #e5e5e5;box-shadow:0 0 10px rgba(0,0,0,0.5);left:0;top:0;transform: translateY(-50%);} */
|
||||
|
||||
/* ==================== 테블릿 ==================== */
|
||||
@media screen and (max-width: 1199px){
|
||||
|
||||
Loading…
Reference in New Issue
Block a user