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

이준호 서블릿 설정 중

Browse Source
This commit is contained in:
leejunho 2024-09-05 10:16:44 +09:00
parent 03eff1a213
commit 01e2f59d5e
818 changed files with 92687 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/resources/egovframework/spring/com/context-security.xml
View File

@ -29,6 +29,8 @@
<security:http pattern="/ark/**" security="none"/>
<!-- 분쟁조정 서블릿 mapping 경로들 끝 -->
<security:http pattern="/kccadrPb/**" security="none"/>

3
src/main/webapp/WEB-INF/config/egovframework/springmvc/egov-com-servlet.xml
View File

@ -95,4 +95,7 @@
<mvc:resources mapping="/ark/**" location="/WEB-INF/views/_common/_ark/" />
<!-- 분쟁조정 서블릿 mapping 경로들 끝 -->
<mvc:resources mapping="/kccadrPb/**" location="/kccadrPb/" />
</beans>

40
src/main/webapp/WEB-INF/jsp/layout/seedAdminLayout.jsp
View File

@ -31,25 +31,25 @@
<!-- AS-IS 분쟁조정 -->
<link rel="shortcut icon" href="/img/seed/favicon.ico" type="image/x-icon">
<link rel="icon" href="/img/seed/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
<link rel="icon" href="/img/favicon.ico" type="image/x-icon">
<!-- css -->
<link rel="stylesheet" href="/css/seed/seed.reset.css">
<link rel="stylesheet" href="/css/seed/seed.layout.css">
<link rel="stylesheet" href="/css/seed/layout.css">
<link rel="stylesheet" href="/css/seed/button.css">
<link rel="stylesheet" href="/css/seed/seed.contents.css">
<link rel="stylesheet" href="/css/seed/seed.mediaquery.css">
<link rel="stylesheet" href="/css/seed.reset.css">
<link rel="stylesheet" href="/css/seed.layout.css">
<link rel="stylesheet" href="/css/layout.css">
<link rel="stylesheet" href="/css/button.css">
<link rel="stylesheet" href="/css/seed.contents.css">
<link rel="stylesheet" href="/css/seed.mediaquery.css">
<!-- <link rel="stylesheet" href="/css/lib/jquery.mCustomScrollbar.min.css"> -->
<link rel="stylesheet" href="/css/seed/jquery-ui.css"/>
<link rel="stylesheet" href="/css/seed/jquery-ui.min.css"/>
<link rel="stylesheet" href="/css/seed/smartPop.css"/>
<link rel="stylesheet" href="/css/seed/space.css"/>
<link rel="stylesheet" href="/css/seed/picker.default.css">
<link rel="stylesheet" href="/css/seed/picker.default.date.css">
<link rel="stylesheet" href="/css/jquery-ui.css"/>
<link rel="stylesheet" href="/css/jquery-ui.min.css"/>
<link rel="stylesheet" href="/css/smartPop.css"/>
<link rel="stylesheet" href="/css/space.css"/>
<link rel="stylesheet" href="/css/picker.default.css">
<link rel="stylesheet" href="/css/picker.default.date.css">
<!-- <link rel="stylesheet" href="/css/case/common.css"> -->
<!-- 캘린더css -->
@ -58,9 +58,9 @@
<link rel="stylesheet" href="/css/case/scheduler.min.css">
<link type="text/css" rel="stylesheet" href="/css/case/jquery.qtip.css" /> -->
<link rel="stylesheet" type="text/css" href="/css/seed/clipreport.css">
<link rel="stylesheet" type="text/css" href="/css/seed/UserConfig.css">
<link rel="stylesheet" type="text/css" href="/css/seed/font.css">
<link rel="stylesheet" type="text/css" href="/css/clipreport.css">
<link rel="stylesheet" type="text/css" href="/css/UserConfig.css">
<link rel="stylesheet" type="text/css" href="/css/font.css">
<!-- css -->
<!--[if lt IE 9]>
@ -88,9 +88,9 @@
<script src="/js/smartPop.js"></script>
<script src="/js/seed.common.js"></script>
<script src="/js/seed.tab.js"></script> -->
<script src="/js/seed/seed.app.js"></script>
<script src="/js/seed/lib/jquery.bxslider.min.js"></script>
<script src="/js/seed/commonFileUtil.js"></script>
<script src="/js/seed.app.js"></script>
<script src="/js/lib/jquery.bxslider.min.js"></script>
<script src="/js/commonFileUtil.js"></script>
<!-- <script src="/js/jquery.form.js"></script>
<script src="/js/common_XHR.js"></script>
<script src="/js/common.js"></script>

13
src/main/webapp/WEB-INF/views/_common/_ark/css/ark.css Normal file
View File

@ -0,0 +1,13 @@
@charset "utf-8";
/* 자동완성 전체 지정*/
.ark_wrap {position:relative; width:353px; border:1px solid #aaaaaa; background-color:#f3f3f3; display:none;}
.ark_wrap ul {margin:0; padding:0;}
.ark_wrap li {margin:0; padding:0; list-style:none;}
.ark_wrap .ark_content {border-bottom:1px solid #aaaaaa; background-color:#FFF; overflow-x:hidden; overflow-y:auto;}
.ark_wrap .ark_content li {color:#777777; width:100%; padding:3px 5px; margin:1px; list-style:none; font-size:12px;}
.ark_wrap .ark_content li strong {color:#EA8D07; font-weight:bold;}
.ark_wrap .ark_footer {position:relative; font-size:11px; height:26px; text-align:center; background-color:#f3f3f3;}
.ark_wrap .ark_footer a {color:#666666; text-decoration:none;}
.ark_wrap .ark_footer .left {float:left;}
.ark_wrap .ark_footer .ark_right {float:right;}

85
src/main/webapp/WEB-INF/views/_common/_ark/css/sample.css Normal file
View File

@ -0,0 +1,85 @@
@charset "utf-8";
/* CSS Document */
BODY{margin:50px;}
TD{font-family:"굴림";Font-size:12px;}
#bk_img{ position:relative ;background-image:url(../img/ark_top_bg.gif);height:52px; width:691px; MARGIN:auto}
#search{ position:relative;margin-top:10px; margin:auto;width:691px;background-image:url(../img/ark_search_bg.gif); height:107px;}
#search_form{ position:relative;top:10px;}
#search_form2{width:350px;height:20px}
#d_icon { position:relative; FLOAT:right;top:-12px; right:3px; width:23px; height:22px;}
#end{float:left;padding-top:5px; font-family:dotum; font-size:11px;}
#end a:link{color:#666666; text-decoration:none; text-decoration:none}
#end a:hover{color:#666666;text-decoration:none;}
#end a:visited{color:#666666;text-decoration:none;}
#opt{padding-top:5px;font-family:dotum; font-size:11px; color:#999999;text-align:right;}
#opt a:link{color:#666666;text-decoration:none;}
#opt a:hover{color:#666666;}
#opt a:visited{color:#666666;text-decoration:none;}
#gen{font-family:dotum;Font-size:11px; color:#999999;}
#FC1{color:#FF6600;}
#BL{ border:1px; border-style:solid; border-color:#CCCCCC;}
#gray_back:hover{background-color:#ededed;}
#dot{background-image:url(../img/ark_dog_bg.gif); height:3px; width:100%}
#dot1{background-image:url(../img/ark_dog_bg.gif); height:3px; float:left;margin-top:0px}
#dot2{background-image:url(../img/ark_dog_bg.gif); height:3px; float:right}
.bred {color:#CC0335; font-weight:bold;}
/* 검색 페이지 스타일 */
/* #SearchForm div 스타일을 조절한다. border를 1로 하면 화면에 보임 */
#SearchForm{
width:480px;
height:91px;
position:relative;
border:0px solid #7F9DB9;
}
/* 검색박스 div 스타일을 조절한다. border를 1로 하면 화면에 보임 */
#Searchbox{
position:absolute;
left:0px;
top:20px;
width:480px;
border:0px solid #7F9DB9;
}
/* 검색박스 스타일 조절 */
#Searchbox #Input{padding:0px 0 0px 0px;font-size:12px;}
#Searchbox .searchbtn{vertical-align:middle;}
#Searchbox select{padding-left:10px;font-size:12px;}
#Searchbox .btn{padding-right:60px;float:right;}
#Searchbox input.inputbox{
width:351px;
height:17px;
font-size:12px;
padding-right:0px;
border:1px solid #7F9DB9;
}
:first-child+html #Searchbox input.inputbox { padding-right:3px; }
/* 검색버튼 스타일 */
#Searchbox .searchbtn{vertical-align:top;}
/* 검색 키워드 입력 박스 스타일 */
#Searchbox span{color:#fff;font-size:12px;}
.clear{clear:both;}

111
src/main/webapp/WEB-INF/views/_common/_ark/css/sty.css Normal file
View File

@ -0,0 +1,111 @@
td {
font-family: "굴림";
font-size: 12px;
color: #666666;
}
#scrollbox {width:100%; height:100; overflow:auto; padding:3px; border:0; border-color:black}
a:link {
font-family: "굴림";
font-size: 12px;
color: #0000CC;
text-decoration:none;
}
a:visited {
font-family: "굴림";
font-size: 12px;
color: #0000CC;
}
a:hover {
font-family: "굴림";
font-size: 12px;
color: #0000CC;
}
a:active {
font-family: "굴림";
font-size: 12px;
color: #0000CC;
}
.hp a:link {
font-family: "돋움";
font-size: 11px;
color: #003366;
text-decoration: none;
}
.hp a:visited {
font-family: "돋움";
font-size: 11px;
color: #003366;
text-decoration: none;
}
.hp a:hover {
font-family: "돋움";
font-size: 11px;
color: #003366;
text-decoration: none;
}
.hp a:active {
font-family: "돋움";
font-size: 11px;
color: #003366;
text-decoration: none;
}
.fu a:link {
font-family: "돋움";
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
.fu a:visited {
font-family: "돋움";
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
.fu a:hover {
font-family: "돋움";
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
.fu a:active {
font-family: "돋움";
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
.lk1 a:link {
font-family: "굴림";
font-size: 12px;
color: #333333;
text-decoration: none;
}
.lk1 a:visited {
font-family: "굴림";
font-size: 12px;
color: #333333;
text-decoration: none;
}
.lk1 a:hover {
font-family: "굴림";
font-size: 12px;
color: #003399;
text-decoration: none;
}
.lk1 a:active {
font-family: "굴림";
font-size: 12px;
color: #333333;
text-decoration: none;
}
.11dot {
font-family: "돋움";
font-size: 11px;
color: #067050;
}

32
src/main/webapp/WEB-INF/views/_common/_ark/help/ark_help_cs.css Normal file
View File

@ -0,0 +1,32 @@
@charset "euc-kr";
/* CSS Document */
BODY{margin:10px 0 0 0;}
TD{font-family:"±¼¸²";Font-size:12px;}
#ark_top{margin:0 auto;}
#bk_img{background-image:url(images/ark_top_bg.gif);}
#left_menu{ width:150px;}
u{font-weight:bold; color:#FF3300}
b{color:#FF3300}
.copy{ font-family:dotum; font-size:11px; color:#e2e2e2; padding-right:10px}
.mli {padding-left:10px;color:#FFFFFF; text-align:left;}
.mli a:link{ color:#FFFFFF; text-align:left; text-decoration:none;}
.mli a:hover{ color:#FFFFFF; text-align:left; text-decoration:none}
.mli a:visited{ color:#FFFFFF; text-align:left;text-decoration:none}
.mli a:activ{ color:#FFFFFF; text-align:left;text-decoration:none}
#con{ position:absolute;width:500px;background-image:url(images/ark-_con_bg.gif); margin-left:5px; float:left}
#img1{left:0; position:absolute;}
#img2{right:-500px; position:relative}

122
src/main/webapp/WEB-INF/views/_common/_ark/help/help_01.html Normal file
View File

@ -0,0 +1,122 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>도움말 - 검색어 자동완성이란</title>
<link href="ark_cs.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:351px;
top:183px;
width:350;
height:137px;
z-index:1;
}
-->
</style>
<link href="ark_help_cs.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="742" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="5" colspan="3" valign="top"><table width="742" border="0" align="center" cellpadding="0" cellspacing="0" id="bk_img">
<tr>
<td width="83"><img src="images/ark_top_logo.gif" width="83" height="52" /></td>
<td><font color="#CCCCCC">Auto Recommend Keyword</font></td>
<td width="197" align="right"><img src="images/ark_top_title.gif" width="197" height="52" /></td>
</tr>
</table></td>
</tr>
<tr>
<td height="5" colspan="3" valign="top"></td>
</tr>
<tr>
<td width="83" valign="top"><table width="150" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/ark-_left_01.gif" width="150" height="5" /></td>
</tr>
<tr>
<td align="center" background="images/ark-_left_bg.gif"><table width="139" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="139" height="28" background="images/ark-_menu_02.gif" class="mli">검색어 자동완성이란</td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_02.html">검색어 자동완성 기능</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_03.html">끝단어 더보기</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_04.html">사이트 이동</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_05.html">사용 해제 </a></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/ark-_left_02.gif" width="150" height="6" /></td>
</tr>
</table>
</td>
<td width="5" height="100%" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
<td height="100%" valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/ark-_bullet_01.gif" align="absmiddle" /> <strong>검색어 자동완성이란</strong></td>
</tr>
</table></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/ark-_con_bg.gif" align="right">
<tr>
<td width="5"><img src="images/ark-_con_01.gif" width="5" height="53" /></td>
<td style="line-height:18px; padding-left:5px; padding-right:5xp">입력한 검색어에 맞추어 자동으로 관련어를 추천해주는 기능으로
사용자가 입력하는 검색어를 <br />
<strong><u>자소단위</u>까지 분석하여 검색어에 맞는 최적의 검색어를 추천 합니다.</strong></td>
<td width="5"><img src="images/ark-_con_02.gif" width="5" height="53" /></td>
</tr>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td height="100" bgcolor="#FFFFFF"><img src="images/sample_-01.gif" width="585" height="256" /></td>
</tr>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50" height="30"><img src="images/ark-_sam_01.gif" width="42" height="22" /></td>
<td> ‘날씨’를 검색할 때 <b>‘나’</b>만 입력해도 바로 ‘<b>날씨’</b>가 검색어로 추천되어 검색하시는데 편리합니다. </td>
</tr>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td height="10" bgcolor="#CCCCCC"></td>
<td bgcolor="#FFFFFF"></td>
<td height="25" align="right" bgcolor="#666666" class="copy">Copyright ⓒ 2007 ㈜코리아와이즈넛 All Rights Reserved.</td>
</tr>
</table>
</body>
</html>

156
src/main/webapp/WEB-INF/views/_common/_ark/help/help_02.html Normal file
View File

@ -0,0 +1,156 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>도움말 - 검색어 자동완성 기능</title>
<link href="ark_cs.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:351px;
top:183px;
width:350;
height:137px;
z-index:1;
}
-->
</style>
<link href="ark_help_cs.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="742" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="5" colspan="3" valign="top"><table width="742" border="0" align="center" cellpadding="0" cellspacing="0" id="bk_img">
<tr>
<td width="83"><img src="images/ark_top_logo.gif" width="83" height="52" /></td>
<td><font color="#CCCCCC">Auto Recommend Keyword</font></td>
<td width="197" align="right"><img src="images/ark_top_title.gif" width="197" height="52" /></td>
</tr>
</table></td>
</tr>
<tr>
<td height="5" colspan="3" valign="top"> </td>
</tr>
<tr>
<td width="83" rowspan="2" valign="top"><table width="150" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/ark-_left_01.gif" width="150" height="5" /></td>
</tr>
<tr>
<td height="100%" align="center" background="images/ark-_left_bg.gif"><table width="139" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_01.html">검색어 자동완성이란</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_02.gif" class="mli">검색어 자동완성 기능</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_03.html">끝단어 더보기</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_04.html">사이트 이동</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_05.html">사용 해제 </a></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/ark-_left_02.gif" width="150" height="6" /></td>
</tr>
</table>
</td>
<td width="5" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
<td rowspan="2" valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/ark-_bullet_01.gif" align="absmiddle" /><strong> 검색어 자동완성 기능 </strong></td>
</tr>
</table></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/ark-_con_bg.gif" align="right">
<tr>
<td width="5"><img src="images/ark-_con_01.gif" width="5" height="53" /></td>
<td style="line-height:18px; padding-left:5px; padding-right:5xp">1. 입력하고자 하는 검색어의 <u>한글자만</u> 입력해도, 여러분이 찾고 싶은 검색어를 바로 확인 할 수 있습니다.</td>
<td width="5"><img src="images/ark-_con_02.gif" width="5" height="53" /></td>
</tr>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50" height="30"><img src="images/ark-_sam_01.gif" width="42" height="22" /></td>
<td><b>&quot;문&quot;</b>을 입력했을 때</td>
</tr>
</table></td>
</tr>
<tr>
<td height="5"> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td height="100" bgcolor="#FFFFFF"><img src="images/sample_-02.gif" width="585" height="256" /></td>
</tr>
</table></td>
</tr>
<tr>
<td height="25">&nbsp;</td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/ark-_con_bg.gif" align="right">
<tr>
<td width="5"><img src="images/ark-_con_01.gif" width="5" height="53" /></td>
<td style="line-height:18px; padding-left:5px; padding-right:5xp">2. 내가 찾고 있는 검색어와 맞는 자동완성키워드는 다른 색으로 표시되어 한 눈에 확인 할 수 있습니다.</td>
<td width="5"><img src="images/ark-_con_02.gif" width="5" height="53" /></td>
</tr>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50" height="30"><img src="images/ark-_sam_01.gif" width="42" height="22" /></td>
<td><b>&quot;건설&quot;</b>을 입력했을 때 </td>
</tr>
</table></td>
</tr>
<tr>
<td height="5"> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td height="100" bgcolor="#FFFFFF"><img src="images/sample_-03.gif" width="585" height="256" /></td>
</tr>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
<tr height="100%">
<td valign="top" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td height="10" bgcolor="#CCCCCC"> </td>
<td bgcolor="#FFFFFF"></td>
<td height="25" align="right" bgcolor="#666666" class="copy">Copyright ⓒ 2007 ㈜코리아와이즈넛 All Rights Reserved.</td>
</tr>
</table>
</body>
</html>

129
src/main/webapp/WEB-INF/views/_common/_ark/help/help_03.html Normal file
View File

@ -0,0 +1,129 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>도움말 - 끝단어 더보기</title>
<link href="ark_cs.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:351px;
top:183px;
width:350;
height:137px;
z-index:1;
}
-->
</style>
<link href="ark_help_cs.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="742" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="5" colspan="3" valign="top"><table width="742" border="0" align="center" cellpadding="0" cellspacing="0" id="bk_img">
<tr>
<td width="83"><img src="images/ark_top_logo.gif" width="83" height="52" /></td>
<td><font color="#CCCCCC">Auto Recommend Keyword</font></td>
<td width="197" align="right"><img src="images/ark_top_title.gif" width="197" height="52" /></td>
</tr>
</table></td>
</tr>
<tr>
<td height="5" colspan="3" valign="top"> </td>
</tr>
<tr>
<td width="83" rowspan="2" valign="top"><table width="150" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/ark-_left_01.gif" width="150" height="5" /></td>
</tr>
<tr>
<td height="100%" align="center" background="images/ark-_left_bg.gif"><table width="139" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_01.html">검색어 자동완성이란</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_02.html">검색어 자동완성 기능</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_02.gif" class="mli">끝단어 더보기</td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_04.html">사이트 이동</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_05.html">사용 해제 </a></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/ark-_left_02.gif" width="150" height="6" /></td>
</tr>
</table></td>
<td width="5" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
<td rowspan="2" valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/ark-_bullet_01.gif" align="absmiddle" /><strong> 찾은 검색어로 끝나는 단어 찾기 </strong></td>
</tr>
</table></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/ark-_con_bg.gif" align="right">
<tr>
<td width="5"><img src="images/ark-_con_01.gif" width="5" height="53" /></td>
<td style="line-height:18px; padding-left:5px; padding-right:5xp">찾고 싶은 검색어의 끝나는 단어로도 키워드를 찾을 수 있습니다.
예를 들어, 자바 서적의 이름을 알고 싶으시다면, 상단 박스 표시된 <u>'끝단어 더보기'</u>를 클릭하시면 확인할 수 있습니다.</td>
<td width="5"><img src="images/ark-_con_02.gif" width="5" height="53" /></td>
</tr>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50" height="30"><img src="images/ark-_sam_01.gif" width="42" height="22" /></td>
<td><b>"설"</b>을 입력했을 때</td>
</tr>
</table></td>
</tr>
<tr>
<td height="5"> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td height="100" bgcolor="#FFFFFF"><img src="images/sample_-04.gif" width="585" height="256" /></td>
</tr>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td height="25">※ <b>'첫단어 더보기'</b>를 클릭하시면 입력하신 검색어로 시작하는 자동완성어를 찾을 수 있습니다.</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
<tr height="100%">
<td valign="top" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td height="10" bgcolor="#CCCCCC"> </td>
<td bgcolor="#FFFFFF"></td>
<td height="25" align="right" bgcolor="#666666" class="copy">Copyright ⓒ 2007 ㈜코리아와이즈넛 All Rights Reserved.</td>
</tr>
</table>
</body>
</html>

130
src/main/webapp/WEB-INF/views/_common/_ark/help/help_04.html Normal file
View File

@ -0,0 +1,130 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>도움말 - 사이트 이동</title>
<link href="ark_cs.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:351px;
top:183px;
width:350;
height:137px;
z-index:1;
}
-->
</style>
<link href="ark_help_cs.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="742" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="5" colspan="3" valign="top"><table width="742" border="0" align="center" cellpadding="0" cellspacing="0" id="bk_img">
<tr>
<td width="83"><img src="images/ark_top_logo.gif" width="83" height="52" /></td>
<td><font color="#CCCCCC">Auto Recommend Keyword</font></td>
<td width="197" align="right"><img src="images/ark_top_title.gif" width="197" height="52" /></td>
</tr>
</table></td>
</tr>
<tr>
<td height="5" colspan="3" valign="top"> </td>
</tr>
<tr>
<td width="83" rowspan="2" valign="top"><table width="150" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/ark-_left_01.gif" width="150" height="5" /></td>
</tr>
<tr>
<td height="100%" align="center" background="images/ark-_left_bg.gif"><table width="139" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_01.html">검색어 자동완성이란</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_02.html">검색어 자동완성 기능</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_03.html">끝단어 더보기</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_02.gif" class="mli">사이트 이동</td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_05.html">사용 해제 </a></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/ark-_left_02.gif" width="150" height="6" /></td>
</tr>
</table></td>
<td width="5" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
<td rowspan="2" valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/ark-_bullet_01.gif" align="absmiddle" /><strong>사이트로 바로 이동하기</strong></td>
</tr>
</table></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/ark-_con_bg.gif" align="right">
<tr>
<td width="5"><img src="images/ark-_con_01.gif" width="5" height="53" /></td>
<td style="line-height:18px; padding-left:5px; padding-right:5xp">자동완성으로 확인 중에 이동하고 싶은 사이트가 확인되었다면 해당 <u>URL</u>을 클릭해주세요. <br />
바로 해당 사이트로 연결됩니다.</td>
<td width="5"><img src="images/ark-_con_02.gif" width="5" height="53" /></td>
</tr>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50" height="30"><img src="images/ark-_sam_01.gif" width="42" height="22" /></td>
<td><b>&quot;나이키&quot;</b>를 찾고자할 때</td>
</tr>
</table></td>
</tr>
<tr>
<td height="5"> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td height="100" bgcolor="#FFFFFF"><img src="images/sample_-01.gif" width="585" height="256" /></td>
</tr>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td height="25">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
<tr height="100%">
<td valign="top" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td height="10" bgcolor="#CCCCCC"> </td>
<td bgcolor="#FFFFFF"></td>
<td height="25" align="right" bgcolor="#666666" class="copy">Copyright ⓒ 2007 ㈜코리아와이즈넛 All Rights Reserved.</td>
</tr>
</table>
</body>
</html>

120
src/main/webapp/WEB-INF/views/_common/_ark/help/help_05.html Normal file
View File

@ -0,0 +1,120 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>도움말 - 사용 해제</title>
<link href="ark_cs.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:351px;
top:183px;
width:350;
height:137px;
z-index:1;
}
-->
</style>
<link href="ark_help_cs.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="742" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="5" colspan="3" valign="top"><table width="742" border="0" align="center" cellpadding="0" cellspacing="0" id="bk_img">
<tr>
<td width="83"><img src="images/ark_top_logo.gif" width="83" height="52" /></td>
<td><font color="#CCCCCC">Auto Recommend Keyword</font></td>
<td width="197" align="right"><img src="images/ark_top_title.gif" width="197" height="52" /></td>
</tr>
</table></td>
</tr>
<tr>
<td height="5" colspan="3" valign="top"> </td>
</tr>
<tr>
<td width="83" rowspan="2" valign="top"><table width="150" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/ark-_left_01.gif" width="150" height="5" /></td>
</tr>
<tr>
<td height="100%" align="center" background="images/ark-_left_bg.gif"><table width="139" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_01.html">검색어 자동완성이란</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_02.html">검색어 자동완성 기능</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_03.html">끝단어 더보기</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_01.gif" class="mli"><a href="help_04.html">사이트 이동</a></td>
</tr>
<tr>
<td width="139" height="28" background="images/ark-_menu_02.gif" class="mli">사용 해제 </td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/ark-_left_02.gif" width="150" height="6" /></td>
</tr>
</table></td>
<td width="5" valign="top" bgcolor="#FFFFFF">&nbsp;</td>
<td rowspan="2" valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/ark-_bullet_01.gif" align="absmiddle" /><strong>검색어 자동완성 사용해제 방법</strong></td>
</tr>
</table></td>
</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/ark-_con_bg.gif" align="right">
<tr>
<td width="5"><img src="images/ark-_con_01.gif" width="5" height="53" /></td>
<td style="line-height:18px; padding-left:5px; padding-right:5xp"><p>이용하시기에 불편하시면&nbsp;<u><strong>기능끄기</strong></u>를 선택해주세요.
/ 기존에 사용하시던 검색환경 그대로 제공해드립니다.
/ 기능끄기는 검색어 자동완성 기능켜기를 재설정해주실 때까지 유지됩니다.</p></td>
<td width="5"><img src="images/ark-_con_02.gif" width="5" height="53" /></td>
</tr>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td height="100" bgcolor="#FFFFFF"><img src="images/sample_-01.gif" width="585" height="256" /></td>
</tr>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td height="25">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
<tr height="100%">
<td valign="top" bgcolor="#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td height="10" bgcolor="#CCCCCC"> </td>
<td bgcolor="#FFFFFF"></td>
<td height="25" align="right" bgcolor="#666666" class="copy">Copyright ⓒ 2007 ㈜코리아와이즈넛 All Rights Reserved.</td>
</tr>
</table>
</body>
</html>

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark-_bottom_01.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark-_bottom_02.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark-_bullet_01.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 617 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark-_con_01.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 212 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark-_con_02.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 213 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark-_con_bg.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark-_left_01.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 155 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark-_left_02.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 163 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark-_left_bg.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark-_left_menu_02.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 131 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark-_left_menu_bg.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 75 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark-_menu_01.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 771 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark-_menu_02.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 186 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark-_sam_01.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 167 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark_top_bg.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 480 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark_top_logo.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/ark_top_title.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/sample_-01.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/sample_-01.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/sample_-02.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/sample_-03.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
src/main/webapp/WEB-INF/views/_common/_ark/help/images/sample_-04.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/9_background.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 103 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/align_btn.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/align_btn_up.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark4.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark5.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_bar.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_dog_bg.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_dot1.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_dot2.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_end_icon.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 90 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_p1.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 120 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_p2.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 128 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_p3.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_p4.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 144 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_p5.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 147 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_search_01.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_search_02.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_search_bg.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_search_btn.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_search_img01.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 681 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_start_icon.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_top_bg.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 480 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_top_logo.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ark_top_title.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/arrow_auto.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/arrow_auto2.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/blit_03.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ico_0.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 123 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ico_1.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 121 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ico_2.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 123 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ico_3.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 119 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ico_4.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 121 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ico_5.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 102 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ico_6.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 104 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ico_7.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 101 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ico_8.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 104 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/ico_9.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 101 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/icon_down.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 363 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/icon_down2.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 224 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/icon_up.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 198 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/icon_up2.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 226 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/sh_bar_1.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 101 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/sh_bar_2.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 102 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/sh_bar_3.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 104 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/sh_bar_4.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 104 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/sh_bar_5.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 83 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/sh_title.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 363 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/tooltip_01.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 236 B

BIN
src/main/webapp/WEB-INF/views/_common/_ark/img/tooltip_02.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 510 B

882
src/main/webapp/WEB-INF/views/_common/_ark/js/ark.js Normal file
View File

@ -0,0 +1,882 @@
var g_oConvert = "fw"; // 정방향, 역방향 값
var isArk = true; // 자동완성 기능 사용 여부
var isKeydown = false; // 브라우저가 파이어폭스, 오페라일 경우 keydown 사용 여부
var isListShow = true;
var cursorPos = -1; // 자동완성 커서 위치 값
var formName = "#search"; // 검색 form의 name을 설정한다.
var queryId = "#query"; // 검색어 <input> 의 id을 설정한다
var arkId = "#ark"; // 자동완성 전체 <div> 의 id을 설정한다
var wrapId = "ark_wrap"; // 자동완성 결과 <div> 의 id을 설정한다
var footerId = "ark_footer"; // 자동완성 Footer <div> 의 id을 설정한다
var contentListId = "ark_content_list"; // 자동완성 Content List <li> 의 id을 설정한다
var imgDownId = "ark_img_down"; // 자동완성 down 이미지 id을 설정한다
var imgUpId = "ark_img_up"; // 자동완성 up 이미지 id을 설정한다
var arkUpId = "ark_up"; // 자동완성 up 이미지 <div> 의 id을 설정한다
var arkDownId = "ark_down"; // 자동완성 down 이미지 <div> 의 id을 설정한다
var totalFwCount = 0; // 전방 검색 전체 개수
var totalRwCount = 0; // 후방 검색 전체 개수
var target = ""; // ARK 웹서버 설정파일의 목록에 있는 추천어 서비스 대상을 지정한다.
var charset = "utf-8"; // 인코딩 설정 (인코딩이 utf-8이 아닐 경우 8859_1 로 설정해야함)
var datatype = "json"; // 반환받을 Data의 타입을 설정. XML 과 JSON이 가능 (xml | json)
var arkPath = "./ark"; // 자동완성 경로
var transURL = arkPath + "/ark_trans.jsp"; // trans 페이지의 URL을 설정한다.
var tempQuery = "";
/**
* ARK 구성요소의 위치 및 크기를 아래 변수를 통해 조정함.
*/
var browser = "";
if ($.browser.msie) {
browser = "IE";
} else if ($.browser.mozilla) {
browser = "FF";
} else if ($.browser.opera) {
browser = "OPERA";
} else if ($.browser.webkit) {
browser = "CHROME";
}
var browserVersion = $.browser.version; // 웹브라우져의 버전
var offset = null;
var offsetTop = 0;
var offsetLeft = 0;
/** ARK 구성요소의 위치 및 크기를 아래 변수를 통해 조정함. **/
var IE6_TOP_OFFSET = -36; // IE6 일 경우 TOP 옵셋 값 오차 조정
var IE6_LEFT_OFFSET = 20; // IE6 일 경우 LEFT 옵셋 값 오차 조정
var IE7_TOP_OFFSET = -63; // IE7 일 경우 TOP 옵셋 값 오차 조정
var IE7_LEFT_OFFSET = -18; // IE7 일 경우 LEFT 옵셋 값 오차 조정
var IE8_TOP_OFFSET = 0; // IE8 일 경우 TOP 옵셋 값 오차 조정
var IE8_LEFT_OFFSET = 0; // IE8 일 경우 LEFT 옵셋 값 오차 조정
var FF_TOP_OFFSET = 0;
var FF_LEFT_OFFSET = 0;
var CHROME_TOP_OFFSET = 0;
var CHROME_LEFT_OFFSET = 0;
var OPERA_TOP_OFFSET = 0;
var OPERA_LEFT_OFFSET = 0;
/** ARK 구성요소의 위치 및 크기를 아래 변수를 통해 조정함. **/
var arkWidth = 37; // 자동완성 전체 넓이 값을 설정한다(변동폭).
var arkTop = 29; // 자동완성 상단에서의 위치 값을 설정한다.
var arkLeft = -3; // 자동완성 왼쪽에서의 위치 값을 설정한다.
var arkImgTop = 26; // 자동완성 화살표 이미지의 상단에서 위치 값을 설정한다.
var arkImgLeft = 26; // 자동완성 화살표 이미지의 왼쪽에서 위치 값을 설정한다.
var tooltip01TopPos = 0; // 자동완성 기능끄기 툴팁의 상단 기준 위치 오차 조정값
var tooltip01LeftPos = -155; // 자동완성 기능끄기 툴팁의 좌측 기준 위치 오차 조정값
var tooltip02TopPos = 0; // 자동완성 기능켜기 툴팁의 상단 기준 위치 오차 조정값
var tooltip02LeftPos = 0; // 자동완성 기능켜기 툴팁의 좌측 기준 위치 오차 조정값
var keyFix = new beta.fix('query');
$(document).ready(function() {
// 자동완성 기능 사용 여부 확인 한다.
if(getCookie("ark")=="off") {
isArk = false;
$(queryId).attr("autocomplete","on");
} else {
$(queryId).attr("autocomplete","off");
}
// 브라우져별 ARK 옵셋 설정
setArkOffset();
// 자동완성 <div> 생성
drawArk();
// 자동완성 위치 설정
setArkLocation();
// 자동완성 넓이 및 높이 설정
setArkSize();
if ($.browser.opera || $.browser.mozilla) {
//alert("oepra:" + $.browser.opera + " / mozilla:" + $.browser.mozilla);
$(document).keydown(function(event) {
var query = $(queryId).val();
if (event.which == 38 || event.which == 40) {
if (query != "") {
showArk();
}
moveFocusEvent(event);
} else {
if ($(event.target).is(queryId)) {
isKeydown = true;
eventKeydown();
}
}
});
} else if ($.browser.msie || $.browser.webkit) {
//alert("msie:" + $.browser.msie + " / webkit:" + $.browser.webkit);
$(document).keyup(function(event) {
var query = $(queryId).val();
if (event.keyCode == 38 || event.keyCode == 40) {
// 아래(40), 위(38) 방향키 조작시의 이벤트 처리
if (query != "") {
showArk();
}
moveFocusEvent(event);
} else if (event.keyCode == 16) {
} else if (event.keyCode == 8 && query == "") {
$("#" + contentListId).html("");
hideArk();
} else {
if ($(event.target).is(queryId)) {
if (isArk && $(queryId).val() != "") {
if(datatype == "json") {
requestArkJson($(queryId).val());
} else if(datatype == "xml") {
requestArkXml($(queryId).val());
}
} else if ($(queryId).val() == "") {
hideArk();
}
}
}
});
}
// Backspace 에 대한 처리
$(queryId).keyup(function(event) {
if(event.keyCode == 8 && $(this).val() == "") {
$("#" + contentListId).html("");
hideArk();
}
});
// 브라우저에서 일어나는 클릭 이벤트를 체크한다.
$(document).click(function(event) {
stopEventBubble(event);
if ($(event.target).is("#" + imgDownId)) {
isListShow = false;
showArk();
showArkGuide();
setArkFooter();
} else if ($(event.target).is("#" + imgUpId)) {
hideArk();
} else if ($(event.target).is(queryId)) {
if (isArk) {
var query = $(queryId).val();
if (query != "") {
if(datatype == "json") {
requestArkJson($(queryId).val());
} else if(datatype == "xml") {
requestArkXml($(queryId).val());
}
keyword = query;
}
isKeydown = true;
}
} else if (!$(event.target).is("#" + wrapId)) {
hideArk();
}
});
$("#" + imgUpId).hover(
function() {
$("#tooltip01").show();
},
function() {
$("#tooltip01").hide();
}
);
});
/************************************************
* jQuery Event Bubbling 방지를 위한 함수.
* @name stopEventBubble
* @param evt 페이지 이벤트
************************************************/
function stopEventBubble(evt) {
var eventReference = (typeof evt !== "undefined") ? evt : event;
//alert(eventReference.stopPropagation);
if(eventReference.stopPropagation) {
eventReference.stopPropagation();
} else {
eventReference.cancelBubble = true;
}
}
/************************************************
* 자동완성 키워드 목록 출력을 위한 DIV 생성
* @name drawArk
************************************************/
function drawArk() {
var str;
// 자동완성 접기/펼침 이미지 생성
str = "<div id=\"" + arkDownId + "\" style=\"position:absolute; display:block; cursor:pointer;\"><img id=\"" + imgDownId + "\" src=\"" + arkPath + "/img/arrow_auto.gif\" alt=\"자동완성펼치기\"></div>";
str += "<div id=\"" + arkUpId + "\" style=\"position:absolute; display:none; cursor:pointer;\"><img id=\"" + imgUpId + "\" src=\"" + arkPath + "/img/arrow_auto2.gif\" alt=\"자동완성접기\" ></div>";
// 툴팁 이미지 생성
str += "<div id=\"tooltip01\" style=\"position:absolute; display:none; cursor:pointer; z-index:999999;\"><img id=\"tooltipIcon01\" src=\"" + arkPath +"/img/tooltip_01.gif\"/></div>";
// 자동완성 결과 생성
str += "<div class=\"ark_wrap\" id=\"" + wrapId +"\">";
str += " <ul>";
str += " <li class=\"ark_content\" >";
str += " <ul class=\"fl\" id=\"" + contentListId + "\"></ul>";
str += " </li>";
str += " <li class=\"ark_footer\" id=\"" + footerId +"\"></li>";
str += " </ul>";
str += "</div>";
$(arkId).html(str);
}
/************************************************
* Browser별로 기준점 Offset 값을 설정
* @name setArkOffset
************************************************/
function setArkOffset() {
offset = $(queryId).position();
offsetTop = offset.top;
offsetLeft = offset.left;
if (browser == "IE") {
if (browserVersion == "6.0") {
offsetTop = offsetTop + IE6_TOP_OFFSET;
offsetLeft = offsetLeft + IE6_LEFT_OFFSET;
} else if (browserVersion == "7.0") {
offsetTop = offsetTop + IE7_TOP_OFFSET;
offsetLeft = offsetLeft + IE7_LEFT_OFFSET;
offsetTop = offsetTop - 2;
} else if (browserVersion == "8.0") {
offsetTop = offsetTop + IE8_TOP_OFFSET;
offsetLeft = offsetLeft + IE8_LEFT_OFFSET;
}
} else if (browser == "FF") {
offsetTop = offsetTop + FF_TOP_OFFSET;
offsetLeft = offsetLeft + FF_LEFT_OFFSET;
} else if (browser == "CHROME") {
offsetTop = offsetTop + CHROME_TOP_OFFSET;
offsetLeft = offsetLeft + CHROME_LEFT_OFFSET;
} else if (browser == "OPERA") {
offsetTop = offsetTop + OPERA_TOP_OFFSET;
offsetLeft = offsetLeft + OPERA_LEFT_OFFSET;
}
}
/************************************************
* 자동완성 DIV의 위치 자동설정
* @name setArkLocation
************************************************/
function setArkLocation() {
var queryWidth = parseInt($(queryId).width());
var queryHeight = parseInt($(queryId).height());
// 자동완성 전체 위치 설정
$(arkId).css({"position" : "relative", "z-index":"999999", "top" : offsetTop + "px", "left" : offsetLeft + "px", "width" : (queryWidth + arkWidth) + "px"});
// ARK Wrap의 위치 설정
$("#" + wrapId).css({"position" : "absolute", "top" : arkTop, "left" : arkLeft});
// 화살표 닫기 이미지 위치 설정
$("#" + arkUpId).css({"top" : (arkImgTop - queryHeight) + "px"});
$("#" + arkUpId).css({"left" : ((queryWidth - 10) + arkImgLeft) + "px"});
// 화살표 열기 이미지 위치 설정
$("#" + arkDownId).css({"top" : (arkImgTop - queryHeight) + "px"});
$("#" + arkDownId).css({"left" : ((queryWidth - 10) + arkImgLeft) + "px"});
// 자동완성접기 툴팁 이미지 위치 설정
$("#tooltip01").css({"top" : (offsetTop + tooltip01TopPos) + "px", "left" : (offsetLeft + queryWidth + tooltip01LeftPos) + "px"});
}
/************************************************
* 자동완성 DIV의 넓이/높이 자동설정
* @name setArkSize
************************************************/
function setArkSize() {
var queryWidth = parseInt($(queryId).width());
$("#" + wrapId).css({"width" : (queryWidth + arkWidth) + "px"}); // 자동완성 넓이 설정
$("#" + contentListId).css({"width" : (queryWidth + arkWidth) + "px"}); // 자동완성 결과 리스트 넓이 설정
$("#" + footerId).css({"width" : (queryWidth + arkWidth) + "px"}); // 자동완성 풋터 넓이 설정
}
/************************************************
* 자동완성 결과 요청
* @name requestArk
* @param query 키보드 입력된 문자열
************************************************/
function requestArkJson(query) {
jQuery.support.cors = true;
cursorPos = -1;
$.ajaxSetup({cache:false});
$.ajax({
url: transURL,
type: "POST",
dataType: "json",
data: {"convert":g_oConvert, "target":target, "charset":charset, "query":query, "datatype": datatype},
success: function(data) {
if(data.result.length <= 0) {
totalFwCount = 0;
totalRwCount = 0;
}
var str = "";
$.each(data.result, function(i, result) {
var totalCount = parseInt(result.totalcount);
if (i == 0) {
totalFwCount = totalCount;
} else {
totalRwCount = totalCount;
}
if (totalCount > 0) {
// 정방향, 역방향 구분선
if (i > 0 && totalFwCount > 0 && totalRwCount > 0) {
str += "<li style=\"border-top:1px solid #f3f3f3;\"></li>";
}
// 자동완성 리스트 설정
$.each(result.items, function(num,item){
if (i != 0) {
num = totalFwCount + num;
}
str += "<li id=\"bg" + num + "\" onclick=\"onClickKeyword(" + num + ");\" onmouseover=\"onMouseOverKeyword(" + num + ");\"";
str += " onmouseout=\"onMouseOutKeyword(" + num + ");\">" + showSource(parseInt(item.type)) + "&nbsp;&nbsp;" + item.hkeyword;
str += " <span id=\"f" + num + "\" style=display:none;>" + item.keyword + "</span>";
str += " <span style=\"position:absolute; right:0;\">" + showRankIcon(parseInt(item.count)) + "&nbsp</span></li>";
});
}
});
if ((totalFwCount + totalRwCount) == 0) {
$("#" + contentListId).html("<li>해당 단어로 시작하는 검색어가 없습니다.</li>");
} else {
$("#" + contentListId).html(str);
}
setArkFooter();
showArk();
}
});
}
function requestArkXml(query) {
jQuery.support.cors = true;
cursorPos = -1;
totalFwCount = 0;
totalRwCount = 0;
$.ajaxSetup({cache:false});
$.ajax({
url: transURL,
type: "POST",
dataType: "xml",
data: {"convert":g_oConvert, "target":target, "charset":charset, "query":query, "datatype": datatype},
success: function(data, xhr) {
var str = "";
var $resultElement = $(data).find("Response").find("Value");
var returnCode = $resultElement.find("Return").text();
if (returnCode == 0) {
if ($resultElement.find("ARKList").size() <= 0) {
totalFwCount = 0;
} else {
var totalCount = $resultElement.find("ARKList").find("TotalCount").text();
totalFwCount = totalCount;
}
if ($resultElement.find("ARKRList").size() <= 0) {
totalRwCount = 0;
} else {
var totalCount = $resultElement.find("ARKRList").find("TotalCount").text();
totalRwCount = totalCount;
}
// ARKList
$resultElement.find("ARKList").each(function(idx) {
$(this).find("ARK").each(function(idx) {
var $ark = $(this);
var hkeyword = $ark.attr("HKeyword");
var keyword = $ark.attr("keyword");
var count = $ark.attr("count");
var type = $ark.attr("type");
str += "<li id=\"bg"+ idx +"\" onclick=\"onClickKeyword(" + idx + ");\" onmouseover=\"onMouseOverKeyword(" + idx + ");\"";
str += " onmouseout=\"onMouseOutKeyword(" + idx + ");\">" + showSource(parseInt(type)) + "&nbsp;&nbsp;" + hkeyword;
str += " <span id=\"f" + idx +"\" style=display:none;>" + keyword + "</span>";
str += " <span style=\"position:absolute; right:0;\">" + showRankIcon(parseInt(count)) + "&nbsp</span></li>";
});
});
if(totalFwCount > 0 && totalRwCount > 0) {
str += "<li style=\"border-top:1px solid #f3f3f3; padding:0;\"></li>";
}
// ARKRList
$resultElement.find("ARKRList").each(function(idx) {
$(this).find("ARK").each(function(i) {
var nums = i + parseInt(totalFwCount);
var $ark = $(this);
var hkeyword = $ark.attr("HKeyword");
var keyword = $ark.attr("keyword");
var count = $ark.attr("count");
var type = $ark.attr("type");
str += "<li id=\"bg"+ nums +"\" onclick=\"onClickKeyword(" + nums + ");\" onmouseover=\"onMouseOverKeyword(" + nums + ");\"";
str += " onmouseout=\"onMouseOutKeyword(" + nums + ");\">" + showSource(parseInt(type)) + "&nbsp;&nbsp;" + hkeyword;
str += " <span id=\"f" + nums +"\" style=display:none;>" + keyword + "</span>";
str += " <span style=\"position:absolute; right:0;\">" + showRankIcon(parseInt(count)) + "&nbsp</span></li>";
});
});
if ((totalFwCount + totalRwCount) == 0) {
$("#" + contentListId).html("<li style=\"padding:6px 0 6px 10px;\">해당 단어로 시작하는 검색어가 없습니다.</li>");
} else {
$("#" + contentListId).html(str);
}
setArkFooter();
showArk();
}
}
});
}
var keyword = "";
/************************************************
* 브라우저가 FireFox, Opera 일 경우 한글 입력
* @name eventKeydown
************************************************/
function eventKeydown() {
// 방향키 이동시 메소드 실행을 중지시킨다.
if(!isKeydown) {
return;
}
if (keyword != $(queryId).val()) {
keyword = $(queryId).val();
if (keyword != "" && isArk) {
if(datatype == "json") {
requestArkJson($(queryId).val());
} else if(datatype == "xml") {
requestArkXml($(queryId).val());
}
} else {
hideArk();
}
}
setTimeout("eventKeydown()", 20);
}
/************************************************
* 방향키 이벤트 처리
* @name moveFocusEvent
* @param event 페이지 이벤트
************************************************/
function moveFocusEvent(event) {
isKeydown = false;
if (event.keyCode == 38) {
if (cursorPos==-1 || cursorPos==0) {
cursorPos = -1;
hideArk();
$(queryId).val(tempQuery);
tempQuery = "";
} else {
onMouseOutKeyword(cursorPos);
cursorPos = cursorPos - 1;
onMouseOverKeyword(cursorPos);
$(queryId).val($("#f" + cursorPos).text());
}
} else if (event.keyCode == 40) {
if(cursorPos == -1) {
tempQuery = $(queryId).val();
}
if ((totalFwCount + totalRwCount) > (cursorPos + 1)) {
onMouseOutKeyword(cursorPos);
cursorPos = cursorPos + 1;
onMouseOverKeyword(cursorPos);
$(queryId).val($("#f" + cursorPos).text());
}
}
}
/************************************************
* MouseOver 일 경우 선택한 배경을 설정
* @name onMouseOverKeyword
* @param cursorNum 커서의 위치 인덱스 값
************************************************/
function onMouseOverKeyword(cursorNum) {
clearCursorPos();
cursorPos = cursorNum;
$("#bg" + cursorNum).css({"backgroundColor" : "#eeeeee"});
$("#bg" + cursorNum).css({"cursor" : "pointer"});
}
/************************************************
* MouseOut 일 경우 설정한 배경을 초기화
* @name onMouseOutKeyword
* @param cursorNum 커서의 위치 인덱스 값
************************************************/
function onMouseOutKeyword(curSorNum) {
cursorPos = curSorNum;
$("#bg" + cursorPos).css({"backgroundColor" : "#ffffff"});
}
/************************************************
* 커서 위치가 변경될 때마다 선택되지 않은 부분 초기화
* @name clearCursorPos
************************************************/
function clearCursorPos() {
for(var i=0; i<(totalFwCount + totalRwCount); i++){
$("#bg" + i).css({"backgroundColor" : "#ffffff"});
}
}
/************************************************
* 마우스 클릭시 검색을 수행
* @name onClickKeyword
* @param cursorPos 커서의 위치
************************************************/
function onClickKeyword(cursorPos) {
$(queryId).val($("#f" + cursorPos).text());
$(formName).submit();
}
/************************************************
* 자동완성 상태를 설정
* @name showArkGuide
************************************************/
function showArkGuide() {
var str = "<li style=\"line-height:145%; font-size:11px;\">";
if (isArk) {
str += "현재 검색어 &nbsp;<strong>자동 추천 기능</strong>을 사용하고 있습니다.<br>검색어 입력시 자동으로 관련어를 추천합니다.";
} else {
str += "<strong>자동 추천 기능</strong>을 사용해 보세요. <label OnClick=\"setArkOn();\" style=\"cursor:pointer;color:#435fea;text-decoration:underline;\">기능켜기</label><br>검색어 입력시 자동으로 관련어를 추천합니다.";
}
str += "</li>";
$("#" + contentListId).html(str);
}
/************************************************
* 자동완성 Footer 생성
* @name setArkFooter
************************************************/
function setArkFooter() {
var str = "";
if (isArk && $(queryId).val() != "" && (totalFwCount + totalRwCount) > 0 && isListShow) {
str += "<div class=\"left\" style=\"padding:8px 0 0 5px; color:#888888;\">";
if (g_oConvert == "fw") {
str += "<label OnClick=\"onConvert('rw');\" style=\"cursor:pointer;\">끝단어 더보기</label>";
} else if (g_oConvert == "rw") {
str += "<label OnClick=\"onConvert('fw');\" style=\"cursor:pointer;\">첫단어 더보기</label>";
}
str += "</div>";
}
if (isArk) {
str += "<div class=\"right\" style=\"padding:8px 0 0 0; color:#888888;\">";
if ($(queryId).val() != "" && isListShow) {
str += "<label id=\"arkOff\" onmouseover=\"previewShow(event, this,'tooltip02');\" OnClick=\"setArkOff();\" style=\"cursor:pointer;\">기능끄기</label>";
$("body").append("<span style=\"display:none;\"><div id=\"tooltip02\" style=\"position:absolute;\"><img id=\"tooltipIcon02\" src=\"" + arkPath +"/img/tooltip_02.gif\"/></div></span>");
} else {
str += "<label OnClick=\"showArk();\" style=\"cursor:pointer;\">닫기</label>";
isListShow = true;
}
str += "</div>";
} else {
str += "<div class=\"right\" style=\"padding:8px 0 0 0; color:#888888;\"><label OnClick=\"showArk();\" style=\"cursor:pointer;\">닫기</label></div>";
}
$("#" + footerId).html(str);
}
/************************************************
* 자동완성 목록을 화면에 보여줌
* @name showArk
************************************************/
function showArk() {
if( $(queryId).val() != ""){
$("#" + wrapId).show();
$("#" + arkUpId).show();
$("#" + arkDownId).hide();
}
}
/************************************************
* 자동완성 목록을 화면에서 감춤
* @name hideArk
************************************************/
function hideArk() {
$("#" + wrapId).hide();
$("#" + arkUpId).hide();
$("#" + arkDownId).show();
}
/************************************************
* 도움말 팝업
* @name openHelp
************************************************/
function openHelp() {
window.open(arkPath + "/help/help_01.html", "도움말", "height=540,width=768,toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no,directories=no,status=no");
}
/************************************************
* 단어 입력 후 정방향/역방향 이미지 버튼 클릭시 이벤트 처리
* @name onConvert
* @param convert
************************************************/
function onConvert(convert) {
var query = $(queryId).val();
if (convert == "fw") {
g_oConvert = "fw";
} else {
g_oConvert = "rw";
}
if (datatype == "json") {
requestArkJson(query);
} else if (datatype == "xml") {
requestArkXml(query);
}
return;
}
/************************************************
* 자동완성 기능 끄기
* @name setArkOff
************************************************/
function setArkOff() {
$(queryId).attr("autocomplete", "on");
isArk = false;
var today = new Date();
var expire_date = new Date(today.getTime() + 365*60*60*24*1000);
setCookie("ark", "off", expire_date);
}
/************************************************
* 자동완성 기능 켜기
* @name setARkOn
************************************************/
function setArkOn() {
$(queryId).attr("autocomplete", "on");
isArk = true;
var today = new Date();
var expireDate = new Date(today.getTime() - 60*60*24*1000);
setCookie("ark", "on", expireDate);
var query = $(queryId).val();
if (query != "") {
if(datatype == "json") {
requestArkJson(query);
} else if(datatype == "xml") {
requestArkXml(query);
}
setArkFooter();
}
}
/************************************************
* 쿠키 설정값을 저장
* @name setCookie
* @param name 쿠키 항목명
* @param value 쿠키 항목의 값
* @param expire 쿠키 만료일자
************************************************/
function setCookie(name, value, expire) {
var expire_date = new Date(expire);
document.cookie = name + "=" + escape(value) + "; path=/; expires=" + expire_date.toGMTString();
}
/************************************************
* 쿠키 설정값을 로드
* @name getCookie
* @param name 쿠키 항목명
************************************************/
function getCookie(name) {
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1) {
begin = dc.indexOf(prefix);
if (begin != 0) {
return null;
}
} else {
begin += 2;
}
var end = document.cookie.indexOf(";", begin);
if (end == -1) {
end = dc.length;
}
return unescape(dc.substring(begin + prefix.length, end));
}
/************************************************
* 폰트 컬러 설정
* @name showSource
* @param count 등급 레벨
************************************************/
function showSource(count) {
var color;
var ret;
if (count >= 0 && count <= 4) {
color = "#989898";
} else {
color = "#CC6633";
}
if (count == 0 || count == 5) {
ret = "<font style='font-size:11px;font-family:돋움;color:"+color+"'>사전</font>";
} else if(count == 1 || count == 6) {
ret = "<font style='font-size:11px;font-family:돋움;color:"+color+"'>일반</font>"; //색인
} else if(count == 2 || count == 7) {
ret = "<font style='font-size:11px;font-family:돋움;color:"+color+"'>인기</font>";
} else if(count == 3 || count == 8) {
ret = "<font style='font-size:11px;font-family:돋움;color:"+color+"'>테마</font>";
} else if(count == 4 || count == 9) {
ret = "<font style='font-size:11px;font-family:돋움;color:"+color+"'>추천</font>";
} else {
ret = "";
}
return ret;
}
/************************************************
* 추천어 리스트 우측에 Ranking 이미지 출력
* @name showRankIcon
* @param count 랭크 점수
************************************************/
function showRankIcon(count) {
var str;
if (count >= 0 && count <= 20) {
str = "<font style=\"font-size:9px;color:#CC6633\">|</font><font style=\"font-size:9px;color:#C0C0C0\">||||</font>";
} else if(count > 20 && count <= 40) {
str = "<font style=\"font-size:9px;color:#CC6633\">||</font><font style=\"font-size:9px;color:#C0C0C0\">|||</font>";
} else if(count > 40 && count <= 60) {
str = "<font style=\"font-size:9px;color:#CC6633\">|||</font><font style=\"font-size:9px;color:#C0C0C0\">||</font>";
} else if(count > 60 && count <= 80) {
str = "<font style=\"font-size:9px;color:#CC6633\">||||</font><font style=\"font-size:9px;color:#C0C0C0\">|</font>";
} else if(count > 80 && count <= 100) {
str = "<font style=\"font-size:9px;color:#CC6633\">|||||</font>";
} else {
str = "<font style=\"font-size:9px;color:#CC6633\">|||||</font>";
}
return str;
}
var preview = "";
var gobj = "";
function attachEvent_(obj, evt, fuc, useCapture) {
if (!useCapture) {
useCapture = false;
}
if (obj.addEventListener) {
// W3C DOM 지원 브라우저
return obj.addEventListener(evt,fuc,useCapture);
} else if (obj.attachEvent) {
// MSDOM 지원 브라우저
return obj.attachEvent("on"+evt, fuc);
} else {
// NN4 나 IE5mac 등 비 호환 브라우저
MyAttachEvent(obj, evt, fuc);
obj['on'+evt]=function() { MyFireEvent(obj,evt) };
}
}
function detachEvent_(obj, evt, fuc, useCapture) {
if(!useCapture) useCapture=false;
if(obj.removeEventListener) {
return obj.removeEventListener(evt,fuc,useCapture);
} else if(obj.detachEvent) {
return obj.detachEvent("on"+evt, fuc);
} else {
MyDetachEvent(obj, evt, fuc);
obj['on'+evt]=function() { MyFireEvent(obj,evt) };
}
}
function MyAttachEvent(obj, evt, fuc) {
if(!obj.myEvents) obj.myEvents= {};
if(!obj.myEvents[evt]) obj.myEvents[evt]=[];
var evts = obj.myEvents[evt];
evts[evts.length]=fuc;
}
function MyFireEvent(obj, evt) {
if(!obj.myEvents || !obj.myEvents[evt]) return;
var evts = obj.myEvents[evt];
for (var i=0;i<len;i++) {
len=evts.length;
evts[i]();
}
}
function previewShow(e, obj, pv) {
preview=pv;
gobj=obj;
attachEvent_(obj, "mousemove", previewMove, false);
attachEvent_(obj, "mouseout", previewHide, false);
}
function previewMove(e) {
var hb = document.getElementById(preview);
if(hb.parentElement) {
hb.parentElement.style.display="block";
} else {
hb.parentNode.style.display="";
}
var evt = e ? e : window.event;
var posx=0;
var posy=0;
if (evt.pageX || evt.pageY) { // pageX/Y 표준 검사
posx = evt.pageX +8;
posy = evt.pageY +16;
} else if (evt.clientX || evt.clientY) { //clientX/Y 표준 검사 Opera
posx = evt.clientX +10;
posy = evt.clientY +20;
if (window.event) { // IE 여부 검사
posx += document.body.scrollLeft - 80;
posy += document.body.scrollTop;
}
}
hb.style.left = posx + "px";
hb.style.top = posy + "px";
}
function previewHide() {
var hb = document.getElementById(preview);
if(hb.parentElement) hb.parentElement.style.display="none";
else hb.parentNode.style.display="none";
detachEvent_(gobj,"mousemove", previewMove, false);
}

55
src/main/webapp/WEB-INF/views/_common/_ark/js/beta.fix.js Normal file
View File

@ -0,0 +1,55 @@
if (typeof(beta) == "undefined") {
_beta = beta = {};
}
if (typeof(_beta.fix) == "undefined") {
_beta.fix = {};
} else {
alert("keyfix is already set!");
}
if(typeof(window.beta.instances) == "undefined") {
window.beta.instances = new Array();
}
_beta.fix = function(targetId) {
// This fix is only for mozilla browsers
if(jQuery.browser.mozilla == false) {
return false;
}
var thisClass = this;
this.keyEventCheck = null;
this.db = null;
this.targetId = targetId;
window.beta.instances[this.targetId] = this;
var focusFunc = function() {
if (!thisClass.keyEventCheck()) {
thisClass.watchInput();
}
};
var blurFunc = function() {
if(thisClass.keyEventCheck) {
window.clearInterval(thisClass.keyEventCheck);
thisClass.keyEventCheck = null;
}
};
$("#" + this.targetId).bind("focus", focusFunc);
$("#" + this.targetId).bind("blur", blurFunc);
};
_beta.fix.prototype.watchInput = function() {
if (this.db != $("#" + this.targetId).val()) {
// Trigger event
$("#" + this.targetId).trigger("keyup");
}
this.db = $("#" + this.targetId).val();
if (this.keyEventCheck) {
window.clearInterval(this.keyEventCheck);
}
this.keyEventCheck = window.setInterval("window.beta.instances['" + this.targetId + "'].watchInput()", 100);
};

18
src/main/webapp/WEB-INF/views/_common/_ark/js/jquery-1.6.2.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

0
src/main/webapp/css/seed/UserConfig.css → src/main/webapp/WEB-INF/views/_common/_css/UserConfig.css
View File

1109
src/main/webapp/WEB-INF/views/_common/_css/admin/bootstrap-responsive.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

9
src/main/webapp/WEB-INF/views/_common/_css/admin/bootstrap-responsive.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

6168
src/main/webapp/WEB-INF/views/_common/_css/admin/bootstrap.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

9
src/main/webapp/WEB-INF/views/_common/_css/admin/bootstrap.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

0
src/main/webapp/css/seed/animate.css → src/main/webapp/WEB-INF/views/_common/_css/animate.css vendored
View File

0
src/main/webapp/css/seed/button.css → src/main/webapp/WEB-INF/views/_common/_css/button.css
View File

346
src/main/webapp/WEB-INF/views/_common/_css/case/common.css Normal file
View File

@ -0,0 +1,346 @@
/* 민규 추가 */
.col-table table{
table-layout:fixed;
}
.col-table table .col-th{
width: 150px;
}
.col-table table input[type="text"]{
width: 100%;
}
.col-table table input.date-input{
width: 45%;
float: left;
}
.col-table table input.date-input_40{
width: 40%;
}
.col-table table .flow{
float: left;
display: block;
width: 10%;
line-height: 30px;
height: 30px;
text-align: center;
}
.col-table table input.phone-input{
width: 30%;
float: left;
}
.col-table table .hyphen{
float: left;
display: block;
width: 5%;
line-height: 30px;
height: 30px;
text-align: center;
}
.col-table table input.widhtAtuo{
width: auto;
}
.data-table.border-table table td{
border-bottom: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;
}
.tit-box{
margin-top: 30px;
margin-bottom: 20px;
overflow: hidden;
}
.tit-box h4{
float: left;
}
.tit-box div{
float: right;
}
.col-sch-wrap .bbs-view-layout{
padding-right: 40px;
}
.col-sch-wrap .bbs-view-layout .bbs-view-item{
border: none;
width: 100%;
}
.col-sch-wrap .bbs-view-layout .bbs-view-item .item-box{
padding: 0;
}
.col-sch-wrap .bbs-view-layout .bbs-view-item .item-title{
padding-left: 40px;
}
.col-sch-wrap .bbs-view-layout .bbs-view-item .item-title.col-tit-1{
width: 11.55%;
}
.col-sch-wrap .bbs-view-layout .bbs-view-item .item-title.col-tit-1 + .item-box{
width: 88.4%;
}
.col-sch-wrap .bbs-view-layout select{
width: 100%;
}
.col-sch-wrap .sch-content-wrap .btn-page-sch{
float: right;
margin-top: 15px;
}
@media screen and (max-width: 768px){
.col-sch-wrap .bbs-view-layout{
padding-right: 0;
padding: 0 20px;
}
.col-sch-wrap .bbs-view-layout .bbs-view-item .item-title + .item-box + .item-title{
margin-top: 10px;
}
.col-sch-wrap .bbs-view-layout .bbs-view-item .item-title{
padding-left: 0;
}
.col-sch-wrap .sch-content-wrap .btn-page-sch{
position: static;
right: 0;
top: 0;
width: auto;
height: auto;
padding: 6px 20px;
}
.col-sch-wrap .bbs-view-layout .bbs-view-item .item-title.col-tit-1{
width: 100%;
}
.col-sch-wrap .bbs-view-layout .bbs-view-item .item-title.col-tit-1 + .item-box{
width: 100%;
}
}
/* 민규 추가 */
.cs-container{
padding:0 20px;
}
.cs-container *{
vertical-align:initial;
}
.cs-container td,
.cs-container th{
vertical-align:middle;
}
.data-table.bordered{
border:0;
}
.data-table.no-gradient th{
background:#F2F2F2;
}
.data-table.no-hover table tbody tr:hover {
background: #fff;
}
.item-box input{
vertical-align:initial;
}
.cs-container h3{
font-size:17px;
}
.cs-step {
display: table;
width:100%;
margin-top:60px;
margin-bottom: 30px;
overflow: hidden;
counter-reset: step;
}
.cs-step li {
display: table-cell;
color: #fff;
text-transform: uppercase;
font-size: 9px;
position: relative;
text-align: center;
white-space: nowrap;
}
.cs-step li a{
display: block;
font-size: 16px;
}
.cs-step li a:before {
content: "Step "counter(step);
counter-increment: step;
padding:0 10px;
line-height: 36px;
display: block;
font-size: 13px;
font-weight: 600;
color: #333;
background: white;
margin: 0 auto 10px auto;
}
.cs-step li:first-child a:before{
border-radius:3px 0 0 3px;
}
.cs-step li:last-child a:before{
border-radius:0 3px 3px 0;
}
.cs-step li:hover a:before,
.cs-step li.active a:before{
background: #676fb2;
color: white;
}
.data-table.inp-scroll input[type="text"].form-element{
min-width: 126px;
}
.data-table.layout-type table tr{
border-top:0
}
.data-table.layout-type table th{
width:23%;
background:#f3f3f3;
border-right: 1px solid #e8e8e8;
}
.data-table.layout-type table td{
text-align:left;
}
.data-table.layout-type table tr:hover th{
background:#f3f3f3;
}
.data-table.layout-type table tr:hover td{
background:#fff;
}
.cs-panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
border-color: #dcdcdc;
}
.cs-panel-heading {
color: #333;
font-size:16px;
background-color: #f3f3f3;
border-color: #dcdcdc;
letter-spacing:-1px;
font-weight:700;
}
.cs-panel-title{
float:left;
font-size:14px;
line-height:30px;
}
.cs-panel-btn-zone{
float:right;
}
.cs-panel-heading {
padding:10px 15px;
border-bottom: 1px solid #dcdcdc;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.cs-panel-body {
padding: 15px;
}
.cs-toggle-container{
margin-top:10px;
}
.cs-toggle-container:first-child{
margin-top:0;
}
.cs-toggle-btn{
width: 100%;
text-align: center;
height: 34px;
background: #7e7e7e;
color: #fff;
font-size:14px;
padding:0 20px;
}
.cs-toggle-btn [data-nth]{
vertical-align: middle;
}
.cs-toggle{
display: none;
}
.cs-essential{
font-weight:700;
color:#ff4315;
}
.btn-default{
vertical-align:middle;
}
.btn-default.transparent{
background: transparent;
color:#212121 !important;
border: 1px solid #ddd;
border-radius: 3px;
}
.btn-default.sm-size{
padding:5px 12px;
}
.bbs-view-item .item-box .cs-files .row{
margin:7px 0
}
.bbs-view-item .item-box .cs-files .row:last-child {
margin: 0;
}
.item-box input[type="file"].file-unset{
display: initial !important;
overflow: initial !important;
position: static !important;
width: auto ;
height: auto ;
font-size: 13px !important;
line-height: initial !important;
text-indent: initial !important;
vertical-align: initial !important;
padding: initial !important;
text-indent:0;
}
.item-box input[type="file"].file-unset + label{
position: initial !important;
display: initial !important;
background: initial !important;
height: initial !important;
line-height: initial !important;
color: initial !important;
border-radius: initial !important;
padding: initial !important;
vertical-align:initial !important;
overflow: unsert !important;
margin: initial !important;
max-width: initial !important;
font-weight: initial !important;
}
input[type="file"].file-unset + label:before{
display:none !important;
}
@media (max-width:1024px){
.cs-panel-btn-zone{
width:30%;
text-align:right;
}
.cs-panel-btn-zone button{
width:100%;
}
.col-table table{
table-layout:auto;
}
.col-table table .col-th{
width: auto;
}
}
@media (max-width: 768px){
.bbs-view-item .item-title.no-bullet:before {
content: '';
}
.cs-panel-body{
padding:10px;
}
.cs-toggle-container{
margin-top:5px;
}
}
@media (max-width:640px){
.cs-container{
padding:0 5px;
}
.cs-step li a{
font-size:14px;
}
.item-box input[type="file"].file-unset{
max-width:180px;
}
}

618
src/main/webapp/WEB-INF/views/_common/_css/case/fullcalendar.css Normal file
View File

@ -0,0 +1,618 @@
/*
* FullCalendar v1.5.2 Stylesheet
*
* Copyright (c) 2011 Adam Shaw
* Dual licensed under the MIT and GPL licenses, located in
* MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
*
* Date: Sun Aug 21 22:06:09 2011 -0700
*
*/
.fc {
direction: ltr;
text-align: left;
}
.fc table {
border-collapse: collapse;
border-spacing: 0;
}
html .fc,
.fc table {
font-size: 1em;
}
.fc td,
.fc th {
padding: 0;
vertical-align: top;
}
/* Header
------------------------------------------------------------------------*/
.fc-header td {
white-space: nowrap;
}
.fc-header-left {
width: 25%;
text-align: left;
}
.fc-header-center {
text-align: center;
}
.fc-header-right {
width: 25%;
text-align: right;
}
.fc-header-title {
display: inline-block;
vertical-align: top;
}
.fc-header-title h2 {
margin-top: 0;
white-space: nowrap;
}
.fc .fc-header-space {
padding-left: 10px;
}
.fc-header .fc-button {
margin-bottom: 1em;
vertical-align: top;
}
/* buttons edges butting together */
.fc-header .fc-button {
margin-right: -1px;
}
.fc-header .fc-corner-right {
margin-right: 1px; /* back to normal */
}
.fc-header .ui-corner-right {
margin-right: 0; /* back to normal */
}
/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
z-index: 2;
}
.fc-header .fc-state-down {
z-index: 3;
}
.fc-header .fc-state-active,
.fc-header .ui-state-active {
z-index: 4;
}
/* Content
------------------------------------------------------------------------*/
.fc-content {
clear: both;
}
.fc-view {
width: 100%; /* needed for view switching (when view is absolute) */
overflow: hidden;
}
/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header, /* <th>, usually */
.fc-widget-content { /* <td>, usually */
border: 1px solid #ccc;
}
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
background: #ffc;
}
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
background: #9cf;
opacity: .2;
filter: alpha(opacity=20); /* for IE */
}
/* Buttons
------------------------------------------------------------------------*/
.fc-button {
position: relative;
display: inline-block;
cursor: pointer;
}
.fc-state-default { /* non-theme */
border-style: solid;
border-width: 1px 0;
}
.fc-button-inner {
position: relative;
float: left;
overflow: hidden;
}
.fc-state-default .fc-button-inner { /* non-theme */
border-style: solid;
border-width: 0 1px;
}
.fc-button-content {
position: relative;
float: left;
height: 1.9em;
line-height: 1.9em;
padding: 0 .6em;
white-space: nowrap;
}
/* icon (for jquery ui) */
.fc-button-content .fc-icon-wrap {
position: relative;
float: left;
top: 50%;
}
.fc-button-content .ui-icon {
position: relative;
float: left;
margin-top: -50%;
*margin-top: 0;
*top: -50%;
}
/* gloss effect */
.fc-state-default .fc-button-effect {
position: absolute;
top: 50%;
left: 0;
}
.fc-state-default .fc-button-effect span {
position: absolute;
top: -100px;
left: 0;
width: 500px;
height: 100px;
border-width: 100px 0 0 1px;
border-style: solid;
border-color: #fff;
background: #444;
opacity: .09;
filter: alpha(opacity=9);
}
/* button states (determines colors) */
.fc-state-default,
.fc-state-default .fc-button-inner {
border-style: solid;
border-color: #ccc #bbb #aaa;
background: #F3F3F3;
color: #000;
}
.fc-state-hover,
.fc-state-hover .fc-button-inner {
border-color: #999;
}
.fc-state-down,
.fc-state-down .fc-button-inner {
border-color: #555;
background: #777;
}
.fc-state-active,
.fc-state-active .fc-button-inner {
border-color: #555;
background: #777;
color: #fff;
}
.fc-state-disabled,
.fc-state-disabled .fc-button-inner {
color: #999;
border-color: #ddd;
}
.fc-state-disabled {
cursor: default;
}
.fc-state-disabled .fc-button-effect {
display: none;
}
/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event {
border-style: solid;
border-width: 0;
font-size: .85em;
cursor: default;
}
a.fc-event,
.fc-event-draggable {
cursor: pointer;
}
a.fc-event {
text-decoration: none;
}
.fc-rtl .fc-event {
text-align: right;
}
.fc-event-skin {
border-color: #36c; /* default BORDER color */
background-color: #36c; /* default BACKGROUND color */
color: #fff; /* default TEXT color */
}
.fc-event-inner {
position: relative;
width: 100%;
height: 100%;
border-style: solid;
border-width: 0;
overflow: hidden;
}
.fc-event-time,
.fc-event-title {
padding: 0 1px;
}
.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
display: block;
position: absolute;
z-index: 99999;
overflow: hidden; /* hacky spaces (IE6/7) */
font-size: 300%; /* */
line-height: 50%; /* */
}
/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
border-width: 1px 0;
margin-bottom: 1px;
}
/* resizable */
.fc-event-hori .ui-resizable-e {
top: 0 !important; /* importants override pre jquery ui 1.7 styles */
right: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: e-resize;
}
.fc-event-hori .ui-resizable-w {
top: 0 !important;
left: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: w-resize;
}
.fc-event-hori .ui-resizable-handle {
_padding-bottom: 14px; /* IE6 had 0 height */
}
/* Fake Rounded Corners (for buttons and events)
------------------------------------------------------------*/
.fc-corner-left {
margin-left: 1px;
}
.fc-corner-left .fc-button-inner,
.fc-corner-left .fc-event-inner {
margin-left: -1px;
}
.fc-corner-right {
margin-right: 1px;
}
.fc-corner-right .fc-button-inner,
.fc-corner-right .fc-event-inner {
margin-right: -1px;
}
.fc-corner-top {
margin-top: 1px;
}
.fc-corner-top .fc-event-inner {
margin-top: -1px;
}
.fc-corner-bottom {
margin-bottom: 1px;
}
.fc-corner-bottom .fc-event-inner {
margin-bottom: -1px;
}
/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
-----------------------------------------------------------------*/
.fc-corner-left .fc-event-inner {
border-left-width: 1px;
}
.fc-corner-right .fc-event-inner {
border-right-width: 1px;
}
.fc-corner-top .fc-event-inner {
border-top-width: 1px;
}
.fc-corner-bottom .fc-event-inner {
border-bottom-width: 1px;
}
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
border-collapse: separate;
}
.fc-border-separate th,
.fc-border-separate td {
border-width: 1px 0 0 1px;
}
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
border-right-width: 1px;
}
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
border-bottom-width: 1px;
}
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
border-top-width: 0;
}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
text-align: center;
}
.fc-grid .fc-day-number {
float: right;
padding: 0 2px;
}
.fc-grid .fc-other-month .fc-day-number {
opacity: 0.3;
filter: alpha(opacity=30); /* for IE */
/* opacity with small font can sometimes look too faded
might want to set the 'color' property instead
making day-numbers bold also fixes the problem */
}
.fc-grid .fc-day-content {
clear: both;
padding: 2px 2px 1px; /* distance between events and day edges */
}
/* event styles */
.fc-grid .fc-event-time {
font-weight: bold;
}
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
float: left;
}
.fc-rtl .fc-grid .fc-event-time {
float: right;
}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
border-collapse: separate;
}
.fc-agenda-days th {
text-align: center;
}
.fc-agenda .fc-agenda-axis {
width: 50px;
padding: 0 4px;
vertical-align: middle;
text-align: right;
white-space: nowrap;
font-weight: normal;
}
.fc-agenda .fc-day-content {
padding: 2px 2px 1px;
}
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
border-right-width: 1px;
}
.fc-agenda-days .fc-col0 {
border-left-width: 0;
}
/* all-day area */
.fc-agenda-allday th {
border-width: 0 1px;
}
.fc-agenda-allday .fc-day-content {
min-height: 34px; /* TODO: doesnt work well in quirksmode */
_height: 34px;
}
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
height: 2px;
overflow: hidden;
}
.fc-widget-header .fc-agenda-divider-inner {
background: #eee;
}
/* slot rows */
.fc-agenda-slots th {
border-width: 1px 1px 0;
}
.fc-agenda-slots td {
border-width: 1px 0 0;
background: none;
}
.fc-agenda-slots td div {
height: 20px;
}
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
border-top-width: 0;
}
.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
border-top-style: dotted;
}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
*border-top-style: solid; /* doesn't work with background in IE6/7 */
}
/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
border-width: 0 1px;
}
.fc-event-vert .fc-event-head,
.fc-event-vert .fc-event-content {
position: relative;
z-index: 2;
width: 100%;
overflow: hidden;
}
.fc-event-vert .fc-event-time {
white-space: nowrap;
font-size: 10px;
}
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .3;
filter: alpha(opacity=30);
}
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}
/* resizable */
.fc-event-vert .ui-resizable-s {
bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
width: 100% !important;
height: 8px !important;
overflow: hidden !important;
line-height: 8px !important;
font-size: 11px !important;
font-family: monospace;
text-align: center;
cursor: s-resize;
}
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
_overflow: hidden;
}

5
src/main/webapp/WEB-INF/views/_common/_css/case/fullcalendar.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

208
src/main/webapp/WEB-INF/views/_common/_css/case/fullcalendar.print.css Normal file
View File

@ -0,0 +1,208 @@
/*!
* FullCalendar v3.0.0 Print Stylesheet
* Docs & License: http://fullcalendar.io/
* (c) 2016 Adam Shaw
*/
/*
* Include this stylesheet on your page to get a more printer-friendly calendar.
* When including this stylesheet, use the media='print' attribute of the <link> tag.
* Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
*/
.fc {
max-width: 100% !important;
}
/* Global Event Restyling
--------------------------------------------------------------------------------------------------*/
.fc-event {
background: #fff !important;
color: #000 !important;
page-break-inside: avoid;
}
.fc-event .fc-resizer {
display: none;
}
/* Table & Day-Row Restyling
--------------------------------------------------------------------------------------------------*/
th,
td,
hr,
thead,
tbody,
.fc-row {
border-color: #ccc !important;
background: #fff !important;
}
/* kill the overlaid, absolutely-positioned components */
/* common... */
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton,
/* for timegrid. within cells within table skeletons... */
.fc-bgevent-container,
.fc-business-container,
.fc-highlight-container,
.fc-helper-container {
display: none;
}
/* don't force a min-height on rows (for DayGrid) */
.fc tbody .fc-row {
height: auto !important; /* undo height that JS set in distributeHeight */
min-height: 0 !important; /* undo the min-height from each view's specific stylesheet */
}
.fc tbody .fc-row .fc-content-skeleton {
position: static; /* undo .fc-rigid */
padding-bottom: 0 !important; /* use a more border-friendly method for this... */
}
.fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */
padding-bottom: 1em; /* ...gives space within the skeleton. also ensures min height in a way */
}
.fc tbody .fc-row .fc-content-skeleton table {
/* provides a min-height for the row, but only effective for IE, which exaggerates this value,
making it look more like 3em. for other browers, it will already be this tall */
height: 1em;
}
/* Undo month-view event limiting. Display all events and hide the "more" links
--------------------------------------------------------------------------------------------------*/
.fc-more-cell,
.fc-more {
display: none !important;
}
.fc tr.fc-limited {
display: table-row !important;
}
.fc td.fc-limited {
display: table-cell !important;
}
.fc-popover {
display: none; /* never display the "more.." popover in print mode */
}
/* TimeGrid Restyling
--------------------------------------------------------------------------------------------------*/
/* undo the min-height 100% trick used to fill the container's height */
.fc-time-grid {
min-height: 0 !important;
}
/* don't display the side axis at all ("all-day" and time cells) */
.fc-agenda-view .fc-axis {
display: none;
}
/* don't display the horizontal lines */
.fc-slats,
.fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */
display: none !important; /* important overrides inline declaration */
}
/* let the container that holds the events be naturally positioned and create real height */
.fc-time-grid .fc-content-skeleton {
position: static;
}
/* in case there are no events, we still want some height */
.fc-time-grid .fc-content-skeleton table {
height: 4em;
}
/* kill the horizontal spacing made by the event container. event margins will be done below */
.fc-time-grid .fc-event-container {
margin: 0 !important;
}
/* TimeGrid *Event* Restyling
--------------------------------------------------------------------------------------------------*/
/* naturally position events, vertically stacking them */
.fc-time-grid .fc-event {
position: static !important;
margin: 3px 2px !important;
}
/* for events that continue to a future day, give the bottom border back */
.fc-time-grid .fc-event.fc-not-end {
border-bottom-width: 1px !important;
}
/* indicate the event continues via "..." text */
.fc-time-grid .fc-event.fc-not-end:after {
content: "...";
}
/* for events that are continuations from previous days, give the top border back */
.fc-time-grid .fc-event.fc-not-start {
border-top-width: 1px !important;
}
/* indicate the event is a continuation via "..." text */
.fc-time-grid .fc-event.fc-not-start:before {
content: "...";
}
/* time */
/* undo a previous declaration and let the time text span to a second line */
.fc-time-grid .fc-event .fc-time {
white-space: normal !important;
}
/* hide the the time that is normally displayed... */
.fc-time-grid .fc-event .fc-time span {
display: none;
}
/* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
.fc-time-grid .fc-event .fc-time:after {
content: attr(data-full);
}
/* Vertical Scroller & Containers
--------------------------------------------------------------------------------------------------*/
/* kill the scrollbars and allow natural height */
.fc-scroller,
.fc-day-grid-container, /* these divs might be assigned height, which we need to cleared */
.fc-time-grid-container { /* */
overflow: visible !important;
height: auto !important;
}
/* kill the horizontal border/padding used to compensate for scrollbars */
.fc-row {
border: 0 !important;
margin: 0 !important;
}
/* Button Controls
--------------------------------------------------------------------------------------------------*/
.fc-button-group,
.fc button {
display: none; /* don't display any button-related controls */
}

124
src/main/webapp/WEB-INF/views/_common/_css/case/jquery.qtip.css Normal file
View File

@ -0,0 +1,124 @@
/*
* qTip2 - Pretty powerful tooltips - v3.0.3
* http://qtip2.com
*
* Copyright (c) 2016
* Released under the MIT licenses
* http://jquery.org/license
*
* Date: Wed May 11 2016 06:50 EDT-0400
* Plugins: None
* Styles: core
*/
.qtip{
position: absolute;
left: -28000px;
top: -28000px;
display: none;
max-width: 280px;
min-width: 50px;
font-size: 10.5px;
line-height: 12px;
direction: ltr;
box-shadow: none;
padding: 0;
}
.qtip-content{
position: relative;
padding: 5px 9px;
overflow: hidden;
text-align: left;
word-wrap: break-word;
}
.qtip-titlebar{
position: relative;
padding: 5px 35px 5px 10px;
overflow: hidden;
border-width: 0 0 1px;
font-weight: bold;
}
.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }
/* Default close button class */
.qtip-close{
position: absolute;
right: -9px; top: -9px;
z-index: 11; /* Overlap .qtip-tip */
cursor: pointer;
outline: medium none;
border: 1px solid transparent;
}
.qtip-titlebar .qtip-close{
right: 4px; top: 50%;
margin-top: -9px;
}
* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon{
display: block;
text-indent: -1000em;
direction: ltr;
}
.qtip-icon, .qtip-icon .ui-icon{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
}
.qtip-icon .ui-icon{
width: 18px;
height: 14px;
line-height: 14px;
text-align: center;
text-indent: 0;
font: normal bold 10px/13px Tahoma,sans-serif;
color: inherit;
background: transparent none no-repeat -100em -100em;
}
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}
/* Default tooltip style */
.qtip-default{
border: 1px solid #F1D031;
background-color: #FFFFA3;
color: #555;
}
.qtip-default .qtip-titlebar{
background-color: #FFEF93;
}
.qtip-default .qtip-icon{
border-color: #CCC;
background: #F1F1F1;
color: #777;
}
.qtip-default .qtip-titlebar .qtip-close{
border-color: #AAA;
color: #111;
}

Some files were not shown because too many files have changed in this diff Show More