first commit
This commit is contained in:
190
web/common/templates/error500.tpl
Normal file
190
web/common/templates/error500.tpl
Normal file
@@ -0,0 +1,190 @@
|
||||
<!doctype html>
|
||||
<html lang="{$ctrl.active_language}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="author" content="{$dbcfg.shop_firm_name}">
|
||||
<meta name="web_author" content="wpj.cz">
|
||||
<link rel="stylesheet" href="https://use.typekit.net/ntt1ydn.css">
|
||||
<title>{t}Na e-shopu se vyskytla chyba{/t}</title>
|
||||
{ifmodule COMPONENTS}
|
||||
<link rel="shortcut icon" href="/favicon.ico">
|
||||
{elsemodule}
|
||||
<link rel="shortcut icon" href="/templates/images/favicon.ico">
|
||||
{/ifmodule}
|
||||
<style>
|
||||
body {
|
||||
background: #fff;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
color: #838383;
|
||||
font-family: proxima-nova, arial, helvetica, sans-serif;
|
||||
font-size: 18px;
|
||||
line-height: 1.5;
|
||||
margin: 0 auto;
|
||||
max-width: 830px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.main {
|
||||
display: flex;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.header {
|
||||
border-bottom: 1px solid #E3E3E3;
|
||||
color: #000;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 40px;
|
||||
padding: 38px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footer {
|
||||
border-top: 1px solid #E3E3E3;
|
||||
padding: 20px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 18px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #000;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.h1 {
|
||||
color: #000;
|
||||
font-size: 50px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.h1 img {
|
||||
padding-left: 10px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.strong {
|
||||
color: #000;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 140px;
|
||||
margin-left: auto;
|
||||
flex: none;
|
||||
font-size: 14px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.left {
|
||||
padding-right: 50px;
|
||||
max-width: 550px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.h1 {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 543px) {
|
||||
.header {
|
||||
margin-bottom: 30px;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.main {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.left {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.right {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
<header class="header">
|
||||
{str_replace("www.", "", $ctrl.active_domain)}
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<div class="left">
|
||||
<p>{t}Na e-shopu se vyskytla chyba{/t}</p>
|
||||
|
||||
<p class="h1">{t escape=false}Ideální čas na pauzu{/t}
|
||||
<img src="/common/static/images/500_coffee.svg" alt="">
|
||||
</p>
|
||||
|
||||
<p>{t}Neradi jsme vám překazili plány. Zatímco nám začaly perné chvilky a intenzivně pracujeme na vyřešení chyby,
|
||||
vy si odpočiňte a dejte si něco dobrého.{/t}</p>
|
||||
|
||||
<p class="strong">{t}Co teď?{/t}</p>
|
||||
|
||||
<p>{t escape=false}Chvíli počkejte a pak zkuste <a href="">stránku znovu načíst</a>.{/t}<br>
|
||||
{t contact_url=path('kupshop_content_redirect_redirect', ['type' => 'label', 'id' => 'contact']) escape=false}Pokud problémy přetrvají, <a href="{contact_url}">kontaktujte nás</a>.{/t}</p>
|
||||
|
||||
{if $event_id}
|
||||
<p class="strong">{t}Víte, co mohlo chybu způsobit?{/t}</p>
|
||||
<p><a href="" onclick="userFeedback(); return false;">{t}Napište nám to{/t}</a></p>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div class="right">
|
||||
{if $event_id}
|
||||
<img src="https://api.qrserver.com/v1/create-qr-code/?size=125x125&data={$event_id}&ecc=L&margin=4&format=svg" alt="{$event_id}" width="125"
|
||||
height="125">
|
||||
<p class="copy"><a href="sentry://{$event_id}" onclick="navigator.clipboard.writeText('{$event_id}'); return false;">{t}Kopírovat kód chyby{/t}</a></p>
|
||||
<script src="/common/static/js/sentry-7.17.4.min.js"></script>
|
||||
<script>
|
||||
function userFeedback() {
|
||||
Sentry.init({
|
||||
dsn: "https://e0c5a115e3d2439fa3e92cf7150f96c3@sentry.wpj.cz/3",
|
||||
});
|
||||
Sentry.showReportDialog({ eventId: '{$event_id}', lang: '{$ctrl.active_language}' });
|
||||
}
|
||||
</script>
|
||||
{/if}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="footer">
|
||||
{$ctrl.active_domain}
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){ i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
||||
|
||||
ga('create', 'UA-51807131-3', 'auto');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user