%board-sidebar{ "inline-template" => true,
  ":current-user" => "#{current_user.to_json(only: [:username, :id, :name], methods: [:avatar_url]) if current_user}" }
  %aside.right-sidebar.right-sidebar-expanded.issue-boards-sidebar{ "v-show" => "showSidebar" }
    .issuable-sidebar
      .block.issuable-sidebar-header
        %span.issuable-header-text.hide-collapsed.pull-left
          %strong
            {{ issue.title }}
          %br/
          %span
            = precede "#" do
              {{ issue.id }}
        %a.gutter-toggle.pull-right{ role: "button",
          href: "#",
          "@click.prevent" => "closeSidebar",
          "aria-label" => "Toggle sidebar" }
          = custom_icon("icon_close", size: 15)
      .js-issuable-update
        = render "projects/boards/components/sidebar/assignee"
        = render "projects/boards/components/sidebar/milestone"
        = render "projects/boards/components/sidebar/due_date"
        = render "projects/boards/components/sidebar/labels"
        = render "projects/boards/components/sidebar/notifications"
