From da860617b517b966b79f80252be1208d7642b641 Mon Sep 17 00:00:00 2001
From: "Valeriano A.R" <valen.alfonso@gmail.com>
Date: Sun, 28 Jun 2015 02:03:32 +0200
Subject: [PATCH] Loading dialog when scanning

---
 code/main.php      |   3 ++-
 images/loading.gif | Bin 0 -> 723 bytes
 style.css          |  27 +++++++++++++++++++++++++++
 3 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 images/loading.gif

diff --git a/code/main.php b/code/main.php
index 8c97ff1..8834682 100644
--- a/code/main.php
+++ b/code/main.php
@@ -53,7 +53,7 @@ $formFields.=RenderFieldCombo("Resolution","ddlResolution",$Resolutions,$Resolut
 $formFields.=RenderFieldCombo("Format","ddlFormat",$Formats,$Format);
 $formFields.=RenderFieldCombo("Size","ddlSize",$Sizes,$Size);
 $formFields.=RenderFieldCheckText("Cropping","chkCrop",$Crop,"txtCropFuzz",$CropFuzz);
-$formFields.=RenderFieldButton("","btnScan","Scan");
+$formFields.=RenderFieldButton("","btnScan","Scan","var elem=document.getElementById('divLoadBack');elem.style.display='';");
 $formFields.=RenderHidden("hidScanDevice",$Scanner["ScanDevice"]);
 $formFields.=RenderHidden("hidScanModel",$Scanner["ScanModel"]);
 $columns="";
@@ -64,6 +64,7 @@ if($DestFile!=null){
 }
 $columns.=renderDiv("divColRight",$result);
 $columns.=RenderCommandLog();
+$columns.=RenderDiv("divLoadBack",RenderDiv("divLoading","Loading","divLoading"),"divLoadBack","display:none;");
 echo RenderForm("frmMain",$columns);
 
 
diff --git a/images/loading.gif b/images/loading.gif
new file mode 100644
index 0000000000000000000000000000000000000000..d256f80b3efa4b574695966052715ba83310a1bb
GIT binary patch
literal 723
zcmZ?wbhEHb6ky<H_`<;O^1}xP28QEj&+a>N<l5c4tgNgI3=CS@+T~SM5m8aA)~}aW
zP;hp2t!rwEj*DBjd9#wTGBY!?yQk-+n>UZ0IdlKnGh-8zljqOheez`4>eZ8`Pv5z3
z->nA^7+^s0KewN2NU*bGfUA+70W%{51B2o}Dd(cp#FEq$h4Rdj428t3#EP8!#1y^E
zytI4<#h)yk+zbp1Iv^83j$~lfRZ!?l$(*-j0oS8bOzRv3nk~+l7F@2rcYDWtKK3Vq
z?OPr>oZ!(bUU!Ylb?r1KY$m8ABucO*%v+Hu(>`(Efm?@GzPYr#_xYQ>uXji2Ys_J7
zv=;1?V8W)+OhKWqJ5lFxhYF{X6i@P!q(vGhrO$8aeQhLlU^?@GroGW0Pk0M9p1pW^
zhp^wwL!sPSBGdd131BnIR6(I{35Tm-2vhH4lOz?-i?3|@h0m8(KDVC5yPWw%i(S$N
z_g|v@XC@X~vPe~~zSg}<Yi^JtHj|7X;c;zK#50$`$vZqQB?X1Lp4<}q$SUsbwA+kn
zhvNfZC^Pn+cy@v{d7jtGt6!zC`pq0-j7ni_%Zg1&%QA1aCQi?Iyl7kQtXMvUH-DS9
zCkj4b)|>9D(m%t5DPEVs%<S}neGh^-usKN|V%8Ivz{x8%y<1fzqZ+h@_krp9-`iyh
irgMMmIx?%URpwWmE`tf1bL9FZSObV;Gps>L1dIXfEBqq>

literal 0
HcmV?d00001

diff --git a/style.css b/style.css
index 38101ab..b2c1e3d 100644
--- a/style.css
+++ b/style.css
@@ -113,6 +113,33 @@ form{
 	border: solid 1px rgb(32,32,32);
 }
 
+.divLoadBack{
+	position: fixed;
+	top: 0px;
+	bottom: 0px;
+	left: 0px;
+	right: 0px;
+	background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%;
+}
+
+.divLoading{
+	display: block;
+	left: 50%;
+	position: absolute;
+	top: 50%;
+	border: 1px solid black;
+	padding: 10px 10px 10px 50px;
+	box-sizing: border-box;
+	line-height: 30px;
+	width: 150px;
+	text-align: center;
+	height: 50px;
+	margin: -25px auto 0px -75px;
+	background-image: url("images/loading.gif");
+	background-repeat: no-repeat;
+	background-position: 25px;
+}
+
 .width100px {
 	width: 100px;
 	max-width: 100%;