nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix preview with uploaded photos

Browse source
This commit is contained in:
Benjamin Neff 2018-07-15 20:31:02 +02:00
parent e5687dd7e0
commit 80bc90afa9
No known key found for this signature in database
GPG key ID: 971464C3F1A90194
2 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app/assets/javascripts/app/views/publisher/uploader_view.js
View file

@ -72,11 +72,19 @@ app.views.PublisherUploader = Backbone.View.extend({
); );
// replace placeholder // replace placeholder
var placeholder = publisher.photozoneEl.find("li.loading#upload-" + id); var placeholder = publisher.photozoneEl.find("li.loading#upload-" + id);
var imgElement = document.createElement("img");
imgElement.src = image.thumb_medium.url;
imgElement.classList.add("hidden");
imgElement.dataset.id = photoId;
imgElement.dataset.small = image.thumb_small.url;
imgElement.dataset.scaled = image.scaled_full.url;
placeholder placeholder
.prepend( .prepend(
"<div class=\"x\"></div>" + '<div class="x"></div>' +
"<div class=\"circle\"></div>" + '<div class="circle"></div>' +
"<img src=\"" + image.url + "\" data-id=\"" + photoId + "\" alt=\"\" class=\"hidden\" />" imgElement.outerHTML
).removeClass("loading"); ).removeClass("loading");
placeholder.find("div.progress").remove(); placeholder.find("div.progress").remove();
placeholder.find("img").on("load", function(ev) { placeholder.find("img").on("load", function(ev) {

4
spec/javascripts/app/views/publisher_view_spec.js
View file

@ -624,7 +624,9 @@ describe("app.views.Publisher", function() {
var img = li.find('img'); var img = li.find('img');
expect(li).not.toHaveClass("loading"); expect(li).not.toHaveClass("loading");
expect(img.attr("src")).toBe("/uploads/images/test.jpg"); expect(img.attr("src")).toBe("/uploads/images/thumb_medium_test.jpg");
expect(img.attr("data-small")).toBe("/uploads/images/thumb_small_test.jpg");
expect(img.attr("data-scaled")).toBe("/uploads/images/scaled_full_test.jpg");
expect(img.attr("data-id")).toBe("987"); expect(img.attr("data-id")).toBe("987");
}); });