move board delete to Service

app/assets/javascripts/boards/components/board_form.vue

@@ -15,10 +15,6 @@ const Store = gl.issueBoards.BoardsStore;
 
 export default {
   props: {
-    boardPath: {
-      type: String,
-      required: true,
-    },
     canAdminBoard: {
       type: Boolean,
       required: true,
@@ -130,7 +126,7 @@ export default {
     submit() {
       if (this.isDeleteForm) {
         this.submitDisabled = true;
-        this.$http.delete(this.boardPath)
+        gl.boardService.deleteBoard(this.currentBoard)
           .then(() => {
             gl.utils.visitUrl(Store.rootPath);
           })
@@ -153,11 +149,11 @@ export default {
       Store.state.currentPage = '';
     },
     resetFormState() {
-      if (this.currentBoard && Object.keys(this.currentBoard).length && this.isEditForm) {
-        Store.updateBoardConfig(this.currentBoard);
-      } else if (this.isNewForm) {
+      if (this.isNewForm) {
         // Clear the form when we open the "New board" modal
         Store.updateBoardConfig();
+      } else if (this.currentBoard && Object.keys(this.currentBoard).length) {
+        Store.updateBoardConfig(this.currentBoard);
       }
     },
   },

app/assets/javascripts/boards/services/board_service.js

@@ -46,6 +46,10 @@ class BoardService {
     return this.boards.save({}, { board });
   }
 
+  deleteBoard ({ id }) {
+    return this.boards.delete({ id });
+  }
+
   all () {
     return this.lists.get();
   }

app/views/shared/boards/_switcher.html.haml

@@ -36,7 +36,6 @@
                     Delete board
 
     %board-form{ ":milestone-path" => "milestonePath",
-      "board-path" => current_board_path(board),
       "labels-path" => labels_filter_path(true),
       "project-id" => @project&.id,
       "group-id" => @group&.id,