From 00e719dfe5e08209c038b2fcf4ba799a24626e8f Mon Sep 17 00:00:00 2001
From: Fabiano Alencar <fabianocarvalho15@gmail.com>
Date: Thu, 1 Mar 2018 14:34:22 -0300
Subject: [PATCH] Comments template (Tainacan)

---
 src/assets/scss/_comments.scss | 28 +++++++++++++++
 src/assets/scss/style.scss     | 11 ++++++
 src/comments.php               | 65 ++++++++++++++++++++++++++++++++++
 3 files changed, 104 insertions(+)
 create mode 100644 src/assets/scss/_comments.scss
 create mode 100644 src/comments.php

diff --git a/src/assets/scss/_comments.scss b/src/assets/scss/_comments.scss
new file mode 100644
index 0000000..c0c9685
--- /dev/null
+++ b/src/assets/scss/_comments.scss
@@ -0,0 +1,28 @@
+#comments{
+    label[for=comment]{
+        margin-left: 11.3rem;
+    }
+    form{
+        &#form-comment{
+            textarea{
+                @media only screen {
+                    @media (min-width: 768px){
+                        width: 45vw;
+                    }
+                    @media (max-width: 576px){
+                        width: 100vw;
+                    }
+                }
+            }
+            button{
+                &#submit{
+                    @media screen {
+                        @media (min-width: 768px){
+                            height: 5vh;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index ae792dd..0374ba1 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -12,6 +12,15 @@ Text Domain: tainacans
 */
 @import url('https://fonts.googleapis.com/css?family=Roboto');
 
+body{
+    a{
+        color: #298596;
+        &:hover{
+            color: #298596;
+        }
+    }
+}
+
 @import "_media_query";
 
 nav{
@@ -42,6 +51,8 @@ form{
     }
 }
 
+@import "_comments";
+
 @import "_single-colecoes";
 
 @import "_footer";
\ No newline at end of file
diff --git a/src/comments.php b/src/comments.php
new file mode 100644
index 0000000..bd1f4cb
--- /dev/null
+++ b/src/comments.php
@@ -0,0 +1,65 @@
+<?php
+/**
+ * Tema para exibir Comments.
+ *
+ * A área da página que contém os comentários atuais
+ * E o formulário de comentário. A exibição real dos comentários é
+ * Manipulado por um callback em tainacan_Comments_Callback() que é
+ * Localizado no arquivo functions.php.
+ *
+ * @package WordPress
+ * @subpackage Tainacan Theme
+ */
+
+if (post_password_required()) {
+    return;
+} ?>
+<div class="row">
+	<!-- Container -->
+	<div class="col-xs-12 col-md-12" id="comments">
+		<!--show the form-->
+		<h2 class="title-amount text-uppercase"><i class="fa fa-comments-o" aria-hidden="true"></i> <?php comments_number(__('There are no comments', 'tainacan-theme'), __('1 Comment','tainacan-theme'), __('% Comments','tainacan-theme') );?></h2>
+		<?php if('open' == $post->comment_status) : ?>
+			<div id="respond" class="clearfix">        
+			    <?php if(get_option('comment_registration') && !$user_ID) : ?>
+					<p>
+					<?php printf( __( 'You must be %slogged%s in to post a comment.', 'tainacan-theme'), "<a href='" . get_option('home') . "/wp-login.php'>", "</a>" ); ?>
+					</p>        
+			    <?php else : ?>
+				<label for="comment" class="d-block"><?php _e('Leave your comment', 'tainacan-theme'); ?>:</label>
+			    <form autocomplete="off" action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="form-comment" class="form-inline px-sm-5">
+					<div class="row mx-sm-auto">
+						<div class="form-group">
+							<?php comment_id_fields(); ?>
+							<textarea name="comment" id="comment" tabindex="1" required class="form-control mr-sm-3" rows="2" placeholder="<?php _e('Enter your comment here.', 'tainacan-theme'); ?>"></textarea>
+						</div>
+						<button id="submit" class="btn btn-info bg-jungle-green align-self-center" type="submit" name="submit"><?php _e('Send', 'tainacan-theme') ?></button>
+					</div>
+					
+					<?php cancel_comment_reply_link('Cancel'); ?>
+					<?php do_action('comment_form', $post->ID); ?>
+			    </form>
+			    <?php endif; ?>
+			</div>
+		<?php endif; ?>
+
+	    <?php if (have_comments()) : ?>
+
+            <?php wp_list_comments(array('callback' => 'tainacan_Comments_Callback')); ?>
+
+	        <?php if (get_comment_pages_count() > 1 && get_option('page_comments')) : ?>
+	            <nav id="comment-nav-below" class="navigation" role="navigation">
+	                <div class="nav-previous">
+	                    <?php previous_comments_link( _e('&larr; Newer', 'tainacan-theme')); ?>
+	                </div>
+	                <div class="nav-next">
+	                    <?php next_comments_link(_e('Older &rarr;', 'tainacan-theme')); ?>
+	                </div>
+	            </nav>
+	        <?php endif; // check for comment navigation ?>
+
+	        <?php elseif (!comments_open() && '0' != get_comments_number() && post_type_supports(get_post_type(), 'comments')) : ?>
+	            <p class="nocomments"><?php _e('Comments are closed.', 'tainacan-theme'); ?></p>
+	    <?php endif; ?>
+	</div>
+</div>
\ No newline at end of file