DBNT
/
GGWEB
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

로그인페이지 수정. 

이미지 경로 수정.
master
강석 최 2022-02-24 10:55:05 +09:00
parent 1f72128b7d
commit 509a2f809f
6 changed files with 98 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/main/webapp/WEB-INF/jsp/admin/dashBoard.jsp
View File

@ -9,10 +9,10 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-3"> <div class="col-lg-3">
<div class="card"> <div class="card my-2">
<div class="card-body row"> <div class="card-body row">
<div class="col-auto"> <div class="col-auto">
<img src="../../../images/icon/icon_004.png" width="60" height="60" alt=""> <img src="/images/icon/icon_004.png" width="60" height="60" alt="">
</div> </div>
<div class="col-auto"> <div class="col-auto">
<a href="/admin/request?status=99" class="text-black-50">지도사용 요청 승인대기</a> <a href="/admin/request?status=99" class="text-black-50">지도사용 요청 승인대기</a>
@ -20,12 +20,10 @@
</div> </div>
</div> </div>
</div> </div>
</div> <div class="card my-2">
<div class="col-lg-3">
<div class="card">
<div class="card-body row"> <div class="card-body row">
<div class="col-auto"> <div class="col-auto">
<img src="../../../images/icon/icon_21.png" width="60" height="60" alt=""> <img src="/images/icon/icon_21.png" width="60" height="60" alt="">
</div> </div>
<div class="col-auto"> <div class="col-auto">
<a href="/admin/userInfo?auth=99" class="text-black-50">회원가입 승인대기</a> <a href="/admin/userInfo?auth=99" class="text-black-50">회원가입 승인대기</a>
@ -33,6 +31,74 @@
</div> </div>
</div> </div>
</div> </div>
<div class="card my-2">
<div class="card-body row">
<div class="col-auto">
<img src="/images/icon/icon_03.png" width="60" height="60" alt="">
</div>
<div class="col-auto">
<p class="mb-0 text-black-50">오늘 방문자 수</p>
<h3><c:out value="${statusCnt}" /></h3>
</div>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="card my-2">
<div class="card-body">
<div class="col-auto">
<p class="mb-0 text-black-50">-</p>
그래프
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3">
<div class="card my-2">
<div class="card-body row">
<div class="col-auto">
<img src="/images/icon/icon_002.png" width="60" height="60" alt="">
</div>
<div class="col-auto">
<p class="mb-0 text-black-50">최근 한달 방문자 수</p>
<h3><c:out value="${statusCnt}" /></h3>
</div>
</div>
</div>
<div class="card my-2">
<div class="card-body row">
<div class="col-auto">
<img src="/images/icon/icon_002.png" width="60" height="60" alt="">
</div>
<div class="col-auto">
<p class="mb-0 text-black-50">-</p>
<h3>0</h3>
</div>
</div>
</div>
<div class="card my-2">
<div class="card-body row">
<div class="col-auto">
<img src="/images/icon/icon_002.png" width="60" height="60" alt="">
</div>
<div class="col-auto">
<p class="mb-0 text-black-50">-</p>
<h3>0</h3>
</div>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="card my-2">
<div class="card-body">
<div class="col-auto">
<p class="mb-0 text-black-50">-</p>
그래프
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>

10
src/main/webapp/WEB-INF/jsp/include/header.jsp
View File

@ -45,15 +45,15 @@
<div class="header_menu"> <div class="header_menu">
<ul> <ul>
<li <c:if test="${fn:contains(thisURL, '/dashBoard')}">class="thisOn"</c:if> onclick="location.href='/admin/dashBoard'"> <li <c:if test="${fn:contains(thisURL, '/dashBoard')}">class="thisOn"</c:if> onclick="location.href='/admin/dashBoard'">
<img src="../../../images/icon/icon_analysis.png" width="30" height="30" alt=""> &nbsp;대시보드</li> <img src="/images/icon/icon_analysis.png" width="30" height="30" alt=""> &nbsp;대시보드</li>
<li <c:if test="${fn:contains(thisURL, '/request')}">class="thisOn"</c:if> onclick="location.href='/admin/request'"> <li <c:if test="${fn:contains(thisURL, '/request')}">class="thisOn"</c:if> onclick="location.href='/admin/request'">
<img src="../../../images/icon/icon_map.png" width="30" height="30" alt=""> &nbsp;지도사용 요청</li> <img src="/images/icon/icon_map.png" width="30" height="30" alt=""> &nbsp;지도사용 요청</li>
<li <c:if test="${fn:contains(thisURL, '/history')}">class="thisOn"</c:if> onclick="location.href='/admin/history'"> <li <c:if test="${fn:contains(thisURL, '/history')}">class="thisOn"</c:if> onclick="location.href='/admin/history'">
<img src="../../../images/icon/icon_log_on.png" width="30" height="30" alt=""> &nbsp;지도사용 이력</li> <img src="/images/icon/icon_log_on.png" width="30" height="30" alt=""> &nbsp;지도사용 이력</li>
<li <c:if test="${fn:contains(thisURL, '/fieldData')}">class="thisOn"</c:if> onclick="location.href='/admin/fieldData'"> <li <c:if test="${fn:contains(thisURL, '/fieldData')}">class="thisOn"</c:if> onclick="location.href='/admin/fieldData'">
<img src="../../../images/icon/icon_eq_on.png" width="30" height="30" alt=""> &nbsp;현장수집 데이터</li> <img src="/images/icon/icon_eq_on.png" width="30" height="30" alt=""> &nbsp;현장수집 데이터</li>
<li <c:if test="${fn:contains(thisURL, '/userInfo')}">class="thisOn"</c:if> onclick="location.href='/admin/userInfo?auth=99'"> <li <c:if test="${fn:contains(thisURL, '/userInfo')}">class="thisOn"</c:if> onclick="location.href='/admin/userInfo?auth=99'">
<img src="../../../images/icon/icon_supervisor_on.png" width="30" height="30" alt=""> &nbsp;회원 관리</li> <img src="/images/icon/icon_supervisor_on.png" width="30" height="30" alt=""> &nbsp;회원 관리</li>
</ul> </ul>
</div> </div>
</nav> </nav>

12
src/main/webapp/WEB-INF/jsp/layout/leftMenu.jsp
View File

@ -20,18 +20,18 @@
</sec:authorize> </sec:authorize>
<sec:authorize access="hasRole('ROLE_ADMIN')"> <sec:authorize access="hasRole('ROLE_ADMIN')">
<nav class="common_nav"> <nav class="common_nav">
<div class="header_menu"> <div class="header_menu ms-2">
<ul> <ul>
<li <c:if test="${fn:contains(thisURL, '/dashBoard')}">class="thisOn"</c:if> onclick="location.href='/admin/dashBoard'"> <li <c:if test="${fn:contains(thisURL, '/dashBoard')}">class="thisOn"</c:if> onclick="location.href='/admin/dashBoard'">
<img src="../../../images/icon/icon_dashboard_on.png" width="30" height="30" alt=""> &nbsp;대시보드</li> <img src="/images/icon/icon_dashboard_on.png" width="30" height="30" alt=""> &nbsp;대시보드</li>
<li <c:if test="${fn:contains(thisURL, '/request')}">class="thisOn"</c:if> onclick="location.href='/admin/request'"> <li <c:if test="${fn:contains(thisURL, '/request')}">class="thisOn"</c:if> onclick="location.href='/admin/request'">
<img src="../../../images/icon/icon_map_on.png" width="30" height="30" alt=""> &nbsp;지도사용 요청</li> <img src="/images/icon/icon_map_on.png" width="30" height="30" alt=""> &nbsp;지도사용 요청</li>
<li <c:if test="${fn:contains(thisURL, '/history')}">class="thisOn"</c:if> onclick="location.href='/admin/history'"> <li <c:if test="${fn:contains(thisURL, '/history')}">class="thisOn"</c:if> onclick="location.href='/admin/history'">
<img src="../../../images/icon/icon_log_on.png" width="30" height="30" alt=""> &nbsp;지도사용 이력</li> <img src="/images/icon/icon_log_on.png" width="30" height="30" alt=""> &nbsp;지도사용 이력</li>
<li <c:if test="${fn:contains(thisURL, '/fieldData')}">class="thisOn"</c:if> onclick="location.href='/admin/fieldData'"> <li <c:if test="${fn:contains(thisURL, '/fieldData')}">class="thisOn"</c:if> onclick="location.href='/admin/fieldData'">
<img src="../../../images/icon/icon_eq_on.png" width="30" height="30" alt=""> &nbsp;현장수집 데이터</li> <img src="/images/icon/icon_eq_on.png" width="30" height="30" alt=""> &nbsp;현장수집 데이터</li>
<li <c:if test="${fn:contains(thisURL, '/userInfo')}">class="thisOn"</c:if> onclick="location.href='/admin/userInfo?auth=99'"> <li <c:if test="${fn:contains(thisURL, '/userInfo')}">class="thisOn"</c:if> onclick="location.href='/admin/userInfo?auth=99'">
<img src="../../../images/icon/icon_supervisor_on.png" width="30" height="30" alt=""> &nbsp;회원 관리</li> <img src="/images/icon/icon_supervisor_on.png" width="30" height="30" alt=""> &nbsp;회원 관리</li>
</ul> </ul>
</div> </div>
</nav> </nav>

2
src/main/webapp/WEB-INF/jsp/layout/template_login.jsp
View File

@ -31,7 +31,7 @@
<script src="<c:url value='/js/jquery-ui.min.js' />"></script> <script src="<c:url value='/js/jquery-ui.min.js' />"></script>
<script src="<c:url value="/js/bootstrap-5.1.3.min.js"/>"></script> <script src="<c:url value="/js/bootstrap-5.1.3.min.js"/>"></script>
</head> </head>
<body> <body style="overflow-y: hidden">
<div id="wrap"> <div id="wrap">
<tiles:insertAttribute name="center"/> <tiles:insertAttribute name="center"/>
</div> </div>

6
src/main/webapp/WEB-INF/jsp/login.jsp
View File

@ -9,7 +9,7 @@
<form method="POST" action="/j_spring_security_check"> <form method="POST" action="/j_spring_security_check">
<input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}" /> <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}" />
<input type=hidden name=login_error value="${login_error}" /> <input type=hidden name=login_error value="${login_error}" />
<p class="login_title">모바일센터 관리시스템</p> <p class="login_title text-white">모바일센터 관리시스템</p>
<p class="login_text"> <p class="login_text">
<input type="text" class="form-control" name="username" id="user_id" value="" placeholder="사용자 ID" /> <input type="text" class="form-control" name="username" id="user_id" value="" placeholder="사용자 ID" />
</p> </p>
@ -23,11 +23,11 @@
<div class="parent"> <div class="parent">
<div class="find"> <div class="find">
<span class="glyphicon glyphicon-info-sign"></span> <span class="glyphicon glyphicon-info-sign"></span>
<a href="#">아이디/비밀번호 찾기</a> <a class="text-white" href="#">아이디/비밀번호 찾기</a>
</div> </div>
<div class="join"> <div class="join">
<span class="glyphicon glyphicon-user"></span> <span class="glyphicon glyphicon-user"></span>
<a href="<c:url value=" /join" />">회원가입</a> <a class="text-white" href="<c:url value=" /join" />">회원가입</a>
</div> </div>
</div> </div>
</form> </form>

22
src/main/webapp/css/style.css
View File

@ -85,14 +85,15 @@ a {
} }
.loginWrap { .loginWrap {
width: 400px; width: 400px;
margin: 0 auto; height: 100%;
position: absolute; margin: 0 auto;
top: 50%; position: absolute;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%);
border: 1px solid #ccc; background-color: rgba(55, 55, 55, 1);
box-shadow: 5px 5px 20px grey; border: 1px solid #ccc;
box-shadow: 5px 5px 20px grey;
} }
.login_title{ .login_title{
float: left; float: left;
@ -107,9 +108,8 @@ a {
} }
.loginBox { .loginBox {
background-color: rgba(255, 255, 255, 1); overflow: hidden;
overflow: hidden; padding: 75% 0;
padding: 30px 0px 0px 0px;
} }
.login_text input { .login_text input {