{% sw_extends '@Storefront/storefront/layout/meta.html.twig' %}
{% block layout_head_javascript_tracking %}
{{ parent() }}
{% if config('WebkulMVMarketplace.config.status') %}
<style>
.form-action-buttons {
display: inline-block;
width: 100%;
}
.form-action-buttons {
width: 100%;
display: inline-block;
}
.form-action-buttons * {
float: right;
}
.form-action-buttons a {
margin-left: 15px;
}
.error {
color: red;
font-size: 16px;
font-family: italic;
}
.pagination li {
padding: 0 10px;
display: inline-block;
}
.pagination li.active a {
color: black;
}
.pagination li.disabled a {
color: grey;
}
.pagination li a:focus {
outline: none;
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<script src="https://unpkg.com/vuejs-paginate@latest"></script>
<script src="https://unpkg.com/vue-router@2.0.0/dist/vue-router.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.js"></script>
<script src="https://unpkg.com/vue-multiselect@2.1.0"></script>
<link rel="stylesheet" href="https://unpkg.com/vue-multiselect@2.1.0/dist/vue-multiselect.min.css">
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/vue-loading-overlay@3"></script>
<link href="https://cdn.jsdelivr.net/npm/vue-loading-overlay@3/dist/vue-loading.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment-with-locales.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-chartkick@0.6.0/dist/vue-chartkick.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
<script type="text/javascript">
(() => {
window.homeUrl = "{{ app.request.getSchemeAndHttpHost() }}{{ app.request.baseUrl }}";
window.baseUrl = '{{url("frontend.home.page")}}';
window.storefrontAlert = ({alertType, alertMessage, parentId, timeout}) => {
parentId = parentId == undefined ? 'flashbags' : parentId;
let flashbagsContainer = document.getElementsByClassName(parentId);
if (flashbagsContainer && flashbagsContainer[0]) {
flashbagsContainer[0].innerHTML = `
<div role="alert" class="alert alert-${alertType} alert-has-icon">
<span class="icon icon-blocked">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
${alertType == "success" ?
'<path fill="#758CA3" fill-rule="evenodd" d="M24,12 C24,18.627417 18.627417,24 12,24 C5.372583,24 -7.65539184e-17,18.627417 -8.8817842e-16,12 C5.40562444e-15,5.372583 5.372583,1.21743707e-15 12,0 C18.627417,5.58919772e-16 24,5.372583 24,12 Z M12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 C17.5228475,22 22,17.5228475 22,12 C22,6.4771525 17.5228475,2 12,2 Z M7.70710678,12.2928932 L10,14.5857864 L16.2928932,8.29289322 C16.6834175,7.90236893 17.3165825,7.90236893 17.7071068,8.29289322 C18.0976311,8.68341751 18.0976311,9.31658249 17.7071068,9.70710678 L10.7071068,16.7071068 C10.3165825,17.0976311 9.68341751,17.0976311 9.29289322,16.7071068 L6.29289322,13.7071068 C5.90236893,13.3165825 5.90236893,12.6834175 6.29289322,12.2928932 C6.68341751,11.9023689 7.31658249,11.9023689 7.70710678,12.2928932 Z"></path>':
alertType == "info" ?
'<path fill="#758CA3" fill-rule="evenodd" d="M12,7 C12.5522847,7 13,7.44771525 13,8 C13,8.55228475 12.5522847,9 12,9 C11.4477153,9 11,8.55228475 11,8 C11,7.44771525 11.4477153,7 12,7 Z M13,16 C13,16.5522847 12.5522847,17 12,17 C11.4477153,17 11,16.5522847 11,16 L11,11 C11,10.4477153 11.4477153,10 12,10 C12.5522847,10 13,10.4477153 13,11 L13,16 Z M24,12 C24,18.627417 18.627417,24 12,24 C5.372583,24 6.14069502e-15,18.627417 5.32907052e-15,12 C-8.11624501e-16,5.372583 5.372583,4.77015075e-15 12,3.55271368e-15 C18.627417,5.58919772e-16 24,5.372583 24,12 Z M12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 C17.5228475,22 22,17.5228475 22,12 C22,6.4771525 17.5228475,2 12,2 Z"></path>' :
alertType == "danger" ?
'<path fill="#758CA3" fill-rule="evenodd" d="M12,24 C5.372583,24 -8.8817842e-16,18.627417 -8.8817842e-16,12 C-8.8817842e-16,5.372583 5.372583,-8.8817842e-16 12,-8.8817842e-16 C18.627417,-8.8817842e-16 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 Z M12,22 C17.5228475,22 22,17.5228475 22,12 C22,6.4771525 17.5228475,2 12,2 C6.4771525,2 2,6.4771525 2,12 C2,17.5228475 6.4771525,22 12,22 Z M16.2928932,6.29289322 C16.6834175,5.90236893 17.3165825,5.90236893 17.7071068,6.29289322 C18.0976311,6.68341751 18.0976311,7.31658249 17.7071068,7.70710678 L7.70710678,17.7071068 C7.31658249,18.0976311 6.68341751,18.0976311 6.29289322,17.7071068 C5.90236893,17.3165825 5.90236893,16.6834175 6.29289322,16.2928932 L16.2928932,6.29289322 Z"></path>' :
alertType == "warning" ?
'<path fill="#758CA3" fill-rule="evenodd" d="M13.7744336,1.41237231 L23.4801932,20.0772945 C23.9897893,21.0572871 23.6084576,22.2648374 22.628465,22.7744336 C22.3434734,22.9226292 22.0269793,23 21.7057596,23 L2.29424045,23 C1.18967095,23 0.294240449,22.1045695 0.294240449,21 C0.294240449,20.6787802 0.371611225,20.3622861 0.519806846,20.0772945 L10.2255664,1.41237231 C10.7351626,0.432379694 11.9427129,0.0510480218 12.9227055,0.560644183 C13.2873945,0.750282476 13.5847953,1.04768329 13.7744336,1.41237231 Z M2.29424045,21 L21.7057596,21 L12,2.33507779 L2.29424045,21 Z M12,17 C12.5522847,17 13,17.4477153 13,18 C13,18.5522847 12.5522847,19 12,19 C11.4477153,19 11,18.5522847 11,18 C11,17.4477153 11.4477153,17 12,17 Z M13,15 C13,15.5522847 12.5522847,16 12,16 C11.4477153,16 11,15.5522847 11,15 L11,10 C11,9.44771525 11.4477153,9 12,9 C12.5522847,9 13,9.44771525 13,10 L13,15 Z"></path>' : ''
}
</svg>
</span>
<div class="alert-content-container">
<div class="alert-content">
${alertMessage}
</div>
</div>
</div>`;
if (timeout && timeout !== "stay") {
setTimeout(() => {
flashbagsContainer[0].innerHTML = '';
}, timeout);
} else if (!timeout) {
setTimeout(() => {
flashbagsContainer[0].innerHTML = '';
}, 5000);
}
}
}
{# @TODO: make axios request global #}
})()
</script>
{% endif %}
{% endblock %}