mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-16 06:23:18 +00:00
enhance uploader informations
This commit is contained in:
@@ -24,19 +24,22 @@
|
||||
|
||||
{# <h5 style="margin-top: 10px;">{% trans 'Choose files to add' %} :</h5> #}
|
||||
{# action bar #}
|
||||
<div id="addFileList">
|
||||
<div class="btn-toolbar">
|
||||
<div id="addFileList" class="span5 btn-toolbar row">
|
||||
<div class="span2 upload-button">
|
||||
<span id="spanSWFUploadButton" class="span2"></span>
|
||||
<br />
|
||||
<span>
|
||||
<a href="/prod/upload/" class="dialog full-dialog" title="{% trans 'Upload' %}"><span class="label label-info"><i>{% trans 'Switch to html5 uploader' %}</i></span></a>
|
||||
</span>
|
||||
<br />
|
||||
<span class="comment">
|
||||
({% trans %} maximum : {{ maxFileSizeReadable }} {% endtrans %})
|
||||
</span>
|
||||
{# <button type="button" class="upload-submitter btn btn-inverse input-medium">{% trans 'Send' %}</button> #}
|
||||
</div>
|
||||
<div class="span1 uploader-icon">
|
||||
<img src='/skins/icons/logo-flash.png' width="32px" heigh="32px"/>
|
||||
</div>
|
||||
<div class="span2 uploader-info">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<a href="/prod/upload/" class="dialog full-dialog" title="{% trans 'Upload' %}">{% trans 'Switch' %}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{# settings box #}
|
||||
@@ -105,6 +108,7 @@
|
||||
</div>
|
||||
|
||||
<div id="uploadBoxRight" class="well">
|
||||
<h5 style="margin-top: 10px;">{% trans 'Transmited files' %} : </h5>
|
||||
<div class='well-small'>
|
||||
<button id="cancel-all" class="btn disabled" type="button" disabled="disabled">
|
||||
{% trans "Cancel all" %}
|
||||
|
@@ -20,26 +20,30 @@
|
||||
<div id="tab-upload">
|
||||
<form id="fileupload" enctype="multipart/form-data" method="POST" action="/prod/upload/">
|
||||
|
||||
<div id="uploadBoxLeft" class="well ">
|
||||
<div id="uploadBoxLeft" class="well">
|
||||
|
||||
{# <h5 style="margin-top: 10px;">{% trans 'Choose files to add' %} :</h5> #}
|
||||
{# action bar #}
|
||||
<div id="addFileList">
|
||||
<div class="btn-toolbar">
|
||||
<div id="addFileList" class="span5 btn-toolbar row">
|
||||
<div class="span2 upload-button">
|
||||
<span class="btn btn-inverse fileinput-button input-medium">
|
||||
<span>{% trans 'Select files...' %}</span>
|
||||
<input type="file" name="files[]" multiple>
|
||||
</span>
|
||||
<br />
|
||||
<span>
|
||||
<a href="/prod/upload/flash-version/" class="dialog full-dialog" title="{% trans 'Upload' %}"><span class="label label-info"><i>{% trans 'Switch to flash uploader' %}</i></span></a>
|
||||
</span>
|
||||
<br />
|
||||
<br />
|
||||
<span class="comment">
|
||||
({% trans %} maximum : {{ maxFileSizeReadable }} {% endtrans %})
|
||||
</span>
|
||||
{# <button type="button" class="upload-submitter btn btn-inverse input-medium">{% trans 'Send' %}</button> #}
|
||||
</div>
|
||||
|
||||
<div class="span1 uploader-icon" style= "text-align:left;">
|
||||
<img src='/skins/icons/html5-logo.jpeg' width="32px" heigh="32px" style='margin:10px auto;'/>
|
||||
</div>
|
||||
<div class="span2 uploader-info">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<a href="/prod/upload/flash-version/" class="dialog full-dialog" title="{% trans 'Upload' %}">{% trans 'Switch' %}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{# settings box #}
|
||||
|
BIN
www/skins/icons/html5-logo.jpeg
Normal file
BIN
www/skins/icons/html5-logo.jpeg
Normal file
Binary file not shown.
After Width: | Height: | Size: 755 B |
BIN
www/skins/icons/logo-flash.png
Normal file
BIN
www/skins/icons/logo-flash.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.4 KiB |
@@ -4084,6 +4084,32 @@ dans l'onglet thesaurus : arbres, menus contextuels
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
#uploadBox .uploader-info {
|
||||
text-align:left;
|
||||
font-size:10px;
|
||||
margin:5px 0;
|
||||
}
|
||||
|
||||
#uploadBox .uploader-icon {
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#uploadBox .uploader-icon img{
|
||||
margin:10px auto;
|
||||
}
|
||||
|
||||
#uploadBox .uploader-info p {
|
||||
line-height:10px;
|
||||
font-size:10px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
#uploadBox .uploader-info a {
|
||||
text-decoration: underline;
|
||||
color: darkblue;
|
||||
margin:5px 0;
|
||||
}
|
||||
|
||||
#uploadBoxRight .progress .progress-bar {
|
||||
height: 10px;
|
||||
}
|
||||
|
@@ -4215,6 +4215,33 @@ dans l'onglet thesaurus : arbres, menus contextuels
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
#uploadBox .uploader-info {
|
||||
text-align:left;
|
||||
font-size:10px;
|
||||
margin:5px 0;
|
||||
}
|
||||
|
||||
#uploadBox .uploader-icon {
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#uploadBox .uploader-icon img{
|
||||
margin:10px auto;
|
||||
}
|
||||
|
||||
#uploadBox .uploader-info p {
|
||||
line-height:10px;
|
||||
font-size:10px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
#uploadBox .uploader-info a {
|
||||
text-decoration: underline;
|
||||
color: darkblue;
|
||||
margin:5px 0;
|
||||
}
|
||||
|
||||
#uploadBoxRight .progress {
|
||||
margin-top: 4px;
|
||||
margin-bottom: 10px;
|
||||
|
Reference in New Issue
Block a user