{% load static %}
{% load thumbnail %}
{% load i18n %}
{% get_current_language as CURRENT_LOCALE %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<meta name="theme-color" content="#f39801">
{% if request.user.is_authenticated %}
<title>{{ request.user.profile.store.full_name|title }} - Easy Order System</title>
{% else %}
<title>SHOP NAME - Easy Order System</title>
{% endif %}
<link rel="shortcut icon" type="image/png" href="{% static "img/icons-192.png" %}"/>
<link rel="manifest" href="{% static "js/manifest.json" %}">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<!-- Bootstrap core CSS -->
<link href="{% static "vendor/bootstrap/css/bootstrap.min.css" %}" rel="stylesheet" media="screen">
<link href="{% static "vendor/font-awesome/css/fontawesome.min.css" %}" rel="stylesheet" media="screen">
<link href="{% static "css/roboto.css" %}" rel="stylesheet" media="screen">
<link href="{% static "css/style.css" %}" rel="stylesheet" media="screen">
<link href="{% static "vendor/select2/dist/css/select2.min.css" %}" rel="stylesheet" media="screen">
{% block site_style %}
{% endblock %}
<!-- Swiper slider -->
<link rel="stylesheet" href="{% static "vendor/swiper/swiper-bundle.min.css" %}" />
<script src="{% static "vendor/jquery/jquery.min.js" %}"></script>
<!-- Custom styles for this template -->
<link href="{% static "css/shop-homepage.css" %}" rel="stylesheet" media="screen">
<link href="{% static "css/temp-fix.css" %}" rel="stylesheet" media="screen">
<!-- jquery select -->
<link href="{% static "vendor/chosen/css/chosen.min.css" %}" rel="stylesheet" media="screen">
<!-- jquery jp datepicker -->
<link href="{% static "vendor/jquery-jp-datepicker/jquery.jpDatePicker.css" %}" rel="stylesheet" media="screen">
<!-- jquery timepicker -->
<link href="{% static "vendor/jquery-timepicker/jquery.timepicker.min.css" %}" rel="stylesheet" media="screen">
<!-- Sweetalert2 -->
<link href="{% static "vendor/sweetalert2/sweetalert2.css" %}" rel="stylesheet" media="screen">
<!-- Animate.css -->
<link href="{% static "vendor/animate/animate.min.css" %}" rel="stylesheet" media="screen">
<!-- Store_Notification.css -->
<link href="{% static "css/store_notification.css" %}" rel="stylesheet" media="screen">
<link href="{% static "css/customer-page.css" %}" rel="stylesheet" media="screen">
<!-- delete requests modal-->
<link href="{% static "css/delete_modal.css" %}" rel="stylesheet" media="screen">
<!-- Magnific Popup -->
<link href="{% static "vendor/mfp/magnific-popup.css" %}" rel="stylesheet" media="screen">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
<!--Flatpickr-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<!-- show store background image -->
{% if dashboard_view %}
<style type="text/css">
{% thumbnail store.welcome_bg 1280x720 upscale quality=80 as thumb %}
.home.Customer {
background: url({{ thumb.url }}) no-repeat;
background-size: cover;
}
</style>
{% endif %}
{% if menu_view %}
<style type="text/css">
{% thumbnail store.menu_bg 1280x720 upscale quality=80 as thumb %}
.menu.Customer {
background: url({{ thumb.url }}) no-repeat;
background-size: cover;
}
</style>
{% endif %}
{% comment %}
{% if user.is_authenticated %}
{% if user.profile.role_id == 5 %}
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
var OneSignal = window.OneSignal || [];
OneSignal.push(function() {
OneSignal.init({
appId: "0ba90006-2ac4-479f-b0db-d7507a478533",
});
OneSignal.sendTag("store_id", "{{ user.profile.store_id }}");
});
</script>
{% endif %}
{% endif %}
{% endcomment %}
{% comment %}
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M3VGMXJ');</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-79364764-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-79364764-1');
</script>
{% endcomment %}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-4625255-26"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-4625255-26');
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MWSMPTJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
{% block extra_head %}{% endblock %}
</head>
<body class="{% if dashboard_view %}home{% endif %} {% if menu_view %}menu{% endif %} {{ request.user.profile.role }}">
<!-- Header -->
<header style="z-index: 16;">
<div id="logo">
{% if 'booking_id' in request.session %}
<a href="{% url 'audience-category-list' %}">
<img src="{% static 'img/easyorderlogoS.png' %}" alt="Homepage">
</a>
{% else %}
<a href="{% url 'audience-dashboard' %}">
<img src="{% static 'img/easyorderlogoS.png' %}" alt="Homepage">
</a>
{% endif %}
</div>
<div id="cd-hamburger-menu"><a class="cd-img-replace" href="">Menu</a></div>
{% if user.profile.role_id == 6 or "category/list" in request.path or "menu/list" in request.path %}
{% if 'menu/list' in request.path %}
<a class=""
id="tablet-back-to-ctg"
href="{% url 'audience-category-list' %}"
>
<i class="fa fa-home fa-sm fa-fw mt-0 mb-1"></i>
{% trans 'Back to Categories' %}
</a>
{% endif %}
<!-- Navigation -->
<nav id="tablet-nav" style="display: none">
<ul>
{% include 'audience/nav/nav_tablet.html' %}
</ul>
</nav>
{% get_current_language as LANGUAGE_CODE %}
<div id="cd-cart-trigger" data-toggle="popover" data-animation="true" data-content="{% trans 'Confirm Order' %}" data-offset="{% if LANGUAGE_CODE == 'en' %}10px, 32px-100%{%else%}10px, 26px-100%{% endif %}"><a class="cd-img-replace" href="" id="cartNav">Cart</a><span id="cartCount" class="badge badge-default"></span></div>
{% endif %}
<!-- Navigation -->
<nav id="main-nav">
<ul>
{% include 'audience/nav/nav.html' %}
</ul>
</nav>
</header>
<div id="staffnotificationContainer" style="padding: 5px;"></div>
<!-- Page Content -->
<div class="container-fluid">
<div id="notificationContainer" style="padding: 5px;"></div>
<div id="cd-shadow-layer"></div>
{% block content %}{% endblock %}
</div>
<!-- /.container -->
<!-- Footer -->
<footer class="py-5 bg-inverse">
<div class="container">
<p class="m-0 text-center text-white">Copyright © Easy Order 2017</p>
</div>
<!-- Sound Commented for CR84 -->
{% comment %} <audio id="orderSound" src="{% static "sound/order.mp3" %}" preload="auto"></audio>
<audio id="billSound" src="{% static "sound/bill.mp3" %}" preload="auto"></audio>
<audio id="callStaffSound" src="{% static "sound/call_staff.mp3" %}" preload="auto"></audio> {% endcomment %}
<!-- /.container -->
</footer>
<!-- Modal Containers -->
{% block modal %}
{% endblock %}
<!-- Bootstrap core JavaScript -->
<script src="{% static "vendor/tether/tether.min.js" %}"></script>
<script src="{% static "vendor/jquery-spin/spin.min.js" %}"></script>
<script src="{% static "vendor/jquery-spin/jquery.spin.js" %}"></script>
<script src="{% static "vendor/popper/popper.min.js" %}"></script>
<script src="{% static "vendor/bootstrap/js/bootstrap.min.js" %}"></script>
<script src="{% static "vendor/chosen/js/chosen.jquery.js" %}"></script>
<script src="{% static "vendor/jquery-jp-datepicker/jquery.jpDatePicker.js" %}"></script>
<script src="{% static "vendor/jquery-timepicker/jquery.timepicker.min.js" %}"></script>
<script src="{% static "vendor/bootstrap-notify/bootstrap-notify.min.js" %}"></script>
<script src="{% static "vendor/sweetalert2/sweetalert2.js" %}"></script>
<script src="{% static "vendor/mfp/jquery.magnific-popup.min.js" %}"></script>
<script src="{% static "vendor/animate/animate.js" %}"></script>
<script src="{% static "js/spin.js" %}"></script>
<script src="{% static "js/main.js" %}"></script>
<script src="{% static "js/delete_modal.js" %}"></script>
<script src="{% static "js/delete_requests.js" %}"></script>
<script src="{% static "vendor/star-web-print/StarWebPrintBuilder.js" %}"></script>
<script src="{% static "vendor/star-web-print/StarWebPrintExtManager.js" %}"></script>
<script src="{% static "vendor/star-web-print/StarWebPrintTrader.js" %}"></script>
<script src="{% static "vendor/select2/dist/js/select2.min.js" %}"></script>
<script src="{% static "vendor/howler/howler.min.js" %}"></script>
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
{% comment %} <script type="text/javascript">
$(document).ready(function() {
$("#div_id_image").hide();
});
</script> {% endcomment %}
<script type="text/javascript">
$(document).ready(function () {
$('#logout-link').click(function (event) {
event.preventDefault();
var href = $(this).attr('href');
swal({
title: '{% trans "Confirm Logout" %}',
text: '{% trans "Are you sure you want to logout" %}?',
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: '{% trans "Confirm" %}',
cancelButtonText: '{% trans "Cancel" %}'
}).then(function () {
window.location.href = href;
})
});
});
</script>
{% block custom_js %}
{% endblock %}
{% block notify_js %}
<script type="text/javascript">
$(document).ready(() => {
let url = '/api/deleterequestnotification'
var message_build = (language, store_name, id) => {
if (language === 'ja'){
return `<a href="{% url 'audience-delete-request' %}" id="notify_${id}" data-notify="dismiss">${store_name}からの削除依頼</a>`
} else {
return `<a href="{% url 'audience-delete-request' %}" id="notify_${id}" data-notify="dismiss">Delete Request for ${store_name}</a>`
}
}
{% if request.user.is_superuser %}
setInterval(() => {
$.ajax({
headers: {
'X-CSRFToken': "{{ csrf_token }}"
},
type: 'GET',
url: `${url}?expand=store&request_type=delete`,
global: false,
processData: false,
contentType: 'application/json',
}).done((res) => {
$.each(res.results, (index, value) => {
$.notify(
{
message: message_build("{{ CURRENT_LOCALE }}", value.store.full_name, value.id)
},
{
element: '#staffnotificationContainer',
delay: 4000, // 4000 milliseconds == 4 seconds
position: null,
type: "info",
allow_dismiss: true,
placement: {
from: "top",
align: "right"
},
newest_on_top: true,
animate: {
enter: 'animated fadeInRight',
exit: 'animated fadeOutRight'
},
onClose: function(){
},
onShown: () => {
$(`#notify_${value.id}`).closest('div').find('button').on('click', () => {
$.ajax({
headers: {
'X-CSRFToken': "{{ csrf_token }}"
},
type: 'PATCH',
url: url + `/update_store_notification/?store=${value.store.id}`,
data: JSON.stringify({
"store": value.store,
"is_notified": true
}),
processData: false,
contentType: 'application/json',
})
});
}
}
);
});
}).fail((err) => {
console.log(err)
});
}, 5000)
{% endif %}
});
</script>
<script src="{% static "js/notify.js" %}"></script>
{% endblock %}
{% include 'audience/store/modals/notification_modal.html' %}
{% include 'audience/store/modals/delete_request_modal.html' %}
{% if slack %}
{% comment "CR63 requested to be hidden"%} <script src="https://embed.small.chat/T034D4LKWHWC033PCEAJHZ.js" async></script> {% endcomment %}
{% endif %}
</body>
</html>