Added delete state

app/assets/javascripts/boards/components/boards_selector.js.es6

@@ -41,6 +41,8 @@
           return 'Edit board';
         } else if (this.currentPage === 'new') {
           return 'Create new board';
+        } else if (this.currentPage === 'delete') {
+          return 'Delete board';
         } else {
           return 'Go to a board';
         }

app/views/projects/boards/_title.html.haml

@@ -37,6 +37,18 @@
         ":current-page.sync" => "currentPage",
         ":reload.sync" => "reload" }
         = render "projects/boards/components/form"
+      .dropdown-content.board-selector-page-two{ "v-if" => "currentPage === 'delete'" }
+        %p
+          Are you sure you want to delete this board?
+        .clearfix
+          = link_to "",
+            class: "btn btn-danger pull-left",
+            method: :delete,
+            ":href" => "'#{namespace_project_boards_path(@project.namespace, @project)}/' + currentBoard.id" do
+            Delete
+          %button.btn.btn-default.pull-right{ type: "button",
+            "@click.stop.prevent" => "currentPage = ''" }
+            Cancel
       .dropdown-footer{ "v-if" => "currentPage === ''" }
         %ul.dropdown-footer-list
           %li
@@ -46,8 +58,5 @@
             %a{ "@click.stop.prevent" => "showPage('edit')" }
               Edit board name
           %li{ "v-if" => "showDelete" }
-            = link_to "",
-              class: "text-danger",
-              method: :delete,
-              ":href" => "'#{namespace_project_boards_path(@project.namespace, @project)}/' + currentBoard.id" do
+            %a.text-danger{ "@click.stop.prevent" => "showPage('delete')" }
               Delete board