109 lines
4.5 KiB
HTML
109 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>AdminLTE 3 | Login Page</title>
|
|
<!-- Tell the browser to be responsive to screen width -->
|
|
|
|
<!-- Google Font: Source Sans Pro -->
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
|
|
<!-- Font Awesome -->
|
|
<link rel="stylesheet" th:href="@{/plugins/fontawesome-free/css/all.css}">
|
|
<!-- icheck bootstrap -->
|
|
<link rel="stylesheet" th:href="@{/plugins/icheck-bootstrap/icheck-bootstrap.min.css}">
|
|
<!-- Theme style -->
|
|
<link rel="stylesheet" th:href="@{/dist/css/adminlte.min.css}">
|
|
|
|
</head>
|
|
<body class="hold-transition login-page">
|
|
<div class="login-box">
|
|
<!-- /.login-logo -->
|
|
<div class="card card-outline card-primary">
|
|
<div class="card-header text-center">
|
|
|
|
|
|
<!-- <a href="/" th:href="@{/}" class="h1"><b>ITN</b> Admin</a>-->
|
|
<a href="/" th:href="@{/}" class="h1">
|
|
<img th:src="@{/dist/img/itn/width_log_black.png}" alt="AdminLTELogo" height="60" width="260">
|
|
|
|
</a>
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="login-box-msg">Sign in</p>
|
|
|
|
<!-- 회원가입 완료 메시지 표시 -->
|
|
<div th:if="${message}" class="alert alert-success" role="alert">
|
|
<span th:text="${message}"></span>
|
|
</div>
|
|
<!-- 세션이 유효하지 않음 메시지 표시 -->
|
|
<div th:if="${param.invalidSession}" class="alert alert-warning" role="alert">
|
|
Your session has expired. Please log in again.
|
|
</div>
|
|
<!-- 세션 만료 메시지 표시 -->
|
|
<div th:if="${param.expired}" class="alert alert-warning" role="alert">
|
|
Your session has expired. Please log in again.
|
|
</div>
|
|
<!-- 오류 메시지 표시 -->
|
|
<div th:if="${param.error}" class="alert alert-danger" role="alert">
|
|
ID와 PW를 확인해 주세요
|
|
</div>
|
|
<div th:if="${param.unauthorized}" class="alert alert-danger" role="alert">
|
|
You need to login to access this page.
|
|
</div>
|
|
<div th:if="${param.accessDenied}" class="alert alert-danger" role="alert">
|
|
You do not have permission to access this page.
|
|
</div>
|
|
<form th:action="@{/login/login-proc}" method="post">
|
|
<div class="input-group mb-3">
|
|
<input type="text" name="username" class="form-control" placeholder="ID">
|
|
<div class="input-group-append">
|
|
<div class="input-group-text">
|
|
<span class="fas fa-user"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="input-group mb-3">
|
|
<input type="password" name="password" class="form-control" placeholder="Password">
|
|
<div class="input-group-append">
|
|
<div class="input-group-text">
|
|
<span class="fas fa-lock"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-8">
|
|
<div class="icheck-primary">
|
|
<input type="checkbox" id="remember">
|
|
<label for="remember">
|
|
Remember Me
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<!-- /.col -->
|
|
<div class="col-4">
|
|
<button type="submit" class="btn btn-primary btn-block">Sign In</button>
|
|
</div>
|
|
<!-- /.col -->
|
|
</div>
|
|
</form>
|
|
|
|
<p class="mb-0">
|
|
<a th:href="@{/templates/itn/user/register}" class="text-center">Register a new membership</a>
|
|
</p>
|
|
</div>
|
|
<!-- /.card-body -->
|
|
</div>
|
|
<!-- /.card -->
|
|
</div>
|
|
<!-- /.login-box -->
|
|
|
|
<!-- jQuery -->
|
|
<script th:src="@{/plugins/jquery/jquery.min.js}"></script>
|
|
<!-- Bootstrap 4 -->
|
|
<script th:src="@{/plugins/bootstrap/js/bootstrap.bundle.min.js}"></script>
|
|
<!-- AdminLTE App -->
|
|
<script th:src="@{/dist/js/adminlte.min.js}"></script>
|
|
</body>
|
|
</html>
|