html
|
head
|
// SCRIPTS
|
script(src="/js/0fc145572b09ffbad242.externals.js")
|
// SCRIPTS END
|
|
script(src="/js/unsupported.js")
|
style.
|
html, body {
|
width: 100%;
|
height: 100%;
|
padding: 0;
|
margin: 0;
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
word-wrap: break-word;
|
font-family: "Arial", "Lucida Console", Monaco;
|
}
|
|
button {
|
border-style: initial;
|
background: #ff8014;
|
border-radius: 9px;
|
padding: 4px;
|
min-width: 88px;
|
cursor: pointer;
|
color: white;
|
}
|
|
button:hover {
|
background: #ff920b;
|
}
|
|
.message {
|
margin: auto;
|
width: 400px;
|
height: 200px;
|
overflow: hidden;
|
box-shadow: 0 2px 9px -2px black;
|
border-radius: 14px;
|
padding: 0;
|
position: relative;
|
}
|
|
.content {
|
display: flex;
|
overflow-x: hidden;
|
overflow-y: auto;
|
position: absolute;
|
top: 30px;
|
left: 10px;
|
bottom: 55px;
|
right: 10px;
|
text-align: center;
|
word-wrap: break-word;
|
}
|
|
.title {
|
box-shadow: 0 0 5px 0 grey;
|
text-align: center;
|
position: absolute;
|
top: -17px;
|
right: 0;
|
left: 0;
|
height: 60px;
|
background: darkgrey;
|
}
|
|
.fotter {
|
position: absolute;
|
bottom: 10px;
|
left: 10px;
|
right: 10px;
|
height: 37px;
|
flex-direction: row-reverse;
|
flex: 1;
|
display: flex;
|
}
|
|
p {
|
font-size: 1.3em;
|
margin: auto;
|
}
|
|
|
body
|
.message
|
.title
|
if data.title
|
h1 #{i18n(data.title)}
|
else
|
h1 Error
|
.content
|
if data.message
|
p #{i18n(data.message)}
|
else
|
p Internal Server Error!
|
.fotter
|
if (!data.hideBackButton)
|
button#buttonR #{i18n('fv.error.return')}
|
|
script.
|
var btn = document.getElementById("buttonR");
|
|
btn.onclick = function (e) {
|
if ("#{data.url}") {
|
window.location.href = "!{data.url}";
|
}
|
else {
|
window.location.href = "/";
|
}
|
}
|
