2 .uploader {border:solid red
1px;}
3 .uploader.hover {border:dotted red
1px;}
4 .uploader li {border solid transparent
3px; padding-left:
10px}
5 .uploader li.loading {border:dotted red
3px;}
6 .uploader li.ok {border:solid green
3px;}
18 border: solid #ccc
1px;
21 #uploader#ID_ARTICLE.ferme {
22 width:
30px; height:
15px; overflow-x:hide;overflow-y:hide;overflow:hide;
27 <div id=
"uploader#ID_ARTICLE" class=
"ferme">
28 <i>Glissez un document ou une image dans cette zone pour l'ajouter à l'article.
</i>
30 <ul id=
"uploader_liste" >
31 <BOUCLE_d(DOCUMENTS){tous}{id_article}{!par id_document}{
0,
10}
>
32 <li>#MODELE{uploader_item,id_document}
</li>
34 [
<li class=
"pagination">(#PAGINATION)
</li>]
45 var fileTemplate="<div id=\"{{id}}\">";
46 fileTemplate+="<div class=\"progressbar\"></div>";
47 fileTemplate+="<div class=\"preview\"></div>";
48 fileTemplate+="<div class=\"filename\">{{filename}}</div>";
49 fileTemplate+="</div>";
50 function slugify(text){
51 text=text.replace(/[^-a-zA-Z0-9,&\s]+/ig,'');
52 text=text.replace(/-/gi,"_");
53 text=text.replace(/\s/gi,"-");
59 onClientLoadStart:function(e,file){
60 var upload=$("#upload");
61 if(upload.is(":hidden")){
66 .replace(/{{id}}/g, slugify(file.name))
67 .replace(/{{filename}}/g,file.name)
70 onClientLoad:function(e,file){
71 $("#"+slugify(file.name))
73 .append("<img src=\""+e.target.result+"\" alt=\"\">");
75 onServerLoadStart:function(e,file){
76 $("#"+slugify(file.name))
78 .progressbar({value:0});
80 onServerProgress:function(e,file){
81 if(e.lengthComputable){
82 var percentComplete=(e.loaded/e.total)*100;
83 $("#"+slugify(file.name))
85 .progressbar({value:percentComplete});
88 onServerLoad:function(e,file){
89 $("#"+slugify(file.name))
91 .progressbar({value:100});
96 .mousedown(function(){
98 "background-image":"url('images/download-clicked.png')"
103 "background-image":"url('images/download.png')"