show/hide message manager message list

1 files changed, 8 insertions, 2 deletions

diff --git a/templates/web/fixmybarangay/report/_message_manager.html b/templates/web/fixmybarangay/report/_message_manager.html
index 2e43af165..84d27b8ef 100644
--- a/templates/web/fixmybarangay/report/_message_manager.html
+++ b/templates/web/fixmybarangay/report/_message_manager.html
@@ -1,5 +1,6 @@
 
-<ul id="message_manager" class="issue-list-a tab">
+<input type="button" class="green-btn" value="Show Messages" id="show_messages">
+<ul id="message_manager" class="issue-list-a tab" style="display: none">
 	<li id="message-control">
 		<div id="mm-username-container">username:&nbsp;<span id="mm-received-username"></span></div>
 		<div id="mm-status-message-container">
@@ -68,7 +69,7 @@ $(document).ready(function() {
       'id': 'add_support',
       'name': 'add_support',
       'class': 'green-btn'
-   }).insertAfter($('#message_manager'));
+   }).appendTo($('#message_manager'));
 
 	$('#add_support').click(function(e){
       e.preventDefault();
@@ -82,6 +83,11 @@ $(document).ready(function() {
           });
       });
   });
+
+  $('#show_messages').on('click', function(e) {
+      $('#message_manager').toggle();
+      $('#show_messages').val( $('#show_messages').val() == 'Show Messages' ? 'Hide Messages' : 'Show Messages' ); 
+  } );
 });
 
 </script>