From 68690df03646ee5240181765e27ee33138375371 Mon Sep 17 00:00:00 2001 From: Gerard Balde Date: Tue, 27 Aug 2024 16:12:29 +0800 Subject: [PATCH] Initial commit --- index.html | 336 +++++++++++++++++++++++++++++++++++++++++++++ index.js | 1 + package.json | 11 ++ public/default.png | Bin 0 -> 2864 bytes 4 files changed, 348 insertions(+) create mode 100644 index.html create mode 100644 index.js create mode 100644 package.json create mode 100644 public/default.png 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 0000000000000000000000000000000000000000..ca9fa88471a83781acf0c00784d5b4bad2ca487b GIT binary patch literal 2864 zcmW-j2UL^E7RNsVNa(R3EDs{E;vy)kf(p{hO4(f=^5CI7P!!!&Tv3qfDgp^z2@rZq zA=E&qp(H_qpaDce&U0gv&KxlE3GC={^K0?*Bfdpn@U|u&5K@?D0DU-N}QX`)LrgH2^{A zEeMK=g`i!q@x&bn+ILhLdBhEZq#^g;Jb(H0X|bpnmtRm+SX44SJ(HJTI5sxEwzl@_ z)xh)T-5Hr#TU%Qdl~r8sI}T@Pcng&CS%> zT1rbxYfUYsth}<8Qb(z)r+`u4(A3miS65$G-_Y3D)X>maN-8fUm6hNKRaNBb>YCyb zd__f7O-(Jaw5*`8xUH?7SV|(5RpjOsRDzR{Yw!djgTWvWOUuhE@r2Tb#wJh+)M{*M z!r_THJfWFNrP1iEt!?$7dQ)>-TU&NcUQTX)3s`Dz@95~r&dtxt$)nL|*zDY_?A-Qt zS_uwMqk~`+6cuB$z}~`~yn@WE90sE!6PuHP%}&qAO3%R7)YiQl8JV1%tgCD2c-F~e zc76Exv8jnVH#axGupkzTOG@zHzI}^{iHVJkjf;yzp-^ZvIzB!=At50#F)=AADLFYg zB_$;_HTB7pCr_U~O-oC|U@+zyKlx9zfymR|iM|nSX=^_hNQ+bv*}O>F)07>3Q)2DEyMeV)gd+ z_VxAk_xHa7P8t|^{rWZV1Dnkr0-gX)8V2IOc?)a-jP(w18W{yHdH?{B%5D4by0mTKOQ1}TrcyUoA5-lw)0jkT(%PT7@ zpFe+IU0nq>USD6ANF*B@8(+SB+1%U&X5QZ3-r3pN-QE5A^()|imifzG2$HLIakTS{ zZ>g;1cShYneyY;rmD| zR)yt|qtlYfbpLSAY+%t=sK3{-q&v8`Nvgr>kx$6!$Qyph@r^1)f?Kxp$QhL9P zR`8nA{$Zju#&>M5lAirvSyu!je%i7qJ9W(-1umC!;e>`#0!Js^PZo96G)cCR>~E$O zu4m^@S4ecw)pAyBA>V^5!p6M}dJ=s!5X%(%JyWb0GXh;3VW|uA{f2jTZtB%6^tx-}ODGdcb-AGb1hdzaQC%zwUgQWyTV-#oUlvO%Iq#<#)s4Igu!V<$T+

*?EPk9lm`;XXd9~ zaIAjOWXqT++!j8H)Gtn)2#Tmw>rePaU4GqV$7JjK`E?Ya zQ26lEa&lcFg?({6H658CjBrHlgiN#1ie)ASuk*)SN@gF`AZ^e-);fbUQdp|6!vZ#$|3s%P@?xZ1_K-N1x3~BnKgytM!yw zTKBfey^nHJzQmo_pg`nL_MJv)H>Gr&>8>Gfc($h2;$f6&)sn!)%>+)MJKd5e?3nl7 zmJRk8XM3qQ&aP4`!^`y1!cD_KuF5c}1$SRdU7u%{gyA8}h6!6$Fo7ZH7f``n||U8_XLb`PWqSwpRo6k(j#;av4MfL8S7@ZREes6uMQsd3@<~VjixS$JSr%Eq}AH270sI zV7Yb=@j6EHgPEDxML)0Lit{IDnue`hd0wmr8f|OgKLg3|C`zbJXD~AE$AhUakp8w= z-zEivX%`1>nx2!=eLd3u%qExP#ky*$`P5Q_P zT@LRHS5)q;6pGnu;oM-*tk8Wkp0ZJHvwypVts=CJVEarEyt5d!;Iq4kzWM>IWR@_it}|tE->hi{|d`Xr8)>q+W*8w>O{qaRaF|_;X3L zbsO2IR`Tar^!o0@Wy`?a4usX>g-3J2QBg+|<^wQ7fyREjQ9gS+f~&~6>m3kah3E*^ zkFW2u-El8ot^|Dp?H=bOO`McjdS6dtzj7qfE~ ZLgvRUj{Gpa175q3%P($@6np=;{{!!q3-15` literal 0 HcmV?d00001