191 lines
5.2 KiB
Smarty
191 lines
5.2 KiB
Smarty
<!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>
|