Browse Source

- Meilleure intégration graphique à SPIP

- On pose des chaines de langue
master
xdjuj@apsulis.com 10 years ago
parent
commit
fd31a1253a
  1. 1
      .gitattributes
  2. 7
      formulaires/inc-upload_document.html
  3. 25
      lang/uploadify_fr.php
  4. 3
      noisettes/uploadify.html
  5. 43
      theme/uploadify/uploadify.css

1
.gitattributes vendored

@ -1,5 +1,6 @@
* text=auto !eol
formulaires/inc-upload_document.html -text
lang/uploadify_fr.php -text
noisettes/uploadify.html -text
/paquet.xml -text
theme/img/uploadify.png -text

7
formulaires/inc-upload_document.html

@ -16,9 +16,6 @@
<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{fichier_upload})</span>
]<input class='file multi' type="file" name="fichier_upload[]" value='#ENV{fichier_upload}' id="fichier_upload#GET{domid}" size='11' />
<!--editer_fichier_upload-->
<hr />
<label>T&eacute;l&eacute;verser en lot ou téléverser de gros fichiers</label>
<INCLURE{fond=noisettes/uploadify,env,ajax} />
</li>
</ul>
<div class='sourceup'>
@ -31,6 +28,10 @@
| <a href='#' onclick="change_methode('#GET{domid}','distant');return false;"><:medias:bouton_download_sur_le_web:></a>
</div>
<p class='boutons'><input class='submit' type="submit" name="joindre_upload" value="<:bouton_upload:>"/></p>
<div class='block_uploadify'>
<label><:uploadify:televerser:></label>
<INCLURE{fond=noisettes/uploadify,env,ajax} />
</div>
</div>[

25
lang/uploadify_fr.php

@ -0,0 +1,25 @@
<?php
if (!defined('_ECRIRE_INC_VERSION')) return;
$GLOBALS[$GLOBALS['idx_lang']] = array(
// A
'actuellement_lie' => 'Fichier(s) actuellement li&eacute;(s)',
// F
'fichiers_joints' => 'Fichiers joints',
// O
'option_groupe_description' => 'Upload de documents',
// P
'parcourir' => 'Parcourir...',
// S
'saisie_upload_titre' => 'Upload de documents',
'saisie_upload_explication' => 'Ajoute un bouton au formulaire permettant d\'uploader des documents',
// T
"televerser" => "T&eacute;l&eacute;verser en lot ou t&eacute;l&eacute;verser de gros fichiers"
);

3
noisettes/uploadify.html

@ -2,8 +2,7 @@
[<script type="text/javascript" src="(#CHEMIN{theme/uploadify/jquery.uploadify-3.1.min.js})"></script>]
<div id="conteneur-uploadify">
<div id="custom-queue"></div>
<input id="custom_file_upload" type="file" name="Filedata" />
<input id="custom_file_upload" class='boutons' type="file" name="Filedata" />
</div><!-- #conteneur-uploadify -->
<script type="text/javascript" charset="utf-8">

43
theme/uploadify/uploadify.css

@ -4,37 +4,45 @@ Copyright (c) 2012 Reactive Apps, Ronnie Garcia
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
*/
.formulaire_joindre_document{overflow:hidden;padding:0}
.formulaire_joindre_document h3.titrem{text-indent:20px!important}
.formulaire_joindre_document .cadre-icone{top:0 !important}
.block_uploadify{width:100%;margin-top: 15px}
.block_uploadify .boutons{padding:5px 5px 3px 0 !important; height:25px;}
.uploadify {
position: relative;
margin-bottom: 1em;
width:100% !important;
}
.uploadify-button {
background-color: #505050;
background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
display:inline-block;text-align:right;height:20px !important;line-height:20px !important;width:auto!important;padding:0px 10px !important;outline:0;
background-color: #ffffff;
background-image: linear-gradient(bottom, #ffffff 0%, #eeeeee 100%);
background-image: -o-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%);
background-image: -moz-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%);
background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%);
background-image: -ms-linear-gradient(bottom, #ffffff 0%, #eeeeee 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, #505050),
color-stop(1, #707070)
color-stop(0, #ffffff),
color-stop(1, #eeeeee)
);
background-position: center top;
background-repeat: no-repeat;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
border: 2px solid #808080;
color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #BBBBBB;
color: #404040;
font: bold 12px Arial, Helvetica, sans-serif;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
/* text-shadow: 0 -1px 0 rgba(0,0,0,0.25);*/
width: 100%;
}
.uploadify:hover .uploadify-button {
.uploadify:hover .uploadify-button{border-color:#606060;}
/*.uploadify:hover .uploadify-button {
background-color: #606060;
background-image: linear-gradient(top, #606060 0%, #808080 100%);
background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
@ -50,12 +58,13 @@ Released under the MIT License <http://www.opensource.org/licenses/mit-license.p
);
background-position: center bottom;
}
*/
.uploadify-button.disabled {
background-color: #D0D0D0;
color: #808080;
}
.uploadify-queue {
margin-bottom: 1em;
margin-bottom: 10px !important;
}
.uploadify-queue-item {
background-color: #F5F5F5;
@ -74,7 +83,7 @@ Released under the MIT License <http://www.opensource.org/licenses/mit-license.p
background: url('uploadify-cancel.png') 0 0 no-repeat;
float: right;
height: 16px;
text-indent: -9999px;
text-indent: 9999px;
width: 16px;
}
.uploadify-queue-item.completed {

Loading…
Cancel
Save