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

comments: move Javascript into component.

Browse Source 
This is a minor breaking changing for userscripts that may have tried to
hook into our comment Javascript.
This commit is contained in:
evazion
2021-01-21 20:08:14 -06:00
parent c718667d46
commit 2beac62fc3
3 changed files with 35 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/components/comment_component/comment_component.js Normal file
View File

@@ -0,0 +1,34 @@
class CommentComponent {
static initialize() {
if ($("#c-posts #a-show, #c-comments").length) {
$(document).on("click.danbooru.comment", ".edit_comment_link", CommentComponent.showEditForm);
$(document).on("click.danbooru.comment", ".expand-comment-response", CommentComponent.showNewCommentForm);
$(document).on("click.danbooru.comment", ".unhide-comment-link", CommentComponent.unhideComment);
}
}
static showNewCommentForm(e) {
$(e.target).hide();
var $form = $(e.target).closest("div.new-comment").find("form");
$form.show();
$form[0].scrollIntoView(false);
e.preventDefault();
}
static showEditForm(e) {
$(this).closest(".comment").find(".edit_comment").show();
e.preventDefault();
}
static unhideComment(e) {
let $comment = $(this).closest(".comment");
$comment.find(".unhide-comment-link").hide();
$comment.find(".body").show();
e.preventDefault();
}
}
$(document).ready(CommentComponent.initialize);
export default CommentComponent;

2
app/javascript/packs/application.js
View File

@@ -34,7 +34,7 @@ importAll(require.context('../../components', true, /\.s?css(?:\.erb)?$/));
export { default as jQuery } from "jquery"; export { default as jQuery } from "jquery";
export { default as Autocomplete } from '../src/javascripts/autocomplete.js.erb'; export { default as Autocomplete } from '../src/javascripts/autocomplete.js.erb';
export { default as Blacklist } from '../src/javascripts/blacklists.js'; export { default as Blacklist } from '../src/javascripts/blacklists.js';
export { default as Comment } from '../src/javascripts/comments.js'; export { default as CommentComponent } from "../../components/comment_component/comment_component.js";
export { default as CurrentUser } from '../src/javascripts/current_user.js'; export { default as CurrentUser } from '../src/javascripts/current_user.js';
export { default as Dtext } from '../src/javascripts/dtext.js'; export { default as Dtext } from '../src/javascripts/dtext.js';
export { default as IqdbQuery } from '../src/javascripts/iqdb_queries.js'; export { default as IqdbQuery } from '../src/javascripts/iqdb_queries.js';

35
app/javascript/src/javascripts/comments.js
View File

@@ -1,35 +0,0 @@
let Comment = {};
Comment.initialize_all = function() {
if ($("#c-posts").length || $("#c-comments").length) {
$(document).on("click.danbooru.comment", ".edit_comment_link", Comment.show_edit_form);
$(document).on("click.danbooru.comment", ".expand-comment-response", Comment.show_new_comment_form);
$(document).on("click.danbooru.comment", ".unhide-comment-link", Comment.unhide_comment);
}
}
Comment.show_new_comment_form = function(e) {
$(e.target).hide();
var $form = $(e.target).closest("div.new-comment").find("form");
$form.show();
$form[0].scrollIntoView(false);
e.preventDefault();
}
Comment.show_edit_form = function(e) {
$(this).closest(".comment").find(".edit_comment").show();
e.preventDefault();
}
Comment.unhide_comment = function(e) {
let $comment = $(this).closest(".comment");
$comment.find(".unhide-comment-link").hide();
$comment.find(".body").show();
e.preventDefault();
}
$(document).ready(function() {
Comment.initialize_all();
});
export default Comment