isspst/src/main/webapp/app/template.zhtml

56 lines
1.5 KiB
XML

<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns="native" xmlns:u="zul" xmlns:zk="zk">
<u:style src="/css/page.css"/>
<script type="text/javascript">
zk.afterLoad("zk", function () {
var oldProgressbox = zUtl.progressbox;
zUtl.progressbox = function () {
oldProgressbox.apply(this, arguments);
var $mask = jq('.z-loading');
if ($mask) {
var $img = jq('.z-loading-indicator'),
$body = jq(document.body),
body = $body[0],
bw = $body.width() + body.scrollLeft - 10,
bh = $body.height() + body.scrollTop - 10;
// update mask and image's style
$mask.width(bw);
$mask.height(bh);
$mask.css('opacity', .75);
$img.width('150px');
$img.css('margin-left', (bw - $img.width()) / 2 + 'px');
$img.css('margin-top', (bh - $img.height()) / 2 + 'px');
// update mask size when window scroll
if (!window.eventBinded) {
var $win = jq(window);
$win.scroll(function () {
var $maskInst = jq('.z-loading');
if ($maskInst[0]) {
$maskInst.width(bw + $win.scrollLeft());
$maskInst.height(bh + $win.scrollTop());
}
});
window.eventBinded = true;
}
}
}
});
</script>
<div id="screen">
<div id="header">
<u:include src="/app/header.zul" />
</div>
<div id="mainMenu">
<u:include src="/app/mainMenu.zul" />
</div>
<div id="mainData">
<u:include src="${gridZul}" />
</div>
<div id="footer"> Verze 2.0 </div>
</div>
</html>