103 lines
4.3 KiB
HTML
103 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="icon" href="img/favicon.png" sizes="32x32" />
|
|
<title>Saalplan-Buchung | Tickets.com</title>
|
|
|
|
<!--JQUERY (< v3 not supported by myCart)-->
|
|
<!--<script src="https://code.jquery.com/jquery-3.4.0.min.js" integrity="sha256-BJeo0qm959uMBGb65z40ejJYGSgR7REI4+CW1fNKwOg=" crossorigin="anonymous"></script>-->
|
|
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
|
|
<!--<script src="jquery.mycart/js/jquery-2.2.3.min.js"></script>-->
|
|
|
|
<!--BOOTSTRAP (< v4 not supported by myCart)-->
|
|
<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
|
|
<!--<script type='text/javascript' src="jquery.mycart/js/bootstrap.min.js"></script>-->
|
|
<!--<link rel="stylesheet" href="jquery.mycart/css/bootstrap.min.css">-->
|
|
|
|
<!--JBOX-->
|
|
<script src="https://cdn.jsdelivr.net/gh/StephanWagner/jBox@v0.6.4/dist/jBox.all.min.js"></script>
|
|
<link href="https://cdn.jsdelivr.net/gh/StephanWagner/jBox@v0.6.4/dist/jBox.all.min.css" rel="stylesheet">
|
|
|
|
<!--SEAT CHARTS-->
|
|
<script src="jQuery-Seat-Charts/jquery.seat-charts.js"></script>
|
|
|
|
<!--CSS-->
|
|
<link rel="stylesheet" type="text/css" href="jQuery-Seat-Charts/jquery.seat-charts.css">
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
<!--<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">-->
|
|
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-141047190-1"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
|
|
function gtag() { dataLayer.push(arguments); }
|
|
gtag('js', new Date());
|
|
gtag('config', 'UA-141047190-1');
|
|
</script>
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<!--Seatmap HTML-->
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<!--<div class="col-sm-1"></div>-->
|
|
<div class="col-sm-3 booking-details">
|
|
<div id="legend"></div>
|
|
</div>
|
|
<div class="col-sm-9 booking-details">
|
|
<!--<h2>Vorstellung</h2>-->
|
|
<p id="eventDesc"></p>
|
|
<p id="venueDesc"></p>
|
|
<p id="datetime_DE"></p>
|
|
<p id="venueCapacity"></p>
|
|
<div id="divCart">
|
|
<button class="buttonOpenCart" onclick="showModal();">Buchung abschließen
|
|
<div id="mycart">
|
|
<span class="glyphicon glyphicon-shopping-cart my-cart-icon"><span class="badge badge-notify my-cart-badge">0</span></span>
|
|
</div>
|
|
</button>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <div id="mainDiv">-->
|
|
<!-- <div id="borderLeft"></div>-->
|
|
<!--</div>-->
|
|
<div id="spacer"></div>
|
|
<div id="border"></div>
|
|
<div id="spacer"></div>
|
|
|
|
<!--SEATMAP-->
|
|
<div class="row" id="seat-map-row">
|
|
<div class="col-sm-12" id="seat-map">
|
|
</div>
|
|
</div>
|
|
<p id="seatmap_version">0.5.0</p>
|
|
</div>
|
|
|
|
<h4 id="screenTooSmall">Displaybreite zu gering: Bitte versuchen Sie, Ihren Bildschirm zu drehen, sofern Sie ein mobiles Endgerät benutzen.<br><br>Cannot display seat map: Screen width too small. Please try to rotate your screen if you are using a mobile device.</h4>
|
|
<h4 id="IEdetected">Internet Explorer ist veraltet und wird nicht unterstützt. Bitte benutzen Sie einen anderen Browser.<br><br>Internet Explorer is outdated and not supported. Please use another browser.</h4>
|
|
<!--LOADER-->
|
|
<div class="modal"></div>
|
|
<script type="text/javascript">
|
|
var $body = $("body");
|
|
$(document).on({
|
|
ajaxStart: function() { $body.addClass("loading"); },
|
|
ajaxStop: function() { $body.removeClass("loading");
|
|
$('.modal').css("background-image", "url()");
|
|
$('head').append('<style type="text/css">.modal:before{display: none;}</style>'); }
|
|
});
|
|
</script>
|
|
<script language="javascript" type="text/javascript" src="seatmap.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|