3 files changed, 52 insertions, 0 deletions
diff --git a/app/views/comments/_comment.html.haml b/app/views/comments/_comment.html.haml
new file mode 100644
index 0000000..225b5d9
--- /dev/null
+++ b/app/views/comments/_comment.html.haml

@@ -0,0 +1,14 @@
+.blog-comment{ id: "comment-#{comment.id}" }
+  %blockquote.bubble.rounded.bottom
+    = image_tag comment.gravatar_url, class: "comment-avatar"
+    = markdown(comment.body, { restricted: true })
+    .clear
+  %cite.bubble
+    %strong
+      - if comment.website.empty?
+        = comment.username
+      - else
+        = link_to comment.username, comment.website
+    on
+    = comment.published_at.strftime("%B #{comment.published_at.day.ordinalize}, %Y at %-I:%M:%S%P")
+    = link_to (image_tag "comment_add.png"), "#", class: "comment-reply-to", title: "Reply to comment", data: { comment_id: comment.id, comment_author: comment.username }
diff --git a/app/views/comments/_form.html.haml b/app/views/comments/_form.html.haml
new file mode 100644
index 0000000..12692c2
--- /dev/null
+++ b/app/views/comments/_form.html.haml

@@ -0,0 +1,32 @@
+= form_for @comment || blog.comments.new, html: { id: "comment-form" } do |f|
+  = f.hidden_field :reply_to_id
+  %fieldset#comment-body-field
+    %blockquote.bubble.rounded.bottom
+      #comment-reply-msg
+        = link_to (image_tag "cross.png"), "#", class: "comment-reply-cancel"
+        Replying to comment by
+        = succeed ":" do
+          %span.comment-reply-author
+      = f.label :body
+      = f.text_area :body
+    %cite.bubble Feel free to post a comment! You may use Markdown.
+  - if @comment and @comment.errors.any?
+    %ul#form-errors
+      - @comment.errors.full_messages.each do |msg|
+        %li= msg
+  %fieldset#comment-other-fields
+    .comment-name-field.comment-field
+      .comment-field-label= f.label :username
+      .comment-field-input= f.text_field :username
+    .comment-email-field.comment-field
+      .comment-field-label= f.label :email
+      .comment-field-input= f.text_field :email, type: :email
+    .comment-website-field.comment-field
+      .comment-field-label= f.label :website, "Website (Optional)"
+      .comment-field-input= f.text_field :website, type: :url
+    .comment-website-field.comment-field
+      .comment-field-label
+      .comment-field-input= recaptcha_tags
+    .comment-submit-button.comment-field
+      .comment-field-label
+      .comment-field-input= f.submit "Post"
diff --git a/app/views/comments/_layout.html.haml b/app/views/comments/_layout.html.haml
new file mode 100644
index 0000000..9acf6b0
--- /dev/null
+++ b/app/views/comments/_layout.html.haml

@@ -0,0 +1,6 @@
+%a{ name: "comments" }
+#comments
+  %h2 Comments
+  - blog.comments.published_and_ordered.each do |comment|
+    = render comment
+  = render "comments/form", blog: blog

diff --git a/app/views/comments/_comment.html.haml b/app/views/comments/_comment.html.haml new file mode 100644 index 0000000..225b5d9 --- /dev/null +++ b/app/views/comments/_comment.html.haml
@@ -0,0 +1,14 @@
	1	.blog-comment{ id: "comment-#{comment.id}" }
	2	%blockquote.bubble.rounded.bottom
	3	= image_tag comment.gravatar_url, class: "comment-avatar"
	4	= markdown(comment.body, { restricted: true })
	5	.clear
	6	%cite.bubble
	7	%strong
	8	- if comment.website.empty?
	9	= comment.username
	10	- else
	11	= link_to comment.username, comment.website
	12	on
	13	= comment.published_at.strftime("%B #{comment.published_at.day.ordinalize}, %Y at %-I:%M:%S%P")
	14	= link_to (image_tag "comment_add.png"), "#", class: "comment-reply-to", title: "Reply to comment", data: { comment_id: comment.id, comment_author: comment.username }


diff --git a/app/views/comments/_form.html.haml b/app/views/comments/_form.html.haml new file mode 100644 index 0000000..12692c2 --- /dev/null +++ b/app/views/comments/_form.html.haml
@@ -0,0 +1,32 @@
	1	= form_for @comment \|\| blog.comments.new, html: { id: "comment-form" } do \|f\|
	2	= f.hidden_field :reply_to_id
	3	%fieldset#comment-body-field
	4	%blockquote.bubble.rounded.bottom
	5	#comment-reply-msg
	6	= link_to (image_tag "cross.png"), "#", class: "comment-reply-cancel"
	7	Replying to comment by
	8	= succeed ":" do
	9	%span.comment-reply-author
	10	= f.label :body
	11	= f.text_area :body
	12	%cite.bubble Feel free to post a comment! You may use Markdown.
	13	- if @comment and @comment.errors.any?
	14	%ul#form-errors
	15	- @comment.errors.full_messages.each do \|msg\|
	16	%li= msg
	17	%fieldset#comment-other-fields
	18	.comment-name-field.comment-field
	19	.comment-field-label= f.label :username
	20	.comment-field-input= f.text_field :username
	21	.comment-email-field.comment-field
	22	.comment-field-label= f.label :email
	23	.comment-field-input= f.text_field :email, type: :email
	24	.comment-website-field.comment-field
	25	.comment-field-label= f.label :website, "Website (Optional)"
	26	.comment-field-input= f.text_field :website, type: :url
	27	.comment-website-field.comment-field
	28	.comment-field-label
	29	.comment-field-input= recaptcha_tags
	30	.comment-submit-button.comment-field
	31	.comment-field-label
	32	.comment-field-input= f.submit "Post"


diff --git a/app/views/comments/_layout.html.haml b/app/views/comments/_layout.html.haml new file mode 100644 index 0000000..9acf6b0 --- /dev/null +++ b/app/views/comments/_layout.html.haml
@@ -0,0 +1,6 @@
	1	%a{ name: "comments" }
	2	#comments
	3	%h2 Comments
	4	- blog.comments.published_and_ordered.each do \|comment\|
	5	= render comment
	6	= render "comments/form", blog: blog