commit 68690df03646ee5240181765e27ee33138375371 Author: Gerard Balde Date: Tue Aug 27 16:12:29 2024 +0800 Initial commit diff --git a/index.html b/index.html new file mode 100644 index 0000000..27cd776 --- /dev/null +++ b/index.html @@ -0,0 +1,336 @@ + + + + + + Comment Thread Component + + + + + +
+

Comment Thread Component

+ +
No comment
+

No comment yet. Display clickable add comment text with icon.

+ + + + + + + + + + + + + + + + + +
#First ColumnSecond ColumnComment
1Lorem Ipsum 1Lorem Ipsum 2 +
+ Add Comment +
+
+ +
Opened comment
+

Comment opened already. Clickable and display modal upon clicking the comment area.

+ + + + + + + + + + + + + + + + + +
#First ColumnSecond ColumnComment
1Lorem Ipsum 1Lorem Ipsum 2 +
+
+ + ... +
+
+
+ + Juan Dela Cruz +
+
+ + 08 Aug 2024 01:06 PM +
+
+

+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum +

+
+
+
+
+ +
Unread Latest Comment
+

Latest comment unopened. Font weight set to bold.

+ + + + + + + + + + + + + + + + + +
#First ColumnSecond ColumnComment
1Lorem Ipsum 1Lorem Ipsum 2 +
+
+ + ... +
+
+
+ + Juan Dela Cruz +
+
+ + 08 Aug 2024 01:06 PM +
+
+

+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum +

+
+
+
+
+ +
Open Comment Modal
+

Open modal to add/view comments/replies

+ + + + + + + + + + + + + + + + + +
#First ColumnSecond ColumnComment
1Lorem Ipsum 1Lorem Ipsum 2 +
+
+ + ... +
+
+
+ + Juan Dela Cruz +
+
+ + 08 Aug 2024 01:06 PM +
+
+

+ + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum +

+
+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/index.js b/index.js new file mode 100644 index 0000000..c80ec08 --- /dev/null +++ b/index.js @@ -0,0 +1 @@ +console.log('test'); \ No newline at end of file diff --git a/package.json b/package.json new file mode 100644 index 0000000..d2010b3 --- /dev/null +++ b/package.json @@ -0,0 +1,11 @@ +{ + "name": "comment-thread-plain-component", + "version": "1.0.0", + "description": "Display latest comment in the table, Add comments and replies", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "author": "Gerard Balde", + "license": "ISC" +} diff --git a/public/default.png b/public/default.png new file mode 100644 index 0000000..ca9fa88 Binary files /dev/null and b/public/default.png differ