How to merge instructions

app/views/merge_requests/_how_to_merge.html.haml

@@ -0,0 +1,25 @@
+%div#modal_merge_info.modal.hide
+  .modal-header
+    %a.close{:href => "#"} ×
+    %h3 How To Merge
+  .modal-body
+    %pre
+      :erb
+        git fetch origin
+        git checkout -b <%=@merge_request.source_branch%> origin/<%=@merge_request.source_branch%>
+        git checkout <%=@merge_request.target_branch%>
+        git merge <%=@merge_request.source_branch%>
+        git push origin <%=@merge_request.target_branch%>
+
+
+:javascript
+  $(function(){
+    var modal = $('#modal_merge_info').modal({modal: true});
+    $('.info_link').bind("click", function(){
+      modal.show();
+    });
+    $('.modal-header .close').bind("click", function(){
+      modal.hide();
+    })
+  })
+

app/views/merge_requests/show.html.haml

@@ -22,12 +22,18 @@
 .back_link
   = link_to project_merge_requests_path(@project) do 
     ← To merge requests
+
+
 %hr
 - if @merge_request.closed
   .alert-message.error Closed
 - else 
-  .alert-message.success Open
+  .alert-message.success 
+    = link_to "#", :class => "info_link", :title => "How To Merge" do 
+      = image_tag "Info-UI.PNG"
+    Open
 
+= render "merge_requests/how_to_merge"
 
 %div.well
   %div