Adding button to go to reply textarea

Sergio Oliveira
1 parent a90968f9
Showing 3 changed files with 21 additions and 1 deletions Show diff stats
src/static/css/screen.css
src/super_archives/templates/message-thread.html
src/super_archives/templates/superarchives/includes/message.html
@@ -216,6 +216,10 @@ ul.unstyled-list .glyphicon-chevron-right {
     margin-top: 1em;
 }
+.reply.btn {
+    margin-left: 1em;
+}
+
 .email-message pre {
     border: 0;
     background-color: #fff;
@@ -68,6 +68,17 @@
     $ajax.fail(vote_fail_callback);
   }
+  function scrollToAnchor(aid){
+    var aTag = $(aid);
+    console.log(aTag);
+    $('html, body').animate({scrollTop: aTag.offset().top}, 800);
+  }
+
+  function focus_reply(event) {
+    scrollToAnchor('#msg-reply');
+    $('textarea', '#msg-reply').focus();
+  }
+
   // Binding functions
   $(function() {
     $(".panel-heading").on('click', function(event) {
@@ -82,6 +93,7 @@
     });
     $('.vote.btn', this).on('click', vote);
+    $('.reply.btn', this).on('click', focus_reply);
   });
 </script>
 {% load gravatar superarchives i18n %}
 <li>
   {% spaceless %}
-  <div class="email-message" id="msg-{{ email.id }}">
+  <div class="email-message" id="msg-{% firstof email.id 'reply' %}">
     <div class="panel panel-default">
       <div class="panel-heading clearfix">
         <div class="col-lg-6 col-md-6 col-sm-6">
@@ -34,6 +34,10 @@
                 <span class="glyphicon glyphicon-thumbs-up"></span>
               </button>
             </div>
+
+            <button class="btn btn-default reply" title="{% trans 'Reply' %}">
+              <span class="glyphicon glyphicon-share"></span>
+            </button>
           </div>
         </div>
         {% endif %}
	@@ -68,6 +68,17 @@		@@ -68,6 +68,17 @@
68	$ajax.fail(vote_fail_callback);	68	$ajax.fail(vote_fail_callback);
69	}	69	}
70		70
		71	+ function scrollToAnchor(aid){
		72	+ var aTag = $(aid);
		73	+ console.log(aTag);
		74	+ $('html, body').animate({scrollTop: aTag.offset().top}, 800);
		75	+ }
		76	+
		77	+ function focus_reply(event) {
		78	+ scrollToAnchor('#msg-reply');
		79	+ $('textarea', '#msg-reply').focus();
		80	+ }
		81	+
71	// Binding functions	82	// Binding functions
72	$(function() {	83	$(function() {
73	$(".panel-heading").on('click', function(event) {	84	$(".panel-heading").on('click', function(event) {
	@@ -82,6 +93,7 @@		@@ -82,6 +93,7 @@
82	});	93	});
83		94
84	$('.vote.btn', this).on('click', vote);	95	$('.vote.btn', this).on('click', vote);
		96	+ $('.reply.btn', this).on('click', focus_reply);
85	});	97	});
86		98
87	</script>	99	</script>