adds mr-state-box initially

app/assets/javascripts/merge_request.js

@@ -24,12 +24,13 @@ var MR = function(){
   var init = function(data){
     store.state = data;
+    
+
     var mrHeader = new Vue({
       el: '#merge-request-header',
       data: {
         state: store.state
       },
-      created: function() {},
       methods: {
         closeClicked: function() {
@@ -40,6 +41,17 @@ var MR = function(){
           mrService.changeState('reopen');
         }
       }
+    }),
+
+    mrStateBox = new Vue({
+      el: '#mr-state-box',
+      data: {
+        state: store.state
+      },
+
+      methods: {
+
+      }
     });
   } 

app/controllers/projects/merge_requests_controller.rb

@@ -144,7 +144,9 @@ class Projects::MergeRequestsController < Projects::ApplicationController
           render json:     {
             label: @merge_request.state_human_name,
             open: @merge_request.open?,
-            closed: @merge_request.closed?
+            closed: @merge_request.closed?,
+            locked: @merge_request.locked?,
+            merged: @merge_request.merged?,
           }
         end
       end

app/views/projects/merge_requests/_show.html.haml

@@ -36,7 +36,8 @@
           = @merge_request.target_branch
     = render "projects/merge_requests/show/how_to_merge"
-    = render "projects/merge_requests/widget/show.html.haml"
+    %div#mr-state-box{'v-cloak'=> true}
+      = render "projects/merge_requests/widget/show.html.haml"
     - if @merge_request.source_branch_exists? && @merge_request.mergeable? && @merge_request.can_be_merged_by?(current_user)
       .light.prepend-top-default
@@ -100,6 +101,8 @@
       label: "#{@merge_request.state_human_name}",
       closed: #{@merge_request.closed?},
       open: #{@merge_request.open?},
+      locked: #{@merge_request.locked?},
+      merged: #{@merge_request.merged?},
       closeURL: "#{merge_request_path(@merge_request, merge_request: { state_event: :close }, format: :json)}",
       reopenURL: "#{merge_request_path(@merge_request, merge_request: {state_event: :reopen }, format: :json)}"
     });