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

posts: add "view original" sidebar option.

Browse Source 
* Add a "View original" sidebar option.
* Rename the "View large" sidebar option to "View smaller".
* Remove the "Loading..." message when switching image sizes.
* Fix the V hotkey not working after using it once.
* Change #image-resize-link to .image-view-original link (note that
  there are two of these links now, one in the notice bar and one in the
  sidebar).
* Add a `data-post-current-image-size` attribute on the <body> element
  and use it to control visibility of links and notices.
This commit is contained in:
evazion
2020-03-26 04:34:15 -05:00
parent 87a51129b8
commit 1af6850c7c
6 changed files with 34 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
app/javascript/src/javascripts/posts.js.erb
View File

@@ -306,22 +306,17 @@ Post.view_original = function(e) {
return;
}
var $link = $(e.target);
var $image = $("#image");
var $notice = $("#image-resize-notice");
$image.attr("src", $link.attr("href"));
$image.attr("src", $(".image-container").data("file-url"));
$image.css("filter", "blur(8px)");
$image.width($image.data("original-width"));
$image.height($image.data("original-height"));
$image.on("load.danbooru", function() {
$image.css("animation", "sharpen 0.5s forwards");
$notice.hide();
$("#post-option-view-large").show();
});
$notice.children().eq(0).hide();
$notice.children().eq(1).show(); // Loading message
Note.Box.scale_all();
e.preventDefault();
$("body").attr("data-post-current-image-size", "original");
return false;
}
Post.view_large = function(e) {
@@ -331,20 +326,16 @@ Post.view_large = function(e) {
}
var $image = $("#image");
var $notice = $("#image-resize-notice");
$image.attr("src", $(".image-container").data("large-file-url"));
$image.css("filter", "blur(8px)");
$image.width($image.data("large-width"));
$image.height($image.data("large-height"));
$notice.children().eq(0).show();
$notice.children().eq(1).hide(); // Loading message
$image.on("load.danbooru", function() {
$image.css("animation", "sharpen 0.5s forwards");
$notice.show();
$("#post-option-view-large").hide();
});
Note.Box.scale_all();
e.preventDefault();
$("body").attr("data-post-current-image-size", "large");
return false;
}
Post.toggle_fit_window = function(e) {
@@ -355,16 +346,16 @@ Post.toggle_fit_window = function(e) {
};
Post.initialize_post_image_resize_links = function() {
$("#image-resize-link").on("click.danbooru", Post.view_original);
$("#image-view-large-link").on("click.danbooru", Post.view_large);
$(document).on("click.danbooru", ".image-view-original-link", Post.view_original);
$(document).on("click.danbooru", ".image-view-large-link", Post.view_large);
$(document).on("click.danbooru", ".image-resize-to-window-link", Post.toggle_fit_window);
if ($("#image-resize-notice").length) {
Utility.keydown("v", "resize", function(e) {
if ($("#image-resize-notice").is(":visible")) {
$("#image-resize-link").click();
if ($("body").attr("data-post-current-image-size") === "large") {
Post.view_original();
} else {
$("#image-view-large-link").click();
Post.view_large();
}
});
}