// Modal upload window
#upload-modal.reveal data-reveal=true role='dialog'
  h1 Upload new screenshots
  .grid-x
    .small-4.cell
      = form_for :screenshot, url: upload_image_path, html: { multipart: true } do |f|
        / = image_tag("/images/dummy/upload.svg", style: "width: 100%", id: 'upload-image')
        a.button.round id='upload-image' Start uploading
        = f.file_field :image, id: 'fileupload', multiple: true, style: 'display: none'

    .small-8.cell
      .bigpanel
        p Thanks for uploading more screenshots. Please note:
        ul
          li
            ' Your screenshot should contain a typical scene when working with it.
          li
            ' Take only a screenshot of the respective application and not of
            ' your whole desktop (unless the screenshot is meant for a window manager).
          li
            ' Your screenshots must be in PNG format.
          li
            ' You can upload multiple images at once.
          li
            ' Your screenshot need to be approved by the moderators first.
            ' You will already see your screenshot but it will not be visible to
            ' others instantly. If moderators reject your upload you will get
            ' notified next time you visit this site (requires cookies).
          li
            ' Images larger than 800x600 pixels will automatically be reduced.
            ' So don't try to capture too much detail in a screenshot. It may become
            ' unreadable. Shrink the applications window if possible.
          li
            ' Screenshots are made public and can freely be used by anyone.
          li
            ' Useful programs for making screenshots are shutter, ksnapshot (KDE),
            ' gimp, xwd or scrot. See the
            a href='http://wiki.debian.org/ScreenShots' Debian wiki
            '  for more information on how to make screenshots under Debian.
          li
            ' Please set your language to english so that everybody understands it.
            ' If you don't use english by default please start your application
            ' from a shell using after setting "export LANG=C".


javascript:
  $(function () {
    var upload_enabled = true;

    // If the image button is clicked then imitate a click on the file
    // select button that is hidden.
    $("#upload-image").click( function () {
      if (upload_enabled) {
        $("#fileupload").click();
      }
    });

    // Files have been selected. Tell the user what's going on and
    // submit the upload form.
    $('#fileupload').change( function () {
      upload_enabled = false;
      $('#upload-image').html('Please wait...');
      $('form').submit();
    });
  });