108 lines
2.5 KiB
Smarty
108 lines
2.5 KiB
Smarty
{extends file="[shared]/frame.tpl"}
|
|
|
|
{block size}
|
|
width = 1680;
|
|
height = 1050;
|
|
{/block}
|
|
|
|
{block css append}
|
|
<style>
|
|
html { font-size: unset }
|
|
|
|
#loading-screen {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #ffffff;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.progress-bar {
|
|
width: 200px;
|
|
height: 4px;
|
|
background-color: #f3f3f3;
|
|
border-radius: 2px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.progress-bar-fill {
|
|
width: 0%;
|
|
height: 100%;
|
|
background-color: #3498db;
|
|
transition: width 0.3s ease;
|
|
}
|
|
|
|
.loading-text {
|
|
margin-top: 10px;
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
|
|
.hidden {
|
|
display: none !important;
|
|
}
|
|
</style>
|
|
{foreach $assets.css as $asset}
|
|
<link href="{$asset}" rel="stylesheet">
|
|
{/foreach}
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="theme-color" content="#000000">
|
|
|
|
<link rel="manifest" href="/web/pos-app/manifest.json">
|
|
<link rel="shortcut icon" href="/web/pos-app/favicon.ico">
|
|
{/block}
|
|
|
|
{block "js-onready"}
|
|
{foreach $assets.js as $asset}
|
|
<script type="text/javascript" src="{$asset}"></script>
|
|
{/foreach}
|
|
{/block}
|
|
|
|
{block content}
|
|
<div id="loading-screen">
|
|
<div class="progress-bar">
|
|
<div class="progress-bar-fill"></div>
|
|
</div>
|
|
<div class="loading-text">Načítání aplikace...</div>
|
|
</div>
|
|
<div id="PosApp" class="tab-pane active boxStatic">
|
|
<div id="root" data-type="pos-app" data-domain="{$cfg.Menu.wpj_toolbar.admin_url}"></div>
|
|
</div>
|
|
{/block}
|
|
|
|
{block windowButtons}{/block}
|
|
|
|
<script type="text/javascript" language="javascript">
|
|
{block onready}
|
|
var progressBar = document.querySelector('.progress-bar-fill');
|
|
var progress = 0;
|
|
|
|
var interval = setInterval(function() {
|
|
progress = progress + 2;
|
|
if (progress > 90) {
|
|
clearInterval(interval);
|
|
}
|
|
progressBar.style.width = progress + '%';
|
|
}, 50);
|
|
|
|
window.addEventListener('load', function() {
|
|
progressBar.style.width = '100%';
|
|
setTimeout(function() {
|
|
document.getElementById('loading-screen').classList.add('hidden');
|
|
}, 300);
|
|
});
|
|
|
|
{if $body.acn=='erased'}
|
|
refreshOpener(window.opener.top.mainFrame);
|
|
closeWindow();
|
|
{/if}
|
|
{/block}
|
|
</script>
|
|
|