tolag3/fairnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

24/12/18 달력 디자인 수정

Browse Source
This commit is contained in:
subsub 2024-12-18 17:27:20 +09:00
parent 6d8c5080ce
commit 6ab201a8ab
7 changed files with 40 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/main/webapp/WEB-INF/jsp/sym/cal/EgovNormalCalPopup.jsp
View File

@ -28,7 +28,7 @@
margin :0px 0px 0px 0px;
}
iframe {
margin :0px 0px 0px 0px;
margin :0 auto;
}
body {
margin-top: 0px; margin-left: 0px;
@ -36,6 +36,6 @@
</style>
</head>
<body style="margin :0px;">
<iframe name="ifcal" src="<c:url value='/sym/cmm/EgovselectNormalCalendar.do'/>" style="width:275px; height:200px;" frameborder="0" scrolling="no" title="달력호출"></iframe>
<iframe name="ifcal" src="<c:url value='/sym/cmm/EgovselectNormalCalendar.do'/>" style="width:100%; height:380px;" frameborder="0" scrolling="no" title="달력호출"></iframe>
</body>
</html>

31
src/main/webapp/WEB-INF/jsp/sym/cal/EgovNormalCalendar.jsp
View File

@ -78,6 +78,13 @@ function fnReturnDay(day){
}
</script>
<!-- css -->
<link rel="stylesheet" href="/kofair_case_seed/css/reset.css">
<link rel="stylesheet" href="/kofair_case_seed/css/font.css">
<link rel="stylesheet" href="/kofair_case_seed/adm/style/common.css">
<link rel="stylesheet" href="/kofair_case_seed/adm/style/layout.css">
<link rel="stylesheet" href="/kofair_case_seed/adm/style/popup.css">
<link rel="stylesheet" href="/kofair_case_seed/adm/style/style.css">
<style TYPE="text/css">
body {
margin-top: 0px; margin-left: 0px;
@ -90,24 +97,25 @@ function fnReturnDay(day){
<input type="hidden" name="year" value="${resultList[0].year}" />
<input type="hidden" name="month" value="${resultList[0].month}" />
<input type="hidden" name="day" />
<div class="calendar_table">
<table cellpadding="1" class="table-line">
<thead>
<tr>
<tr class="calendar_title">
<th class="title" width="36" colspan="1">
<a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year-1},${resultList[0].month}); return false;" style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><img src="<c:url value='/images/btn/icon_pre_year.gif' />" alt="이전년도"></a>
<a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year-1},${resultList[0].month}); return false;" style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><%-- <img src="<c:url value='/images/btn/icon_pre_year.gif' />" alt="이전년도"> <--%><img src="/kofair_case_seed/adm/images/component/icon_arrow_left_double.png" alt="이전년도" /></a>
</th>
<th class="title" width="36" colspan="1">
<a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year},${resultList[0].month-1}); return false;" style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><img src="<c:url value='/images/btn/icon_pre_month.gif' />" alt="이전달"></a>
<a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year},${resultList[0].month-1}); return false;" style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><%-- <img src="<c:url value='/images/btn/icon_pre_month.gif' />" alt="이전달"> --%> <img src="/kofair_case_seed/adm/images/component/icon_arrow_left.png" alt="이전달" /></a>
</th>
<th class="title" width="108" colspan="3">${resultList[0].year}년${resultList[0].month}월</th>
<th class="title" width="108" colspan="3">${resultList[0].year}년 ${resultList[0].month}월</th>
<th class="title" width="36" colspan="1">
<a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year},${resultList[0].month+1}); return false;" style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><img src="<c:url value='/images/btn/icon_aft_month.gif' />" alt="다음달"></a>
<a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year},${resultList[0].month+1}); return false;" style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><%-- <img src="<c:url value='/images/btn/icon_aft_month.gif' />" alt="다음달"> --%><img src="/kofair_case_seed/adm/images/component/icon_arrow_right.png" alt="다음달" /></a>
</th>
<th class="title" width="36" colspan="1">
<a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year+1},${resultList[0].month}); return false;" style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><img src="<c:url value='/images/btn/icon_aft_year.gif' />" alt="다음년도"></a>
<a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year+1},${resultList[0].month}); return false;" style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><%-- <img src="<c:url value='/images/btn/icon_aft_year.gif' />" alt="다음년도"> --%><img src="/kofair_case_seed/adm/images/component/icon_arrow_right_double.png" alt="다음년도" /></a>
</th>
</tr>
<tr>
<tr class="day_tr">
<th class="title" width="36" >일</th>
<th class="title" width="36" >월</th>
<th class="title" width="36" >화</th>
@ -118,7 +126,7 @@ function fnReturnDay(day){
</tr>
</thead>
<tbody>
<tr>
<tr class="date_tr">
<c:forEach var="result" items="${resultList}" varStatus="status">
<c:choose>
<c:when test='${result.day == ""}'>
@ -142,7 +150,7 @@ function fnReturnDay(day){
<c:choose>
<c:when test='${result.week == 7}'>
<c:out value="</tr>" escapeXml="false"/>
<c:out value="<tr>" escapeXml="false"/>
<c:out value="<tr class='date_tr'>" escapeXml="false"/>
</c:when>
</c:choose>
</c:otherwise>
@ -151,7 +159,10 @@ function fnReturnDay(day){
</tr>
</tbody>
</table>
<input type="submit" id="invisible" class="invisible"/>
</div>
<div class="btn_wrap center mt0">
<input type="submit" id="invisible" class="invisible btn btn_text btn_36 blue_border"/>
</div>
</form>
</body>
</html>

6
src/main/webapp/WEB-INF/views/_common/_js/EgovCalPopup.js
View File

@ -71,11 +71,11 @@ function fn_egov_NormalCalendar(frm, sDate, vDate) {
var sAppName = navigator.appName ;
if( sAppName.indexOf("Netscape") > -1){
openParam = "dialogWidth:275px;dialogHeight:200px;scroll:no;status:no;center:yes;resizable:yes;";
openParam = "dialogWidth:400px;dialogHeight:400px;scroll:no;status:no;center:yes;resizable:yes;";
}else if(sAppName.indexOf("Microsoft") > -1){
openParam = "dialogWidth:275px;dialogHeight:200px;scroll:no;status:no;center:yes;resizable:yes;";
openParam = "dialogWidth:400px;dialogHeight:400px;scroll:no;status:no;center:yes;resizable:yes;";
}else{
openParam = "dialogWidth:275px;dialogHeight:200px;scroll:no;status:no;center:yes;resizable:yes;";
openParam = "dialogWidth:400px;dialogHeight:400px;scroll:no;status:no;center:yes;resizable:yes;";
}
retVal = window.showModalDialog(url, varParam, openParam, "calendarCallback");

BIN
src/main/webapp/kofair_case_seed/adm/images/component/icon_arrow_left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
src/main/webapp/kofair_case_seed/adm/images/component/icon_arrow_left_double.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 328 B

BIN
src/main/webapp/kofair_case_seed/adm/images/component/icon_arrow_right_double.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 330 B

14
src/main/webapp/kofair_case_seed/adm/style/popup.css
View File

@ -37,3 +37,17 @@
.window_popup .pagination li a,.window_popup .pagination-control a{width:30px;height:30px;font-size:14px;}
.window_popup .picker__input{width:100%;background:#fff url(/kofair_case_seed/adm/images/component/icon_calendar.png) no-repeat calc(100% - 10px) 50%;}
/* 팝업관리 > 달력 */
.calendar_table table{margin:20px auto 15px auto;}
.calendar_table .calendar_title th{height:45px;font-size:20px;vertical-align:middle;}
.calendar_table .calendar_title a{display:flex;height:45px;justify-content:center;align-items:center;}
.day_tr th{width:50px;height:40px;background:#f4f5f6;vertical-align:middle;}
.day_tr th:first-child{border-radius:5px 0 0 5px;}
.day_tr th:last-child{border-radius:0 5px 5px 0;}
.date_tr{border-bottom:1px solid #e5e5e5;}
.date_tr td{height:40px;padding:5px;text-align:center;vertical-align:middle;}
.date_tr td:hover{background:#e7ebf7;}