FSN#37724 Alternatief voor de busy spinner

svn path=/Website/trunk/; revision=31575
This commit is contained in:
Jos Groot Lipman
2016-11-18 16:42:30 +00:00
parent 5413d4e7e6
commit faa930934f
6 changed files with 16 additions and 36 deletions

View File

@@ -185,12 +185,6 @@ if (outputmode == 0)
{
Response.Flush(); // wel direct vorige wissen
}
else
{
// Normaal doet Resultset_table dit voor ons maar hier voeren we zelf de Oracle.Execute uit
// We geven noLoading mee aan new ResultsetTable om dubbeling te voorkomen
busyLoading();
}
}
if (rapport_view(func_mode)) // Normal view
@@ -269,9 +263,6 @@ if (rapport_view(func_mode) && rapport_plain_mode(func_mode) && oRs.eof){ // Ind
%>
<div align="center">
<p><b><%=L("lcl_empty_rstable")%></b></p>
<script type="text/javascript">
$(document).ready(function () { $('#busyloading').hide() });
</script>
</div>
<% }
else { // In alle andere gevallen, dus normaliter (bij gevulde oRs) zijn dat nog alle gevallen...

View File

@@ -34,6 +34,7 @@ var FcltMgr =
hrefBase = hrefBase.substr(0, hrefBase.indexOf("&" + nm + "="));
hrefBase += "&" + params.appendurl;
}
$("li#printhamburger i.fa.fa-fw.fa-bars").attr("class", "fa fa-fw fa-refresh fa-spin fa-2x");
window.location.href = hrefBase;
},
defaultManager :
@@ -923,6 +924,13 @@ var FcltMgr =
return; // Qlikview in een ander frame
}
$(elm_iframe.contentWindow).on("beforeunload", function () {
elm_iframe.contentWindow.setTimeout(function () {
var $body = $("body", elm_iframe.contentDocument);
$body.prepend("<div class='busyloading'><i class='fa fa-spinner fa-pulse fa-3x fa-fw'></i></div>");
}, 500);
});
// Als resultlist te breed is moet er wel een scrollbar onderin komen.
// Ietwat getruct alleen voor result-sets, anders willen gewone schermen
// niet altijd goed resizen van klein naar groot.

View File

@@ -242,19 +242,11 @@ hour_px = res.hour_px(width_px-300, nr_days);
res_change();
});
<% } %>
$(document).ready(function () {clearTimeout(window.bltimeid); $('#busyloading').hide() });
</script>
</head>
<body id="planbody">
<%
Response.Write("<div id='busyloading' style='position:absolute;z-index:-100;'>");
// Na <20><>n seconde gaatie pas aan
// Let op: vertrouw er niet op de we jQuery al hebben
Response.Write("<img id='busyloadingimg' style='display:none' onload=\"window.bltimeid=setTimeout('document.getElementById(\\\'busyloadingimg\\\').style.display=\\\'block\\\';FcltMgr.resized();', 1000);\" src='"+rooturl+"/appl/Pictures/busyloading.gif'>");
Response.Write("</div>");
Response.Flush();
var buttons = [];
if (authparams.PRSwritelevel < 9 && authparams.ALGwritelevel < 9 && samedate)
buttons.push({ icon: "wijzigen.png", title: L("lcl_change"), action: 'res_change()', singlepress: true, id: "btnchange" });

View File

@@ -1029,6 +1029,13 @@ padding-right: 15px!important;
width: 100%;
}
.busyloading {
color: #888;
position:absolute;
left:100px;
top:50px;
z-index:999
}
/*
* THE BUTTONS
*/

View File

@@ -20,7 +20,7 @@ if (Request.QueryString.Count == 0)
if (msg)
shared.simpel_page(L(msg));
else
shared.simpel_page("");
shared.simpel_page("&nbsp;");
%>
</body>
</html>

View File

@@ -120,16 +120,6 @@ var isPrinting = false;
var isExcel = false;
var isCSV = false;
function busyLoading()
{
Response.Write("<div id='busyloading' style='position:absolute;z-index:-100;'>");
// Na <20><>n seconde gaatie pas aan
// Let op: vertrouw er niet op de we jQuery al hebben
Response.Write("<img id='busyloadingimg' style='display:none;padding: 30px 0 0 480px' onload=\"window.bltimeid=setTimeout('document.getElementById(\\\'busyloadingimg\\\').style.display=\\\'block\\\';FcltMgr.resized();', 1000);\" src='"+rooturl+"/appl/Pictures/busyloading.gif?1'>");
Response.Write("</div>");
Response.Flush();
}
function ResultsetTable(params)
{
@@ -474,13 +464,6 @@ function __rsProcessResultset(processParams) // processParams wordt blind aan al
{
if (isPrinting)
startPrint();
else if (isPlain && !this.noLoading)
{ // Bij reserveringen staan 2 resultset tables in 1 collapseblock.
// Als er dan ook een busyLoading bij in wordt gezet zal in IE8 de FcltMgr.resized()
// elke seconde worden uitgevoerd.
if (this.rstableCount == 1)
busyLoading();
}
// Print filter tabel met filterwaarden van het zoekscherm
var html_filter = "";
@@ -522,7 +505,6 @@ function __rsProcessResultset(processParams) // processParams wordt blind aan al
<script>
var postformHTML = '<%=safe.jsstring(postformHTML)%>'; <% /* postformHTML naar javascript voor gebruik in resultset_table_v2.js */ %>
var /*function*/ setSummary = FcltMgr.setHeaderExtraTitle;
$(document).ready(function () {clearTimeout(window.bltimeid); $('#busyloading').hide() });
</script>
<%
}