JavaScript plugin customization

[kuzned]

Hello Daniela and everyone,

Is it possible to move the "Post your comment" form to the end of the comments tree in the current version of the JavaScript plugin?
Also, could the comment count be removed from the place before the form?
I'm ready to edit the JS file of the plugin manually if needed.

I've read some related posts like #376 and #321, but haven't found the solution.

Could you please let me know if the rough customization I mentioned is currently available for the JavaScript plugin?

[danirus]

Hi @kuzned, yes, it is possible. In the django_comments_xtd/static/django_comments_xtd/js/src directory you can find the sources. The file commentbox.jsx put all the components together. Scroll to the bottom and within the JSX code that is returned you see the different components. To remove the comment counter simply remove the <CommentCounter /> entry. In the module commentform.jsx you will find the entry Post your comment.

Take a look at the scripts provided by the package.json file. I recommend you to install NodeJS with nvm. Then use a stable version of NodeJS nvm use stable. After that you can use any of the scripts of the package.json. Mainly compile or watch during development. When using the output of compile remember to change the src attribute of your <script> entry to load the script just produced.

Happy coding!

[kuzned]

Hello Daniela, thank you a lot for the detailed explanation.
I used the Comp demo project to test the changes I had made.

First, I commented out the <CommentCounter /> entry.
Then swapped the <CommentFormWrapper /> with a comment tree div.

After compiling, minifying, and getting the plugin files, voila!
Everything is done and works.

[danirus]

You are welcome 🤗