jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

/uploads/batch: add thumbnail previews (#3194).

Browse Source
This commit is contained in:
evazion
2017-06-26 20:50:22 -05:00
parent d33b57b57e
commit 281ddae35d
2 changed files with 36 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/assets/stylesheets/specific/uploads.scss
View File

@@ -47,4 +47,28 @@ div#c-uploads {
display: inline;
}
}
div.upload-preview {
display: inline-block;
> a {
width: 154px;
height: 154px;
margin: 0 10px 10px 0;
display: inline-block;
img {
margin: auto;
border: 2px solid transparent;
max-width: 154px;
max-height: 154px;
}
}
.caption-top {
font-size: 0.8em;
margin-bottom: 0;
}
}
}

16
app/views/uploads/batch.html.erb
View File

@@ -2,11 +2,19 @@
<div id="a-new">
<h1>Batch Upload</h1>
<ul id="links">
<section>
<% @urls.each.with_index do |url, i| %>
<li><%= link_to "Image ##{i}", new_upload_path(:url => url, :ref => params[:url]), :target => "_blank" %></li>
<div class="upload-preview">
<p class="caption-top">
<%= link_to "Image ##{i}", new_upload_path(url: url, ref: params[:url]), target: "_blank" %>
</p>
<%= link_to new_upload_path(url: url, ref: params[:url]), target: "_blank" do %>
<%= image_tag url %>
<% end %>
</div>
<% end %>
</ul>
</section>
<p><%= link_to "Open all links in new windows", "#", :id => "link" %></p>
</div>
@@ -20,7 +28,7 @@
<script type="text/javascript">
$(function() {
$("#link").click(function() {
$("#links a").each(function(i, v) {
$(".upload-preview > a").each(function(i, v) {
window.open(v.href);
});
});