- board = local_assigns.fetch(:board, nil)
- group = local_assigns.fetch(:group, false)
- @no_breadcrumb_container = true
- @no_container = true
- @content_class = "issue-boards-content js-focus-mode-board"
- breadcrumb_title _("Issue Boards")
- page_title _("Boards")

- content_for :page_specific_javascripts do

  -# haml-lint:disable InlineJavaScript
  %script#js-board-template{ type: "text/x-template" }= render "shared/boards/components/board"
  %script#js-board-modal-filter{ type: "text/x-template" }= render "shared/issuable/search_bar", type: :boards_modal, show_sorting_dropdown: false
  %script#js-board-promotion{ type: "text/x-template" }= render_if_exists "shared/promotions/promote_issue_board"

#board-app.boards-app{ "v-cloak" => true, data: board_data, ":class" => "{ 'is-compact': detailIssueVisible }" }
  .d-none.d-sm-none.d-md-block
    = render 'shared/issuable/search_bar', type: :boards, board: board

  .boards-list
    .boards-app-loading.text-center{ "v-if" => "loading" }
      = icon("spinner spin")
    %board{ "v-cloak" => true,
      "v-for" => "list in state.lists",
      "ref" => "board",
      ":list" => "list",
      ":disabled" => "disabled",
      ":issue-link-base" => "issueLinkBase",
      ":root-path" => "rootPath",
      ":board-id" => "boardId",
      ":key" => "list.id" }
  = render "shared/boards/components/sidebar", group: group
  - if @project
    %board-add-issues-modal{ "new-issue-path" => new_project_issue_path(@project),
      "milestone-path" => milestones_filter_dropdown_path,
      "label-path" => labels_filter_path_with_defaults,
      "empty-state-svg" => image_path('illustrations/issues.svg'),
      ":issue-link-base" => "issueLinkBase",
      ":root-path" => "rootPath",
      ":project-id" => @project.id }