2022-09-08 08:04:32 -07:00

71 lines
1.9 KiB
Plaintext

<style>
.LockOn {
opacity: .7;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.LockOn .adjust {
position: absolute;
left: 0;
right: 0;
top: 40%;
bottom: 0;
}
</style>
<link href="/Content/PreLoader.css" rel="stylesheet" type="text/css" />
<!-- Static Modal -->
<div class="LockOn">
<div class="adjust">
@*<div id="lodingAnimation" class="loader"></div>*@
<div class="loader" id="loader-2" style="display: none">
<span></span>
<span></span>
<span></span>
</div>
<div class="loader" id="loader-4" style="display: none">
<span></span>
<span></span>
<span></span>
</div>
<div class="loader" id="loader-1" style="display: none"></div>
<div class="loader" id="loader-6" style="display: none">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<div class="loader" id="loader-3" style="display: none"></div>
<div class="loader" id="loader-5" style="display: none">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<div class="loader" id="loader-8" style="display: none"></div>
<div class="loader" id="loader-7" style="display: none"></div>
</div>
</div>
<script>
var useId = "#loader-" + Math.floor((Math.random() * 8) + 1);
$(useId).show();
window.ShowProcessing = function (values) {
$(".LockOn").show();
};
window.HideProcessing = function (values) {
$(".LockOn").hide();
};
$(function(parameters) {
$(".LockOn").hide();
});
window.addEventListener("beforeunload", function (e) {
$(".LockOn").show();
});
</script>