微信动态详情二级回复

public/assets/wechat/app.html

@@ -40,7 +40,7 @@
 <script src="/javascripts/wechat/directives/input_focus.js"></script>
 <script src="/javascripts/wechat/directives/at_delete_link.js"></script>
 <script src="/javascripts/wechat/directives/iphone_recognize.js"></script>
-<script src="/javascripts/wechat/directives/submit_start.js"></script>
+<script src="/javascripts/wechat/directives/multi_reply.js"></script>
 <script src="/javascripts/wechat/controllers/reg.js"></script>
 <script src="/javascripts/wechat/controllers/login.js"></script>
 <script src="/javascripts/wechat/controllers/activity.js"></script>

public/assets/wechat/blog_detail.html

@@ -73,7 +73,17 @@
                                 <div ng-if="journal.praise_count && !journal.has_praise" ng-click="addPraise(journal);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                                 <div ng-if="journal.has_praise" ng-click="decreasePraise(journal);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                             </div>
+                            <div class="fr mr25 f13 reply-icons" multi-reply>
+                                <a><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
+                            </div>
                             <div class="cl"></div>
+                            <div class="post-input-container ml40 mb10 undis">
+                                <div class="copy-input-container"><textarea class="copy-input"></textarea></div>
+                                <textarea input-auto type="text" class="post-reply-input" ng-model="formData.comment" placeholder="{{replytip}}" /></textarea>
+                                <button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>
+                                <button ng-disabled="formData.disabled" ng-hide="!formData.disabled" class="post-reply-submit bg-grey fr border-radius">提交</button>
+                                <div class="cl"></div>
+                            </div>
                         </div>
                     </div>
                 </div>

public/assets/wechat/course_discussion.html

@@ -71,7 +71,17 @@
                                 <div ng-if="journal.praise_count && !journal.has_praise" ng-click="addPraise(journal);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                                 <div ng-if="journal.has_praise" ng-click="decreasePraise(journal);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                             </div>
+                            <div class="fr mr25 f13 reply-icons" multi-reply>
+                                <a><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
+                            </div>
                             <div class="cl"></div>
+                            <div class="post-input-container ml40 mb10 undis">
+                                <div class="copy-input-container"><textarea class="copy-input"></textarea></div>
+                                <textarea input-auto type="text" class="post-reply-input" ng-model="formData.comment" placeholder="{{replytip}}" /></textarea>
+                                <button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>
+                                <button ng-disabled="formData.disabled" ng-hide="!formData.disabled" class="post-reply-submit bg-grey fr border-radius">提交</button>
+                                <div class="cl"></div>
+                            </div>
                         </div>
                     </div>
                     <div ng-if="has_more">

public/assets/wechat/course_notice.html

@@ -86,7 +86,17 @@
                             <div ng-if="journal.praise_count && !journal.has_praise" ng-click="addPraise(journal);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                             <div ng-if="journal.has_praise" ng-click="decreasePraise(journal);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                         </div>
+                        <div class="fr mr25 f13 reply-icons" multi-reply>
+                            <a><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
+                        </div>
                         <div class="cl"></div>
+                        <div class="post-input-container ml40 mb10 undis">
+                            <div class="copy-input-container"><textarea class="copy-input"></textarea></div>
+                            <textarea input-auto type="text" class="post-reply-input" ng-model="formData.comment" placeholder="{{replytip}}" /></textarea>
+                            <button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>
+                            <button ng-disabled="formData.disabled" ng-hide="!formData.disabled" class="post-reply-submit bg-grey fr border-radius">提交</button>
+                            <div class="cl"></div>
+                        </div>
                     </div>
                 </div>
                 <div ng-if="has_more">

public/assets/wechat/homework_detail.html

@@ -75,7 +75,17 @@
                             <div ng-if="journal.praise_count && !journal.has_praise" ng-click="addPraise(journal);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                             <div ng-if="journal.has_praise" ng-click="decreasePraise(journal);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                         </div>
+                        <div class="fr mr25 f13 reply-icons" multi-reply>
+                            <a><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
+                        </div>
                         <div class="cl"></div>
+                        <div class="post-input-container ml40 mb10 undis">
+                            <div class="copy-input-container"><textarea class="copy-input"></textarea></div>
+                            <textarea input-auto type="text" class="post-reply-input" ng-model="formData.comment" placeholder="{{replytip}}" /></textarea>
+                            <button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>
+                            <button ng-disabled="formData.disabled" ng-hide="!formData.disabled" class="post-reply-submit bg-grey fr border-radius">提交</button>
+                            <div class="cl"></div>
+                        </div>
                     </div>
                 </div>
                 <div ng-if="has_more">

public/assets/wechat/issue_detail.html

@@ -92,7 +92,17 @@
                             <div ng-if="journal.praise_count && !journal.has_praise" ng-click="addPraise(journal);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                             <div ng-if="journal.has_praise" ng-click="decreasePraise(journal);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                         </div>
+                        <div class="fr mr25 f13 reply-icons" multi-reply>
+                            <a><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
+                        </div>
                         <div class="cl"></div>
+                        <div class="post-input-container ml40 mb10 undis">
+                            <div class="copy-input-container"><textarea class="copy-input"></textarea></div>
+                            <textarea input-auto type="text" class="post-reply-input" ng-model="formData.comment" placeholder="{{replytip}}" /></textarea>
+                            <button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>
+                            <button ng-disabled="formData.disabled" ng-hide="!formData.disabled" class="post-reply-submit bg-grey fr border-radius">提交</button>
+                            <div class="cl"></div>
+                        </div>
                     </div>
                 </div>
                 <div ng-if="has_more">

public/assets/wechat/jour_message_detail.html

@@ -70,7 +70,17 @@
                             <div ng-if="journal.praise_count && !journal.has_praise" ng-click="addPraise(journal);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                             <div ng-if="journal.has_praise" ng-click="decreasePraise(journal);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                         </div>
+                        <div class="fr mr25 f13 reply-icons" multi-reply>
+                            <a><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
+                        </div>
                         <div class="cl"></div>
+                        <div class="post-input-container ml40 mb10 undis">
+                            <div class="copy-input-container"><textarea class="copy-input"></textarea></div>
+                            <textarea input-auto type="text" class="post-reply-input" ng-model="formData.comment" placeholder="{{replytip}}" /></textarea>
+                            <button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>
+                            <button ng-disabled="formData.disabled" ng-hide="!formData.disabled" class="post-reply-submit bg-grey fr border-radius">提交</button>
+                            <div class="cl"></div>
+                        </div>
                     </div>
                 </div>
                 <div ng-if="has_more">

public/assets/wechat/project_discussion.html

@@ -71,7 +71,17 @@
                             <div ng-if="journal.praise_count && !journal.has_praise" ng-click="addPraise(journal);"><img src="/images/wechat/w_praise.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                             <div ng-if="journal.has_praise" ng-click="decreasePraise(journal);"><img src="/images/wechat/w_praised.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span>{{journal.praise_count}}</span></div>
                         </div>
+                        <div class="fr mr25 f13 reply-icons" multi-reply>
+                            <a><img src="/images/wechat/w_reply.png" width="20" style="vertical-align:top; margin-top:2px;" class="mr5" /><span style="vertical-align:top;">回复</span></a>
+                        </div>
                         <div class="cl"></div>
+                        <div class="post-input-container ml40 mb10 undis">
+                            <div class="copy-input-container"><textarea class="copy-input"></textarea></div>
+                            <textarea input-auto type="text" class="post-reply-input" ng-model="formData.comment" placeholder="{{replytip}}" /></textarea>
+                            <button ng-click="addReply(formData)" ng-disabled="formData.disabled" ng-hide="formData.disabled" class="post-reply-submit fr border-radius">提交</button>
+                            <button ng-disabled="formData.disabled" ng-hide="!formData.disabled" class="post-reply-submit bg-grey fr border-radius">提交</button>
+                            <div class="cl"></div>
+                        </div>
                     </div>
                 </div>
                 <div ng-if="has_more">

public/javascripts/wechat/directives/multi_reply.js

@@ -0,0 +1,32 @@
+/**
+ * Created by ttang on 2016/9/5.
+ */
+app.directive('multiReply',["$timeout",function(timer){
+    return{
+        restrict: 'A',
+        scope: {},
+        link: function(scope, element){
+            timer(function(){
+                $(".reply-icons").each(function(){
+                    $(this).toggle(function(){
+                        var multiInput = $(this).next().next();
+                        multiInput.show();
+                        multiInput.focus();
+                        $(".post-reply-input").val("");
+                        $(multiInput).bind("focus",function(){
+                            $("#post_input_1").hide();
+                        });
+                    },function(){
+                        var multiInput = $(this).next().next();
+                        $(this).next().next().hide();
+                        $(this).next().next().blur();
+                        $(".post-reply-input").val("");
+                        $(multiInput).bind("blur",function(){
+                            $("#post_input_1").show();
+                        });
+                    });
+                });
+            })
+        }
+    }
+}]);

public/javascripts/wechat/directives/submit_start.js

@@ -1,17 +0,0 @@
-/**
- * Created by ttang on 2016/8/31.
- */
-app.directive('submitStart',["$timeout",function(timer){
-    return{
-        restrict: 'A',
-        scope: {},
-        link: function(scope, element){
-            timer(function(){
-                $("#manageDelete,.login-box").click(function(){
-                    element.removeClass("bg-grey c-white");
-                    element.addClass("link-blue2");
-                });
-            })
-        }
-    }
-}]);