Commit db41286a authored by Taisiya Glushko's avatar Taisiya Glushko
Browse files

error page ui

parent 7978e554
......@@ -38,7 +38,7 @@ import org.springframework.web.servlet.NoHandlerFoundException;
@ControllerAdvice
public class UserControllerAdvice extends BaseController {
@ResponseStatus(HttpStatus.FORBIDDEN)
/*@ResponseStatus(HttpStatus.FORBIDDEN)*/
@ExceptionHandler(value = { AccessDeniedException.class })
// @ResponseBody
public ModelAndView handleAccessDeniedException(AccessDeniedException e) {
......
......@@ -2784,7 +2784,61 @@ table.accessions {
}
}
}
//error page
.error-page {
.content {
background:url('/html/0/images/bg_error.jpg') top center no-repeat;
min-height:500px;
margin-top:20px;
position:relative;
background-size: contain;
}
.content .error-title {
color:#88ba42;
font-size:50px;
font-weight:bold;
line-height:130%;
padding-top:50px;
position:absolute;
top:57px;
left: 11%;
text-align:center;
height:235px;
width:235px;
}
.content .error-title span {
display:block;
font-size:90px;
}
.content .error-msg {
float:right;
margin:60px 40px 0 0;
width:560px;
}
.content .error-msg h1 {
color:#fff;
font-size:48px;
padding:0 0 30px 0;
}
.content .error-msg p {
color:#fff;
font-size:20px;
padding:0 0 15px 0;
}
.content .error-msg p small {
font-size:16px;
}
.content .error-msg ul {
background:rgba(255, 255, 255, 0.2);
padding:10px 0 10px 30px;
width:300px;
}
.content .error-msg ul li {
color:#fff;
font-style:italic;
padding:3px 0;
}
}
@media (min-width: 990px) and (max-width: 1919px) {
.genesys-page {
......@@ -3238,6 +3292,12 @@ table.accessions {
margin: 0 5px 20px 5px;
}
}
//error page
.error-page {
.content .error-title {
left: 4%;
}
}
}
@media (max-width: 1199px) {
......@@ -3455,6 +3515,38 @@ table.accessions {
}
}
}
//error page
.error-page {
.error-wrapper {
padding: 0;
}
.content {
.error-title {
height: auto;
width: auto;
font-size: 5vw;
left: 10%;
top: 4%;
span {
font-size: 7vw;
}
}
.error-msg {
width: 60%;
margin: 7% 0 0 0;
h1 {
font-size: 5vw;
padding: 0;
margin: 10px 0 0 0;
}
p {
font-size: 2vw;
display: inline-block;
padding: 0 10px 0 0;
}
}
}
}
}
@media (max-width: 991px) and (min-width: 961px) {
......@@ -4192,6 +4284,14 @@ table.accessions {
width: 100%;
}
}
@media (max-width: 780px) and (min-width: 768px) {
//error page
.error-page {
.error-wrapper {
width: 100%;
}
}
}
@media (max-width: 767px) {
.two-column-text {
......@@ -4383,6 +4483,30 @@ table.accessions {
.explore-page .filters .panel span.input-group-btn input {
width: 46%;
}
//error page
.error-page {
.content {
min-height: 320px;
.error-title {
top: 2%;
}
}
}
}
@media(max-width: 550px) {
//error page
.error-page {
.content .error-title {
top: 0;
}
.content .error-msg {
margin: 5% 0 0 0;
}
.content .error-msg p {
font-size: 10px;
margin: 0;
}
}
}
@media(max-width: 500px) {
......@@ -4468,6 +4592,15 @@ table.accessions {
}
}
}
//error page
.error-page {
.content {
min-height: 250px;
.error-title {
padding-top: 10%;
}
}
}
}
@media(max-width: 420px) {
......
......@@ -6,8 +6,8 @@
<head>
<title><spring:message code="http-error.404" /></title>
<style type="text/css">
* {margin:0; padding:0; outline:none; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
body {background:#e7e5df;}
body {background:#e7e5df;}
/** {margin:0; padding:0; outline:none; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.container {margin:0 auto; width:1170px;}
.header {background:#4d4c46; height: 70px;}
.header .logo {display:block; padding:0 0 5px 0;}
......@@ -33,11 +33,11 @@
.content .error-msg p {color:#fff; font-size:20px; padding:0 0 15px 0;}
.content .error-msg p small {font-size:16px;}
.content .error-msg ul {background:rgba(255, 255, 255, 0.2); padding:10px 0 10px 30px; width:300px;}
.content .error-msg ul li {color:#fff; font-style:italic; padding:3px 0;}
.content .error-msg ul li {color:#fff; font-style:italic; padding:3px 0;}*/
</style>
</head>
<body>
<div class="container">
<body class="error-page">
<div class="container error-wrapper">
<div class="content">
<div class="error-title"><span>404</span>error</div>
<div class="error-msg">
......
......@@ -4,16 +4,16 @@
<html>
<head>
<title><spring:message code="http-error.${pageContext.response.status}" /></title>
<title><spring:message code="http-error.403" /></title>
<style type="text/css">
* {margin:0; padding:0; outline:none; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
body {background:#e7e5df;}
.container {margin:0 auto; width:1170px;}
.header {background:#4d4c46; height: 70px;}
.header .logo {display:block; padding:0 0 5px 0;}
.menu {background:#2b2924; border-bottom:10px solid #fff;}
.menu a {background:#2b2924; color:#fff; display:block; font-weight:bold; padding:10px 50px; text-decoration:none; text-transform:uppercase;}
.content {background:url('<c:url value="/html/0/images/bg_error.jpg" />') no-repeat; min-height:500px; margin-top:20px; position:relative; width:990px;}
body {background:#e7e5df;}
/** {margin:0; padding:0; outline:none; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.container {margin:0 auto; width:1170px;}
.header {background:#4d4c46; height: 70px;}
.header .logo {display:block; padding:0 0 5px 0;}
.menu {background:#2b2924; border-bottom:10px solid #fff;}
.menu a {background:#2b2924; color:#fff; display:block; font-weight:bold; padding:10px 50px; text-decoration:none; text-transform:uppercase;}
.content {background:url('<c:url value="/html/0/images/bg_error.jpg" />') no-repeat; min-height:500px; margin-top:20px; position:relative; width:990px;}
.content .error-title {
color:#88ba42;
font-size:50px;
......@@ -33,30 +33,18 @@
.content .error-msg p {color:#fff; font-size:20px; padding:0 0 15px 0;}
.content .error-msg p small {font-size:16px;}
.content .error-msg ul {background:rgba(255, 255, 255, 0.2); padding:10px 0 10px 30px; width:300px;}
.content .error-msg ul li {color:#fff; font-style:italic; padding:3px 0;}
.content .error-msg ul li {color:#fff; font-style:italic; padding:3px 0;}*/
</style>
</head>
<body>
<div class="header">
<div class="container">
<a href="<c:url value="/" />" class="logo"><img src="<c:url value="/html/0/images/logo_genesys.png" />" alt="Genesys - Gateway to Genetic Resources" /></a>
</div>
</div>
<div class="menu">
<div class="container">
<a href="<c:url value="/" />">Home</a>
</div>
</div>
<div class="container">
<body class="error-page">
<div class="container error-wrapper">
<div class="content">
<div class="error-title"><span><c:out value="${pageContext.response.status}" /></span>error</div>
<div class="error-title"><span>403</span>error</div>
<div class="error-msg">
<h1><c:out value="${pageContext.response.status}" /> <spring:message code="http-error.${pageContext.response.status}" /></h1>
<p><spring:message code="http-error.${pageContext.response.status}.text" htmlEscape="false" /></p>
<h1>403 <spring:message code="http-error.403" /></h1>
<p><spring:message code="http-error.403.text" htmlEscape="false" /></p>
<c:if test="${exception !=null }">
<p><c:out value="${exception.message}" /></p>
<p><c:out value="${exception.message}" /></p>
</c:if>
</div>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment