source: spip-zone/_plugins_/crayons/modeles/uploader_liste.html @ 59916

Last change on this file since 59916 was 59916, checked in by guy.cesaro@…, 8 years ago

-liens_absolus sur LOGO_DOCUMENT dans uploader_item sinon l'url du fichier uploade n'est pas bonne dans le prive (un /ecrire en trop, tester sur une mutu)
-Passer par generer_url_action dans la variable url du js
todo : renvoyer une erreur lorsque le fichier est trop lourd pour IMG_MAX_SIZE ou DOC_MAX_SIZE, car ce n'est pas pris en compte

File size: 2.4 KB
Line 
1<style>
2.uploader {border:solid red 1px;}
3.uploader.hover {border:dotted red 1px;}
4.uploader li {border solid transparent 3px; padding:3px}
5.uploader li.loading {border:dotted red 3px;}
6.uploader li.ok {border:solid green 3px;}
7
8#uploader#ID_ARTICLE {
9        position: absolute;
10        top: 10px;
11        right: -180px;
12        width: 170px;
13        height: 100%;
14        max-height: 600px;
15        overflow: auto;
16        overflow-x: hidden;
17        background: #eee;
18        border: solid #ccc 1px;
19}
20
21#uploader#ID_ARTICLE.ferme {
22        width: 30px; height: 15px; overflow-x:hide;overflow-y:hide;overflow:hide;
23}
24</style>
25
26
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>
29
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>
33</BOUCLE_d>
34[<li class="pagination">(#PAGINATION)</li>]
35</B_d>
36</ul>
37
38
39</div>
40
41<!--
42/*
43
44$(function(){
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,"-");
54                return text;
55        }
56
57        $("#dropbox")
58        .html5Uploader({
59                onClientLoadStart:function(e,file){
60                        var upload=$("#upload");
61                        if(upload.is(":hidden")){
62                                upload.show();
63                        }
64                        upload.append(
65                                fileTemplate
66                                        .replace(/{{id}}/g, slugify(file.name))
67                                        .replace(/{{filename}}/g,file.name)
68                        );
69                },
70                onClientLoad:function(e,file){
71                        $("#"+slugify(file.name))
72                        .find(".preview")
73                        .append("<img src=\""+e.target.result+"\" alt=\"\">");
74                },
75                onServerLoadStart:function(e,file){
76                        $("#"+slugify(file.name))
77                        .find(".progressbar")
78                        .progressbar({value:0});
79                },
80                onServerProgress:function(e,file){
81                        if(e.lengthComputable){
82                                var percentComplete=(e.loaded/e.total)*100;
83                                $("#"+slugify(file.name))
84                                .find(".progressbar")
85                                        .progressbar({value:percentComplete});
86                        }
87                },
88                onServerLoad:function(e,file){
89                        $("#"+slugify(file.name))
90                        .find(".progressbar")
91                                .progressbar({value:100});
92                }
93        });
94
95        $(".download")
96        .mousedown(function(){
97                $(this).css({
98                        "background-image":"url('images/download-clicked.png')"
99                });
100        })
101        .mouseup(function(){
102                $(this).css({
103                        "background-image":"url('images/download.png')"
104                });
105        });
106
107
108});
109
110
111*/
112-->
Note: See TracBrowser for help on using the repository browser.