207 lines
5.3 KiB
Plaintext
207 lines
5.3 KiB
Plaintext
|
|
|
|
|
|
|
|
|
|
.row-fluid
|
|
.span9
|
|
%h1 Liste des images du reposoire
|
|
|
|
|
|
|
|
%table.table.table-striped
|
|
%thead
|
|
|
|
%tr
|
|
%td
|
|
|
|
%td
|
|
|
|
%td
|
|
|
|
|
|
|
|
|
|
|
|
%td{:style => "width:100px"}
|
|
|
|
|
|
|
|
|
|
|
|
%tbody#photos.rows
|
|
|
|
=render @photos
|
|
|
|
|
|
|
|
.span3
|
|
%h3 Tags
|
|
=render :partial => "tags"
|
|
|
|
|
|
:coffeescript
|
|
root = exports ? this
|
|
root.tag_id = []
|
|
|
|
|
|
$(document.body).on "click", "#tags .tag_label", ->
|
|
|
|
if $(this).hasClass("active")
|
|
$(this).removeClass "active"
|
|
|
|
else
|
|
$(this).addClass "active"
|
|
|
|
root.tag_id = []
|
|
|
|
$("#tags .tag_label.active").each ->
|
|
root.tag_id.push $(this).data "tag_id"
|
|
|
|
if root.tag_id.length > 0
|
|
$(".set_tag").show()
|
|
else
|
|
$(".set_tag").hide()
|
|
|
|
|
|
$(document.body).on "click", ".set_tag", ->
|
|
|
|
$.ajax({
|
|
url:$(this).attr("href"),
|
|
type: "PUT",
|
|
data: {
|
|
tag_id : tag_id
|
|
}
|
|
|
|
})
|
|
|
|
return false
|
|
|
|
|
|
|
|
%form#fileupload{:action => admin_photos_path(:multiple => params[:multiple]),:method=>"POST", :enctype=>"multipart/form-data", :style => "display:inline"}
|
|
|
|
|
|
%input{:name => "redirect", :type => "hidden", :value => "/"}/
|
|
|
|
.navbar.navbar-fixed-bottom
|
|
.navbar-inner
|
|
.container-fluid
|
|
|
|
.pull-right{:style => ""}
|
|
|
|
.fileupload-progress.fade{:style => "float:left;"}
|
|
#upload_details{:style => ""}
|
|
.content
|
|
.fileupload-buttonbar
|
|
%button.btn.btn-warning.cancel{:type => "reset"}
|
|
%i.icon-ban-circle.icon-white
|
|
%span Cancel upload
|
|
%span.fileupload-loading
|
|
|
|
%table.table.table-striped{:role => "presentation"}
|
|
%tbody.ulpoad_files
|
|
|
|
|
|
|
|
.progress-extended{:style => "float:left;padding: 10px;font-size:14px;line-height:20px;"}
|
|
|
|
|
|
.progress.progress-success.progress-striped.active{"aria-valuemax" => "100", "aria-valuemin" => "0", :role => "progressbar",:style => "width:200px;float:left;margin: 10px;height:20px;"}
|
|
.bar{:style => "width:0%;"}
|
|
|
|
|
|
.container.nav-collapse
|
|
|
|
|
|
%ul.nav
|
|
%li
|
|
%a.btn{:href => "#", :onclick => "$(this).next('input').click();return false;"}
|
|
%i.icon-plus.icon-white
|
|
%span Ajouter des images
|
|
%input{:multiple => "", :name => "files[]", :type => "file", :style => "display:none;"}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
:plain
|
|
<!-- The template to display files available for upload -->
|
|
<script id="template-upload" type="text/x-tmpl">
|
|
{% for (var i=0, file; file=o.files[i]; i++) { %}
|
|
<tr class="template-upload fade">
|
|
<td>
|
|
<span class="preview"></span>
|
|
</td>
|
|
<td>
|
|
<p class="name">{%=file.name%}</p>
|
|
{% if (file.error) { %}
|
|
<div><span class="label label-important">Error</span> {%=file.error%}</div>
|
|
{% } %}
|
|
</td>
|
|
<td>
|
|
<p class="size">{%=o.formatFileSize(file.size)%}</p>
|
|
{% if (!o.files.error) { %}
|
|
<div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar" style="width:0%;"></div></div>
|
|
{% } %}
|
|
</td>
|
|
<td>
|
|
{% if (!o.files.error && !i && !o.options.autoUpload) { %}
|
|
<button class="btn btn-primary start">
|
|
<i class="icon-upload icon-white"></i>
|
|
<span>Start</span>
|
|
</button>
|
|
{% } %}
|
|
{% if (!i) { %}
|
|
<button class="btn btn-warning cancel">
|
|
<i class="icon-ban-circle icon-white"></i>
|
|
<span>Cancel</span>
|
|
</button>
|
|
{% } %}
|
|
</td>
|
|
</tr>
|
|
{% } %}
|
|
</script>
|
|
<!-- The template to display files available for download -->
|
|
<script id="template-download" type="text/x-tmpl">
|
|
{% for (var i=0, file; file=o.files[i]; i++) { %}
|
|
<tr class="template-download fade", :style => "display:none;">
|
|
|
|
</tr>
|
|
{% } %}
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
:coffeescript
|
|
$('#fileupload').fileupload({
|
|
paramName:"files",
|
|
dataType:"script",
|
|
autoUpload:true,
|
|
filesContainer:".ulpoad_files"
|
|
|
|
}).bind('fileuploadadded',(e, data)->
|
|
$("#upload_details").show();
|
|
).bind('fileuploadfinished',(e, data)->
|
|
$("#upload_details").hide();
|
|
)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|