Commit 7dc1f360063ce641c3fcfe7f0d7669119ba86e4c

Authored by Yusuf Davids
1 parent fa3480a3

KTS-2450

"Add "Candy Stripe" to indicate activity to all pages that keep the user waiting."
Fixed.

Committed By: Yusuf Davids
Reviewed By: Jalaloedien Abrahams

git-svn-id: https://kt-dms.svn.sourceforge.net/svnroot/kt-dms/trunk@7483 c91229c3-7414-0410-bfa2-8a42b809f60b
resources/css/kt-framing.css
@@ -2053,4 +2053,18 @@ body #content #add_dashlet @@ -2053,4 +2053,18 @@ body #content #add_dashlet
2053 font-weight: normal; 2053 font-weight: normal;
2054 float: right; 2054 float: right;
2055 margin-right: 3em; 2055 margin-right: 3em;
  2056 +}
  2057 +
  2058 +.modalDiv{
  2059 + filter:alpha(opacity=80);
  2060 + -moz-opacity:0.8;
  2061 + padding-left: 30px;
  2062 + padding-top: 5px;
  2063 + width: 260px;
  2064 + height: 50px;
  2065 + background-color: #CCCCCC;
  2066 + position: absolute;
  2067 + top: 400px;
  2068 + left: 500px;
  2069 + display: block;
2056 } 2070 }
2057 \ No newline at end of file 2071 \ No newline at end of file
resources/graphics/thirdparty/loader.gif 0 → 100644

10.6 KB

resources/js/loader.js
@@ -26,4 +26,15 @@ window.onload = function() @@ -26,4 +26,15 @@ window.onload = function()
26 var footerBlock = new curvyCorners(settings, footer); 26 var footerBlock = new curvyCorners(settings, footer);
27 footerBlock.applyCornersToAll(); 27 footerBlock.applyCornersToAll();
28 } 28 }
29 - }  
30 \ No newline at end of file 29 \ No newline at end of file
  30 + Loader();
  31 + }
  32 +
  33 + window.onsubmit = function(){
  34 + var myElem = document.getElementById("modalDiv");
  35 + myElem.style.display = "block";
  36 + }
  37 + function Loader()
  38 +{
  39 + var myElem = document.getElementById("modalDiv");
  40 + myElem.style.display = "none";
  41 +}
31 \ No newline at end of file 42 \ No newline at end of file
templates/kt3/standard_page.smarty
@@ -312,6 +312,11 @@ @@ -312,6 +312,11 @@
312 {/if} 312 {/if}
313 {/foreach} 313 {/foreach}
314 </div> 314 </div>
  315 + <div class="modalDiv" id="modalDiv">
  316 + <img src="{$rootUrl}/resources/graphics/thirdparty/loader.gif" border="0"/><br>
  317 + <div style="width: 60px; padding-left: 80px;"> Loading... </div>
  318 +
  319 + </div>
315 </td> 320 </td>
316 <td valign="top" width="100%"> 321 <td valign="top" width="100%">
317 <div id="content" {if $page->content_class}class="{$page->content_class}"{/if}> 322 <div id="content" {if $page->content_class}class="{$page->content_class}"{/if}>