From 77496864d43dc9f959249c44f3382dcdbc71cc2e Mon Sep 17 00:00:00 2001
From: Nathan Leniz <terakilobyte@gmail.com>
Date: Mon, 9 Mar 2015 11:31:32 +0900
Subject: [PATCH] Unify comment view between comments and show, hide all
 comment input elements when user clicks on new reply button

---
 views/stories/comments.jade | 24 +++++++++++++-----------
 views/stories/show.jade     |  3 ++-
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/views/stories/comments.jade b/views/stories/comments.jade
index bbf84b6322..a0d8cc32f1 100644
--- a/views/stories/comments.jade
+++ b/views/stories/comments.jade
@@ -57,29 +57,31 @@
                                 $('.comment-a-comment').on('click', 'a', function () {
                                     $(this).unbind('click');
                                     $('.comment-to-comment-formgroup').empty();
+                                    $('#initial-comment-submit').addClass('hidden-element');
                                     var div = document.createElement('div');
                                     var commentId = $(this).attr('id');
                                     $(div).html(
-                                        "<div class='formgroup comment-to-comment-formgroup'>" +
-                                            "<div class=col-xs-12" +
+                                        "<div class='formgroup comment-to-comment-formgroup control-label-story-submission'>" +
+                                            '<div class="col-xs-12">' +
                                                 "<div class='input-group'>" +
-                                                    "<input class='form-control' id='comment-to-comment-textarea' type='text' maxlength='140' autofocus />" +
+                                                    "<input class='form-control big-text-field field-responsive' id='comment-to-comment-textinput' type='text' maxlength='140' autofocus />" +
+                                                    "<span class='input-group-btn'>" +
+                                                        "<button id='submit-comment-to-comment' class='btn btn-big btn-primary btn-responsive'>Send</button>" +
+                                                    "</span>" +
                                                 "</div>" +
                                             "</div>" +
-                                            "<span class='input-group-btn'>" +
-                                                "<button id='submit-comment-to-comment' class='btn btn-big btn-primary btn-responsive' type='button'>Send</button>" +
-                                            "</span>" +
-                                            "<span class='pull-left' id='textarea_feedback'></span>" +
+                                            "<div id='textarea-comment-feedback'></div>" +
                                         "</div>"
                                     )
                                             .addClass('row')
                                             .appendTo($(this).closest('.media-body-wrapper'));
                                     var text_max = 140;
-                                    $('#textarea_feedback').html(text_max + ' characters remaining');
-                                    $('#comment-to-comment-textarea').keyup(function () {
-                                        var text_length = $('#comment-to-comment-textarea').val().length;
+                                    $('#textarea-comment-feedback').html(text_max + ' characters remaining');
+                                    $('#comment-to-comment-textinput').keyup(function () {
+                                        console.log('I should be showing characters remaining');
+                                        var text_length = $('#comment-to-comment-textinput').val().length;
                                         var text_remaining = text_max - text_length;
-                                        $('#textarea_feedback').html(text_remaining + ' characters remaining');
+                                        $('#textarea-comment-feedback').html(text_remaining + ' characters remaining');
                                     });
                                     var submitCommentToCommentHandler = function submitCommentToCommentHandler() {
                                         $('#submit-comment-to-comment').unbind('click');
diff --git a/views/stories/show.jade b/views/stories/show.jade
index fe36f3c7f7..2a9acb8421 100644
--- a/views/stories/show.jade
+++ b/views/stories/show.jade
@@ -41,7 +41,8 @@
                     input#comment-box.big-text-field.field-responsive.form-control(type='text', placeholder='Enter your reply', autofocus)
                     span.input-group-btn
                         button#comment-button.btn.btn-big.btn-primary.btn-responsive(type='button') Send
-                span.pull-left#textarea_feedback
+                span.spacer.pull-left#textarea_feedback
+
     script.
         $('#reply-to-main-post').on('click', function() {
             $('#initial-comment-submit').removeClass('hidden-element');