Contents

<div id="image-links">
<% answer.keys.each do |f| %>
  <div class="uploaded_image">
    <a href='<%="#{answer[f]}"%>' data-gallery><img height="200px" src='<%="#{answer[f]}"%>'/></a><br/>
    <button class="button-secondary" name="remove_file" value="<%=f%>">Remove</button>
  </div>
<% end %>
</div>
<br/>
<div class="clear"></div>
<p>As this demo is hosted on Heroku, there is no storage, so any uploads will appear as a sample image.</p>
<input id="fileupload" type="file" name="files[]" multiple>
<button id="upload_button" name="upload">Upload photo...</button>
<div id="progress" class="progress">
  <div class="progress-bar progress-bar-success"></div>
</div>

<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
  <div class="slides"></div>
  <h3 class="title"></h3>
  <a class="prev">‹</a>
  <a class="next">›</a>
  <a class="close">×</a>
  <a class="play-pause"></a>
  <ol class="indicator"></ol>
</div>
<br/>
<button name="continue">Continue</button>

<script>
  $("#fileupload").css( "display", "none" )
  $("#upload_button").click( function() {
      $("#fileupload").click()
      return false
  })

  $('#fileupload').fileupload( {
    dataType: 'script',
    acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
    singleFileUploads: false,
    disableImageResize: /Android(?!.*Chrome)|Opera/.test(window.navigator.userAgent),
    imageMaxWidth: 800,
    imageMaxHeight: 800,
    imageCrop: false
  }).on('fileuploadprogressall', function (e, data) {
    var progress = parseInt(data.loaded / data.total * 100, 10);
    $('.progress-bar').css( 'width', progress + '%' ).css( 'display', 'block' )
  })

  $("#image-links a").click( function(event) {
    event = event || window.event
    target = event.target || event.srcElement
    link = target.src ? target.parentNode : target
    options = {index: link, event: event}
    links = $("#image-links a")
    blueimp.Gallery(links, options)
  })
</script>

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
doop-0.0.5.2	demo/app/views/doop/_file_uploader.html.erb
doop-0.0.5.1	demo/app/views/doop/_file_uploader.html.erb
doop-0.0.5	demo/app/views/doop/_file_uploader.html.erb