File upload: waiting indicator

[GoogleCodeExporter]

There is a bit of a lag between the moment a new cell is added to the image 
library strip and the thumb of the uploaded image showing.

We need to put our usual spinning wheel icon in there to tell the user it's 
waiting for something. 

In some cases the lag is quite noticeable.

The same needs to be done for bulk uploader on My Images page.

Original issue reported on code.google.com by zetapri...@gmail.com on 24 Jun 2010 at 4:17

[GoogleCodeExporter]

Original comment by zetapri...@gmail.com on 26 Jun 2010 at 4:56

• Added labels: Stream-JS

[GoogleCodeExporter]

Original comment by trilobit.alex@gmail.com on 26 Jun 2010 at 7:35

• Changed state: Started

[GoogleCodeExporter]

SVN release
http://code.google.com/p/web-to-print-scripts/source/detail?r=122

The URL was changed to the new
http://zetaprints.com/java/dev/20100625/fileUpload.js

Original comment by trilobit.alex@gmail.com on 27 Jun 2010 at 10:46

• Changed state: ToTest

Attachments:

• wheel.jpg

[GoogleCodeExporter]

For some reason only PNG images have a lagging delay. The loader shows up for 
these images (loader_1.png). 
Wasn't able to see it for .jpg images. As far as I can tell from the behavior, 
only .png images show up in the scroll instantly and therefore the radio button 
shows up even before the image thumb is loaded. Other image formats (jpg) are 
added in the scroll after their thumbs are loaded and show up simultaneously 
with their radio button. On "My images" page the behavior is identical for all 
image formats and there is no loader for PNG or JPG images.

Can we make the loader appear in the scroll even for already uploaded images?
Ex.
Go to this template:
http://realestate.zetaprints.com/?page=template;TemplateID=B02C3343-DBF0-4305-BE
92-6B24B36AD463
Notice that all apart from one JPG image have a lagging time and only show up 
as radio buttons (loader.png). Can we make the loader show up until they load 
here too?

Original comment by agur...@gmail.com on 28 Jun 2010 at 1:14

• Changed state: MoreWork

Attachments:

• loader.png
• loader_1.png

[GoogleCodeExporter]

Additional info:

Loader does not show up in IE (tested in IE8) on this template:
http://realestate.zetaprints.com/?page=template;TemplateID=97D13384-6ADA-4BC0-B1
1D-8C40C66EBE74

Behavior is identical to the one explained in the previous comment - images are 
added to the library after their thumbs are loaded. No lagging time for PNG or 
JPG images.

Original comment by agur...@gmail.com on 28 Jun 2010 at 1:20

[GoogleCodeExporter]

we need add CSS rule in G-skin styles.css,
for example
.preview_loader{
  /* url may be another */
  background-image:url(/java/dev/20100625/ajax-loader.gif);
  background-position:center center;
  background-repeat:no-repeat;
  display:block;
  height:100px;
  min-width:100px;
}

and add this className to code
<td nowrap="nowrap">
  <input type="radio" name="#Image" value="BFFDD0A4-E564-49C4-8FD7-F7C7D3EB80B0"/>
  <span>#1</span>
  <div> <!-- add className -->
    <a target="_blank" href="" title="" id="img-l-1-1" name="BFFDD0A4-E564-49C4-8FD7-F7C7D3EB80B0">
      <img height="100px" src="http://realestate.zetaprints.com/photothumbs/f66a5d21-697f-4bc6-bae2-8d661173a359_0x100.jpg"/>
    </a>
  </div>
</td>

Original comment by trilobit.alex@gmail.com on 3 Jul 2010 at 9:57

• Changed state: Finished

[GoogleCodeExporter]

Original comment by zetapri...@gmail.com on 5 Jul 2010 at 3:45

• Changed state: ZP

[GoogleCodeExporter]

Last SVN release
http://code.google.com/p/web-to-print-scripts/source/detail?r=128

Last changes
http://code.google.com/p/web-to-print-scripts/source/diff?spec=svn128&r=128&form
at=side&path=/branches/skins/g-skin/styles.css

The URL was changed to the new.
http://zetaprints.com/java/dev/20100625/g-skin/styles.css

New rule was added in temporary skin. Please, add "preview_loader" className to 
the code.

Original comment by trilobit.alex@gmail.com on 5 Jul 2010 at 4:29