#image_files_content
  #image_files_big_container.container-fluid
    .row-fluid
      .span3#albums=render :partial => "admin/albums/albums"
      
    

      
      
      .span9
        =render :partial => "image_files_container"


  %form#fileupload{:action => admin_image_files_path(:id => @image_file.id, :album_id => params[:album_id], :manager => params[:manager], :multiple => params[:multiple]),:method=>"POST", :enctype=>"multipart/form-data", :style => "display:inline;"}
    %input{:name => "redirect", :type => "hidden", :value => "/"}/
  
    .navbar.navbar-fixed-bottom{:style => "position:absolute;"}
      .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%;"}
         
            %div{:style => "float:left;padding: 10px;height:20px;"}
              %input#grid_slider{:type=>"text", :value=>""}
        
            :coffeescript
              initialize_slider()
        
         
    
    
          .brand Images
      


         
            
            
            
            
          .container.nav-collapse
            %ul.nav#multiple_selection

              %li.dropdown#multiple_menu
                %a#multiple_selection_text{:href => "#", :class => "dropdown-toggle", :data => {:toggle => "dropdown"}}
                  %b.caret
        
                %ul.dropdown-menu
                  -if params[:multiple]
                    %li
                      %a{:href => "#", :onclick => "manager_send_multiple_image_files();return false;"} Sélectionner ces images
                  %li
                    %a{:href => "#", :onclick => "delete_multiple_images();return false;"} Supprimer ces images
          
                  %li.divider
                  %li
                    %a{:href => "#", :onclick => "unselect_all_image();return false;"} Tout désélectionner
                  %li  
                    %a{:href => "#", :onclick => "select_all_image();return false;"} Tout sélectionner
          
      
    
            %ul.nav
              %li
                %a{:href => "#", :onclick => "$(this).next('input').click();return false;"}
                  %span.fileinput-button{}
                    %i.icon-plus.icon-white
                    %span Ajouter des images
                %input{:multiple => "", :name => "files[]", :type => "file", :style => ""}
      
            
              

        
        
         

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