After the rework to remove the two comment tables & multiple comment pages, the commenting system was reduced to these two methods of creating comments:

1.

through the comment feed component in vue, this method requires some lines of code in the target's resource file such as these:

This image shows the code behind an "Info Card" which can be customized to carry the information and show it as needed for the page. The info card is completely optional and if not sent along within the resource, it will not be drawn in the comment component

This image shows the more important info to make sure the comment component works, this is how it would look in the front end:

Commentable_type is to separate comments between different pages and modules (if a production order has the same ID as a hplc request, thanks to commentable_type they will be differenciable)

comment_detail may be any piece of information which could be relevant to the comment, (which sample are they talking about, which part of the process was this comment made at, etc)

comment_count is to show how many comments are from that particular item (I will demonstrate how to add the button)

when using custom Table it can be as simple as this:

otherwise, you may need a different method like:

there are minor options to the component such as allowing deleting of comments, but it's self explanatory.

2.

The second method: Adding a comment through the repository of the target manually, & having a custom method to submit the comment in the front end:

Front end: