Fix for newly created notes, and for notes resized up/left (#1509)
This commit is contained in:
Toks
2015-05-31 03:21:34 -04:00
parent 1949a48070
commit 19622348c4

View File

@@ -30,28 +30,14 @@ Danbooru.Note = {
$note_box.draggable({
containment: $("#image"),
stop: function(e, ui) {
var $image = $("#image");
var ratio = $image.width() / parseFloat($image.data("original-width"));
var new_x = parseFloat($note_box.css("left"));
var new_y = parseFloat($note_box.css("top"));
new_x = parseInt(new_x / ratio);
new_y = parseInt(new_y / ratio);
$note_box.data("x", new_x);
$note_box.data("y", new_y);
Danbooru.Note.Box.update_data_attributes($note_box);
}
});
$note_box.resizable({
containment: $("#image"),
handles: "se, nw",
stop: function(e, ui) {
var $image = $("#image");
var ratio = $image.width() / parseFloat($image.data("original-width"));
var new_width = parseFloat($note_box.css("width"));
var new_height = parseFloat($note_box.css("height"));
new_width = parseInt(new_width / ratio);
new_height = parseInt(new_height / ratio);
$note_box.data("width", new_width);
$note_box.data("height", new_height);
Danbooru.Note.Box.update_data_attributes($note_box);
}
});
$note_box.css({position: "absolute"});
@@ -61,6 +47,23 @@ Danbooru.Note = {
return $note_box;
},
update_data_attributes: function($note_box) {
var $image = $("#image");
var ratio = $image.width() / parseFloat($image.data("original-width"));
var new_x = parseFloat($note_box.css("left"));
var new_y = parseFloat($note_box.css("top"));
var new_width = parseFloat($note_box.css("width"));
var new_height = parseFloat($note_box.css("height"));
new_x = parseInt(new_x / ratio);
new_y = parseInt(new_y / ratio);
new_width = parseInt(new_width / ratio);
new_height = parseInt(new_height / ratio);
$note_box.data("x", new_x);
$note_box.data("y", new_y);
$note_box.data("width", new_width);
$note_box.data("height", new_height);
},
bind_events: function($note_box) {
$note_box.bind(
"dragstart resizestart",
@@ -731,6 +734,7 @@ Danbooru.Note = {
width: w,
height: h
});
Danbooru.Note.Box.update_data_attributes($note_box);
$note_box.find(".note-box-inner-border").addClass("unsaved");
$note_body.html("<em>Click to edit</em>");
$("#note-container").append($note_box);