da235cec05
* Fix preview images not being resized to fit the screen when using the bookmarklet. * Fit images to both screen width and height by default. Previously we fit to screen width only, so tall images were hard to see. * Allow clicking on the image or pressing Z to toggle image size. * Move size information to above the image and add resize links: ** small: fit width and height ** large: fit width ** full: fit none * Bind the image error handler in an onerror attribute on the image itself so that it will always fire. Before it wouldn't fire if the image failed immediately on pageload before we could bind the error handler.
95 lines
4.4 KiB
Plaintext
95 lines
4.4 KiB
Plaintext
<div id="c-uploads">
|
|
<div id="a-new" data-image-size="small">
|
|
<h1>Upload</h1>
|
|
|
|
<% if !CurrentUser.user.upload_limit.limited? %>
|
|
<%= embed_wiki("help:upload_notice", id: "upload-guide-notice") %>
|
|
|
|
<% unless CurrentUser.can_upload_free? %>
|
|
<p id="upload-limit">
|
|
Upload Limit: <%= render "users/upload_limit", user: CurrentUser.user %>
|
|
</p>
|
|
<% end %>
|
|
|
|
<%= render "image" %>
|
|
<%= render "related_posts", source: @source %>
|
|
<%= render "sources/info" %>
|
|
|
|
<div id="client-errors" class="error-messages ui-state-error ui-corner-all" style="display:none"></div>
|
|
|
|
<%= edit_form_for(@upload, html: { id: "form" }) do |f| %>
|
|
<%= f.input :md5_confirmation, as: :hidden %>
|
|
<%= f.input :referer_url, as: :hidden, input_html: { value: params[:ref] } %>
|
|
|
|
<% if CurrentUser.can_upload_free? %>
|
|
<%= f.input :as_pending, as: :boolean, label: "Upload for approval", input_html: { checked: params[:as_pending].present? } %>
|
|
<% end %>
|
|
|
|
<%= f.input :file, as: :file, size: 50, wrapper_html: { class: "fallback" } %>
|
|
|
|
<div class="input" id="filedropzone">
|
|
<div class="dropzone-hint">Click or drag and drop to upload a file</div>
|
|
<div class="dropzone-hint hint">Max size: <%= number_to_human_size(Danbooru.config.max_file_size) %>. Supported filetypes: jpg, png, gif, swf, mp4, webm.</div>
|
|
</div>
|
|
|
|
<div class="upload_source_container">
|
|
<%= f.input :source, as: :string, placeholder: "Enter the URL to upload here", input_html: { size: 50, value: params[:url] } %>
|
|
<%= tag.button "Similar", id: "similar-button" %>
|
|
</div>
|
|
|
|
<%= f.input :rating, collection: [["Explicit", "e"], ["Questionable", "q"], ["Safe", "s"]], as: :radio_buttons, selected: params[:rating] %>
|
|
|
|
<%= f.input :parent_id, label: "Parent ID", as: :string, input_html: { value: params[:parent_id] } %>
|
|
|
|
<div class="input upload_artist_commentary_container">
|
|
<strong>Commentary</strong>
|
|
<a href="#" id="toggle-artist-commentary">show »</a>
|
|
|
|
<div class="artist-commentary" style="display: none;">
|
|
<%= f.input :artist_commentary_title, as: :string, label: "Original Title", input_html: { size: 60, value: params[:artist_commentary_title] } %>
|
|
<%= f.input :artist_commentary_desc, as: :text, label: "Original Description", input_html: { size: "60x5", value: params[:artist_commentary_desc] } %>
|
|
<%= f.input :include_artist_commentary, as: :boolean, label: "Include Commentary", input_html: { checked: params[:include_artist_commentary].present? } %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input upload_commentary_translation_container" style="display: none;">
|
|
<strong>Translation</strong>
|
|
<a href="#" id="toggle-commentary-translation">show »</a>
|
|
|
|
<div class="commentary-translation" style="display: none;">
|
|
<%= f.input :translated_commentary_title, as: :string, label: "Translated Title", input_html: { size: 60, value: params[:translated_commentary_title] } %>
|
|
<%= f.input :translated_commentary_desc, as: :text, label: "Translated Description", input_html: { size: "60x5", value: params[:translated_commentary_desc] } %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input fixed-width-container" id="tags-container">
|
|
<div class="header">
|
|
<%= f.label :tag_string, "Tags" %>
|
|
|
|
<span class="options">
|
|
<i id="face" class="fas"></i>
|
|
<span class="count"></span>
|
|
<a href="javascript:void(0)"><i id="open-edit-dialog" class="fas fa-arrows-alt" title="detach" data-shortcut="shift+e"></i></a>
|
|
</span>
|
|
</div>
|
|
|
|
<%= f.input :tag_string, label: false, input_html: { size: "60x5", "data-autocomplete": "tag-edit", "data-shortcut": "e", spellcheck: false, value: params[:tag_string] } %>
|
|
<%= render "related_tags/buttons" %>
|
|
</div>
|
|
|
|
<%= f.submit "Submit", id: "submit-button", data: { disable_with: false } %>
|
|
|
|
<%= render "related_tags/container" %>
|
|
<% end %>
|
|
<% else %>
|
|
<h2 style="margin-bottom: 1em;">You <%= CurrentUser.user.upload_limit.limit_reason %></h2>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<template id="dropzone-preview-template">
|
|
<%= render "dropzone_preview" %>
|
|
</template>
|
|
|
|
<%= render "uploads/secondary_links" %>
|