Fix bugs

apps/common/main/lib/collection/Comments.js

@@ -58,6 +58,7 @@ define([
             this.each(function(comment) {
                 comment.set('editText', false);
                 comment.set('editTextInPopover', false);
+                comment.set('showBtnsInPopover', false);
                 comment.set('showReply', false);
                 comment.set('showReplyInPopover', true);
                 comment.set('hideAddReply', false);

apps/common/main/lib/model/Comment.js

@@ -73,6 +73,7 @@ define([
             time                : 0,
             showReply           : false,
             showReplyInPopover  : true,
+            showBtnsInPopover   : false,
             editText            : false,
             editTextInPopover   : false,
             last                : undefined,

apps/common/main/lib/template/CommentsPopover.template

@@ -11,7 +11,7 @@
         <div oo_editor_input="true" tabindex="-1" class="user-message user-select"><%=scope.pickLink(comment)%></div>
     <% } else { %>
         <div class="inner-edit-ct">
-            <textarea class="msg-reply user-select" maxlength="maxCommLength" spellcheck="false" <% if (!!dummy) { %> placeholder="textMention"<% } %>><%=comment%></textarea>
+            <textarea class="msg-reply user-select<% if (!!dummy) { %> new-comment-textarea<% } %>" maxlength="maxCommLength" spellcheck="false" <% if (!!dummy) { %> placeholder="textMention"<% } %>><%=comment%></textarea>
             <% if (hideAddReply) { %>
                 <button class="btn normal dlg-btn primary btn-inner-edit" id="id-comments-change-popover">textAdd</button>
             <% } else { %>
@@ -64,9 +64,9 @@
     <% if (showReplyInPopover && !hideAddReply && !hint && !scope.viewmode) { %>
         <div class="reply-ct">
             <textarea class="msg-reply user-select" placeholder="textAddReply" maxlength="maxCommLength" spellcheck="false"></textarea>
-            <% if(true) { %>
+            <% if(showBtnsInPopover) { %>
-                <button class="btn normal dlg-btn primary btn-reply" id="id-comments-change-popover" style="display:none">textReply</button>
+                <button class="btn normal dlg-btn primary btn-reply" id="id-comments-change-popover">textReply</button>
-                <button class="btn normal dlg-btn btn-close" style="display:none">textClose</button>
+                <button class="btn normal dlg-btn btn-close">textClose</button>
             <% } %>
         </div>
     <% } %>

apps/common/main/lib/view/Comments.js

@@ -102,7 +102,7 @@ define([
                 var view = this,
                     textBox = $(this.el).find('textarea'),
                     domTextBox = null,
-                    minHeight = 21,
+                    minHeight = 55,
                     lineHeight = 0,
                     scrollPos = 0,
                     oldHeight = 0,

apps/common/main/lib/view/ReviewPopover.js

@@ -140,10 +140,6 @@ define([
                 body.css('position', 'relative');
             }
 
-            me.$window.on('focus', 'textarea', function(e) { me.commentsView.onFocusTextarea(e.currentTarget) });
-            me.$window.on('blur', 'textarea', function(e) { me.commentsView.onBlurTextarea(e.currentTarget) });
-
-
             var CommentsPopoverDataView = Common.UI.DataView.extend((function () {
 
                 var parentView = me;
@@ -156,19 +152,6 @@ define([
                         template: _.template('<div class="dataview-ct inner" style="overflow-y: visible;"></div>')
                     },
 
-                    onFocusTextarea: function(textarea) {
-                        if($(textarea).parent().hasClass('reply-ct'))
-                            me.$window.find('.reply-ct button').show();
-                    },
-
-                    onBlurTextarea: function(textarea) {
-                        if($(textarea).parent().hasClass('reply-ct')){
-                            setTimeout(() => {
-                                me.$window.find('.reply-ct button').hide();
-                            }, 120);
-                        }
-                    },
-
                     getTextBox: function () {
                         var text = $(this.el).find('textarea');
                         return (text && text.length) ? text : undefined;
@@ -194,7 +177,7 @@ define([
                         var view = this,
                             textBox = this.$el.find('textarea'),
                             domTextBox = null,
-                            minHeight = 21,
+                            minHeight = parseFloat(textBox.css('height')),
                             lineHeight = 0,
                             scrollPos = 0,
                             oldHeight = 0,
@@ -478,6 +461,11 @@ define([
                                 me.fireEvent('comment:resolve', [commentId]);
 
                                 readdresolves();
+                            } else if(btn.hasClass('msg-reply') && btn.parent().hasClass('reply-ct') && !record.get('showBtnsInPopover')) {
+                                var val = $(e.target).val();
+                                record.set('showBtnsInPopover', true);
+                                this.setFocusToTextBox();
+                                this.getTextBox().val(val);
                             }
                         }
                     });
@@ -502,7 +490,6 @@ define([
 
                     me.on({
                         'show': function (picker, item, record, e) {
-                            me.commentsView.autoHeightTextBox();
                             me.$window.find('textarea').keydown(function (event) {
                                 if (event.keyCode == Common.UI.Keys.ESC) {
                                     me.hide(true); // clear text in dummy comment
@@ -510,6 +497,7 @@ define([
                             });
                         },
                         'animate:before': function () {
+                            me.commentsView.autoHeightTextBox();
                             var text = me.$window.find('textarea');
                             if (text && text.length && !$(text).parent().hasClass('reply-ct')){
                                 me.commentsView.setFocusToTextBox();

apps/common/main/resources/less/comments.less

@@ -127,6 +127,10 @@
     color: @border-preview-select-ie;
     color: @border-preview-select;
 
+    .new-comment-textarea {
+        height: 55px;
+    }
+
     textarea {
         width: 100%;
         height: 21px;
@@ -477,6 +481,12 @@
     }
 }
 
+#comments-box {
+    textarea {
+        height: 55px;
+    }
+}
+
 .comments-caret {
     width: 7px;
     height: 7px;