.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();
        )