Skip to content

G
gitlab-ce
Commit a6ea8bca authored by Paul Slaughter's avatar Paul Slaughter Committed by Lukas Eipert
Browse files
Options

Remove pinning tests for boards 

To run the pin test, revert this commit then run

```
./scripts/pin_boards.sh
```
parent 466c66fc
Hide whitespace changes
Inline Side-by-side
Showing with 0 additions and 12125 deletions
ee/spec/features/boards/boards_pin_spec.rb deleted 100644 → 0
View file @ 466c66fc
# frozen_string_literal: true
require 'spec_helper'
describe 'issue boards', :js do
include DragTo
let(:group) { create(:group, name: 'test_group') }
let(:owner) { create(:group_member, :owner, group: group, user: create(:user, name: 'shodan' )).user }
let(:project) { create(:project, :public, name: 'test_project', namespace: group) }
let(:board) { create(:board, project: project) }
let(:planning) { create(:label, project: project, name: 'Planning') }
let(:label) { create(:label, project: project) }
let(:milestone) { create(:milestone, project: project) }
let(:user) { create(:user) }
before do
stub_licensed_features(board_assignee_lists: true, board_milestone_lists: true)
end
shared_examples 'run pins' do |type|
let!(:list1) { create(:list, board: board, label: planning, position: 0) }
let!(:list2) { create(:list, board: board, label: label, position: 1) }
let!(:list3) { create(:milestone_list, board: board, milestone: milestone, position: 2) }
let!(:list4) { create(:user_list, board: board, user: owner, position: 3) }
let!(:issue) { create(:labeled_issue, project: project, title: 'abc', description: 'def', labels: [planning]) }
let!(:issue2) { create(:labeled_issue, project: project, title: 'hij', description: 'klm', labels: [label]) }
let!(:issue3) { create(:issue, project: project, title: 'nop', description: 'qrs', milestone: milestone) }
pin_type = ENV['PIN_TYPE'] || 'pin'
type = "#{type}.#{pin_type}"
it 'as_guest' do
project.add_guest(user)
login_as(user)
visit_board_page
save_pin('as_guest', type)
end
it 'as_developer' do
project.add_developer(user)
login_as(user)
visit_board_page
save_pin('as_developer', type)
end
it 'as_maintainer' do
project.add_maintainer(user)
login_as(user)
visit_board_page
save_pin('as_maintainer', type)
end
end
context "ff off" do
before do
stub_feature_flags(sfc_issue_boards: false)
end
it_behaves_like 'run pins', 'ff_off'
end
context "ff on" do
before do
stub_feature_flags(sfc_issue_boards: true)
end
it_behaves_like 'run pins', 'ff_on'
end
def visit_board_page
visit project_boards_path(project)
wait_for_requests
end
def save_pin(name, type)
path = File.dirname(__FILE__) + "/pins/#{name}.#{type}.html"
html = page.find('.boards-app')['outerHTML']
File.write(path, html, mode: 'wb')
end
end
ee/spec/features/boards/pins/as_developer.ff_off.oracle.html deleted 100644 → 0
View file @ 466c66fc
<div
data-board-id="2"
data-boards-endpoint="/test_group/test_project/-/boards"
data-bulk-update-path="/test_group/test_project/-/issues/bulk_update"
data-disabled="false"
data-focus-mode-available=""
data-full-path="test_group/test_project"
data-issue-link-base="/test_group/test_project/-/issues"
data-label-ids="[]"
data-labels="[]"
data-lists-endpoint="/-/boards/2/lists"
data-recent-boards-endpoint="/test_group/test_project/-/boards/recent"
data-root-path="/"
data-scoped-labels="false"
data-scoped-labels-documentation-link="/help/user/project/labels.md#scoped-labels-premium"
data-time-tracking-limit-to-hours="false"
data-weight-feature-available="true"
id="board-app"
class="boards-app position-relative"
>
<div class="issues-filters">
<div
class="d-flex filtered-search-block flex-column flex-lg-row issues-details-filters row-content-block second-block"
>
<div class="d-flex flex-column flex-md-row flex-grow-1 mb-lg-0 mb-md-2 mb-sm-0 w-100">
<div class="boards-switcher js-boards-selector append-right-10">
<span class="boards-selector-wrapper js-boards-selector-wrapper"
><div
class="dropdown b-dropdown gl-dropdown btn-group"
data-qa-selector="boards_dropdown"
id="__BVID__42"
>
<button
aria-haspopup="true"
aria-expanded="false"
type="button"
class="btn dropdown-toggle btn-secondary dropdown-menu-toggle js-dropdown-toggle"
id="__BVID__42__BV_toggle_"
>
<span class="gl-dropdown-toggle-text">board2</span>
<svg class="gl-dropdown-caret gl-icon s16" aria-hidden="true">
<use href="/assets/iconstest.svg#chevron-down"></use>
</svg>
</button>
<ul
role="menu"
tabindex="-1"
class="dropdown-menu flex-column dropdown-extended-height"
aria-labelledby="__BVID__42__BV_toggle_"
>
<div>
<div class="dropdown-title mb-0">
Switch board
</div>
</div>
<li role="presentation" class="gl-dropdown-header mt-0">
<header role="heading" class="dropdown-header">
<div class="gl-search-box-by-type">
<svg class="gl-search-box-by-type-search-icon gl-icon s16">
<use href="/assets/iconstest.svg#search"></use>
</svg>
<input
type="text"
placeholder="Search"
class="gl-form-input gl-search-box-by-type-input form-control"
aria-label="Search"
id="__BVID__48"
/>
<div class="gl-search-box-by-type-right-icons"></div>
</div>
</header>
</li>
<div data-qa-selector="boards_dropdown_content" class="dropdown-content flex-fill">
<li role="presentation" class="no-pointer-events text-secondary">
<button role="menuitem" type="button" class="dropdown-item">
No matching boards found
</button>
</li>
</div>
<div class="dropdown-content-faded-mask fade-out" style="display: none;"></div>
<div>
<li role="presentation">
<hr role="separator" aria-orientation="horizontal" class="dropdown-divider" />
</li>
<li role="presentation">
<button
data-qa-selector="create_new_board_button"
role="menuitem"
type="button"
class="dropdown-item"
>
Create new board
</button>
</li>
</div>
</ul>
</div>
</span>
</div>
<form
class="filter-form js-filter-form w-100"
action="/test_group/test_project/-/boards?"
accept-charset="UTF-8"
method="get"
>
<input name="utf8" type="hidden" value="✓" />
<div class="issues-other-filters filtered-search-wrapper d-flex flex-column flex-md-row">
<div class="filtered-search-box">
<div class="filtered-search-box-input-container droplab-dropdown">
<div class="scroll-container">
<ul class="tokens-container list-unstyled">
<li class="input-token">
<input
autocomplete="off"
class="form-control filtered-search"
data-epics-endpoint="/groups/test_group/-/epics"
data-labels-endpoint="/test_group/test_project/-/labels"
data-milestones-endpoint="/test_group/test_project/-/milestones"
data-project-id="2"
data-releases-endpoint="/test_group/test_project/-/releases"
data-runner-tags-endpoint="/admin/runners/tag_list"
id="filtered-search-boards"
placeholder="Search or filter results..."
data-dropdown-trigger="#js-dropdown-hint"
/>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu hint-dropdown"
id="js-dropdown-hint"
data-dropdown-active="true"
style="left: 12px;"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li
class="filter-dropdown-item"
data-action=""
data-hint="author"
data-tag=":@author"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#pencil"></use></svg>
<span class="js-filter-hint">
Author
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="assignee"
data-tag=":@assignee"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#user"></use></svg>
<span class="js-filter-hint">
Assignee
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="milestone"
data-tag=":%milestone"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#clock"></use></svg>
<span class="js-filter-hint">
Milestone
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="release"
data-tag=":tag name"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#rocket"></use></svg>
<span class="js-filter-hint">
Release
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="label"
data-tag=":~label"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#labels"></use></svg>
<span class="js-filter-hint">
Label
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="my-reaction"
data-tag=":emoji"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#thumb-up"></use></svg>
<span class="js-filter-hint">
My-Reaction
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="epic"
data-tag=":undefined"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#epic"></use></svg>
<span class="js-filter-hint">
Epic
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="weight"
data-tag=":number"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#weight"></use></svg>
<span class="js-filter-hint">
Weight
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action="submit"
data-hint="search"
data-tag="search"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#search"></use></svg>
<span class="js-filter-hint">
Search for this text
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-operator"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{ title }}">
<button class="btn btn-link" type="button">
{{ title }}
<span class="btn-helptext">
{{ help }}
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-author"
>
<ul data-dropdown="">
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe5's avatar"
src="https://www.gravatar.com/avatar/3de3cc5a52553af613b6c457da6c219a?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe5"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe5
</span>
<span class="dropdown-light-content">
@user6
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-assignee"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe5's avatar"
src="https://www.gravatar.com/avatar/3de3cc5a52553af613b6c457da6c219a?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe5"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe5
</span>
<span class="dropdown-light-content">
@user6
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-approver"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe5's avatar"
src="https://www.gravatar.com/avatar/3de3cc5a52553af613b6c457da6c219a?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe5"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe5
</span>
<span class="dropdown-light-content">
@user6
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-milestone"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="filter-dropdown-item" data-value="Upcoming">
<button class="btn btn-link" type="button">
Upcoming
</button>
</li>
<li class="filter-dropdown-item" data-value="Started">
<button class="btn btn-link" type="button">
Started
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value" type="button">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-release"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value" type="button">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-label"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link" type="button">
<span class="dropdown-label-box" style="background: {{color}}"></span>
<span class="label-title js-data-value">
{{title}}
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-my-reaction"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link" type="button">
<gl-emoji></gl-emoji>
<span class="js-data-value prepend-left-10">
{{name}}
</span>
</button>
</li>
</ul>
</div>
<div class="filtered-search-input-dropdown-menu dropdown-menu" id="js-dropdown-wip">
<ul class="filter-dropdown" data-dropdown="">
<li class="filter-dropdown-item" data-capitalize="" data-value="yes">
<button class="btn btn-link" type="button">
Yes
</button>
</li>
<li class="filter-dropdown-item" data-capitalize="" data-value="no">
<button class="btn btn-link" type="button">
No
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-confidential"
>
<ul class="filter-dropdown" data-dropdown="">
<li class="filter-dropdown-item" data-capitalize="" data-value="yes">
<button class="btn btn-link" type="button">
Yes
</button>
</li>
<li class="filter-dropdown-item" data-capitalize="" data-value="no">
<button class="btn btn-link" type="button">
No
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-target-branch"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value monospace">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-weight"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{id}}">
<button class="btn btn-link">{{title}}</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-epic"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{id}}">
<button class="btn btn-link dropdown-epic-button">
<span>{{title}}</span> <span class="reference">&amp;{{id}}</span>
</button>
</li>
</ul>
</div>
</div>
<button class="clear-search hidden" type="button">
<i aria-hidden="true" data-hidden="true" class="fa fa-times"></i>
</button>
</div>
</div>
</form>
</div>
<div class="filter-dropdown-container d-flex flex-column flex-md-row">
<div class="board-labels-toggle-wrapper d-flex align-items-center prepend-left-10">
<span id="board-labels-toggle-text" class="text-nowrap">
Show labels
</span>
<label
class="gl-toggle-wrapper prepend-left-10 mb-0"
data-qa-selector="show_labels_toggle"
>
<button
aria-label="Showing all labels"
aria-describedby="board-labels-toggle-text"
type="button"
class="gl-toggle is-checked"
>
<span class="toggle-icon"
><svg class="gl-icon s16">
<use href="/assets/iconstest.svg#mobile-issue-close"></use></svg
></span></button
></label>
</div>
<div class="prepend-left-10">
<button
title=""
type="button"
data-qa-selector="boards_config_button"
class="btn btn-inverted"
data-original-title=""
>
Edit board
</button>
</div>
<div id="js-add-list" class="dropdown boards-add-list prepend-left-10">
<button
data-labels="/test_group/test_project/-/labels.json?include_ancestor_groups=true"
data-labels-endpoint="/test_group/test_project/-/labels"
data-list-assignees-path="/-/boards/2/users.json"
data-list-labels-path="/test_group/test_project/-/labels.json?include_ancestor_groups=true"
data-list-milestone-path="/-/boards/2/milestones.json"
data-namespace-path="test_group"
data-project-path="test_project"
data-toggle="dropdown"
type="button"
class="btn btn-success btn-inverted d-flex js-new-board-list"
>
<span>Add list</span>
<svg class="s16 prepend-left-5 btn-success-board-list-chevron">
<use xlink:href="/assets/iconstest.svg#chevron-down"></use>
</svg>
</button>
<div
class="dropdown-menu dropdown-menu-paging dropdown-menu-right dropdown-menu-issues-board-new dropdown-menu-selectable dropdown-menu-tabs pt-0"
>
<ul
role="tablist"
class="nav nav-tabs dropdown-tabs-list d-flex js-new-board-list-tabs"
>
<li
class="nav-item dropdown-tab-item flex-grow-1 flex-shrink-1 w-0 border-left-0 js-tab-button-labels"
>
<a
data-action="tab-labels"
data-is-link="true"
data-target="#tab-labels"
data-toggle="tab"
href="#"
role="tab"
class="w-100 text-center py-3 px-2 active"
>
Label
</a>
</li>
<li
class="nav-item dropdown-tab-item flex-grow-1 flex-shrink-1 w-0 js-tab-button-assignees"
>
<a
data-action="tab-assignees"
data-is-link="true"
data-target="#tab-assignees"
data-toggle="tab"
href="#"
role="tab"
class="w-100 text-center py-3 px-2"
>
Assignee
</a>
</li>
<li
class="nav-item dropdown-tab-item flex-grow-1 flex-shrink-1 w-0 js-tab-button-milestones"
>
<a
data-action="tab-milestones"
data-is-link="true"
data-target="#tab-milestones"
data-toggle="tab"
href="#"
role="tab"
class="w-100 text-center py-3 px-2"
>
Milestone
</a>
</li>
</ul>
<div class="tab-content">
<div
id="tab-labels"
role="tabpanel"
class="tab-pane tab-pane-labels active js-tab-container-labels"
>
<div class="dropdown-page-one">
<div class="issue-board-dropdown-content">
<p class="m-0">
Label lists show all issues with the selected label.
</p>
</div>
<div class="dropdown-input">
<input
type="search"
id=""
placeholder="Search"
autocomplete="off"
class="dropdown-input-field qa-dropdown-input-field"
/><i
aria-hidden="true"
data-hidden="true"
class="fa fa-search dropdown-input-search"
></i
><i
aria-hidden="true"
data-hidden="true"
role="button"
class="fa fa-times dropdown-input-clear js-dropdown-input-clear"
></i>
</div>
<div class="dropdown-content"></div>
<div class="dropdown-footer">
<ul class="dropdown-footer-list">
<li>
<a href="#" class="dropdown-toggle-page">
Create project label
</a>
</li>
<li>
<a data-is-link="true" href="/test_group/test_project/-/labels"
>Manage project labels
</a>
</li>
</ul>
</div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
<div class="dropdown-page-two dropdown-new-label">
<div class="dropdown-title">
<button
aria-label="Go back"
type="button"
class="dropdown-title-button dropdown-menu-back"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-arrow-left"></i></button
><span>Create project label</span>
</div>
<div class="dropdown-content">
<div class="dropdown-labels-error js-label-error" style="display: none;"></div>
<input
id="new_label_name"
placeholder="Name new label"
type="text"
class="default-dropdown-input"
/>
<div class="suggest-colors suggest-colors-dropdown">
<div class="suggest-colors">
<a
data-color="#0033CC"
title="UA blue"
href="#"
class="has-tooltip"
style="background-color: rgb(0, 51, 204);"
></a
><a
data-color="#428BCA"
title="Moderate blue"
href="#"
class="has-tooltip"
style="background-color: rgb(66, 139, 202);"
></a
><a
data-color="#44AD8E"
title="Lime green"
href="#"
class="has-tooltip"
style="background-color: rgb(68, 173, 142);"
></a
><a
data-color="#A8D695"
title="Feijoa"
href="#"
class="has-tooltip"
style="background-color: rgb(168, 214, 149);"
></a
><a
data-color="#5CB85C"
title="Slightly desaturated green"
href="#"
class="has-tooltip"
style="background-color: rgb(92, 184, 92);"
></a
><a
data-color="#69D100"
title="Bright green"
href="#"
class="has-tooltip"
style="background-color: rgb(105, 209, 0);"
></a
><a
data-color="#004E00"
title="Very dark lime green"
href="#"
class="has-tooltip"
style="background-color: rgb(0, 78, 0);"
></a
><a
data-color="#34495E"
title="Very dark desaturated blue"
href="#"
class="has-tooltip"
style="background-color: rgb(52, 73, 94);"
></a
><a
data-color="#7F8C8D"
title="Dark grayish cyan"
href="#"
class="has-tooltip"
style="background-color: rgb(127, 140, 141);"
></a
><a
data-color="#A295D6"
title="Slightly desaturated blue"
href="#"
class="has-tooltip"
style="background-color: rgb(162, 149, 214);"
></a
><a
data-color="#5843AD"
title="Dark moderate blue"
href="#"
class="has-tooltip"
style="background-color: rgb(88, 67, 173);"
></a
><a
data-color="#8E44AD"
title="Dark moderate violet"
href="#"
class="has-tooltip"
style="background-color: rgb(142, 68, 173);"
></a
><a
data-color="#FFECDB"
title="Very pale orange"
href="#"
class="has-tooltip"
style="background-color: rgb(255, 236, 219);"
></a
><a
data-color="#AD4363"
title="Dark moderate pink"
href="#"
class="has-tooltip"
style="background-color: rgb(173, 67, 99);"
></a
><a
data-color="#D10069"
title="Strong pink"
href="#"
class="has-tooltip"
style="background-color: rgb(209, 0, 105);"
></a
><a
data-color="#CC0033"
title="Strong red"
href="#"
class="has-tooltip"
style="background-color: rgb(204, 0, 51);"
></a
><a
data-color="#FF0000"
title="Pure red"
href="#"
class="has-tooltip"
style="background-color: rgb(255, 0, 0);"
></a
><a
data-color="#D9534F"
title="Soft red"
href="#"
class="has-tooltip"
style="background-color: rgb(217, 83, 79);"
></a
><a
data-color="#D1D100"
title="Strong yellow"
href="#"
class="has-tooltip"
style="background-color: rgb(209, 209, 0);"
></a
><a
data-color="#F0AD4E"
title="Soft orange"
href="#"
class="has-tooltip"
style="background-color: rgb(240, 173, 78);"
></a
><a
data-color="#AD8D43"
title="Dark moderate orange"
href="#"
class="has-tooltip"
style="background-color: rgb(173, 141, 67);"
></a>
</div>
</div>
<div class="dropdown-label-color-input">
<div
class="dropdown-label-color-preview js-dropdown-label-color-preview"
></div>
<input
id="new_label_color"
placeholder="Assign custom color like #FF0000"
type="text"
class="default-dropdown-input"
/>
</div>
<div class="clearfix">
<button
type="button"
class="btn btn-primary float-left js-new-label-btn disabled"
disabled=""
>
Create
</button>
<button type="button" class="btn btn-default float-right js-cancel-label-btn">
Cancel
</button>
</div>
</div>
</div>
</div>
<div
id="tab-assignees"
role="tabpanel"
class="tab-pane tab-pane-assignees js-tab-container-assignees"
>
<div class="dropdown-page-one">
<div class="issue-board-dropdown-content">
<p>
Assignee lists show all issues assigned to the selected user.
</p>
</div>
<div class="js-assignees-list"></div>
</div>
</div>
<div
id="tab-milestones"
role="tabpanel"
class="tab-pane tab-pane-milestones js-tab-container-milestones"
>
<div class="dropdown-page-one">
<div class="issue-board-dropdown-content">
<p>
Milestone lists show all issues from the selected milestone.
</p>
</div>
<div class="js-milestone-list"></div>
</div>
</div>
</div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
</div>
<div class="board-extra-actions">
<button
type="button"
data-placement="bottom"
title=""
class="btn btn-success prepend-left-10"
data-original-title="Please add a list to your board first"
>
Add issues
</button>
</div>
<div class="board-extra-actions">
<a
href="#"
data-qa-selector="focus_mode_button"
role="button"
aria-label="Toggle focus mode"
title="Toggle focus mode"
class="btn btn-default has-tooltip prepend-left-10 js-focus-mode-btn"
><span style="display: none;"
><svg width="17" height="17" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg">
<path
d="M.147 15.496l2.146-2.146-1.286-1.286a.55.55 0 0 1-.125-.616c.101-.238.277-.357.527-.357h4a.55.55 0 0 1 .402.17.55.55 0 0 1 .17.401v4c0 .25-.12.426-.358.527-.232.101-.437.06-.616-.125l-1.286-1.286-2.146 2.146-1.428-1.428zM14.996.646l1.428 1.43-2.146 2.145 1.286 1.286c.185.179.226.384.125.616-.101.238-.277.357-.527.357h-4a.55.55 0 0 1-.402-.17.55.55 0 0 1-.17-.401v-4c0-.25.12-.426.358-.527a.553.553 0 0 1 .616.125l1.286 1.286L14.996.647zm-13.42 0L3.72 2.794l1.286-1.286a.55.55 0 0 1 .616-.125c.238.101.357.277.357.527v4a.55.55 0 0 1-.17.402.55.55 0 0 1-.401.17h-4c-.25 0-.426-.12-.527-.358-.101-.232-.06-.437.125-.616l1.286-1.286L.147 2.075 1.575.647zm14.848 14.85l-1.428 1.428-2.146-2.146-1.286 1.286c-.179.185-.384.226-.616.125-.238-.101-.357-.277-.357-.527v-4a.55.55 0 0 1 .17-.402.55.55 0 0 1 .401-.17h4c.25 0 .426.12.527.358a.553.553 0 0 1-.125.616l-1.286 1.286 2.146 2.146z"
fill-rule="evenodd"
></path></svg
></span>
<span
><svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.591 5.056l2.147-2.146-1.286-1.286a.55.55 0 0 1-.125-.616c.101-.238.277-.357.527-.357h4a.55.55 0 0 1 .402.17.55.55 0 0 1 .17.401v4c0 .25-.12.426-.358.527-.232.101-.437.06-.616-.125l-1.286-1.286-2.146 2.147-1.429-1.43zM5.018 8.553l1.429 1.43L4.3 12.127l1.286 1.286c.185.179.226.384.125.616-.101.238-.277.357-.527.357h-4a.55.55 0 0 1-.402-.17.55.55 0 0 1-.17-.401v-4c0-.25.12-.426.358-.527a.553.553 0 0 1 .616.125L2.872 10.7l2.146-2.147zm4.964 0l2.146 2.147 1.286-1.286a.55.55 0 0 1 .616-.125c.238.101.357.277.357.527v4a.55.55 0 0 1-.17.402.55.55 0 0 1-.401.17h-4c-.25 0-.426-.12-.527-.358-.101-.232-.06-.437.125-.616l1.286-1.286-2.147-2.146 1.43-1.429zM6.447 5.018l-1.43 1.429L2.873 4.3 1.586 5.586c-.179.185-.384.226-.616.125-.238-.101-.357-.277-.357-.527v-4a.55.55 0 0 1 .17-.402.55.55 0 0 1 .401-.17h4c.25 0 .426.12.527.358a.553.553 0 0 1-.125.616L4.3 2.872l2.147 2.146z"
fill-rule="evenodd"
></path></svg></span
></a>
</div>
</div>
</div>
</div>
<div data-qa-selector="boards_list" class="boards-list w-100 py-3 px-2 text-nowrap">
<div
data-id="12"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
title="Open"
data-container="body"
class="board-title-main-text block-truncated"
>
Open
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md rounded-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="12"
data-board-type="backlog"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
<div
data-id="8"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header
data-qa-selector="board_list_header"
class="board-header has-border position-relative"
style="border-top-color: rgb(153, 0, 0);"
>
<h3 class="board-title m-0 d-flex js-board-handle user-can-drag">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
class="gl-label gl-label-text-light"
style="box-shadow: rgb(153, 0, 0) 0px 0px 0px 2px inset;"
><a href="#" class="gl-link gl-label-link"
><span class="gl-label-text" style="background-color: rgb(153, 0, 0);"
>Planning</span
>
</a>
</span>
</div>
<button
aria-label="Delete list"
data-placement="bottom"
title="Delete list"
type="button"
class="board-delete no-drag p-0 border-0 has-tooltip float-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-trash"></i>
</button>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
<button
aria-label="List settings"
title="List settings"
type="button"
class="btn no-drag rounded-right btn-secondary btn-md"
>
<svg><use xlink:href="/assets/iconstest.svg#settings"></use></svg>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="8"
data-board-type="label"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="4"
data-qa-selector="board_card"
class="board-card p-3 rounded user-can-drag"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/1" title="abc" class="js-no-trigger"
>abc</a
>
</h4>
</div>
<div class="board-card-labels prepend-top-4 d-flex flex-wrap"></div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#1
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="9"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header
data-qa-selector="board_list_header"
class="board-header has-border position-relative"
style="border-top-color: rgb(153, 0, 0);"
>
<h3 class="board-title m-0 d-flex js-board-handle user-can-drag">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
class="gl-label gl-label-text-light"
style="box-shadow: rgb(153, 0, 0) 0px 0px 0px 2px inset;"
><a href="#" class="gl-link gl-label-link"
><span class="gl-label-text" style="background-color: rgb(153, 0, 0);"
>label4</span
>
</a>
</span>
</div>
<button
aria-label="Delete list"
data-placement="bottom"
title="Delete list"
type="button"
class="board-delete no-drag p-0 border-0 has-tooltip float-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-trash"></i>
</button>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
<button
aria-label="List settings"
title="List settings"
type="button"
class="btn no-drag rounded-right btn-secondary btn-md"
>
<svg><use xlink:href="/assets/iconstest.svg#settings"></use></svg>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="9"
data-board-type="label"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="5"
data-qa-selector="board_card"
class="board-card p-3 rounded user-can-drag"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/2" title="hij" class="js-no-trigger"
>hij</a
>
</h4>
</div>
<div class="board-card-labels prepend-top-4 d-flex flex-wrap"></div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#2
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="10"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle user-can-drag">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<span aria-hidden="true" class="append-right-5 milestone-icon"
><svg class="s16"><use xlink:href="/assets/iconstest.svg#timer"></use></svg
></span>
<div class="board-title-text">
<span
title="My title 2"
data-container="body"
class="board-title-main-text block-truncated has-tooltip d-block"
>
My title 2
</span>
</div>
<button
aria-label="Delete list"
data-placement="bottom"
title="Delete list"
type="button"
class="board-delete no-drag p-0 border-0 has-tooltip float-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-trash"></i>
</button>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
<button
aria-label="List settings"
title="List settings"
type="button"
class="btn no-drag rounded-right btn-secondary btn-md"
>
<svg><use xlink:href="/assets/iconstest.svg#settings"></use></svg>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="10"
data-board-type="milestone"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="6"
data-qa-selector="board_card"
class="board-card p-3 rounded user-can-drag"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/3" title="nop" class="js-no-trigger"
>nop</a
>
</h4>
</div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#3
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="11"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable board-type-assignee"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle user-can-drag">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<a href="/user5" class="user-avatar-link js-no-trigger"
><img
alt="shodan"
src="https://www.gravatar.com/avatar/4aea8cf834ed91844a2da4ff7ae6b491?s=80&amp;d=identicon"
height="20"
width="20"
class="avatar s20 has-tooltip"
/></a>
<div class="board-title-text">
<span
title="shodan"
data-container="body"
class="board-title-main-text block-truncated has-tooltip"
>
shodan
</span>
<span title="user5" class="board-title-sub-text prepend-left-5 has-tooltip">
@user5
</span>
</div>
<button
aria-label="Delete list"
data-placement="bottom"
title="Delete list"
type="button"
class="board-delete no-drag p-0 border-0 has-tooltip float-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-trash"></i>
</button>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
<button
aria-label="List settings"
title="List settings"
type="button"
class="btn no-drag rounded-right btn-secondary btn-md"
>
<svg><use xlink:href="/assets/iconstest.svg#settings"></use></svg>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="11"
data-board-type="assignee"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
<div
data-id="7"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
title="Closed"
data-container="body"
class="board-title-main-text block-truncated"
>
Closed
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="7"
data-board-type="closed"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
</div>
<aside class="right-sidebar right-sidebar-expanded issue-boards-sidebar" style="display: none;">
<div class="issuable-sidebar">
<div class="block issuable-sidebar-header position-relative">
<span class="issuable-header-text hide-collapsed float-left"
><strong class="bold"> </strong> <br />
<span>
#
</span></span
>
<a
aria-label="Toggle sidebar"
href="#"
role="button"
class="gutter-toggle position-absolute position-top-0 position-right-0"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">
<path
d="M9,7.5l5.83-5.91a.48.48,0,0,0,0-.69L14.11.15a.46.46,0,0,0-.68,0l-5.93,6L1.57.15a.46.46,0,0,0-.68,0L.15.9a.48.48,0,0,0,0,.69L6,7.5.15,13.41a.48.48,0,0,0,0,.69l.74.75a.46.46,0,0,0,.68,0l5.93-6,5.93,6a.46.46,0,0,0,.68,0l.74-.75a.48.48,0,0,0,0-.69Z"
></path></svg
></a>
</div>
<div class="js-issuable-update">
<div class="block assignee">
<div class="selectbox hide-collapsed">
<div class="dropdown">
<button
data-current-user="true"
data-dropdown-header="Assignee(s)"
data-field-name="issue[assignee_ids][]"
data-first-user="user6"
data-multi-select="true"
data-null-user="true"
data-project-id="2"
data-toggle="dropdown"
type="button"
class="dropdown-menu-toggle js-user-search js-author-search js-multiselect js-save-user-data js-issue-board-sidebar"
>
Select assignee(s)
<i aria-hidden="true" data-hidden="true" class="fa fa-chevron-down"></i>
</button>
<div
class="dropdown-menu dropdown-select dropdown-menu-user dropdown-menu-selectable dropdown-menu-author"
>
<div class="dropdown-title">
<span>Assign to</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-input">
<input
type="search"
id=""
placeholder="Search users"
autocomplete="off"
class="dropdown-input-field qa-dropdown-input-field"
/><i
aria-hidden="true"
data-hidden="true"
class="fa fa-search dropdown-input-search"
></i
><i
aria-hidden="true"
data-hidden="true"
role="button"
class="fa fa-times dropdown-input-clear js-dropdown-input-clear"
></i>
</div>
<div class="dropdown-content"></div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
</div>
</div>
</div>
<div class="block milestone">
<div class="title">
Milestone
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-spinner fa-spin block-loading"
style="display: none;"
></i>
<a href="#" class="js-sidebar-dropdown-toggle edit-link float-right">Edit</a>
</div>
<div class="value">
<span class="no-value">
None
</span>
</div>
<div class="selectbox">
<div class="dropdown">
<button
data-selected="No Milestone"
data-ability-name="issue"
data-default-no="true"
data-field-name="issue[milestone_id]"
data-milestones="/test_group/test_project/-/milestones.json"
data-show-no="true"
data-toggle="dropdown"
data-use-id="true"
type="button"
class="dropdown-menu-toggle js-milestone-select js-issue-board-sidebar"
>
Milestone
<i aria-hidden="true" data-hidden="true" class="fa fa-chevron-down"></i>
</button>
<div class="dropdown-menu dropdown-select dropdown-menu-selectable">
<div class="dropdown-title">
<span>Assign milestone</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-input">
<input
type="search"
id=""
placeholder="Search milestones"
autocomplete="off"
class="dropdown-input-field qa-dropdown-input-field"
/><i
aria-hidden="true"
data-hidden="true"
class="fa fa-search dropdown-input-search"
></i
><i
aria-hidden="true"
data-hidden="true"
role="button"
class="fa fa-times dropdown-input-clear js-dropdown-input-clear"
></i>
</div>
<div class="dropdown-content"></div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
</div>
</div>
</div>
<div class="block time-tracking">
<div class="time_tracker time-tracking-component-wrap">
<div
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon"
data-original-title="Time tracking"
>
<svg aria-hidden="true" class="s16 ic-timer">
<use xlink:href="/assets/iconstest.svg#timer"></use>
</svg>
<div class="time-tracking-collapsed-summary">
<div class="no-tracking"><span class="no-value"> None </span></div>
</div>
</div>
<div class="title hide-collapsed">
Time tracking
<div class="help-button float-right">
<i aria-hidden="true" class="fa fa-question-circle"></i>
</div>
</div>
<div class="time-tracking-content hide-collapsed">
<div class="time-tracking-no-tracking-pane">
<span class="no-value"> No estimate or time spent </span>
</div>
</div>
</div>
</div>
<div class="block due_date">
<div class="title">
Due date
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-spinner fa-spin block-loading"
style="display: none;"
></i>
<a href="#" class="js-sidebar-dropdown-toggle edit-link float-right">Edit</a>
</div>
<div class="value">
<div class="value-content">
<span class="no-value">
None
</span>
</div>
</div>
<div class="selectbox">
<input name="issue[due_date]" type="hidden" />
<div class="dropdown">
<button
data-ability-name="issue"
data-field-name="issue[due_date]"
data-toggle="dropdown"
type="button"
class="dropdown-menu-toggle js-due-date-select js-issue-boards-due-date"
>
<span class="dropdown-toggle-text">Due date</span>
<i aria-hidden="true" data-hidden="true" class="fa fa-chevron-down"></i>
</button>
<div class="dropdown-menu dropdown-menu-due-date">
<div class="dropdown-title">
<span>Due date</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-content">
<div class="js-due-date-calendar">
<div
class="pika-single gitlab-theme is-hidden is-bound"
style="position: static; left: auto; top: auto;"
></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="block labels">
<div class="title">
Labels
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-spinner fa-spin block-loading"
style="display: none;"
></i>
<a href="#" class="js-sidebar-dropdown-toggle edit-link float-right">Edit</a>
</div>
<div class="value issuable-show-labels dont-hide"></div>
<div class="selectbox">
<div class="dropdown">
<button
data-selected=""
data-field-name="issue[label_names][]"
data-namespace-path="test_group"
data-project-id="2"
data-project-path="test_project"
data-scoped-labels="false"
data-scoped-labels-documentation-link="/help/user/project/labels.md#scoped-labels-premium"
data-show-any="true"
data-show-no="true"
data-toggle="dropdown"
type="button"
class="dropdown-menu-toggle js-label-select js-multiselect js-issue-board-sidebar"
>
<span class="dropdown-toggle-text">
Label
</span>
<i aria-hidden="true" data-hidden="true" class="fa fa-chevron-down"></i>
</button>
<div
class="dropdown-menu dropdown-select dropdown-menu-paging dropdown-menu-labels dropdown-menu-selectable dropdown-extended-height"
>
<div class="dropdown-page-one">
<div class="dropdown-title">
<span>Assign labels</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-input">
<input
type="search"
id=""
placeholder="Search"
autocomplete="off"
class="dropdown-input-field qa-dropdown-input-field"
/><i
aria-hidden="true"
data-hidden="true"
class="fa fa-search dropdown-input-search"
></i
><i
aria-hidden="true"
data-hidden="true"
role="button"
class="fa fa-times dropdown-input-clear js-dropdown-input-clear"
></i>
</div>
<div class="dropdown-content"></div>
<div class="dropdown-footer">
<ul class="dropdown-footer-list">
<li>
<a href="#" class="dropdown-toggle-page">
Create project label
</a>
</li>
<li>
<a data-is-link="true" href="/test_group/test_project/-/labels"
>Manage project labels
</a>
</li>
</ul>
</div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
<div class="dropdown-page-two dropdown-new-label">
<div class="dropdown-title">
<button
aria-label="Go back"
type="button"
class="dropdown-title-button dropdown-menu-back"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-arrow-left"></i></button
><span>Create project label</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-content">
<div class="dropdown-labels-error js-label-error" style="display: none;"></div>
<input
id="new_label_name"
placeholder="Name new label"
type="text"
class="default-dropdown-input"
/>
<div class="suggest-colors suggest-colors-dropdown">
<div class="suggest-colors">
<a
data-color="#0033CC"
title="UA blue"
href="#"
class="has-tooltip"
style="background-color: rgb(0, 51, 204);"
></a
><a
data-color="#428BCA"
title="Moderate blue"
href="#"
class="has-tooltip"
style="background-color: rgb(66, 139, 202);"
></a
><a
data-color="#44AD8E"
title="Lime green"
href="#"
class="has-tooltip"
style="background-color: rgb(68, 173, 142);"
></a
><a
data-color="#A8D695"
title="Feijoa"
href="#"
class="has-tooltip"
style="background-color: rgb(168, 214, 149);"
></a
><a
data-color="#5CB85C"
title="Slightly desaturated green"
href="#"
class="has-tooltip"
style="background-color: rgb(92, 184, 92);"
></a
><a
data-color="#69D100"
title="Bright green"
href="#"
class="has-tooltip"
style="background-color: rgb(105, 209, 0);"
></a
><a
data-color="#004E00"
title="Very dark lime green"
href="#"
class="has-tooltip"
style="background-color: rgb(0, 78, 0);"
></a
><a
data-color="#34495E"
title="Very dark desaturated blue"
href="#"
class="has-tooltip"
style="background-color: rgb(52, 73, 94);"
></a
><a
data-color="#7F8C8D"
title="Dark grayish cyan"
href="#"
class="has-tooltip"
style="background-color: rgb(127, 140, 141);"
></a
><a
data-color="#A295D6"
title="Slightly desaturated blue"
href="#"
class="has-tooltip"
style="background-color: rgb(162, 149, 214);"
></a
><a
data-color="#5843AD"
title="Dark moderate blue"
href="#"
class="has-tooltip"
style="background-color: rgb(88, 67, 173);"
></a
><a
data-color="#8E44AD"
title="Dark moderate violet"
href="#"
class="has-tooltip"
style="background-color: rgb(142, 68, 173);"
></a
><a
data-color="#FFECDB"
title="Very pale orange"
href="#"
class="has-tooltip"
style="background-color: rgb(255, 236, 219);"
></a
><a
data-color="#AD4363"
title="Dark moderate pink"
href="#"
class="has-tooltip"
style="background-color: rgb(173, 67, 99);"
></a
><a
data-color="#D10069"
title="Strong pink"
href="#"
class="has-tooltip"
style="background-color: rgb(209, 0, 105);"
></a
><a
data-color="#CC0033"
title="Strong red"
href="#"
class="has-tooltip"
style="background-color: rgb(204, 0, 51);"
></a
><a
data-color="#FF0000"
title="Pure red"
href="#"
class="has-tooltip"
style="background-color: rgb(255, 0, 0);"
></a
><a
data-color="#D9534F"
title="Soft red"
href="#"
class="has-tooltip"
style="background-color: rgb(217, 83, 79);"
></a
><a
data-color="#D1D100"
title="Strong yellow"
href="#"
class="has-tooltip"
style="background-color: rgb(209, 209, 0);"
></a
><a
data-color="#F0AD4E"
title="Soft orange"
href="#"
class="has-tooltip"
style="background-color: rgb(240, 173, 78);"
></a
><a
data-color="#AD8D43"
title="Dark moderate orange"
href="#"
class="has-tooltip"
style="background-color: rgb(173, 141, 67);"
></a>
</div>
</div>
<div class="dropdown-label-color-input">
<div
class="dropdown-label-color-preview js-dropdown-label-color-preview"
></div>
<input
id="new_label_color"
placeholder="Assign custom color like #FF0000"
type="text"
class="default-dropdown-input"
/>
</div>
<div class="dropdown-label-input">
<label
><input name="add_list" type="checkbox" class="js-add-list" />
<span>Add list</span></label
>
</div>
<div class="clearfix">
<button
type="button"
class="btn btn-primary float-left js-new-label-btn disabled"
disabled=""
>
Create
</button>
<button type="button" class="btn btn-default float-right js-cancel-label-btn">
Cancel
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="block weight"
weight-options="None,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20"
>
<div
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon js-weight-collapsed-block"
data-original-title="Weight "
>
<svg aria-hidden="true" class="s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
<span class="js-weight-collapsed-weight-label"></span>
</div>
<div class="title hide-collapsed">
Weight
<a data-qa-selector="edit_weight_link" href="#" class="float-right js-weight-edit-link"
>Edit</a
>
</div>
<div class="value hide-collapsed js-weight-weight-label">
<span
><strong
data-qa-selector="weight_label_value"
class="js-weight-weight-label-value"
></strong>
<span>
-
<a
data-qa-selector="remove_weight_link"
href="#"
class="btn-default-hover-link js-weight-remove-link"
>remove weight</a
></span
></span
>
</div>
</div>
<div class="block subscriptions">
<div>
<span
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon"
data-original-title="Notifications off"
><svg aria-hidden="true" class="sidebar-item-icon is-active s16 ic-notifications-off">
<use xlink:href="/assets/iconstest.svg#notifications-off"></use></svg
></span>
<span class="issuable-header-text hide-collapsed float-left"> Notifications </span>
<label class="toggle-wrapper float-right hide-collapsed js-issuable-subscribe-button">
<button
aria-label="Toggle Status: OFF"
type="button"
class="project-feature-toggle is-loading"
>
<div class="gl-spinner-container loading-icon">
<span
aria-label="Loading"
aria-hidden="true"
class="align-text-bottom gl-spinner gl-spinner-orange gl-spinner-sm"
></span>
</div>
<span class="toggle-icon"
><svg aria-hidden="true" class="toggle-icon-svg s16 ic-status_failed_borderless">
<use xlink:href="/assets/iconstest.svg#status_failed_borderless"></use></svg
></span></button
></label>
</div>
</div>
<div class="block list">
<button type="button" class="btn btn-default btn-block">
Remove from board
</button>
</div>
</div>
</div>
</aside>
</div>
ee/spec/features/boards/pins/as_developer.ff_on.oracle.html deleted 100644 → 0
View file @ 466c66fc
<div
data-board-id="5"
data-boards-endpoint="/test_group/test_project/-/boards"
data-bulk-update-path="/test_group/test_project/-/issues/bulk_update"
data-disabled="false"
data-focus-mode-available=""
data-full-path="test_group/test_project"
data-issue-link-base="/test_group/test_project/-/issues"
data-label-ids="[]"
data-labels="[]"
data-lists-endpoint="/-/boards/5/lists"
data-recent-boards-endpoint="/test_group/test_project/-/boards/recent"
data-root-path="/"
data-scoped-labels="false"
data-scoped-labels-documentation-link="/help/user/project/labels.md#scoped-labels-premium"
data-time-tracking-limit-to-hours="false"
data-weight-feature-available="true"
id="board-app"
class="boards-app position-relative"
>
<div class="issues-filters">
<div
class="d-flex filtered-search-block flex-column flex-lg-row issues-details-filters row-content-block second-block"
>
<div class="d-flex flex-column flex-md-row flex-grow-1 mb-lg-0 mb-md-2 mb-sm-0 w-100">
<div class="boards-switcher js-boards-selector append-right-10">
<span class="boards-selector-wrapper js-boards-selector-wrapper"
><div
class="dropdown b-dropdown gl-dropdown btn-group"
data-qa-selector="boards_dropdown"
id="__BVID__42"
>
<button
aria-haspopup="true"
aria-expanded="false"
type="button"
class="btn dropdown-toggle btn-secondary dropdown-menu-toggle js-dropdown-toggle"
id="__BVID__42__BV_toggle_"
>
<span class="gl-dropdown-toggle-text">board5</span>
<svg class="gl-dropdown-caret gl-icon s16" aria-hidden="true">
<use href="/assets/iconstest.svg#chevron-down"></use>
</svg>
</button>
<ul
role="menu"
tabindex="-1"
class="dropdown-menu flex-column dropdown-extended-height"
aria-labelledby="__BVID__42__BV_toggle_"
>
<div>
<div class="dropdown-title mb-0">
Switch board
</div>
</div>
<li role="presentation" class="gl-dropdown-header mt-0">
<header role="heading" class="dropdown-header">
<div class="gl-search-box-by-type">
<svg class="gl-search-box-by-type-search-icon gl-icon s16">
<use href="/assets/iconstest.svg#search"></use>
</svg>
<input
type="text"
placeholder="Search"
class="gl-form-input gl-search-box-by-type-input form-control"
aria-label="Search"
id="__BVID__48"
/>
<div class="gl-search-box-by-type-right-icons"></div>
</div>
</header>
</li>
<div data-qa-selector="boards_dropdown_content" class="dropdown-content flex-fill">
<li role="presentation" class="no-pointer-events text-secondary">
<button role="menuitem" type="button" class="dropdown-item">
No matching boards found
</button>
</li>
</div>
<div class="dropdown-content-faded-mask fade-out" style="display: none;"></div>
<div>
<li role="presentation">
<hr role="separator" aria-orientation="horizontal" class="dropdown-divider" />
</li>
<li role="presentation">
<button
data-qa-selector="create_new_board_button"
role="menuitem"
type="button"
class="dropdown-item"
>
Create new board
</button>
</li>
</div>
</ul>
</div>
</span>
</div>
<form
class="filter-form js-filter-form w-100"
action="/test_group/test_project/-/boards?"
accept-charset="UTF-8"
method="get"
>
<input name="utf8" type="hidden" value="✓" />
<div class="issues-other-filters filtered-search-wrapper d-flex flex-column flex-md-row">
<div class="filtered-search-box">
<div class="filtered-search-box-input-container droplab-dropdown">
<div class="scroll-container">
<ul class="tokens-container list-unstyled">
<li class="input-token">
<input
autocomplete="off"
class="form-control filtered-search"
data-epics-endpoint="/groups/test_group/-/epics"
data-labels-endpoint="/test_group/test_project/-/labels"
data-milestones-endpoint="/test_group/test_project/-/milestones"
data-project-id="5"
data-releases-endpoint="/test_group/test_project/-/releases"
data-runner-tags-endpoint="/admin/runners/tag_list"
id="filtered-search-boards"
placeholder="Search or filter results..."
data-dropdown-trigger="#js-dropdown-hint"
/>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu hint-dropdown"
id="js-dropdown-hint"
data-dropdown-active="true"
style="left: 12px;"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li
class="filter-dropdown-item"
data-action=""
data-hint="author"
data-tag=":@author"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#pencil"></use></svg>
<span class="js-filter-hint">
Author
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="assignee"
data-tag=":@assignee"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#user"></use></svg>
<span class="js-filter-hint">
Assignee
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="milestone"
data-tag=":%milestone"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#clock"></use></svg>
<span class="js-filter-hint">
Milestone
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="release"
data-tag=":tag name"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#rocket"></use></svg>
<span class="js-filter-hint">
Release
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="label"
data-tag=":~label"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#labels"></use></svg>
<span class="js-filter-hint">
Label
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="my-reaction"
data-tag=":emoji"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#thumb-up"></use></svg>
<span class="js-filter-hint">
My-Reaction
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="epic"
data-tag=":undefined"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#epic"></use></svg>
<span class="js-filter-hint">
Epic
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="weight"
data-tag=":number"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#weight"></use></svg>
<span class="js-filter-hint">
Weight
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action="submit"
data-hint="search"
data-tag="search"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#search"></use></svg>
<span class="js-filter-hint">
Search for this text
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-operator"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{ title }}">
<button class="btn btn-link" type="button">
{{ title }}
<span class="btn-helptext">
{{ help }}
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-author"
>
<ul data-dropdown="">
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe11's avatar"
src="https://www.gravatar.com/avatar/f7e7867056f1e5aa7cdc23184075609c?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe11"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe11
</span>
<span class="dropdown-light-content">
@user15
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-assignee"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe11's avatar"
src="https://www.gravatar.com/avatar/f7e7867056f1e5aa7cdc23184075609c?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe11"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe11
</span>
<span class="dropdown-light-content">
@user15
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-approver"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe11's avatar"
src="https://www.gravatar.com/avatar/f7e7867056f1e5aa7cdc23184075609c?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe11"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe11
</span>
<span class="dropdown-light-content">
@user15
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-milestone"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="filter-dropdown-item" data-value="Upcoming">
<button class="btn btn-link" type="button">
Upcoming
</button>
</li>
<li class="filter-dropdown-item" data-value="Started">
<button class="btn btn-link" type="button">
Started
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value" type="button">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-release"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value" type="button">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-label"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link" type="button">
<span class="dropdown-label-box" style="background: {{color}}"></span>
<span class="label-title js-data-value">
{{title}}
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-my-reaction"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link" type="button">
<gl-emoji></gl-emoji>
<span class="js-data-value prepend-left-10">
{{name}}
</span>
</button>
</li>
</ul>
</div>
<div class="filtered-search-input-dropdown-menu dropdown-menu" id="js-dropdown-wip">
<ul class="filter-dropdown" data-dropdown="">
<li class="filter-dropdown-item" data-capitalize="" data-value="yes">
<button class="btn btn-link" type="button">
Yes
</button>
</li>
<li class="filter-dropdown-item" data-capitalize="" data-value="no">
<button class="btn btn-link" type="button">
No
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-confidential"
>
<ul class="filter-dropdown" data-dropdown="">
<li class="filter-dropdown-item" data-capitalize="" data-value="yes">
<button class="btn btn-link" type="button">
Yes
</button>
</li>
<li class="filter-dropdown-item" data-capitalize="" data-value="no">
<button class="btn btn-link" type="button">
No
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-target-branch"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value monospace">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-weight"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{id}}">
<button class="btn btn-link">{{title}}</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-epic"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{id}}">
<button class="btn btn-link dropdown-epic-button">
<span>{{title}}</span> <span class="reference">&amp;{{id}}</span>
</button>
</li>
</ul>
</div>
</div>
<button class="clear-search hidden" type="button">
<i aria-hidden="true" data-hidden="true" class="fa fa-times"></i>
</button>
</div>
</div>
</form>
</div>
<div class="filter-dropdown-container d-flex flex-column flex-md-row">
<div class="board-labels-toggle-wrapper d-flex align-items-center prepend-left-10">
<span id="board-labels-toggle-text" class="text-nowrap">
Show labels
</span>
<label
class="gl-toggle-wrapper prepend-left-10 mb-0"
data-qa-selector="show_labels_toggle"
>
<button
aria-label="Showing all labels"
aria-describedby="board-labels-toggle-text"
type="button"
class="gl-toggle is-checked"
>
<span class="toggle-icon"
><svg class="gl-icon s16">
<use href="/assets/iconstest.svg#mobile-issue-close"></use></svg
></span></button
></label>
</div>
<div class="prepend-left-10">
<button
title=""
type="button"
data-qa-selector="boards_config_button"
class="btn btn-inverted"
data-original-title=""
>
Edit board
</button>
</div>
<div id="js-add-list" class="dropdown boards-add-list prepend-left-10">
<button
data-labels="/test_group/test_project/-/labels.json?include_ancestor_groups=true"
data-labels-endpoint="/test_group/test_project/-/labels"
data-list-assignees-path="/-/boards/5/users.json"
data-list-labels-path="/test_group/test_project/-/labels.json?include_ancestor_groups=true"
data-list-milestone-path="/-/boards/5/milestones.json"
data-namespace-path="test_group"
data-project-path="test_project"
data-toggle="dropdown"
type="button"
class="btn btn-success btn-inverted d-flex js-new-board-list"
>
<span>Add list</span>
<svg class="s16 prepend-left-5 btn-success-board-list-chevron">
<use xlink:href="/assets/iconstest.svg#chevron-down"></use>
</svg>
</button>
<div
class="dropdown-menu dropdown-menu-paging dropdown-menu-right dropdown-menu-issues-board-new dropdown-menu-selectable dropdown-menu-tabs pt-0"
>
<ul
role="tablist"
class="nav nav-tabs dropdown-tabs-list d-flex js-new-board-list-tabs"
>
<li
class="nav-item dropdown-tab-item flex-grow-1 flex-shrink-1 w-0 border-left-0 js-tab-button-labels"
>
<a
data-action="tab-labels"
data-is-link="true"
data-target="#tab-labels"
data-toggle="tab"
href="#"
role="tab"
class="w-100 text-center py-3 px-2 active"
>
Label
</a>
</li>
<li
class="nav-item dropdown-tab-item flex-grow-1 flex-shrink-1 w-0 js-tab-button-assignees"
>
<a
data-action="tab-assignees"
data-is-link="true"
data-target="#tab-assignees"
data-toggle="tab"
href="#"
role="tab"
class="w-100 text-center py-3 px-2"
>
Assignee
</a>
</li>
<li
class="nav-item dropdown-tab-item flex-grow-1 flex-shrink-1 w-0 js-tab-button-milestones"
>
<a
data-action="tab-milestones"
data-is-link="true"
data-target="#tab-milestones"
data-toggle="tab"
href="#"
role="tab"
class="w-100 text-center py-3 px-2"
>
Milestone
</a>
</li>
</ul>
<div class="tab-content">
<div
id="tab-labels"
role="tabpanel"
class="tab-pane tab-pane-labels active js-tab-container-labels"
>
<div class="dropdown-page-one">
<div class="issue-board-dropdown-content">
<p class="m-0">
Label lists show all issues with the selected label.
</p>
</div>
<div class="dropdown-input">
<input
type="search"
id=""
placeholder="Search"
autocomplete="off"
class="dropdown-input-field qa-dropdown-input-field"
/><i
aria-hidden="true"
data-hidden="true"
class="fa fa-search dropdown-input-search"
></i
><i
aria-hidden="true"
data-hidden="true"
role="button"
class="fa fa-times dropdown-input-clear js-dropdown-input-clear"
></i>
</div>
<div class="dropdown-content"></div>
<div class="dropdown-footer">
<ul class="dropdown-footer-list">
<li>
<a href="#" class="dropdown-toggle-page">
Create project label
</a>
</li>
<li>
<a data-is-link="true" href="/test_group/test_project/-/labels"
>Manage project labels
</a>
</li>
</ul>
</div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
<div class="dropdown-page-two dropdown-new-label">
<div class="dropdown-title">
<button
aria-label="Go back"
type="button"
class="dropdown-title-button dropdown-menu-back"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-arrow-left"></i></button
><span>Create project label</span>
</div>
<div class="dropdown-content">
<div class="dropdown-labels-error js-label-error" style="display: none;"></div>
<input
id="new_label_name"
placeholder="Name new label"
type="text"
class="default-dropdown-input"
/>
<div class="suggest-colors suggest-colors-dropdown">
<div class="suggest-colors">
<a
data-color="#0033CC"
title="UA blue"
href="#"
class="has-tooltip"
style="background-color: rgb(0, 51, 204);"
></a
><a
data-color="#428BCA"
title="Moderate blue"
href="#"
class="has-tooltip"
style="background-color: rgb(66, 139, 202);"
></a
><a
data-color="#44AD8E"
title="Lime green"
href="#"
class="has-tooltip"
style="background-color: rgb(68, 173, 142);"
></a
><a
data-color="#A8D695"
title="Feijoa"
href="#"
class="has-tooltip"
style="background-color: rgb(168, 214, 149);"
></a
><a
data-color="#5CB85C"
title="Slightly desaturated green"
href="#"
class="has-tooltip"
style="background-color: rgb(92, 184, 92);"
></a
><a
data-color="#69D100"
title="Bright green"
href="#"
class="has-tooltip"
style="background-color: rgb(105, 209, 0);"
></a
><a
data-color="#004E00"
title="Very dark lime green"
href="#"
class="has-tooltip"
style="background-color: rgb(0, 78, 0);"
></a
><a
data-color="#34495E"
title="Very dark desaturated blue"
href="#"
class="has-tooltip"
style="background-color: rgb(52, 73, 94);"
></a
><a
data-color="#7F8C8D"
title="Dark grayish cyan"
href="#"
class="has-tooltip"
style="background-color: rgb(127, 140, 141);"
></a
><a
data-color="#A295D6"
title="Slightly desaturated blue"
href="#"
class="has-tooltip"
style="background-color: rgb(162, 149, 214);"
></a
><a
data-color="#5843AD"
title="Dark moderate blue"
href="#"
class="has-tooltip"
style="background-color: rgb(88, 67, 173);"
></a
><a
data-color="#8E44AD"
title="Dark moderate violet"
href="#"
class="has-tooltip"
style="background-color: rgb(142, 68, 173);"
></a
><a
data-color="#FFECDB"
title="Very pale orange"
href="#"
class="has-tooltip"
style="background-color: rgb(255, 236, 219);"
></a
><a
data-color="#AD4363"
title="Dark moderate pink"
href="#"
class="has-tooltip"
style="background-color: rgb(173, 67, 99);"
></a
><a
data-color="#D10069"
title="Strong pink"
href="#"
class="has-tooltip"
style="background-color: rgb(209, 0, 105);"
></a
><a
data-color="#CC0033"
title="Strong red"
href="#"
class="has-tooltip"
style="background-color: rgb(204, 0, 51);"
></a
><a
data-color="#FF0000"
title="Pure red"
href="#"
class="has-tooltip"
style="background-color: rgb(255, 0, 0);"
></a
><a
data-color="#D9534F"
title="Soft red"
href="#"
class="has-tooltip"
style="background-color: rgb(217, 83, 79);"
></a
><a
data-color="#D1D100"
title="Strong yellow"
href="#"
class="has-tooltip"
style="background-color: rgb(209, 209, 0);"
></a
><a
data-color="#F0AD4E"
title="Soft orange"
href="#"
class="has-tooltip"
style="background-color: rgb(240, 173, 78);"
></a
><a
data-color="#AD8D43"
title="Dark moderate orange"
href="#"
class="has-tooltip"
style="background-color: rgb(173, 141, 67);"
></a>
</div>
</div>
<div class="dropdown-label-color-input">
<div
class="dropdown-label-color-preview js-dropdown-label-color-preview"
></div>
<input
id="new_label_color"
placeholder="Assign custom color like #FF0000"
type="text"
class="default-dropdown-input"
/>
</div>
<div class="clearfix">
<button
type="button"
class="btn btn-primary float-left js-new-label-btn disabled"
disabled=""
>
Create
</button>
<button type="button" class="btn btn-default float-right js-cancel-label-btn">
Cancel
</button>
</div>
</div>
</div>
</div>
<div
id="tab-assignees"
role="tabpanel"
class="tab-pane tab-pane-assignees js-tab-container-assignees"
>
<div class="dropdown-page-one">
<div class="issue-board-dropdown-content">
<p>
Assignee lists show all issues assigned to the selected user.
</p>
</div>
<div class="js-assignees-list"></div>
</div>
</div>
<div
id="tab-milestones"
role="tabpanel"
class="tab-pane tab-pane-milestones js-tab-container-milestones"
>
<div class="dropdown-page-one">
<div class="issue-board-dropdown-content">
<p>
Milestone lists show all issues from the selected milestone.
</p>
</div>
<div class="js-milestone-list"></div>
</div>
</div>
</div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
</div>
<div class="board-extra-actions">
<button
type="button"
data-placement="bottom"
title=""
class="btn btn-success prepend-left-10"
data-original-title="Please add a list to your board first"
>
Add issues
</button>
</div>
<div class="board-extra-actions">
<a
href="#"
data-qa-selector="focus_mode_button"
role="button"
aria-label="Toggle focus mode"
title="Toggle focus mode"
class="btn btn-default has-tooltip prepend-left-10 js-focus-mode-btn"
><span style="display: none;"
><svg width="17" height="17" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg">
<path
d="M.147 15.496l2.146-2.146-1.286-1.286a.55.55 0 0 1-.125-.616c.101-.238.277-.357.527-.357h4a.55.55 0 0 1 .402.17.55.55 0 0 1 .17.401v4c0 .25-.12.426-.358.527-.232.101-.437.06-.616-.125l-1.286-1.286-2.146 2.146-1.428-1.428zM14.996.646l1.428 1.43-2.146 2.145 1.286 1.286c.185.179.226.384.125.616-.101.238-.277.357-.527.357h-4a.55.55 0 0 1-.402-.17.55.55 0 0 1-.17-.401v-4c0-.25.12-.426.358-.527a.553.553 0 0 1 .616.125l1.286 1.286L14.996.647zm-13.42 0L3.72 2.794l1.286-1.286a.55.55 0 0 1 .616-.125c.238.101.357.277.357.527v4a.55.55 0 0 1-.17.402.55.55 0 0 1-.401.17h-4c-.25 0-.426-.12-.527-.358-.101-.232-.06-.437.125-.616l1.286-1.286L.147 2.075 1.575.647zm14.848 14.85l-1.428 1.428-2.146-2.146-1.286 1.286c-.179.185-.384.226-.616.125-.238-.101-.357-.277-.357-.527v-4a.55.55 0 0 1 .17-.402.55.55 0 0 1 .401-.17h4c.25 0 .426.12.527.358a.553.553 0 0 1-.125.616l-1.286 1.286 2.146 2.146z"
fill-rule="evenodd"
></path></svg
></span>
<span
><svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.591 5.056l2.147-2.146-1.286-1.286a.55.55 0 0 1-.125-.616c.101-.238.277-.357.527-.357h4a.55.55 0 0 1 .402.17.55.55 0 0 1 .17.401v4c0 .25-.12.426-.358.527-.232.101-.437.06-.616-.125l-1.286-1.286-2.146 2.147-1.429-1.43zM5.018 8.553l1.429 1.43L4.3 12.127l1.286 1.286c.185.179.226.384.125.616-.101.238-.277.357-.527.357h-4a.55.55 0 0 1-.402-.17.55.55 0 0 1-.17-.401v-4c0-.25.12-.426.358-.527a.553.553 0 0 1 .616.125L2.872 10.7l2.146-2.147zm4.964 0l2.146 2.147 1.286-1.286a.55.55 0 0 1 .616-.125c.238.101.357.277.357.527v4a.55.55 0 0 1-.17.402.55.55 0 0 1-.401.17h-4c-.25 0-.426-.12-.527-.358-.101-.232-.06-.437.125-.616l1.286-1.286-2.147-2.146 1.43-1.429zM6.447 5.018l-1.43 1.429L2.873 4.3 1.586 5.586c-.179.185-.384.226-.616.125-.238-.101-.357-.277-.357-.527v-4a.55.55 0 0 1 .17-.402.55.55 0 0 1 .401-.17h4c.25 0 .426.12.527.358a.553.553 0 0 1-.125.616L4.3 2.872l2.147 2.146z"
fill-rule="evenodd"
></path></svg></span
></a>
</div>
</div>
</div>
</div>
<div data-qa-selector="boards_list" class="boards-list w-100 py-3 px-2 text-nowrap">
<div
data-id="30"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
title="Open"
data-container="body"
class="board-title-main-text block-truncated"
>
Open
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md rounded-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="30"
data-board-type="backlog"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
<div
data-id="26"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header
data-qa-selector="board_list_header"
class="board-header has-border position-relative"
style="border-top-color: rgb(153, 0, 0);"
>
<h3 class="board-title m-0 d-flex js-board-handle user-can-drag">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
class="gl-label gl-label-text-light"
style="box-shadow: rgb(153, 0, 0) 0px 0px 0px 2px inset;"
><a href="#" class="gl-link gl-label-link"
><span class="gl-label-text" style="background-color: rgb(153, 0, 0);"
>Planning</span
>
</a>
</span>
</div>
<button
aria-label="Delete list"
data-placement="bottom"
title="Delete list"
type="button"
class="board-delete no-drag p-0 border-0 has-tooltip float-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-trash"></i>
</button>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
<button
aria-label="List settings"
title="List settings"
type="button"
class="btn no-drag rounded-right btn-secondary btn-md"
>
<svg><use xlink:href="/assets/iconstest.svg#settings"></use></svg>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="26"
data-board-type="label"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="13"
data-qa-selector="board_card"
class="board-card p-3 rounded user-can-drag"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/1" title="abc" class="js-no-trigger"
>abc</a
>
</h4>
</div>
<div class="board-card-labels prepend-top-4 d-flex flex-wrap"></div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#1
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="27"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header
data-qa-selector="board_list_header"
class="board-header has-border position-relative"
style="border-top-color: rgb(153, 0, 0);"
>
<h3 class="board-title m-0 d-flex js-board-handle user-can-drag">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
class="gl-label gl-label-text-light"
style="box-shadow: rgb(153, 0, 0) 0px 0px 0px 2px inset;"
><a href="#" class="gl-link gl-label-link"
><span class="gl-label-text" style="background-color: rgb(153, 0, 0);"
>label10</span
>
</a>
</span>
</div>
<button
aria-label="Delete list"
data-placement="bottom"
title="Delete list"
type="button"
class="board-delete no-drag p-0 border-0 has-tooltip float-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-trash"></i>
</button>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
<button
aria-label="List settings"
title="List settings"
type="button"
class="btn no-drag rounded-right btn-secondary btn-md"
>
<svg><use xlink:href="/assets/iconstest.svg#settings"></use></svg>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="27"
data-board-type="label"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="14"
data-qa-selector="board_card"
class="board-card p-3 rounded user-can-drag"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/2" title="hij" class="js-no-trigger"
>hij</a
>
</h4>
</div>
<div class="board-card-labels prepend-top-4 d-flex flex-wrap"></div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#2
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="28"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle user-can-drag">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<span aria-hidden="true" class="append-right-5 milestone-icon"
><svg class="s16"><use xlink:href="/assets/iconstest.svg#timer"></use></svg
></span>
<div class="board-title-text">
<span
title="My title 5"
data-container="body"
class="board-title-main-text block-truncated has-tooltip d-block"
>
My title 5
</span>
</div>
<button
aria-label="Delete list"
data-placement="bottom"
title="Delete list"
type="button"
class="board-delete no-drag p-0 border-0 has-tooltip float-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-trash"></i>
</button>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
<button
aria-label="List settings"
title="List settings"
type="button"
class="btn no-drag rounded-right btn-secondary btn-md"
>
<svg><use xlink:href="/assets/iconstest.svg#settings"></use></svg>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="28"
data-board-type="milestone"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="15"
data-qa-selector="board_card"
class="board-card p-3 rounded user-can-drag"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/3" title="nop" class="js-no-trigger"
>nop</a
>
</h4>
</div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#3
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="29"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable board-type-assignee"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle user-can-drag">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<a href="/user14" class="user-avatar-link js-no-trigger"
><img
alt="shodan"
src="https://www.gravatar.com/avatar/0f355fa8237e411a325dad6ebf8a85a3?s=80&amp;d=identicon"
height="20"
width="20"
class="avatar s20 has-tooltip"
/></a>
<div class="board-title-text">
<span
title="shodan"
data-container="body"
class="board-title-main-text block-truncated has-tooltip"
>
shodan
</span>
<span title="user14" class="board-title-sub-text prepend-left-5 has-tooltip">
@user14
</span>
</div>
<button
aria-label="Delete list"
data-placement="bottom"
title="Delete list"
type="button"
class="board-delete no-drag p-0 border-0 has-tooltip float-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-trash"></i>
</button>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
<button
aria-label="List settings"
title="List settings"
type="button"
class="btn no-drag rounded-right btn-secondary btn-md"
>
<svg><use xlink:href="/assets/iconstest.svg#settings"></use></svg>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="29"
data-board-type="assignee"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
<div
data-id="25"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
title="Closed"
data-container="body"
class="board-title-main-text block-truncated"
>
Closed
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="25"
data-board-type="closed"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
</div>
<aside class="right-sidebar right-sidebar-expanded issue-boards-sidebar" style="display: none;">
<div class="issuable-sidebar">
<div class="block issuable-sidebar-header position-relative">
<span class="issuable-header-text hide-collapsed float-left"
><strong class="bold"> </strong> <br />
<span>
#
</span></span
>
<a
aria-label="Toggle sidebar"
href="#"
role="button"
class="gutter-toggle position-absolute position-top-0 position-right-0"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">
<path
d="M9,7.5l5.83-5.91a.48.48,0,0,0,0-.69L14.11.15a.46.46,0,0,0-.68,0l-5.93,6L1.57.15a.46.46,0,0,0-.68,0L.15.9a.48.48,0,0,0,0,.69L6,7.5.15,13.41a.48.48,0,0,0,0,.69l.74.75a.46.46,0,0,0,.68,0l5.93-6,5.93,6a.46.46,0,0,0,.68,0l.74-.75a.48.48,0,0,0,0-.69Z"
></path></svg
></a>
</div>
<div class="js-issuable-update">
<div class="block assignee">
<div class="selectbox hide-collapsed">
<div class="dropdown">
<button
data-current-user="true"
data-dropdown-header="Assignee(s)"
data-field-name="issue[assignee_ids][]"
data-first-user="user15"
data-multi-select="true"
data-null-user="true"
data-project-id="5"
data-toggle="dropdown"
type="button"
class="dropdown-menu-toggle js-user-search js-author-search js-multiselect js-save-user-data js-issue-board-sidebar"
>
Select assignee(s)
<i aria-hidden="true" data-hidden="true" class="fa fa-chevron-down"></i>
</button>
<div
class="dropdown-menu dropdown-select dropdown-menu-user dropdown-menu-selectable dropdown-menu-author"
>
<div class="dropdown-title">
<span>Assign to</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-input">
<input
type="search"
id=""
placeholder="Search users"
autocomplete="off"
class="dropdown-input-field qa-dropdown-input-field"
/><i
aria-hidden="true"
data-hidden="true"
class="fa fa-search dropdown-input-search"
></i
><i
aria-hidden="true"
data-hidden="true"
role="button"
class="fa fa-times dropdown-input-clear js-dropdown-input-clear"
></i>
</div>
<div class="dropdown-content"></div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
</div>
</div>
</div>
<div class="block milestone">
<div class="title">
Milestone
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-spinner fa-spin block-loading"
style="display: none;"
></i>
<a href="#" class="js-sidebar-dropdown-toggle edit-link float-right">Edit</a>
</div>
<div class="value">
<span class="no-value">
None
</span>
</div>
<div class="selectbox">
<div class="dropdown">
<button
data-selected="No Milestone"
data-ability-name="issue"
data-default-no="true"
data-field-name="issue[milestone_id]"
data-milestones="/test_group/test_project/-/milestones.json"
data-show-no="true"
data-toggle="dropdown"
data-use-id="true"
type="button"
class="dropdown-menu-toggle js-milestone-select js-issue-board-sidebar"
>
Milestone
<i aria-hidden="true" data-hidden="true" class="fa fa-chevron-down"></i>
</button>
<div class="dropdown-menu dropdown-select dropdown-menu-selectable">
<div class="dropdown-title">
<span>Assign milestone</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-input">
<input
type="search"
id=""
placeholder="Search milestones"
autocomplete="off"
class="dropdown-input-field qa-dropdown-input-field"
/><i
aria-hidden="true"
data-hidden="true"
class="fa fa-search dropdown-input-search"
></i
><i
aria-hidden="true"
data-hidden="true"
role="button"
class="fa fa-times dropdown-input-clear js-dropdown-input-clear"
></i>
</div>
<div class="dropdown-content"></div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
</div>
</div>
</div>
<div class="block time-tracking">
<div class="time_tracker time-tracking-component-wrap">
<div
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon"
data-original-title="Time tracking"
>
<svg aria-hidden="true" class="s16 ic-timer">
<use xlink:href="/assets/iconstest.svg#timer"></use>
</svg>
<div class="time-tracking-collapsed-summary">
<div class="no-tracking"><span class="no-value"> None </span></div>
</div>
</div>
<div class="title hide-collapsed">
Time tracking
<div class="help-button float-right">
<i aria-hidden="true" class="fa fa-question-circle"></i>
</div>
</div>
<div class="time-tracking-content hide-collapsed">
<div class="time-tracking-no-tracking-pane">
<span class="no-value"> No estimate or time spent </span>
</div>
</div>
</div>
</div>
<div class="block due_date">
<div class="title">
Due date
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-spinner fa-spin block-loading"
style="display: none;"
></i>
<a href="#" class="js-sidebar-dropdown-toggle edit-link float-right">Edit</a>
</div>
<div class="value">
<div class="value-content">
<span class="no-value">
None
</span>
</div>
</div>
<div class="selectbox">
<input name="issue[due_date]" type="hidden" />
<div class="dropdown">
<button
data-ability-name="issue"
data-field-name="issue[due_date]"
data-toggle="dropdown"
type="button"
class="dropdown-menu-toggle js-due-date-select js-issue-boards-due-date"
>
<span class="dropdown-toggle-text">Due date</span>
<i aria-hidden="true" data-hidden="true" class="fa fa-chevron-down"></i>
</button>
<div class="dropdown-menu dropdown-menu-due-date">
<div class="dropdown-title">
<span>Due date</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-content">
<div class="js-due-date-calendar">
<div
class="pika-single gitlab-theme is-hidden is-bound"
style="position: static; left: auto; top: auto;"
></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="block labels">
<div class="title">
Labels
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-spinner fa-spin block-loading"
style="display: none;"
></i>
<a href="#" class="js-sidebar-dropdown-toggle edit-link float-right">Edit</a>
</div>
<div class="value issuable-show-labels dont-hide"></div>
<div class="selectbox">
<div class="dropdown">
<button
data-selected=""
data-field-name="issue[label_names][]"
data-namespace-path="test_group"
data-project-id="5"
data-project-path="test_project"
data-scoped-labels="false"
data-scoped-labels-documentation-link="/help/user/project/labels.md#scoped-labels-premium"
data-show-any="true"
data-show-no="true"
data-toggle="dropdown"
type="button"
class="dropdown-menu-toggle js-label-select js-multiselect js-issue-board-sidebar"
>
<span class="dropdown-toggle-text">
Label
</span>
<i aria-hidden="true" data-hidden="true" class="fa fa-chevron-down"></i>
</button>
<div
class="dropdown-menu dropdown-select dropdown-menu-paging dropdown-menu-labels dropdown-menu-selectable dropdown-extended-height"
>
<div class="dropdown-page-one">
<div class="dropdown-title">
<span>Assign labels</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-input">
<input
type="search"
id=""
placeholder="Search"
autocomplete="off"
class="dropdown-input-field qa-dropdown-input-field"
/><i
aria-hidden="true"
data-hidden="true"
class="fa fa-search dropdown-input-search"
></i
><i
aria-hidden="true"
data-hidden="true"
role="button"
class="fa fa-times dropdown-input-clear js-dropdown-input-clear"
></i>
</div>
<div class="dropdown-content"></div>
<div class="dropdown-footer">
<ul class="dropdown-footer-list">
<li>
<a href="#" class="dropdown-toggle-page">
Create project label
</a>
</li>
<li>
<a data-is-link="true" href="/test_group/test_project/-/labels"
>Manage project labels
</a>
</li>
</ul>
</div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
<div class="dropdown-page-two dropdown-new-label">
<div class="dropdown-title">
<button
aria-label="Go back"
type="button"
class="dropdown-title-button dropdown-menu-back"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-arrow-left"></i></button
><span>Create project label</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-content">
<div class="dropdown-labels-error js-label-error" style="display: none;"></div>
<input
id="new_label_name"
placeholder="Name new label"
type="text"
class="default-dropdown-input"
/>
<div class="suggest-colors suggest-colors-dropdown">
<div class="suggest-colors">
<a
data-color="#0033CC"
title="UA blue"
href="#"
class="has-tooltip"
style="background-color: rgb(0, 51, 204);"
></a
><a
data-color="#428BCA"
title="Moderate blue"
href="#"
class="has-tooltip"
style="background-color: rgb(66, 139, 202);"
></a
><a
data-color="#44AD8E"
title="Lime green"
href="#"
class="has-tooltip"
style="background-color: rgb(68, 173, 142);"
></a
><a
data-color="#A8D695"
title="Feijoa"
href="#"
class="has-tooltip"
style="background-color: rgb(168, 214, 149);"
></a
><a
data-color="#5CB85C"
title="Slightly desaturated green"
href="#"
class="has-tooltip"
style="background-color: rgb(92, 184, 92);"
></a
><a
data-color="#69D100"
title="Bright green"
href="#"
class="has-tooltip"
style="background-color: rgb(105, 209, 0);"
></a
><a
data-color="#004E00"
title="Very dark lime green"
href="#"
class="has-tooltip"
style="background-color: rgb(0, 78, 0);"
></a
><a
data-color="#34495E"
title="Very dark desaturated blue"
href="#"
class="has-tooltip"
style="background-color: rgb(52, 73, 94);"
></a
><a
data-color="#7F8C8D"
title="Dark grayish cyan"
href="#"
class="has-tooltip"
style="background-color: rgb(127, 140, 141);"
></a
><a
data-color="#A295D6"
title="Slightly desaturated blue"
href="#"
class="has-tooltip"
style="background-color: rgb(162, 149, 214);"
></a
><a
data-color="#5843AD"
title="Dark moderate blue"
href="#"
class="has-tooltip"
style="background-color: rgb(88, 67, 173);"
></a
><a
data-color="#8E44AD"
title="Dark moderate violet"
href="#"
class="has-tooltip"
style="background-color: rgb(142, 68, 173);"
></a
><a
data-color="#FFECDB"
title="Very pale orange"
href="#"
class="has-tooltip"
style="background-color: rgb(255, 236, 219);"
></a
><a
data-color="#AD4363"
title="Dark moderate pink"
href="#"
class="has-tooltip"
style="background-color: rgb(173, 67, 99);"
></a
><a
data-color="#D10069"
title="Strong pink"
href="#"
class="has-tooltip"
style="background-color: rgb(209, 0, 105);"
></a
><a
data-color="#CC0033"
title="Strong red"
href="#"
class="has-tooltip"
style="background-color: rgb(204, 0, 51);"
></a
><a
data-color="#FF0000"
title="Pure red"
href="#"
class="has-tooltip"
style="background-color: rgb(255, 0, 0);"
></a
><a
data-color="#D9534F"
title="Soft red"
href="#"
class="has-tooltip"
style="background-color: rgb(217, 83, 79);"
></a
><a
data-color="#D1D100"
title="Strong yellow"
href="#"
class="has-tooltip"
style="background-color: rgb(209, 209, 0);"
></a
><a
data-color="#F0AD4E"
title="Soft orange"
href="#"
class="has-tooltip"
style="background-color: rgb(240, 173, 78);"
></a
><a
data-color="#AD8D43"
title="Dark moderate orange"
href="#"
class="has-tooltip"
style="background-color: rgb(173, 141, 67);"
></a>
</div>
</div>
<div class="dropdown-label-color-input">
<div
class="dropdown-label-color-preview js-dropdown-label-color-preview"
></div>
<input
id="new_label_color"
placeholder="Assign custom color like #FF0000"
type="text"
class="default-dropdown-input"
/>
</div>
<div class="dropdown-label-input">
<label
><input name="add_list" type="checkbox" class="js-add-list" />
<span>Add list</span></label
>
</div>
<div class="clearfix">
<button
type="button"
class="btn btn-primary float-left js-new-label-btn disabled"
disabled=""
>
Create
</button>
<button type="button" class="btn btn-default float-right js-cancel-label-btn">
Cancel
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="block weight"
weight-options="None,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20"
>
<div
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon js-weight-collapsed-block"
data-original-title="Weight "
>
<svg aria-hidden="true" class="s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
<span class="js-weight-collapsed-weight-label"></span>
</div>
<div class="title hide-collapsed">
Weight
<a data-qa-selector="edit_weight_link" href="#" class="float-right js-weight-edit-link"
>Edit</a
>
</div>
<div class="value hide-collapsed js-weight-weight-label">
<span
><strong
data-qa-selector="weight_label_value"
class="js-weight-weight-label-value"
></strong>
<span>
-
<a
data-qa-selector="remove_weight_link"
href="#"
class="btn-default-hover-link js-weight-remove-link"
>remove weight</a
></span
></span
>
</div>
</div>
<div class="block subscriptions">
<div>
<span
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon"
data-original-title="Notifications off"
><svg aria-hidden="true" class="sidebar-item-icon is-active s16 ic-notifications-off">
<use xlink:href="/assets/iconstest.svg#notifications-off"></use></svg
></span>
<span class="issuable-header-text hide-collapsed float-left"> Notifications </span>
<label class="toggle-wrapper float-right hide-collapsed js-issuable-subscribe-button">
<button
aria-label="Toggle Status: OFF"
type="button"
class="project-feature-toggle is-loading"
>
<div class="gl-spinner-container loading-icon">
<span
aria-label="Loading"
aria-hidden="true"
class="align-text-bottom gl-spinner gl-spinner-orange gl-spinner-sm"
></span>
</div>
<span class="toggle-icon"
><svg aria-hidden="true" class="toggle-icon-svg s16 ic-status_failed_borderless">
<use xlink:href="/assets/iconstest.svg#status_failed_borderless"></use></svg
></span></button
></label>
</div>
</div>
<div class="block list">
<button type="button" class="btn btn-default btn-block">
Remove from board
</button>
</div>
</div>
</div>
</aside>
</div>
ee/spec/features/boards/pins/as_guest.ff_off.oracle.html deleted 100644 → 0
View file @ 466c66fc
<div
data-board-id="1"
data-boards-endpoint="/test_group/test_project/-/boards"
data-bulk-update-path="/test_group/test_project/-/issues/bulk_update"
data-disabled="true"
data-focus-mode-available=""
data-full-path="test_group/test_project"
data-issue-link-base="/test_group/test_project/-/issues"
data-label-ids="[]"
data-labels="[]"
data-lists-endpoint="/-/boards/1/lists"
data-recent-boards-endpoint="/test_group/test_project/-/boards/recent"
data-root-path="/"
data-scoped-labels="false"
data-scoped-labels-documentation-link="/help/user/project/labels.md#scoped-labels-premium"
data-time-tracking-limit-to-hours="false"
data-weight-feature-available="true"
id="board-app"
class="boards-app position-relative"
>
<div class="issues-filters">
<div
class="d-flex filtered-search-block flex-column flex-lg-row issues-details-filters row-content-block second-block"
>
<div class="d-flex flex-column flex-md-row flex-grow-1 mb-lg-0 mb-md-2 mb-sm-0 w-100">
<div class="boards-switcher js-boards-selector append-right-10">
<span class="boards-selector-wrapper js-boards-selector-wrapper"
><div
class="dropdown b-dropdown gl-dropdown btn-group"
data-qa-selector="boards_dropdown"
id="__BVID__41"
>
<button
aria-haspopup="true"
aria-expanded="false"
type="button"
class="btn dropdown-toggle btn-secondary dropdown-menu-toggle js-dropdown-toggle"
id="__BVID__41__BV_toggle_"
>
<span class="gl-dropdown-toggle-text">board1</span>
<svg class="gl-dropdown-caret gl-icon s16" aria-hidden="true">
<use href="/assets/iconstest.svg#chevron-down"></use>
</svg>
</button>
<ul
role="menu"
tabindex="-1"
class="dropdown-menu flex-column dropdown-extended-height"
aria-labelledby="__BVID__41__BV_toggle_"
>
<div>
<div class="dropdown-title mb-0">
Switch board
</div>
</div>
<li role="presentation" class="gl-dropdown-header mt-0">
<header role="heading" class="dropdown-header">
<div class="gl-search-box-by-type">
<svg class="gl-search-box-by-type-search-icon gl-icon s16">
<use href="/assets/iconstest.svg#search"></use>
</svg>
<input
type="text"
placeholder="Search"
class="gl-form-input gl-search-box-by-type-input form-control"
aria-label="Search"
id="__BVID__47"
/>
<div class="gl-search-box-by-type-right-icons"></div>
</div>
</header>
</li>
<div data-qa-selector="boards_dropdown_content" class="dropdown-content flex-fill">
<li role="presentation" class="no-pointer-events text-secondary">
<button role="menuitem" type="button" class="dropdown-item">
No matching boards found
</button>
</li>
</div>
<div class="dropdown-content-faded-mask fade-out" style="display: none;"></div>
</ul>
</div>
</span>
</div>
<form
class="filter-form js-filter-form w-100"
action="/test_group/test_project/-/boards?"
accept-charset="UTF-8"
method="get"
>
<input name="utf8" type="hidden" value="✓" />
<div class="issues-other-filters filtered-search-wrapper d-flex flex-column flex-md-row">
<div class="filtered-search-box">
<div class="filtered-search-box-input-container droplab-dropdown">
<div class="scroll-container">
<ul class="tokens-container list-unstyled">
<li class="input-token">
<input
autocomplete="off"
class="form-control filtered-search"
data-epics-endpoint="/groups/test_group/-/epics"
data-labels-endpoint="/test_group/test_project/-/labels"
data-milestones-endpoint="/test_group/test_project/-/milestones"
data-project-id="1"
data-releases-endpoint="/test_group/test_project/-/releases"
data-runner-tags-endpoint="/admin/runners/tag_list"
id="filtered-search-boards"
placeholder="Search or filter results..."
data-dropdown-trigger="#js-dropdown-hint"
/>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu hint-dropdown"
id="js-dropdown-hint"
data-dropdown-active="true"
style="left: 12px;"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li
class="filter-dropdown-item"
data-action=""
data-hint="author"
data-tag=":@author"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#pencil"></use></svg>
<span class="js-filter-hint">
Author
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="assignee"
data-tag=":@assignee"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#user"></use></svg>
<span class="js-filter-hint">
Assignee
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="milestone"
data-tag=":%milestone"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#clock"></use></svg>
<span class="js-filter-hint">
Milestone
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="release"
data-tag=":tag name"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#rocket"></use></svg>
<span class="js-filter-hint">
Release
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="label"
data-tag=":~label"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#labels"></use></svg>
<span class="js-filter-hint">
Label
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="my-reaction"
data-tag=":emoji"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#thumb-up"></use></svg>
<span class="js-filter-hint">
My-Reaction
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="epic"
data-tag=":undefined"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#epic"></use></svg>
<span class="js-filter-hint">
Epic
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="weight"
data-tag=":number"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#weight"></use></svg>
<span class="js-filter-hint">
Weight
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action="submit"
data-hint="search"
data-tag="search"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#search"></use></svg>
<span class="js-filter-hint">
Search for this text
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-operator"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{ title }}">
<button class="btn btn-link" type="button">
{{ title }}
<span class="btn-helptext">
{{ help }}
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-author"
>
<ul data-dropdown="">
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe3's avatar"
src="https://www.gravatar.com/avatar/2c75f98f3ea6cd6ee75cfbdfbb031388?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe3"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe3
</span>
<span class="dropdown-light-content">
@user3
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-assignee"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe3's avatar"
src="https://www.gravatar.com/avatar/2c75f98f3ea6cd6ee75cfbdfbb031388?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe3"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe3
</span>
<span class="dropdown-light-content">
@user3
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-approver"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe3's avatar"
src="https://www.gravatar.com/avatar/2c75f98f3ea6cd6ee75cfbdfbb031388?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe3"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe3
</span>
<span class="dropdown-light-content">
@user3
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-milestone"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="filter-dropdown-item" data-value="Upcoming">
<button class="btn btn-link" type="button">
Upcoming
</button>
</li>
<li class="filter-dropdown-item" data-value="Started">
<button class="btn btn-link" type="button">
Started
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value" type="button">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-release"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value" type="button">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-label"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link" type="button">
<span class="dropdown-label-box" style="background: {{color}}"></span>
<span class="label-title js-data-value">
{{title}}
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-my-reaction"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link" type="button">
<gl-emoji></gl-emoji>
<span class="js-data-value prepend-left-10">
{{name}}
</span>
</button>
</li>
</ul>
</div>
<div class="filtered-search-input-dropdown-menu dropdown-menu" id="js-dropdown-wip">
<ul class="filter-dropdown" data-dropdown="">
<li class="filter-dropdown-item" data-capitalize="" data-value="yes">
<button class="btn btn-link" type="button">
Yes
</button>
</li>
<li class="filter-dropdown-item" data-capitalize="" data-value="no">
<button class="btn btn-link" type="button">
No
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-confidential"
>
<ul class="filter-dropdown" data-dropdown="">
<li class="filter-dropdown-item" data-capitalize="" data-value="yes">
<button class="btn btn-link" type="button">
Yes
</button>
</li>
<li class="filter-dropdown-item" data-capitalize="" data-value="no">
<button class="btn btn-link" type="button">
No
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-target-branch"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value monospace">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-weight"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{id}}">
<button class="btn btn-link">{{title}}</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-epic"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{id}}">
<button class="btn btn-link dropdown-epic-button">
<span>{{title}}</span> <span class="reference">&amp;{{id}}</span>
</button>
</li>
</ul>
</div>
</div>
<button class="clear-search hidden" type="button">
<i aria-hidden="true" data-hidden="true" class="fa fa-times"></i>
</button>
</div>
</div>
</form>
</div>
<div class="filter-dropdown-container d-flex flex-column flex-md-row">
<div class="board-labels-toggle-wrapper d-flex align-items-center prepend-left-10">
<span id="board-labels-toggle-text" class="text-nowrap">
Show labels
</span>
<label
class="gl-toggle-wrapper prepend-left-10 mb-0"
data-qa-selector="show_labels_toggle"
>
<button
aria-label="Showing all labels"
aria-describedby="board-labels-toggle-text"
type="button"
class="gl-toggle is-checked"
>
<span class="toggle-icon"
><svg class="gl-icon s16">
<use href="/assets/iconstest.svg#mobile-issue-close"></use></svg
></span></button
></label>
</div>
<div class="prepend-left-10">
<button
title=""
type="button"
data-qa-selector="boards_config_button"
class="btn btn-inverted"
data-original-title=""
>
View scope
</button>
</div>
<div class="board-extra-actions">
<a
href="#"
data-qa-selector="focus_mode_button"
role="button"
aria-label="Toggle focus mode"
title="Toggle focus mode"
class="btn btn-default has-tooltip prepend-left-10 js-focus-mode-btn"
><span style="display: none;"
><svg width="17" height="17" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg">
<path
d="M.147 15.496l2.146-2.146-1.286-1.286a.55.55 0 0 1-.125-.616c.101-.238.277-.357.527-.357h4a.55.55 0 0 1 .402.17.55.55 0 0 1 .17.401v4c0 .25-.12.426-.358.527-.232.101-.437.06-.616-.125l-1.286-1.286-2.146 2.146-1.428-1.428zM14.996.646l1.428 1.43-2.146 2.145 1.286 1.286c.185.179.226.384.125.616-.101.238-.277.357-.527.357h-4a.55.55 0 0 1-.402-.17.55.55 0 0 1-.17-.401v-4c0-.25.12-.426.358-.527a.553.553 0 0 1 .616.125l1.286 1.286L14.996.647zm-13.42 0L3.72 2.794l1.286-1.286a.55.55 0 0 1 .616-.125c.238.101.357.277.357.527v4a.55.55 0 0 1-.17.402.55.55 0 0 1-.401.17h-4c-.25 0-.426-.12-.527-.358-.101-.232-.06-.437.125-.616l1.286-1.286L.147 2.075 1.575.647zm14.848 14.85l-1.428 1.428-2.146-2.146-1.286 1.286c-.179.185-.384.226-.616.125-.238-.101-.357-.277-.357-.527v-4a.55.55 0 0 1 .17-.402.55.55 0 0 1 .401-.17h4c.25 0 .426.12.527.358a.553.553 0 0 1-.125.616l-1.286 1.286 2.146 2.146z"
fill-rule="evenodd"
></path></svg
></span>
<span
><svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.591 5.056l2.147-2.146-1.286-1.286a.55.55 0 0 1-.125-.616c.101-.238.277-.357.527-.357h4a.55.55 0 0 1 .402.17.55.55 0 0 1 .17.401v4c0 .25-.12.426-.358.527-.232.101-.437.06-.616-.125l-1.286-1.286-2.146 2.147-1.429-1.43zM5.018 8.553l1.429 1.43L4.3 12.127l1.286 1.286c.185.179.226.384.125.616-.101.238-.277.357-.527.357h-4a.55.55 0 0 1-.402-.17.55.55 0 0 1-.17-.401v-4c0-.25.12-.426.358-.527a.553.553 0 0 1 .616.125L2.872 10.7l2.146-2.147zm4.964 0l2.146 2.147 1.286-1.286a.55.55 0 0 1 .616-.125c.238.101.357.277.357.527v4a.55.55 0 0 1-.17.402.55.55 0 0 1-.401.17h-4c-.25 0-.426-.12-.527-.358-.101-.232-.06-.437.125-.616l1.286-1.286-2.147-2.146 1.43-1.429zM6.447 5.018l-1.43 1.429L2.873 4.3 1.586 5.586c-.179.185-.384.226-.616.125-.238-.101-.357-.277-.357-.527v-4a.55.55 0 0 1 .17-.402.55.55 0 0 1 .401-.17h4c.25 0 .426.12.527.358a.553.553 0 0 1-.125.616L4.3 2.872l2.147 2.146z"
fill-rule="evenodd"
></path></svg></span
></a>
</div>
</div>
</div>
</div>
<div data-qa-selector="boards_list" class="boards-list w-100 py-3 px-2 text-nowrap">
<div
data-id="6"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
title="Open"
data-container="body"
class="board-title-main-text block-truncated"
>
Open
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md rounded-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="6"
data-board-type="backlog"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
<div
data-id="2"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header
data-qa-selector="board_list_header"
class="board-header has-border position-relative"
style="border-top-color: rgb(153, 0, 0);"
>
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
class="gl-label gl-label-text-light"
style="box-shadow: rgb(153, 0, 0) 0px 0px 0px 2px inset;"
><a href="#" class="gl-link gl-label-link"
><span class="gl-label-text" style="background-color: rgb(153, 0, 0);"
>Planning</span
>
</a>
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="2"
data-board-type="label"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="1"
data-qa-selector="board_card"
class="board-card p-3 rounded is-disabled"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/1" title="abc" class="js-no-trigger"
>abc</a
>
</h4>
</div>
<div class="board-card-labels prepend-top-4 d-flex flex-wrap"></div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#1
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="3"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header
data-qa-selector="board_list_header"
class="board-header has-border position-relative"
style="border-top-color: rgb(153, 0, 0);"
>
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
class="gl-label gl-label-text-light"
style="box-shadow: rgb(153, 0, 0) 0px 0px 0px 2px inset;"
><a href="#" class="gl-link gl-label-link"
><span class="gl-label-text" style="background-color: rgb(153, 0, 0);"
>label2</span
>
</a>
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="3"
data-board-type="label"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="2"
data-qa-selector="board_card"
class="board-card p-3 rounded is-disabled"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/2" title="hij" class="js-no-trigger"
>hij</a
>
</h4>
</div>
<div class="board-card-labels prepend-top-4 d-flex flex-wrap"></div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#2
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="4"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<span aria-hidden="true" class="append-right-5 milestone-icon"
><svg class="s16"><use xlink:href="/assets/iconstest.svg#timer"></use></svg
></span>
<div class="board-title-text">
<span
title="My title 1"
data-container="body"
class="board-title-main-text block-truncated has-tooltip d-block"
>
My title 1
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="4"
data-board-type="milestone"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="3"
data-qa-selector="board_card"
class="board-card p-3 rounded is-disabled"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/3" title="nop" class="js-no-trigger"
>nop</a
>
</h4>
</div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#3
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="5"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable board-type-assignee"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<a href="/user2" class="user-avatar-link js-no-trigger"
><img
alt="shodan"
src="https://www.gravatar.com/avatar/10fc7f102be8de7657fb4d80898bbfe3?s=80&amp;d=identicon"
height="20"
width="20"
class="avatar s20 has-tooltip"
/></a>
<div class="board-title-text">
<span
title="shodan"
data-container="body"
class="board-title-main-text block-truncated has-tooltip"
>
shodan
</span>
<span title="user2" class="board-title-sub-text prepend-left-5 has-tooltip">
@user2
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="5"
data-board-type="assignee"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
<div
data-id="1"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
title="Closed"
data-container="body"
class="board-title-main-text block-truncated"
>
Closed
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="1"
data-board-type="closed"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
</div>
<aside class="right-sidebar right-sidebar-expanded issue-boards-sidebar" style="display: none;">
<div class="issuable-sidebar">
<div class="block issuable-sidebar-header position-relative">
<span class="issuable-header-text hide-collapsed float-left"
><strong class="bold"> </strong> <br />
<span>
#
</span></span
>
<a
aria-label="Toggle sidebar"
href="#"
role="button"
class="gutter-toggle position-absolute position-top-0 position-right-0"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">
<path
d="M9,7.5l5.83-5.91a.48.48,0,0,0,0-.69L14.11.15a.46.46,0,0,0-.68,0l-5.93,6L1.57.15a.46.46,0,0,0-.68,0L.15.9a.48.48,0,0,0,0,.69L6,7.5.15,13.41a.48.48,0,0,0,0,.69l.74.75a.46.46,0,0,0,.68,0l5.93-6,5.93,6a.46.46,0,0,0,.68,0l.74-.75a.48.48,0,0,0,0-.69Z"
></path></svg
></a>
</div>
<div class="js-issuable-update">
<div class="block assignee"></div>
<div class="block milestone">
<div class="title">
Milestone
</div>
<div class="value">
<span class="no-value">
None
</span>
</div>
</div>
<div class="block time-tracking">
<div class="time_tracker time-tracking-component-wrap">
<div
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon"
data-original-title="Time tracking"
>
<svg aria-hidden="true" class="s16 ic-timer">
<use xlink:href="/assets/iconstest.svg#timer"></use>
</svg>
<div class="time-tracking-collapsed-summary">
<div class="no-tracking"><span class="no-value"> None </span></div>
</div>
</div>
<div class="title hide-collapsed">
Time tracking
<div class="help-button float-right">
<i aria-hidden="true" class="fa fa-question-circle"></i>
</div>
</div>
<div class="time-tracking-content hide-collapsed">
<div class="time-tracking-no-tracking-pane">
<span class="no-value"> No estimate or time spent </span>
</div>
</div>
</div>
</div>
<div class="block due_date">
<div class="title">
Due date
</div>
<div class="value">
<div class="value-content">
<span class="no-value">
None
</span>
</div>
</div>
</div>
<div class="block labels">
<div class="title">
Labels
</div>
<div class="value issuable-show-labels dont-hide"></div>
</div>
<div
class="block weight"
weight-options="None,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20"
>
<div
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon js-weight-collapsed-block"
data-original-title="Weight "
>
<svg aria-hidden="true" class="s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
<span class="js-weight-collapsed-weight-label"></span>
</div>
<div class="title hide-collapsed">
Weight
</div>
<div class="value hide-collapsed js-weight-weight-label">
<span
><strong
data-qa-selector="weight_label_value"
class="js-weight-weight-label-value"
></strong>
</span>
</div>
</div>
<div class="block subscriptions">
<div>
<span
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon"
data-original-title="Notifications off"
><svg aria-hidden="true" class="sidebar-item-icon is-active s16 ic-notifications-off">
<use xlink:href="/assets/iconstest.svg#notifications-off"></use></svg
></span>
<span class="issuable-header-text hide-collapsed float-left"> Notifications </span>
<label class="toggle-wrapper float-right hide-collapsed js-issuable-subscribe-button">
<button
aria-label="Toggle Status: OFF"
type="button"
class="project-feature-toggle is-loading"
>
<div class="gl-spinner-container loading-icon">
<span
aria-label="Loading"
aria-hidden="true"
class="align-text-bottom gl-spinner gl-spinner-orange gl-spinner-sm"
></span>
</div>
<span class="toggle-icon"
><svg aria-hidden="true" class="toggle-icon-svg s16 ic-status_failed_borderless">
<use xlink:href="/assets/iconstest.svg#status_failed_borderless"></use></svg
></span></button
></label>
</div>
</div>
<div class="block list">
<button type="button" class="btn btn-default btn-block">
Remove from board
</button>
</div>
</div>
</div>
</aside>
</div>
ee/spec/features/boards/pins/as_guest.ff_on.oracle.html deleted 100644 → 0
View file @ 466c66fc
<div
data-board-id="4"
data-boards-endpoint="/test_group/test_project/-/boards"
data-bulk-update-path="/test_group/test_project/-/issues/bulk_update"
data-disabled="true"
data-focus-mode-available=""
data-full-path="test_group/test_project"
data-issue-link-base="/test_group/test_project/-/issues"
data-label-ids="[]"
data-labels="[]"
data-lists-endpoint="/-/boards/4/lists"
data-recent-boards-endpoint="/test_group/test_project/-/boards/recent"
data-root-path="/"
data-scoped-labels="false"
data-scoped-labels-documentation-link="/help/user/project/labels.md#scoped-labels-premium"
data-time-tracking-limit-to-hours="false"
data-weight-feature-available="true"
id="board-app"
class="boards-app position-relative"
>
<div class="issues-filters">
<div
class="d-flex filtered-search-block flex-column flex-lg-row issues-details-filters row-content-block second-block"
>
<div class="d-flex flex-column flex-md-row flex-grow-1 mb-lg-0 mb-md-2 mb-sm-0 w-100">
<div class="boards-switcher js-boards-selector append-right-10">
<span class="boards-selector-wrapper js-boards-selector-wrapper"
><div
class="dropdown b-dropdown gl-dropdown btn-group"
data-qa-selector="boards_dropdown"
id="__BVID__41"
>
<button
aria-haspopup="true"
aria-expanded="false"
type="button"
class="btn dropdown-toggle btn-secondary dropdown-menu-toggle js-dropdown-toggle"
id="__BVID__41__BV_toggle_"
>
<span class="gl-dropdown-toggle-text">board4</span>
<svg class="gl-dropdown-caret gl-icon s16" aria-hidden="true">
<use href="/assets/iconstest.svg#chevron-down"></use>
</svg>
</button>
<ul
role="menu"
tabindex="-1"
class="dropdown-menu flex-column dropdown-extended-height"
aria-labelledby="__BVID__41__BV_toggle_"
>
<div>
<div class="dropdown-title mb-0">
Switch board
</div>
</div>
<li role="presentation" class="gl-dropdown-header mt-0">
<header role="heading" class="dropdown-header">
<div class="gl-search-box-by-type">
<svg class="gl-search-box-by-type-search-icon gl-icon s16">
<use href="/assets/iconstest.svg#search"></use>
</svg>
<input
type="text"
placeholder="Search"
class="gl-form-input gl-search-box-by-type-input form-control"
aria-label="Search"
id="__BVID__47"
/>
<div class="gl-search-box-by-type-right-icons"></div>
</div>
</header>
</li>
<div data-qa-selector="boards_dropdown_content" class="dropdown-content flex-fill">
<li role="presentation" class="no-pointer-events text-secondary">
<button role="menuitem" type="button" class="dropdown-item">
No matching boards found
</button>
</li>
</div>
<div class="dropdown-content-faded-mask fade-out" style="display: none;"></div>
</ul>
</div>
</span>
</div>
<form
class="filter-form js-filter-form w-100"
action="/test_group/test_project/-/boards?"
accept-charset="UTF-8"
method="get"
>
<input name="utf8" type="hidden" value="✓" />
<div class="issues-other-filters filtered-search-wrapper d-flex flex-column flex-md-row">
<div class="filtered-search-box">
<div class="filtered-search-box-input-container droplab-dropdown">
<div class="scroll-container">
<ul class="tokens-container list-unstyled">
<li class="input-token">
<input
autocomplete="off"
class="form-control filtered-search"
data-epics-endpoint="/groups/test_group/-/epics"
data-labels-endpoint="/test_group/test_project/-/labels"
data-milestones-endpoint="/test_group/test_project/-/milestones"
data-project-id="4"
data-releases-endpoint="/test_group/test_project/-/releases"
data-runner-tags-endpoint="/admin/runners/tag_list"
id="filtered-search-boards"
placeholder="Search or filter results..."
data-dropdown-trigger="#js-dropdown-hint"
/>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu hint-dropdown"
id="js-dropdown-hint"
data-dropdown-active="true"
style="left: 12px;"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li
class="filter-dropdown-item"
data-action=""
data-hint="author"
data-tag=":@author"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#pencil"></use></svg>
<span class="js-filter-hint">
Author
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="assignee"
data-tag=":@assignee"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#user"></use></svg>
<span class="js-filter-hint">
Assignee
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="milestone"
data-tag=":%milestone"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#clock"></use></svg>
<span class="js-filter-hint">
Milestone
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="release"
data-tag=":tag name"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#rocket"></use></svg>
<span class="js-filter-hint">
Release
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="label"
data-tag=":~label"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#labels"></use></svg>
<span class="js-filter-hint">
Label
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="my-reaction"
data-tag=":emoji"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#thumb-up"></use></svg>
<span class="js-filter-hint">
My-Reaction
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="epic"
data-tag=":undefined"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#epic"></use></svg>
<span class="js-filter-hint">
Epic
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="weight"
data-tag=":number"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#weight"></use></svg>
<span class="js-filter-hint">
Weight
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action="submit"
data-hint="search"
data-tag="search"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#search"></use></svg>
<span class="js-filter-hint">
Search for this text
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-operator"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{ title }}">
<button class="btn btn-link" type="button">
{{ title }}
<span class="btn-helptext">
{{ help }}
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-author"
>
<ul data-dropdown="">
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe9's avatar"
src="https://www.gravatar.com/avatar/d25e135de81d110251ed8ed3e2798d79?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe9"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe9
</span>
<span class="dropdown-light-content">
@user12
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-assignee"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe9's avatar"
src="https://www.gravatar.com/avatar/d25e135de81d110251ed8ed3e2798d79?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe9"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe9
</span>
<span class="dropdown-light-content">
@user12
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-approver"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe9's avatar"
src="https://www.gravatar.com/avatar/d25e135de81d110251ed8ed3e2798d79?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe9"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe9
</span>
<span class="dropdown-light-content">
@user12
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-milestone"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="filter-dropdown-item" data-value="Upcoming">
<button class="btn btn-link" type="button">
Upcoming
</button>
</li>
<li class="filter-dropdown-item" data-value="Started">
<button class="btn btn-link" type="button">
Started
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value" type="button">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-release"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value" type="button">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-label"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link" type="button">
<span class="dropdown-label-box" style="background: {{color}}"></span>
<span class="label-title js-data-value">
{{title}}
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-my-reaction"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link" type="button">
<gl-emoji></gl-emoji>
<span class="js-data-value prepend-left-10">
{{name}}
</span>
</button>
</li>
</ul>
</div>
<div class="filtered-search-input-dropdown-menu dropdown-menu" id="js-dropdown-wip">
<ul class="filter-dropdown" data-dropdown="">
<li class="filter-dropdown-item" data-capitalize="" data-value="yes">
<button class="btn btn-link" type="button">
Yes
</button>
</li>
<li class="filter-dropdown-item" data-capitalize="" data-value="no">
<button class="btn btn-link" type="button">
No
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-confidential"
>
<ul class="filter-dropdown" data-dropdown="">
<li class="filter-dropdown-item" data-capitalize="" data-value="yes">
<button class="btn btn-link" type="button">
Yes
</button>
</li>
<li class="filter-dropdown-item" data-capitalize="" data-value="no">
<button class="btn btn-link" type="button">
No
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-target-branch"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value monospace">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-weight"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{id}}">
<button class="btn btn-link">{{title}}</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-epic"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{id}}">
<button class="btn btn-link dropdown-epic-button">
<span>{{title}}</span> <span class="reference">&amp;{{id}}</span>
</button>
</li>
</ul>
</div>
</div>
<button class="clear-search hidden" type="button">
<i aria-hidden="true" data-hidden="true" class="fa fa-times"></i>
</button>
</div>
</div>
</form>
</div>
<div class="filter-dropdown-container d-flex flex-column flex-md-row">
<div class="board-labels-toggle-wrapper d-flex align-items-center prepend-left-10">
<span id="board-labels-toggle-text" class="text-nowrap">
Show labels
</span>
<label
class="gl-toggle-wrapper prepend-left-10 mb-0"
data-qa-selector="show_labels_toggle"
>
<button
aria-label="Showing all labels"
aria-describedby="board-labels-toggle-text"
type="button"
class="gl-toggle is-checked"
>
<span class="toggle-icon"
><svg class="gl-icon s16">
<use href="/assets/iconstest.svg#mobile-issue-close"></use></svg
></span></button
></label>
</div>
<div class="prepend-left-10">
<button
title=""
type="button"
data-qa-selector="boards_config_button"
class="btn btn-inverted"
data-original-title=""
>
View scope
</button>
</div>
<div class="board-extra-actions">
<a
href="#"
data-qa-selector="focus_mode_button"
role="button"
aria-label="Toggle focus mode"
title="Toggle focus mode"
class="btn btn-default has-tooltip prepend-left-10 js-focus-mode-btn"
><span style="display: none;"
><svg width="17" height="17" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg">
<path
d="M.147 15.496l2.146-2.146-1.286-1.286a.55.55 0 0 1-.125-.616c.101-.238.277-.357.527-.357h4a.55.55 0 0 1 .402.17.55.55 0 0 1 .17.401v4c0 .25-.12.426-.358.527-.232.101-.437.06-.616-.125l-1.286-1.286-2.146 2.146-1.428-1.428zM14.996.646l1.428 1.43-2.146 2.145 1.286 1.286c.185.179.226.384.125.616-.101.238-.277.357-.527.357h-4a.55.55 0 0 1-.402-.17.55.55 0 0 1-.17-.401v-4c0-.25.12-.426.358-.527a.553.553 0 0 1 .616.125l1.286 1.286L14.996.647zm-13.42 0L3.72 2.794l1.286-1.286a.55.55 0 0 1 .616-.125c.238.101.357.277.357.527v4a.55.55 0 0 1-.17.402.55.55 0 0 1-.401.17h-4c-.25 0-.426-.12-.527-.358-.101-.232-.06-.437.125-.616l1.286-1.286L.147 2.075 1.575.647zm14.848 14.85l-1.428 1.428-2.146-2.146-1.286 1.286c-.179.185-.384.226-.616.125-.238-.101-.357-.277-.357-.527v-4a.55.55 0 0 1 .17-.402.55.55 0 0 1 .401-.17h4c.25 0 .426.12.527.358a.553.553 0 0 1-.125.616l-1.286 1.286 2.146 2.146z"
fill-rule="evenodd"
></path></svg
></span>
<span
><svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.591 5.056l2.147-2.146-1.286-1.286a.55.55 0 0 1-.125-.616c.101-.238.277-.357.527-.357h4a.55.55 0 0 1 .402.17.55.55 0 0 1 .17.401v4c0 .25-.12.426-.358.527-.232.101-.437.06-.616-.125l-1.286-1.286-2.146 2.147-1.429-1.43zM5.018 8.553l1.429 1.43L4.3 12.127l1.286 1.286c.185.179.226.384.125.616-.101.238-.277.357-.527.357h-4a.55.55 0 0 1-.402-.17.55.55 0 0 1-.17-.401v-4c0-.25.12-.426.358-.527a.553.553 0 0 1 .616.125L2.872 10.7l2.146-2.147zm4.964 0l2.146 2.147 1.286-1.286a.55.55 0 0 1 .616-.125c.238.101.357.277.357.527v4a.55.55 0 0 1-.17.402.55.55 0 0 1-.401.17h-4c-.25 0-.426-.12-.527-.358-.101-.232-.06-.437.125-.616l1.286-1.286-2.147-2.146 1.43-1.429zM6.447 5.018l-1.43 1.429L2.873 4.3 1.586 5.586c-.179.185-.384.226-.616.125-.238-.101-.357-.277-.357-.527v-4a.55.55 0 0 1 .17-.402.55.55 0 0 1 .401-.17h4c.25 0 .426.12.527.358a.553.553 0 0 1-.125.616L4.3 2.872l2.147 2.146z"
fill-rule="evenodd"
></path></svg></span
></a>
</div>
</div>
</div>
</div>
<div data-qa-selector="boards_list" class="boards-list w-100 py-3 px-2 text-nowrap">
<div
data-id="24"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
title="Open"
data-container="body"
class="board-title-main-text block-truncated"
>
Open
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md rounded-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="24"
data-board-type="backlog"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
<div
data-id="20"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header
data-qa-selector="board_list_header"
class="board-header has-border position-relative"
style="border-top-color: rgb(153, 0, 0);"
>
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
class="gl-label gl-label-text-light"
style="box-shadow: rgb(153, 0, 0) 0px 0px 0px 2px inset;"
><a href="#" class="gl-link gl-label-link"
><span class="gl-label-text" style="background-color: rgb(153, 0, 0);"
>Planning</span
>
</a>
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="20"
data-board-type="label"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="10"
data-qa-selector="board_card"
class="board-card p-3 rounded is-disabled"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/1" title="abc" class="js-no-trigger"
>abc</a
>
</h4>
</div>
<div class="board-card-labels prepend-top-4 d-flex flex-wrap"></div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#1
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="21"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header
data-qa-selector="board_list_header"
class="board-header has-border position-relative"
style="border-top-color: rgb(153, 0, 0);"
>
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
class="gl-label gl-label-text-light"
style="box-shadow: rgb(153, 0, 0) 0px 0px 0px 2px inset;"
><a href="#" class="gl-link gl-label-link"
><span class="gl-label-text" style="background-color: rgb(153, 0, 0);"
>label8</span
>
</a>
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="21"
data-board-type="label"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="11"
data-qa-selector="board_card"
class="board-card p-3 rounded is-disabled"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/2" title="hij" class="js-no-trigger"
>hij</a
>
</h4>
</div>
<div class="board-card-labels prepend-top-4 d-flex flex-wrap"></div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#2
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="22"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<span aria-hidden="true" class="append-right-5 milestone-icon"
><svg class="s16"><use xlink:href="/assets/iconstest.svg#timer"></use></svg
></span>
<div class="board-title-text">
<span
title="My title 4"
data-container="body"
class="board-title-main-text block-truncated has-tooltip d-block"
>
My title 4
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="22"
data-board-type="milestone"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="12"
data-qa-selector="board_card"
class="board-card p-3 rounded is-disabled"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/3" title="nop" class="js-no-trigger"
>nop</a
>
</h4>
</div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#3
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="23"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable board-type-assignee"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<a href="/user11" class="user-avatar-link js-no-trigger"
><img
alt="shodan"
src="https://www.gravatar.com/avatar/7ff9b8111da2e2109e7b66f37aa632cc?s=80&amp;d=identicon"
height="20"
width="20"
class="avatar s20 has-tooltip"
/></a>
<div class="board-title-text">
<span
title="shodan"
data-container="body"
class="board-title-main-text block-truncated has-tooltip"
>
shodan
</span>
<span title="user11" class="board-title-sub-text prepend-left-5 has-tooltip">
@user11
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="23"
data-board-type="assignee"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
<div
data-id="19"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
title="Closed"
data-container="body"
class="board-title-main-text block-truncated"
>
Closed
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="19"
data-board-type="closed"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
</div>
<aside class="right-sidebar right-sidebar-expanded issue-boards-sidebar" style="display: none;">
<div class="issuable-sidebar">
<div class="block issuable-sidebar-header position-relative">
<span class="issuable-header-text hide-collapsed float-left"
><strong class="bold"> </strong> <br />
<span>
#
</span></span
>
<a
aria-label="Toggle sidebar"
href="#"
role="button"
class="gutter-toggle position-absolute position-top-0 position-right-0"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">
<path
d="M9,7.5l5.83-5.91a.48.48,0,0,0,0-.69L14.11.15a.46.46,0,0,0-.68,0l-5.93,6L1.57.15a.46.46,0,0,0-.68,0L.15.9a.48.48,0,0,0,0,.69L6,7.5.15,13.41a.48.48,0,0,0,0,.69l.74.75a.46.46,0,0,0,.68,0l5.93-6,5.93,6a.46.46,0,0,0,.68,0l.74-.75a.48.48,0,0,0,0-.69Z"
></path></svg
></a>
</div>
<div class="js-issuable-update">
<div class="block assignee"></div>
<div class="block milestone">
<div class="title">
Milestone
</div>
<div class="value">
<span class="no-value">
None
</span>
</div>
</div>
<div class="block time-tracking">
<div class="time_tracker time-tracking-component-wrap">
<div
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon"
data-original-title="Time tracking"
>
<svg aria-hidden="true" class="s16 ic-timer">
<use xlink:href="/assets/iconstest.svg#timer"></use>
</svg>
<div class="time-tracking-collapsed-summary">
<div class="no-tracking"><span class="no-value"> None </span></div>
</div>
</div>
<div class="title hide-collapsed">
Time tracking
<div class="help-button float-right">
<i aria-hidden="true" class="fa fa-question-circle"></i>
</div>
</div>
<div class="time-tracking-content hide-collapsed">
<div class="time-tracking-no-tracking-pane">
<span class="no-value"> No estimate or time spent </span>
</div>
</div>
</div>
</div>
<div class="block due_date">
<div class="title">
Due date
</div>
<div class="value">
<div class="value-content">
<span class="no-value">
None
</span>
</div>
</div>
</div>
<div class="block labels">
<div class="title">
Labels
</div>
<div class="value issuable-show-labels dont-hide"></div>
</div>
<div
class="block weight"
weight-options="None,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20"
>
<div
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon js-weight-collapsed-block"
data-original-title="Weight "
>
<svg aria-hidden="true" class="s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
<span class="js-weight-collapsed-weight-label"></span>
</div>
<div class="title hide-collapsed">
Weight
</div>
<div class="value hide-collapsed js-weight-weight-label">
<span
><strong
data-qa-selector="weight_label_value"
class="js-weight-weight-label-value"
></strong>
</span>
</div>
</div>
<div class="block subscriptions">
<div>
<span
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon"
data-original-title="Notifications off"
><svg aria-hidden="true" class="sidebar-item-icon is-active s16 ic-notifications-off">
<use xlink:href="/assets/iconstest.svg#notifications-off"></use></svg
></span>
<span class="issuable-header-text hide-collapsed float-left"> Notifications </span>
<label class="toggle-wrapper float-right hide-collapsed js-issuable-subscribe-button">
<button
aria-label="Toggle Status: OFF"
type="button"
class="project-feature-toggle is-loading"
>
<div class="gl-spinner-container loading-icon">
<span
aria-label="Loading"
aria-hidden="true"
class="align-text-bottom gl-spinner gl-spinner-orange gl-spinner-sm"
></span>
</div>
<span class="toggle-icon"
><svg aria-hidden="true" class="toggle-icon-svg s16 ic-status_failed_borderless">
<use xlink:href="/assets/iconstest.svg#status_failed_borderless"></use></svg
></span></button
></label>
</div>
</div>
<div class="block list">
<button type="button" class="btn btn-default btn-block">
Remove from board
</button>
</div>
</div>
</div>
</aside>
</div>
ee/spec/features/boards/pins/as_maintainer.ff_off.oracle.html deleted 100644 → 0
View file @ 466c66fc
<div
data-board-id="3"
data-boards-endpoint="/test_group/test_project/-/boards"
data-bulk-update-path="/test_group/test_project/-/issues/bulk_update"
data-disabled="false"
data-focus-mode-available=""
data-full-path="test_group/test_project"
data-issue-link-base="/test_group/test_project/-/issues"
data-label-ids="[]"
data-labels="[]"
data-lists-endpoint="/-/boards/3/lists"
data-recent-boards-endpoint="/test_group/test_project/-/boards/recent"
data-root-path="/"
data-scoped-labels="false"
data-scoped-labels-documentation-link="/help/user/project/labels.md#scoped-labels-premium"
data-time-tracking-limit-to-hours="false"
data-weight-feature-available="true"
id="board-app"
class="boards-app position-relative"
>
<div class="issues-filters">
<div
class="d-flex filtered-search-block flex-column flex-lg-row issues-details-filters row-content-block second-block"
>
<div class="d-flex flex-column flex-md-row flex-grow-1 mb-lg-0 mb-md-2 mb-sm-0 w-100">
<div class="boards-switcher js-boards-selector append-right-10">
<span class="boards-selector-wrapper js-boards-selector-wrapper"
><div
class="dropdown b-dropdown gl-dropdown btn-group"
data-qa-selector="boards_dropdown"
id="__BVID__42"
>
<button
aria-haspopup="true"
aria-expanded="false"
type="button"
class="btn dropdown-toggle btn-secondary dropdown-menu-toggle js-dropdown-toggle"
id="__BVID__42__BV_toggle_"
>
<span class="gl-dropdown-toggle-text">board3</span>
<svg class="gl-dropdown-caret gl-icon s16" aria-hidden="true">
<use href="/assets/iconstest.svg#chevron-down"></use>
</svg>
</button>
<ul
role="menu"
tabindex="-1"
class="dropdown-menu flex-column dropdown-extended-height"
aria-labelledby="__BVID__42__BV_toggle_"
>
<div>
<div class="dropdown-title mb-0">
Switch board
</div>
</div>
<li role="presentation" class="gl-dropdown-header mt-0">
<header role="heading" class="dropdown-header">
<div class="gl-search-box-by-type">
<svg class="gl-search-box-by-type-search-icon gl-icon s16">
<use href="/assets/iconstest.svg#search"></use>
</svg>
<input
type="text"
placeholder="Search"
class="gl-form-input gl-search-box-by-type-input form-control"
aria-label="Search"
id="__BVID__48"
/>
<div class="gl-search-box-by-type-right-icons"></div>
</div>
</header>
</li>
<div data-qa-selector="boards_dropdown_content" class="dropdown-content flex-fill">
<li role="presentation" class="no-pointer-events text-secondary">
<button role="menuitem" type="button" class="dropdown-item">
No matching boards found
</button>
</li>
</div>
<div class="dropdown-content-faded-mask fade-out" style="display: none;"></div>
<div>
<li role="presentation">
<hr role="separator" aria-orientation="horizontal" class="dropdown-divider" />
</li>
<li role="presentation">
<button
data-qa-selector="create_new_board_button"
role="menuitem"
type="button"
class="dropdown-item"
>
Create new board
</button>
</li>
</div>
</ul>
</div>
</span>
</div>
<form
class="filter-form js-filter-form w-100"
action="/test_group/test_project/-/boards?"
accept-charset="UTF-8"
method="get"
>
<input name="utf8" type="hidden" value="✓" />
<div class="issues-other-filters filtered-search-wrapper d-flex flex-column flex-md-row">
<div class="filtered-search-box">
<div class="filtered-search-box-input-container droplab-dropdown">
<div class="scroll-container">
<ul class="tokens-container list-unstyled">
<li class="input-token">
<input
autocomplete="off"
class="form-control filtered-search"
data-epics-endpoint="/groups/test_group/-/epics"
data-labels-endpoint="/test_group/test_project/-/labels"
data-milestones-endpoint="/test_group/test_project/-/milestones"
data-project-id="3"
data-releases-endpoint="/test_group/test_project/-/releases"
data-runner-tags-endpoint="/admin/runners/tag_list"
id="filtered-search-boards"
placeholder="Search or filter results..."
data-dropdown-trigger="#js-dropdown-hint"
/>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu hint-dropdown"
id="js-dropdown-hint"
data-dropdown-active="true"
style="left: 12px;"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li
class="filter-dropdown-item"
data-action=""
data-hint="author"
data-tag=":@author"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#pencil"></use></svg>
<span class="js-filter-hint">
Author
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="assignee"
data-tag=":@assignee"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#user"></use></svg>
<span class="js-filter-hint">
Assignee
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="milestone"
data-tag=":%milestone"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#clock"></use></svg>
<span class="js-filter-hint">
Milestone
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="release"
data-tag=":tag name"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#rocket"></use></svg>
<span class="js-filter-hint">
Release
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="label"
data-tag=":~label"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#labels"></use></svg>
<span class="js-filter-hint">
Label
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="my-reaction"
data-tag=":emoji"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#thumb-up"></use></svg>
<span class="js-filter-hint">
My-Reaction
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="epic"
data-tag=":undefined"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#epic"></use></svg>
<span class="js-filter-hint">
Epic
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="weight"
data-tag=":number"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#weight"></use></svg>
<span class="js-filter-hint">
Weight
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action="submit"
data-hint="search"
data-tag="search"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#search"></use></svg>
<span class="js-filter-hint">
Search for this text
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-operator"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{ title }}">
<button class="btn btn-link" type="button">
{{ title }}
<span class="btn-helptext">
{{ help }}
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-author"
>
<ul data-dropdown="">
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe7's avatar"
src="https://www.gravatar.com/avatar/5c8881fc63652c86cd4b23101268cf84?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe7"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe7
</span>
<span class="dropdown-light-content">
@user9
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-assignee"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe7's avatar"
src="https://www.gravatar.com/avatar/5c8881fc63652c86cd4b23101268cf84?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe7"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe7
</span>
<span class="dropdown-light-content">
@user9
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-approver"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe7's avatar"
src="https://www.gravatar.com/avatar/5c8881fc63652c86cd4b23101268cf84?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe7"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe7
</span>
<span class="dropdown-light-content">
@user9
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-milestone"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="filter-dropdown-item" data-value="Upcoming">
<button class="btn btn-link" type="button">
Upcoming
</button>
</li>
<li class="filter-dropdown-item" data-value="Started">
<button class="btn btn-link" type="button">
Started
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value" type="button">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-release"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value" type="button">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-label"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link" type="button">
<span class="dropdown-label-box" style="background: {{color}}"></span>
<span class="label-title js-data-value">
{{title}}
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-my-reaction"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link" type="button">
<gl-emoji></gl-emoji>
<span class="js-data-value prepend-left-10">
{{name}}
</span>
</button>
</li>
</ul>
</div>
<div class="filtered-search-input-dropdown-menu dropdown-menu" id="js-dropdown-wip">
<ul class="filter-dropdown" data-dropdown="">
<li class="filter-dropdown-item" data-capitalize="" data-value="yes">
<button class="btn btn-link" type="button">
Yes
</button>
</li>
<li class="filter-dropdown-item" data-capitalize="" data-value="no">
<button class="btn btn-link" type="button">
No
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-confidential"
>
<ul class="filter-dropdown" data-dropdown="">
<li class="filter-dropdown-item" data-capitalize="" data-value="yes">
<button class="btn btn-link" type="button">
Yes
</button>
</li>
<li class="filter-dropdown-item" data-capitalize="" data-value="no">
<button class="btn btn-link" type="button">
No
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-target-branch"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value monospace">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-weight"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{id}}">
<button class="btn btn-link">{{title}}</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-epic"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{id}}">
<button class="btn btn-link dropdown-epic-button">
<span>{{title}}</span> <span class="reference">&amp;{{id}}</span>
</button>
</li>
</ul>
</div>
</div>
<button class="clear-search hidden" type="button">
<i aria-hidden="true" data-hidden="true" class="fa fa-times"></i>
</button>
</div>
</div>
</form>
</div>
<div class="filter-dropdown-container d-flex flex-column flex-md-row">
<div class="board-labels-toggle-wrapper d-flex align-items-center prepend-left-10">
<span id="board-labels-toggle-text" class="text-nowrap">
Show labels
</span>
<label
class="gl-toggle-wrapper prepend-left-10 mb-0"
data-qa-selector="show_labels_toggle"
>
<button
aria-label="Showing all labels"
aria-describedby="board-labels-toggle-text"
type="button"
class="gl-toggle is-checked"
>
<span class="toggle-icon"
><svg class="gl-icon s16">
<use href="/assets/iconstest.svg#mobile-issue-close"></use></svg
></span></button
></label>
</div>
<div class="prepend-left-10">
<button
title=""
type="button"
data-qa-selector="boards_config_button"
class="btn btn-inverted"
data-original-title=""
>
Edit board
</button>
</div>
<div id="js-add-list" class="dropdown boards-add-list prepend-left-10">
<button
data-labels="/test_group/test_project/-/labels.json?include_ancestor_groups=true"
data-labels-endpoint="/test_group/test_project/-/labels"
data-list-assignees-path="/-/boards/3/users.json"
data-list-labels-path="/test_group/test_project/-/labels.json?include_ancestor_groups=true"
data-list-milestone-path="/-/boards/3/milestones.json"
data-namespace-path="test_group"
data-project-path="test_project"
data-toggle="dropdown"
type="button"
class="btn btn-success btn-inverted d-flex js-new-board-list"
>
<span>Add list</span>
<svg class="s16 prepend-left-5 btn-success-board-list-chevron">
<use xlink:href="/assets/iconstest.svg#chevron-down"></use>
</svg>
</button>
<div
class="dropdown-menu dropdown-menu-paging dropdown-menu-right dropdown-menu-issues-board-new dropdown-menu-selectable dropdown-menu-tabs pt-0"
>
<ul
role="tablist"
class="nav nav-tabs dropdown-tabs-list d-flex js-new-board-list-tabs"
>
<li
class="nav-item dropdown-tab-item flex-grow-1 flex-shrink-1 w-0 border-left-0 js-tab-button-labels"
>
<a
data-action="tab-labels"
data-is-link="true"
data-target="#tab-labels"
data-toggle="tab"
href="#"
role="tab"
class="w-100 text-center py-3 px-2 active"
>
Label
</a>
</li>
<li
class="nav-item dropdown-tab-item flex-grow-1 flex-shrink-1 w-0 js-tab-button-assignees"
>
<a
data-action="tab-assignees"
data-is-link="true"
data-target="#tab-assignees"
data-toggle="tab"
href="#"
role="tab"
class="w-100 text-center py-3 px-2"
>
Assignee
</a>
</li>
<li
class="nav-item dropdown-tab-item flex-grow-1 flex-shrink-1 w-0 js-tab-button-milestones"
>
<a
data-action="tab-milestones"
data-is-link="true"
data-target="#tab-milestones"
data-toggle="tab"
href="#"
role="tab"
class="w-100 text-center py-3 px-2"
>
Milestone
</a>
</li>
</ul>
<div class="tab-content">
<div
id="tab-labels"
role="tabpanel"
class="tab-pane tab-pane-labels active js-tab-container-labels"
>
<div class="dropdown-page-one">
<div class="issue-board-dropdown-content">
<p class="m-0">
Label lists show all issues with the selected label.
</p>
</div>
<div class="dropdown-input">
<input
type="search"
id=""
placeholder="Search"
autocomplete="off"
class="dropdown-input-field qa-dropdown-input-field"
/><i
aria-hidden="true"
data-hidden="true"
class="fa fa-search dropdown-input-search"
></i
><i
aria-hidden="true"
data-hidden="true"
role="button"
class="fa fa-times dropdown-input-clear js-dropdown-input-clear"
></i>
</div>
<div class="dropdown-content"></div>
<div class="dropdown-footer">
<ul class="dropdown-footer-list">
<li>
<a href="#" class="dropdown-toggle-page">
Create project label
</a>
</li>
<li>
<a data-is-link="true" href="/test_group/test_project/-/labels"
>Manage project labels
</a>
</li>
</ul>
</div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
<div class="dropdown-page-two dropdown-new-label">
<div class="dropdown-title">
<button
aria-label="Go back"
type="button"
class="dropdown-title-button dropdown-menu-back"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-arrow-left"></i></button
><span>Create project label</span>
</div>
<div class="dropdown-content">
<div class="dropdown-labels-error js-label-error" style="display: none;"></div>
<input
id="new_label_name"
placeholder="Name new label"
type="text"
class="default-dropdown-input"
/>
<div class="suggest-colors suggest-colors-dropdown">
<div class="suggest-colors">
<a
data-color="#0033CC"
title="UA blue"
href="#"
class="has-tooltip"
style="background-color: rgb(0, 51, 204);"
></a
><a
data-color="#428BCA"
title="Moderate blue"
href="#"
class="has-tooltip"
style="background-color: rgb(66, 139, 202);"
></a
><a
data-color="#44AD8E"
title="Lime green"
href="#"
class="has-tooltip"
style="background-color: rgb(68, 173, 142);"
></a
><a
data-color="#A8D695"
title="Feijoa"
href="#"
class="has-tooltip"
style="background-color: rgb(168, 214, 149);"
></a
><a
data-color="#5CB85C"
title="Slightly desaturated green"
href="#"
class="has-tooltip"
style="background-color: rgb(92, 184, 92);"
></a
><a
data-color="#69D100"
title="Bright green"
href="#"
class="has-tooltip"
style="background-color: rgb(105, 209, 0);"
></a
><a
data-color="#004E00"
title="Very dark lime green"
href="#"
class="has-tooltip"
style="background-color: rgb(0, 78, 0);"
></a
><a
data-color="#34495E"
title="Very dark desaturated blue"
href="#"
class="has-tooltip"
style="background-color: rgb(52, 73, 94);"
></a
><a
data-color="#7F8C8D"
title="Dark grayish cyan"
href="#"
class="has-tooltip"
style="background-color: rgb(127, 140, 141);"
></a
><a
data-color="#A295D6"
title="Slightly desaturated blue"
href="#"
class="has-tooltip"
style="background-color: rgb(162, 149, 214);"
></a
><a
data-color="#5843AD"
title="Dark moderate blue"
href="#"
class="has-tooltip"
style="background-color: rgb(88, 67, 173);"
></a
><a
data-color="#8E44AD"
title="Dark moderate violet"
href="#"
class="has-tooltip"
style="background-color: rgb(142, 68, 173);"
></a
><a
data-color="#FFECDB"
title="Very pale orange"
href="#"
class="has-tooltip"
style="background-color: rgb(255, 236, 219);"
></a
><a
data-color="#AD4363"
title="Dark moderate pink"
href="#"
class="has-tooltip"
style="background-color: rgb(173, 67, 99);"
></a
><a
data-color="#D10069"
title="Strong pink"
href="#"
class="has-tooltip"
style="background-color: rgb(209, 0, 105);"
></a
><a
data-color="#CC0033"
title="Strong red"
href="#"
class="has-tooltip"
style="background-color: rgb(204, 0, 51);"
></a
><a
data-color="#FF0000"
title="Pure red"
href="#"
class="has-tooltip"
style="background-color: rgb(255, 0, 0);"
></a
><a
data-color="#D9534F"
title="Soft red"
href="#"
class="has-tooltip"
style="background-color: rgb(217, 83, 79);"
></a
><a
data-color="#D1D100"
title="Strong yellow"
href="#"
class="has-tooltip"
style="background-color: rgb(209, 209, 0);"
></a
><a
data-color="#F0AD4E"
title="Soft orange"
href="#"
class="has-tooltip"
style="background-color: rgb(240, 173, 78);"
></a
><a
data-color="#AD8D43"
title="Dark moderate orange"
href="#"
class="has-tooltip"
style="background-color: rgb(173, 141, 67);"
></a>
</div>
</div>
<div class="dropdown-label-color-input">
<div
class="dropdown-label-color-preview js-dropdown-label-color-preview"
></div>
<input
id="new_label_color"
placeholder="Assign custom color like #FF0000"
type="text"
class="default-dropdown-input"
/>
</div>
<div class="clearfix">
<button
type="button"
class="btn btn-primary float-left js-new-label-btn disabled"
disabled=""
>
Create
</button>
<button type="button" class="btn btn-default float-right js-cancel-label-btn">
Cancel
</button>
</div>
</div>
</div>
</div>
<div
id="tab-assignees"
role="tabpanel"
class="tab-pane tab-pane-assignees js-tab-container-assignees"
>
<div class="dropdown-page-one">
<div class="issue-board-dropdown-content">
<p>
Assignee lists show all issues assigned to the selected user.
</p>
</div>
<div class="js-assignees-list"></div>
</div>
</div>
<div
id="tab-milestones"
role="tabpanel"
class="tab-pane tab-pane-milestones js-tab-container-milestones"
>
<div class="dropdown-page-one">
<div class="issue-board-dropdown-content">
<p>
Milestone lists show all issues from the selected milestone.
</p>
</div>
<div class="js-milestone-list"></div>
</div>
</div>
</div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
</div>
<div class="board-extra-actions">
<button
type="button"
data-placement="bottom"
title=""
class="btn btn-success prepend-left-10"
data-original-title="Please add a list to your board first"
>
Add issues
</button>
</div>
<div class="board-extra-actions">
<a
href="#"
data-qa-selector="focus_mode_button"
role="button"
aria-label="Toggle focus mode"
title="Toggle focus mode"
class="btn btn-default has-tooltip prepend-left-10 js-focus-mode-btn"
><span style="display: none;"
><svg width="17" height="17" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg">
<path
d="M.147 15.496l2.146-2.146-1.286-1.286a.55.55 0 0 1-.125-.616c.101-.238.277-.357.527-.357h4a.55.55 0 0 1 .402.17.55.55 0 0 1 .17.401v4c0 .25-.12.426-.358.527-.232.101-.437.06-.616-.125l-1.286-1.286-2.146 2.146-1.428-1.428zM14.996.646l1.428 1.43-2.146 2.145 1.286 1.286c.185.179.226.384.125.616-.101.238-.277.357-.527.357h-4a.55.55 0 0 1-.402-.17.55.55 0 0 1-.17-.401v-4c0-.25.12-.426.358-.527a.553.553 0 0 1 .616.125l1.286 1.286L14.996.647zm-13.42 0L3.72 2.794l1.286-1.286a.55.55 0 0 1 .616-.125c.238.101.357.277.357.527v4a.55.55 0 0 1-.17.402.55.55 0 0 1-.401.17h-4c-.25 0-.426-.12-.527-.358-.101-.232-.06-.437.125-.616l1.286-1.286L.147 2.075 1.575.647zm14.848 14.85l-1.428 1.428-2.146-2.146-1.286 1.286c-.179.185-.384.226-.616.125-.238-.101-.357-.277-.357-.527v-4a.55.55 0 0 1 .17-.402.55.55 0 0 1 .401-.17h4c.25 0 .426.12.527.358a.553.553 0 0 1-.125.616l-1.286 1.286 2.146 2.146z"
fill-rule="evenodd"
></path></svg
></span>
<span
><svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.591 5.056l2.147-2.146-1.286-1.286a.55.55 0 0 1-.125-.616c.101-.238.277-.357.527-.357h4a.55.55 0 0 1 .402.17.55.55 0 0 1 .17.401v4c0 .25-.12.426-.358.527-.232.101-.437.06-.616-.125l-1.286-1.286-2.146 2.147-1.429-1.43zM5.018 8.553l1.429 1.43L4.3 12.127l1.286 1.286c.185.179.226.384.125.616-.101.238-.277.357-.527.357h-4a.55.55 0 0 1-.402-.17.55.55 0 0 1-.17-.401v-4c0-.25.12-.426.358-.527a.553.553 0 0 1 .616.125L2.872 10.7l2.146-2.147zm4.964 0l2.146 2.147 1.286-1.286a.55.55 0 0 1 .616-.125c.238.101.357.277.357.527v4a.55.55 0 0 1-.17.402.55.55 0 0 1-.401.17h-4c-.25 0-.426-.12-.527-.358-.101-.232-.06-.437.125-.616l1.286-1.286-2.147-2.146 1.43-1.429zM6.447 5.018l-1.43 1.429L2.873 4.3 1.586 5.586c-.179.185-.384.226-.616.125-.238-.101-.357-.277-.357-.527v-4a.55.55 0 0 1 .17-.402.55.55 0 0 1 .401-.17h4c.25 0 .426.12.527.358a.553.553 0 0 1-.125.616L4.3 2.872l2.147 2.146z"
fill-rule="evenodd"
></path></svg></span
></a>
</div>
</div>
</div>
</div>
<div data-qa-selector="boards_list" class="boards-list w-100 py-3 px-2 text-nowrap">
<div
data-id="18"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
title="Open"
data-container="body"
class="board-title-main-text block-truncated"
>
Open
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md rounded-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="18"
data-board-type="backlog"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
<div
data-id="14"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header
data-qa-selector="board_list_header"
class="board-header has-border position-relative"
style="border-top-color: rgb(153, 0, 0);"
>
<h3 class="board-title m-0 d-flex js-board-handle user-can-drag">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
class="gl-label gl-label-text-light"
style="box-shadow: rgb(153, 0, 0) 0px 0px 0px 2px inset;"
><a href="#" class="gl-link gl-label-link"
><span class="gl-label-text" style="background-color: rgb(153, 0, 0);"
>Planning</span
>
</a>
</span>
</div>
<button
aria-label="Delete list"
data-placement="bottom"
title="Delete list"
type="button"
class="board-delete no-drag p-0 border-0 has-tooltip float-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-trash"></i>
</button>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
<button
aria-label="List settings"
title="List settings"
type="button"
class="btn no-drag rounded-right btn-secondary btn-md"
>
<svg><use xlink:href="/assets/iconstest.svg#settings"></use></svg>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="14"
data-board-type="label"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="7"
data-qa-selector="board_card"
class="board-card p-3 rounded user-can-drag"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/1" title="abc" class="js-no-trigger"
>abc</a
>
</h4>
</div>
<div class="board-card-labels prepend-top-4 d-flex flex-wrap"></div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#1
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="15"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header
data-qa-selector="board_list_header"
class="board-header has-border position-relative"
style="border-top-color: rgb(153, 0, 0);"
>
<h3 class="board-title m-0 d-flex js-board-handle user-can-drag">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
class="gl-label gl-label-text-light"
style="box-shadow: rgb(153, 0, 0) 0px 0px 0px 2px inset;"
><a href="#" class="gl-link gl-label-link"
><span class="gl-label-text" style="background-color: rgb(153, 0, 0);"
>label6</span
>
</a>
</span>
</div>
<button
aria-label="Delete list"
data-placement="bottom"
title="Delete list"
type="button"
class="board-delete no-drag p-0 border-0 has-tooltip float-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-trash"></i>
</button>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
<button
aria-label="List settings"
title="List settings"
type="button"
class="btn no-drag rounded-right btn-secondary btn-md"
>
<svg><use xlink:href="/assets/iconstest.svg#settings"></use></svg>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="15"
data-board-type="label"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="8"
data-qa-selector="board_card"
class="board-card p-3 rounded user-can-drag"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/2" title="hij" class="js-no-trigger"
>hij</a
>
</h4>
</div>
<div class="board-card-labels prepend-top-4 d-flex flex-wrap"></div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#2
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="16"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle user-can-drag">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<span aria-hidden="true" class="append-right-5 milestone-icon"
><svg class="s16"><use xlink:href="/assets/iconstest.svg#timer"></use></svg
></span>
<div class="board-title-text">
<span
title="My title 3"
data-container="body"
class="board-title-main-text block-truncated has-tooltip d-block"
>
My title 3
</span>
</div>
<button
aria-label="Delete list"
data-placement="bottom"
title="Delete list"
type="button"
class="board-delete no-drag p-0 border-0 has-tooltip float-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-trash"></i>
</button>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
<button
aria-label="List settings"
title="List settings"
type="button"
class="btn no-drag rounded-right btn-secondary btn-md"
>
<svg><use xlink:href="/assets/iconstest.svg#settings"></use></svg>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="16"
data-board-type="milestone"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="9"
data-qa-selector="board_card"
class="board-card p-3 rounded user-can-drag"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/3" title="nop" class="js-no-trigger"
>nop</a
>
</h4>
</div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#3
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="17"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable board-type-assignee"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle user-can-drag">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<a href="/user8" class="user-avatar-link js-no-trigger"
><img
alt="shodan"
src="https://www.gravatar.com/avatar/51798cfc94af924ac2dffb7083baa6f4?s=80&amp;d=identicon"
height="20"
width="20"
class="avatar s20 has-tooltip"
/></a>
<div class="board-title-text">
<span
title="shodan"
data-container="body"
class="board-title-main-text block-truncated has-tooltip"
>
shodan
</span>
<span title="user8" class="board-title-sub-text prepend-left-5 has-tooltip">
@user8
</span>
</div>
<button
aria-label="Delete list"
data-placement="bottom"
title="Delete list"
type="button"
class="board-delete no-drag p-0 border-0 has-tooltip float-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-trash"></i>
</button>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
<button
aria-label="List settings"
title="List settings"
type="button"
class="btn no-drag rounded-right btn-secondary btn-md"
>
<svg><use xlink:href="/assets/iconstest.svg#settings"></use></svg>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="17"
data-board-type="assignee"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
<div
data-id="13"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
title="Closed"
data-container="body"
class="board-title-main-text block-truncated"
>
Closed
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="13"
data-board-type="closed"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
</div>
<aside class="right-sidebar right-sidebar-expanded issue-boards-sidebar" style="display: none;">
<div class="issuable-sidebar">
<div class="block issuable-sidebar-header position-relative">
<span class="issuable-header-text hide-collapsed float-left"
><strong class="bold"> </strong> <br />
<span>
#
</span></span
>
<a
aria-label="Toggle sidebar"
href="#"
role="button"
class="gutter-toggle position-absolute position-top-0 position-right-0"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">
<path
d="M9,7.5l5.83-5.91a.48.48,0,0,0,0-.69L14.11.15a.46.46,0,0,0-.68,0l-5.93,6L1.57.15a.46.46,0,0,0-.68,0L.15.9a.48.48,0,0,0,0,.69L6,7.5.15,13.41a.48.48,0,0,0,0,.69l.74.75a.46.46,0,0,0,.68,0l5.93-6,5.93,6a.46.46,0,0,0,.68,0l.74-.75a.48.48,0,0,0,0-.69Z"
></path></svg
></a>
</div>
<div class="js-issuable-update">
<div class="block assignee">
<div class="selectbox hide-collapsed">
<div class="dropdown">
<button
data-current-user="true"
data-dropdown-header="Assignee(s)"
data-field-name="issue[assignee_ids][]"
data-first-user="user9"
data-multi-select="true"
data-null-user="true"
data-project-id="3"
data-toggle="dropdown"
type="button"
class="dropdown-menu-toggle js-user-search js-author-search js-multiselect js-save-user-data js-issue-board-sidebar"
>
Select assignee(s)
<i aria-hidden="true" data-hidden="true" class="fa fa-chevron-down"></i>
</button>
<div
class="dropdown-menu dropdown-select dropdown-menu-user dropdown-menu-selectable dropdown-menu-author"
>
<div class="dropdown-title">
<span>Assign to</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-input">
<input
type="search"
id=""
placeholder="Search users"
autocomplete="off"
class="dropdown-input-field qa-dropdown-input-field"
/><i
aria-hidden="true"
data-hidden="true"
class="fa fa-search dropdown-input-search"
></i
><i
aria-hidden="true"
data-hidden="true"
role="button"
class="fa fa-times dropdown-input-clear js-dropdown-input-clear"
></i>
</div>
<div class="dropdown-content"></div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
</div>
</div>
</div>
<div class="block milestone">
<div class="title">
Milestone
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-spinner fa-spin block-loading"
style="display: none;"
></i>
<a href="#" class="js-sidebar-dropdown-toggle edit-link float-right">Edit</a>
</div>
<div class="value">
<span class="no-value">
None
</span>
</div>
<div class="selectbox">
<div class="dropdown">
<button
data-selected="No Milestone"
data-ability-name="issue"
data-default-no="true"
data-field-name="issue[milestone_id]"
data-milestones="/test_group/test_project/-/milestones.json"
data-show-no="true"
data-toggle="dropdown"
data-use-id="true"
type="button"
class="dropdown-menu-toggle js-milestone-select js-issue-board-sidebar"
>
Milestone
<i aria-hidden="true" data-hidden="true" class="fa fa-chevron-down"></i>
</button>
<div class="dropdown-menu dropdown-select dropdown-menu-selectable">
<div class="dropdown-title">
<span>Assign milestone</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-input">
<input
type="search"
id=""
placeholder="Search milestones"
autocomplete="off"
class="dropdown-input-field qa-dropdown-input-field"
/><i
aria-hidden="true"
data-hidden="true"
class="fa fa-search dropdown-input-search"
></i
><i
aria-hidden="true"
data-hidden="true"
role="button"
class="fa fa-times dropdown-input-clear js-dropdown-input-clear"
></i>
</div>
<div class="dropdown-content"></div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
</div>
</div>
</div>
<div class="block time-tracking">
<div class="time_tracker time-tracking-component-wrap">
<div
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon"
data-original-title="Time tracking"
>
<svg aria-hidden="true" class="s16 ic-timer">
<use xlink:href="/assets/iconstest.svg#timer"></use>
</svg>
<div class="time-tracking-collapsed-summary">
<div class="no-tracking"><span class="no-value"> None </span></div>
</div>
</div>
<div class="title hide-collapsed">
Time tracking
<div class="help-button float-right">
<i aria-hidden="true" class="fa fa-question-circle"></i>
</div>
</div>
<div class="time-tracking-content hide-collapsed">
<div class="time-tracking-no-tracking-pane">
<span class="no-value"> No estimate or time spent </span>
</div>
</div>
</div>
</div>
<div class="block due_date">
<div class="title">
Due date
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-spinner fa-spin block-loading"
style="display: none;"
></i>
<a href="#" class="js-sidebar-dropdown-toggle edit-link float-right">Edit</a>
</div>
<div class="value">
<div class="value-content">
<span class="no-value">
None
</span>
</div>
</div>
<div class="selectbox">
<input name="issue[due_date]" type="hidden" />
<div class="dropdown">
<button
data-ability-name="issue"
data-field-name="issue[due_date]"
data-toggle="dropdown"
type="button"
class="dropdown-menu-toggle js-due-date-select js-issue-boards-due-date"
>
<span class="dropdown-toggle-text">Due date</span>
<i aria-hidden="true" data-hidden="true" class="fa fa-chevron-down"></i>
</button>
<div class="dropdown-menu dropdown-menu-due-date">
<div class="dropdown-title">
<span>Due date</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-content">
<div class="js-due-date-calendar">
<div
class="pika-single gitlab-theme is-hidden is-bound"
style="position: static; left: auto; top: auto;"
></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="block labels">
<div class="title">
Labels
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-spinner fa-spin block-loading"
style="display: none;"
></i>
<a href="#" class="js-sidebar-dropdown-toggle edit-link float-right">Edit</a>
</div>
<div class="value issuable-show-labels dont-hide"></div>
<div class="selectbox">
<div class="dropdown">
<button
data-selected=""
data-field-name="issue[label_names][]"
data-namespace-path="test_group"
data-project-id="3"
data-project-path="test_project"
data-scoped-labels="false"
data-scoped-labels-documentation-link="/help/user/project/labels.md#scoped-labels-premium"
data-show-any="true"
data-show-no="true"
data-toggle="dropdown"
type="button"
class="dropdown-menu-toggle js-label-select js-multiselect js-issue-board-sidebar"
>
<span class="dropdown-toggle-text">
Label
</span>
<i aria-hidden="true" data-hidden="true" class="fa fa-chevron-down"></i>
</button>
<div
class="dropdown-menu dropdown-select dropdown-menu-paging dropdown-menu-labels dropdown-menu-selectable dropdown-extended-height"
>
<div class="dropdown-page-one">
<div class="dropdown-title">
<span>Assign labels</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-input">
<input
type="search"
id=""
placeholder="Search"
autocomplete="off"
class="dropdown-input-field qa-dropdown-input-field"
/><i
aria-hidden="true"
data-hidden="true"
class="fa fa-search dropdown-input-search"
></i
><i
aria-hidden="true"
data-hidden="true"
role="button"
class="fa fa-times dropdown-input-clear js-dropdown-input-clear"
></i>
</div>
<div class="dropdown-content"></div>
<div class="dropdown-footer">
<ul class="dropdown-footer-list">
<li>
<a href="#" class="dropdown-toggle-page">
Create project label
</a>
</li>
<li>
<a data-is-link="true" href="/test_group/test_project/-/labels"
>Manage project labels
</a>
</li>
</ul>
</div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
<div class="dropdown-page-two dropdown-new-label">
<div class="dropdown-title">
<button
aria-label="Go back"
type="button"
class="dropdown-title-button dropdown-menu-back"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-arrow-left"></i></button
><span>Create project label</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-content">
<div class="dropdown-labels-error js-label-error" style="display: none;"></div>
<input
id="new_label_name"
placeholder="Name new label"
type="text"
class="default-dropdown-input"
/>
<div class="suggest-colors suggest-colors-dropdown">
<div class="suggest-colors">
<a
data-color="#0033CC"
title="UA blue"
href="#"
class="has-tooltip"
style="background-color: rgb(0, 51, 204);"
></a
><a
data-color="#428BCA"
title="Moderate blue"
href="#"
class="has-tooltip"
style="background-color: rgb(66, 139, 202);"
></a
><a
data-color="#44AD8E"
title="Lime green"
href="#"
class="has-tooltip"
style="background-color: rgb(68, 173, 142);"
></a
><a
data-color="#A8D695"
title="Feijoa"
href="#"
class="has-tooltip"
style="background-color: rgb(168, 214, 149);"
></a
><a
data-color="#5CB85C"
title="Slightly desaturated green"
href="#"
class="has-tooltip"
style="background-color: rgb(92, 184, 92);"
></a
><a
data-color="#69D100"
title="Bright green"
href="#"
class="has-tooltip"
style="background-color: rgb(105, 209, 0);"
></a
><a
data-color="#004E00"
title="Very dark lime green"
href="#"
class="has-tooltip"
style="background-color: rgb(0, 78, 0);"
></a
><a
data-color="#34495E"
title="Very dark desaturated blue"
href="#"
class="has-tooltip"
style="background-color: rgb(52, 73, 94);"
></a
><a
data-color="#7F8C8D"
title="Dark grayish cyan"
href="#"
class="has-tooltip"
style="background-color: rgb(127, 140, 141);"
></a
><a
data-color="#A295D6"
title="Slightly desaturated blue"
href="#"
class="has-tooltip"
style="background-color: rgb(162, 149, 214);"
></a
><a
data-color="#5843AD"
title="Dark moderate blue"
href="#"
class="has-tooltip"
style="background-color: rgb(88, 67, 173);"
></a
><a
data-color="#8E44AD"
title="Dark moderate violet"
href="#"
class="has-tooltip"
style="background-color: rgb(142, 68, 173);"
></a
><a
data-color="#FFECDB"
title="Very pale orange"
href="#"
class="has-tooltip"
style="background-color: rgb(255, 236, 219);"
></a
><a
data-color="#AD4363"
title="Dark moderate pink"
href="#"
class="has-tooltip"
style="background-color: rgb(173, 67, 99);"
></a
><a
data-color="#D10069"
title="Strong pink"
href="#"
class="has-tooltip"
style="background-color: rgb(209, 0, 105);"
></a
><a
data-color="#CC0033"
title="Strong red"
href="#"
class="has-tooltip"
style="background-color: rgb(204, 0, 51);"
></a
><a
data-color="#FF0000"
title="Pure red"
href="#"
class="has-tooltip"
style="background-color: rgb(255, 0, 0);"
></a
><a
data-color="#D9534F"
title="Soft red"
href="#"
class="has-tooltip"
style="background-color: rgb(217, 83, 79);"
></a
><a
data-color="#D1D100"
title="Strong yellow"
href="#"
class="has-tooltip"
style="background-color: rgb(209, 209, 0);"
></a
><a
data-color="#F0AD4E"
title="Soft orange"
href="#"
class="has-tooltip"
style="background-color: rgb(240, 173, 78);"
></a
><a
data-color="#AD8D43"
title="Dark moderate orange"
href="#"
class="has-tooltip"
style="background-color: rgb(173, 141, 67);"
></a>
</div>
</div>
<div class="dropdown-label-color-input">
<div
class="dropdown-label-color-preview js-dropdown-label-color-preview"
></div>
<input
id="new_label_color"
placeholder="Assign custom color like #FF0000"
type="text"
class="default-dropdown-input"
/>
</div>
<div class="dropdown-label-input">
<label
><input name="add_list" type="checkbox" class="js-add-list" />
<span>Add list</span></label
>
</div>
<div class="clearfix">
<button
type="button"
class="btn btn-primary float-left js-new-label-btn disabled"
disabled=""
>
Create
</button>
<button type="button" class="btn btn-default float-right js-cancel-label-btn">
Cancel
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="block weight"
weight-options="None,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20"
>
<div
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon js-weight-collapsed-block"
data-original-title="Weight "
>
<svg aria-hidden="true" class="s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
<span class="js-weight-collapsed-weight-label"></span>
</div>
<div class="title hide-collapsed">
Weight
<a data-qa-selector="edit_weight_link" href="#" class="float-right js-weight-edit-link"
>Edit</a
>
</div>
<div class="value hide-collapsed js-weight-weight-label">
<span
><strong
data-qa-selector="weight_label_value"
class="js-weight-weight-label-value"
></strong>
<span>
-
<a
data-qa-selector="remove_weight_link"
href="#"
class="btn-default-hover-link js-weight-remove-link"
>remove weight</a
></span
></span
>
</div>
</div>
<div class="block subscriptions">
<div>
<span
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon"
data-original-title="Notifications off"
><svg aria-hidden="true" class="sidebar-item-icon is-active s16 ic-notifications-off">
<use xlink:href="/assets/iconstest.svg#notifications-off"></use></svg
></span>
<span class="issuable-header-text hide-collapsed float-left"> Notifications </span>
<label class="toggle-wrapper float-right hide-collapsed js-issuable-subscribe-button">
<button
aria-label="Toggle Status: OFF"
type="button"
class="project-feature-toggle is-loading"
>
<div class="gl-spinner-container loading-icon">
<span
aria-label="Loading"
aria-hidden="true"
class="align-text-bottom gl-spinner gl-spinner-orange gl-spinner-sm"
></span>
</div>
<span class="toggle-icon"
><svg aria-hidden="true" class="toggle-icon-svg s16 ic-status_failed_borderless">
<use xlink:href="/assets/iconstest.svg#status_failed_borderless"></use></svg
></span></button
></label>
</div>
</div>
<div class="block list">
<button type="button" class="btn btn-default btn-block">
Remove from board
</button>
</div>
</div>
</div>
</aside>
</div>
ee/spec/features/boards/pins/as_maintainer.ff_on.oracle.html deleted 100644 → 0
View file @ 466c66fc
<div
data-board-id="6"
data-boards-endpoint="/test_group/test_project/-/boards"
data-bulk-update-path="/test_group/test_project/-/issues/bulk_update"
data-disabled="false"
data-focus-mode-available=""
data-full-path="test_group/test_project"
data-issue-link-base="/test_group/test_project/-/issues"
data-label-ids="[]"
data-labels="[]"
data-lists-endpoint="/-/boards/6/lists"
data-recent-boards-endpoint="/test_group/test_project/-/boards/recent"
data-root-path="/"
data-scoped-labels="false"
data-scoped-labels-documentation-link="/help/user/project/labels.md#scoped-labels-premium"
data-time-tracking-limit-to-hours="false"
data-weight-feature-available="true"
id="board-app"
class="boards-app position-relative"
>
<div class="issues-filters">
<div
class="d-flex filtered-search-block flex-column flex-lg-row issues-details-filters row-content-block second-block"
>
<div class="d-flex flex-column flex-md-row flex-grow-1 mb-lg-0 mb-md-2 mb-sm-0 w-100">
<div class="boards-switcher js-boards-selector append-right-10">
<span class="boards-selector-wrapper js-boards-selector-wrapper"
><div
class="dropdown b-dropdown gl-dropdown btn-group"
data-qa-selector="boards_dropdown"
id="__BVID__42"
>
<button
aria-haspopup="true"
aria-expanded="false"
type="button"
class="btn dropdown-toggle btn-secondary dropdown-menu-toggle js-dropdown-toggle"
id="__BVID__42__BV_toggle_"
>
<span class="gl-dropdown-toggle-text">board6</span>
<svg class="gl-dropdown-caret gl-icon s16" aria-hidden="true">
<use href="/assets/iconstest.svg#chevron-down"></use>
</svg>
</button>
<ul
role="menu"
tabindex="-1"
class="dropdown-menu flex-column dropdown-extended-height"
aria-labelledby="__BVID__42__BV_toggle_"
>
<div>
<div class="dropdown-title mb-0">
Switch board
</div>
</div>
<li role="presentation" class="gl-dropdown-header mt-0">
<header role="heading" class="dropdown-header">
<div class="gl-search-box-by-type">
<svg class="gl-search-box-by-type-search-icon gl-icon s16">
<use href="/assets/iconstest.svg#search"></use>
</svg>
<input
type="text"
placeholder="Search"
class="gl-form-input gl-search-box-by-type-input form-control"
aria-label="Search"
id="__BVID__48"
/>
<div class="gl-search-box-by-type-right-icons"></div>
</div>
</header>
</li>
<div data-qa-selector="boards_dropdown_content" class="dropdown-content flex-fill">
<li role="presentation" class="no-pointer-events text-secondary">
<button role="menuitem" type="button" class="dropdown-item">
No matching boards found
</button>
</li>
</div>
<div class="dropdown-content-faded-mask fade-out" style="display: none;"></div>
<div>
<li role="presentation">
<hr role="separator" aria-orientation="horizontal" class="dropdown-divider" />
</li>
<li role="presentation">
<button
data-qa-selector="create_new_board_button"
role="menuitem"
type="button"
class="dropdown-item"
>
Create new board
</button>
</li>
</div>
</ul>
</div>
</span>
</div>
<form
class="filter-form js-filter-form w-100"
action="/test_group/test_project/-/boards?"
accept-charset="UTF-8"
method="get"
>
<input name="utf8" type="hidden" value="✓" />
<div class="issues-other-filters filtered-search-wrapper d-flex flex-column flex-md-row">
<div class="filtered-search-box">
<div class="filtered-search-box-input-container droplab-dropdown">
<div class="scroll-container">
<ul class="tokens-container list-unstyled">
<li class="input-token">
<input
autocomplete="off"
class="form-control filtered-search"
data-epics-endpoint="/groups/test_group/-/epics"
data-labels-endpoint="/test_group/test_project/-/labels"
data-milestones-endpoint="/test_group/test_project/-/milestones"
data-project-id="6"
data-releases-endpoint="/test_group/test_project/-/releases"
data-runner-tags-endpoint="/admin/runners/tag_list"
id="filtered-search-boards"
placeholder="Search or filter results..."
data-dropdown-trigger="#js-dropdown-hint"
/>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu hint-dropdown"
id="js-dropdown-hint"
data-dropdown-active="true"
style="left: 12px;"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li
class="filter-dropdown-item"
data-action=""
data-hint="author"
data-tag=":@author"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#pencil"></use></svg>
<span class="js-filter-hint">
Author
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="assignee"
data-tag=":@assignee"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#user"></use></svg>
<span class="js-filter-hint">
Assignee
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="milestone"
data-tag=":%milestone"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#clock"></use></svg>
<span class="js-filter-hint">
Milestone
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="release"
data-tag=":tag name"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#rocket"></use></svg>
<span class="js-filter-hint">
Release
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="label"
data-tag=":~label"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#labels"></use></svg>
<span class="js-filter-hint">
Label
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="my-reaction"
data-tag=":emoji"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#thumb-up"></use></svg>
<span class="js-filter-hint">
My-Reaction
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="epic"
data-tag=":undefined"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#epic"></use></svg>
<span class="js-filter-hint">
Epic
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action=""
data-hint="weight"
data-tag=":number"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#weight"></use></svg>
<span class="js-filter-hint">
Weight
</span>
</button>
</li>
<li
class="filter-dropdown-item"
data-action="submit"
data-hint="search"
data-tag="search"
style="display: block;"
>
<button class="btn btn-link" type="button">
<svg><use xlink:href="/assets/iconstest.svg#search"></use></svg>
<span class="js-filter-hint">
Search for this text
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-operator"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{ title }}">
<button class="btn btn-link" type="button">
{{ title }}
<span class="btn-helptext">
{{ help }}
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-author"
>
<ul data-dropdown="">
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe13's avatar"
src="https://www.gravatar.com/avatar/eb15f6425eb279cc2659a1a11e051fe8?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe13"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe13
</span>
<span class="dropdown-light-content">
@user18
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-assignee"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe13's avatar"
src="https://www.gravatar.com/avatar/eb15f6425eb279cc2659a1a11e051fe8?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe13"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe13
</span>
<span class="dropdown-light-content">
@user18
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-approver"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
<li class="filter-dropdown-item js-current-user">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="John Doe13's avatar"
src="https://www.gravatar.com/avatar/eb15f6425eb279cc2659a1a11e051fe8?s=80&amp;d=identicon"
class="avatar s40"
title="John Doe13"
/>
</div>
<div class="dropdown-user-details">
<span>
John Doe13
</span>
<span class="dropdown-light-content">
@user18
</span>
</div>
</button>
</li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link dropdown-user" type="button">
<div class="avatar-container s40">
<img
alt="{{name}}'s avatar"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-src="{{avatar_url}}"
class="avatar s40 lazy"
title="{{name}}"
/>
</div>
<div class="dropdown-user-details">
<span>
{{name}}
</span>
<span class="dropdown-light-content">
@{{username}}
</span>
</div>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-milestone"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="filter-dropdown-item" data-value="Upcoming">
<button class="btn btn-link" type="button">
Upcoming
</button>
</li>
<li class="filter-dropdown-item" data-value="Started">
<button class="btn btn-link" type="button">
Started
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value" type="button">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-release"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value" type="button">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-label"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link" type="button">
<span class="dropdown-label-box" style="background: {{color}}"></span>
<span class="label-title js-data-value">
{{title}}
</span>
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-my-reaction"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link" type="button">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link" type="button">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link" type="button">
<gl-emoji></gl-emoji>
<span class="js-data-value prepend-left-10">
{{name}}
</span>
</button>
</li>
</ul>
</div>
<div class="filtered-search-input-dropdown-menu dropdown-menu" id="js-dropdown-wip">
<ul class="filter-dropdown" data-dropdown="">
<li class="filter-dropdown-item" data-capitalize="" data-value="yes">
<button class="btn btn-link" type="button">
Yes
</button>
</li>
<li class="filter-dropdown-item" data-capitalize="" data-value="no">
<button class="btn btn-link" type="button">
No
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-confidential"
>
<ul class="filter-dropdown" data-dropdown="">
<li class="filter-dropdown-item" data-capitalize="" data-value="yes">
<button class="btn btn-link" type="button">
Yes
</button>
</li>
<li class="filter-dropdown-item" data-capitalize="" data-value="no">
<button class="btn btn-link" type="button">
No
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-target-branch"
>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item">
<button class="btn btn-link js-data-value monospace">
{{title}}
</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-weight"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{id}}">
<button class="btn btn-link">{{title}}</button>
</li>
</ul>
</div>
<div
class="filtered-search-input-dropdown-menu dropdown-menu"
id="js-dropdown-epic"
>
<ul data-dropdown="">
<li class="filter-dropdown-item" data-value="None">
<button class="btn btn-link">
None
</button>
</li>
<li class="filter-dropdown-item" data-value="Any">
<button class="btn btn-link">
Any
</button>
</li>
<li class="divider droplab-item-ignore"></li>
</ul>
<ul class="filter-dropdown" data-dropdown="" data-dynamic="">
<li class="filter-dropdown-item" data-value="{{id}}">
<button class="btn btn-link dropdown-epic-button">
<span>{{title}}</span> <span class="reference">&amp;{{id}}</span>
</button>
</li>
</ul>
</div>
</div>
<button class="clear-search hidden" type="button">
<i aria-hidden="true" data-hidden="true" class="fa fa-times"></i>
</button>
</div>
</div>
</form>
</div>
<div class="filter-dropdown-container d-flex flex-column flex-md-row">
<div class="board-labels-toggle-wrapper d-flex align-items-center prepend-left-10">
<span id="board-labels-toggle-text" class="text-nowrap">
Show labels
</span>
<label
class="gl-toggle-wrapper prepend-left-10 mb-0"
data-qa-selector="show_labels_toggle"
>
<button
aria-label="Showing all labels"
aria-describedby="board-labels-toggle-text"
type="button"
class="gl-toggle is-checked"
>
<span class="toggle-icon"
><svg class="gl-icon s16">
<use href="/assets/iconstest.svg#mobile-issue-close"></use></svg
></span></button
></label>
</div>
<div class="prepend-left-10">
<button
title=""
type="button"
data-qa-selector="boards_config_button"
class="btn btn-inverted"
data-original-title=""
>
Edit board
</button>
</div>
<div id="js-add-list" class="dropdown boards-add-list prepend-left-10">
<button
data-labels="/test_group/test_project/-/labels.json?include_ancestor_groups=true"
data-labels-endpoint="/test_group/test_project/-/labels"
data-list-assignees-path="/-/boards/6/users.json"
data-list-labels-path="/test_group/test_project/-/labels.json?include_ancestor_groups=true"
data-list-milestone-path="/-/boards/6/milestones.json"
data-namespace-path="test_group"
data-project-path="test_project"
data-toggle="dropdown"
type="button"
class="btn btn-success btn-inverted d-flex js-new-board-list"
>
<span>Add list</span>
<svg class="s16 prepend-left-5 btn-success-board-list-chevron">
<use xlink:href="/assets/iconstest.svg#chevron-down"></use>
</svg>
</button>
<div
class="dropdown-menu dropdown-menu-paging dropdown-menu-right dropdown-menu-issues-board-new dropdown-menu-selectable dropdown-menu-tabs pt-0"
>
<ul
role="tablist"
class="nav nav-tabs dropdown-tabs-list d-flex js-new-board-list-tabs"
>
<li
class="nav-item dropdown-tab-item flex-grow-1 flex-shrink-1 w-0 border-left-0 js-tab-button-labels"
>
<a
data-action="tab-labels"
data-is-link="true"
data-target="#tab-labels"
data-toggle="tab"
href="#"
role="tab"
class="w-100 text-center py-3 px-2 active"
>
Label
</a>
</li>
<li
class="nav-item dropdown-tab-item flex-grow-1 flex-shrink-1 w-0 js-tab-button-assignees"
>
<a
data-action="tab-assignees"
data-is-link="true"
data-target="#tab-assignees"
data-toggle="tab"
href="#"
role="tab"
class="w-100 text-center py-3 px-2"
>
Assignee
</a>
</li>
<li
class="nav-item dropdown-tab-item flex-grow-1 flex-shrink-1 w-0 js-tab-button-milestones"
>
<a
data-action="tab-milestones"
data-is-link="true"
data-target="#tab-milestones"
data-toggle="tab"
href="#"
role="tab"
class="w-100 text-center py-3 px-2"
>
Milestone
</a>
</li>
</ul>
<div class="tab-content">
<div
id="tab-labels"
role="tabpanel"
class="tab-pane tab-pane-labels active js-tab-container-labels"
>
<div class="dropdown-page-one">
<div class="issue-board-dropdown-content">
<p class="m-0">
Label lists show all issues with the selected label.
</p>
</div>
<div class="dropdown-input">
<input
type="search"
id=""
placeholder="Search"
autocomplete="off"
class="dropdown-input-field qa-dropdown-input-field"
/><i
aria-hidden="true"
data-hidden="true"
class="fa fa-search dropdown-input-search"
></i
><i
aria-hidden="true"
data-hidden="true"
role="button"
class="fa fa-times dropdown-input-clear js-dropdown-input-clear"
></i>
</div>
<div class="dropdown-content"></div>
<div class="dropdown-footer">
<ul class="dropdown-footer-list">
<li>
<a href="#" class="dropdown-toggle-page">
Create project label
</a>
</li>
<li>
<a data-is-link="true" href="/test_group/test_project/-/labels"
>Manage project labels
</a>
</li>
</ul>
</div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
<div class="dropdown-page-two dropdown-new-label">
<div class="dropdown-title">
<button
aria-label="Go back"
type="button"
class="dropdown-title-button dropdown-menu-back"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-arrow-left"></i></button
><span>Create project label</span>
</div>
<div class="dropdown-content">
<div class="dropdown-labels-error js-label-error" style="display: none;"></div>
<input
id="new_label_name"
placeholder="Name new label"
type="text"
class="default-dropdown-input"
/>
<div class="suggest-colors suggest-colors-dropdown">
<div class="suggest-colors">
<a
data-color="#0033CC"
title="UA blue"
href="#"
class="has-tooltip"
style="background-color: rgb(0, 51, 204);"
></a
><a
data-color="#428BCA"
title="Moderate blue"
href="#"
class="has-tooltip"
style="background-color: rgb(66, 139, 202);"
></a
><a
data-color="#44AD8E"
title="Lime green"
href="#"
class="has-tooltip"
style="background-color: rgb(68, 173, 142);"
></a
><a
data-color="#A8D695"
title="Feijoa"
href="#"
class="has-tooltip"
style="background-color: rgb(168, 214, 149);"
></a
><a
data-color="#5CB85C"
title="Slightly desaturated green"
href="#"
class="has-tooltip"
style="background-color: rgb(92, 184, 92);"
></a
><a
data-color="#69D100"
title="Bright green"
href="#"
class="has-tooltip"
style="background-color: rgb(105, 209, 0);"
></a
><a
data-color="#004E00"
title="Very dark lime green"
href="#"
class="has-tooltip"
style="background-color: rgb(0, 78, 0);"
></a
><a
data-color="#34495E"
title="Very dark desaturated blue"
href="#"
class="has-tooltip"
style="background-color: rgb(52, 73, 94);"
></a
><a
data-color="#7F8C8D"
title="Dark grayish cyan"
href="#"
class="has-tooltip"
style="background-color: rgb(127, 140, 141);"
></a
><a
data-color="#A295D6"
title="Slightly desaturated blue"
href="#"
class="has-tooltip"
style="background-color: rgb(162, 149, 214);"
></a
><a
data-color="#5843AD"
title="Dark moderate blue"
href="#"
class="has-tooltip"
style="background-color: rgb(88, 67, 173);"
></a
><a
data-color="#8E44AD"
title="Dark moderate violet"
href="#"
class="has-tooltip"
style="background-color: rgb(142, 68, 173);"
></a
><a
data-color="#FFECDB"
title="Very pale orange"
href="#"
class="has-tooltip"
style="background-color: rgb(255, 236, 219);"
></a
><a
data-color="#AD4363"
title="Dark moderate pink"
href="#"
class="has-tooltip"
style="background-color: rgb(173, 67, 99);"
></a
><a
data-color="#D10069"
title="Strong pink"
href="#"
class="has-tooltip"
style="background-color: rgb(209, 0, 105);"
></a
><a
data-color="#CC0033"
title="Strong red"
href="#"
class="has-tooltip"
style="background-color: rgb(204, 0, 51);"
></a
><a
data-color="#FF0000"
title="Pure red"
href="#"
class="has-tooltip"
style="background-color: rgb(255, 0, 0);"
></a
><a
data-color="#D9534F"
title="Soft red"
href="#"
class="has-tooltip"
style="background-color: rgb(217, 83, 79);"
></a
><a
data-color="#D1D100"
title="Strong yellow"
href="#"
class="has-tooltip"
style="background-color: rgb(209, 209, 0);"
></a
><a
data-color="#F0AD4E"
title="Soft orange"
href="#"
class="has-tooltip"
style="background-color: rgb(240, 173, 78);"
></a
><a
data-color="#AD8D43"
title="Dark moderate orange"
href="#"
class="has-tooltip"
style="background-color: rgb(173, 141, 67);"
></a>
</div>
</div>
<div class="dropdown-label-color-input">
<div
class="dropdown-label-color-preview js-dropdown-label-color-preview"
></div>
<input
id="new_label_color"
placeholder="Assign custom color like #FF0000"
type="text"
class="default-dropdown-input"
/>
</div>
<div class="clearfix">
<button
type="button"
class="btn btn-primary float-left js-new-label-btn disabled"
disabled=""
>
Create
</button>
<button type="button" class="btn btn-default float-right js-cancel-label-btn">
Cancel
</button>
</div>
</div>
</div>
</div>
<div
id="tab-assignees"
role="tabpanel"
class="tab-pane tab-pane-assignees js-tab-container-assignees"
>
<div class="dropdown-page-one">
<div class="issue-board-dropdown-content">
<p>
Assignee lists show all issues assigned to the selected user.
</p>
</div>
<div class="js-assignees-list"></div>
</div>
</div>
<div
id="tab-milestones"
role="tabpanel"
class="tab-pane tab-pane-milestones js-tab-container-milestones"
>
<div class="dropdown-page-one">
<div class="issue-board-dropdown-content">
<p>
Milestone lists show all issues from the selected milestone.
</p>
</div>
<div class="js-milestone-list"></div>
</div>
</div>
</div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
</div>
<div class="board-extra-actions">
<button
type="button"
data-placement="bottom"
title=""
class="btn btn-success prepend-left-10"
data-original-title="Please add a list to your board first"
>
Add issues
</button>
</div>
<div class="board-extra-actions">
<a
href="#"
data-qa-selector="focus_mode_button"
role="button"
aria-label="Toggle focus mode"
title="Toggle focus mode"
class="btn btn-default has-tooltip prepend-left-10 js-focus-mode-btn"
><span style="display: none;"
><svg width="17" height="17" viewBox="0 0 17 17" xmlns="http://www.w3.org/2000/svg">
<path
d="M.147 15.496l2.146-2.146-1.286-1.286a.55.55 0 0 1-.125-.616c.101-.238.277-.357.527-.357h4a.55.55 0 0 1 .402.17.55.55 0 0 1 .17.401v4c0 .25-.12.426-.358.527-.232.101-.437.06-.616-.125l-1.286-1.286-2.146 2.146-1.428-1.428zM14.996.646l1.428 1.43-2.146 2.145 1.286 1.286c.185.179.226.384.125.616-.101.238-.277.357-.527.357h-4a.55.55 0 0 1-.402-.17.55.55 0 0 1-.17-.401v-4c0-.25.12-.426.358-.527a.553.553 0 0 1 .616.125l1.286 1.286L14.996.647zm-13.42 0L3.72 2.794l1.286-1.286a.55.55 0 0 1 .616-.125c.238.101.357.277.357.527v4a.55.55 0 0 1-.17.402.55.55 0 0 1-.401.17h-4c-.25 0-.426-.12-.527-.358-.101-.232-.06-.437.125-.616l1.286-1.286L.147 2.075 1.575.647zm14.848 14.85l-1.428 1.428-2.146-2.146-1.286 1.286c-.179.185-.384.226-.616.125-.238-.101-.357-.277-.357-.527v-4a.55.55 0 0 1 .17-.402.55.55 0 0 1 .401-.17h4c.25 0 .426.12.527.358a.553.553 0 0 1-.125.616l-1.286 1.286 2.146 2.146z"
fill-rule="evenodd"
></path></svg
></span>
<span
><svg width="15" height="15" viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.591 5.056l2.147-2.146-1.286-1.286a.55.55 0 0 1-.125-.616c.101-.238.277-.357.527-.357h4a.55.55 0 0 1 .402.17.55.55 0 0 1 .17.401v4c0 .25-.12.426-.358.527-.232.101-.437.06-.616-.125l-1.286-1.286-2.146 2.147-1.429-1.43zM5.018 8.553l1.429 1.43L4.3 12.127l1.286 1.286c.185.179.226.384.125.616-.101.238-.277.357-.527.357h-4a.55.55 0 0 1-.402-.17.55.55 0 0 1-.17-.401v-4c0-.25.12-.426.358-.527a.553.553 0 0 1 .616.125L2.872 10.7l2.146-2.147zm4.964 0l2.146 2.147 1.286-1.286a.55.55 0 0 1 .616-.125c.238.101.357.277.357.527v4a.55.55 0 0 1-.17.402.55.55 0 0 1-.401.17h-4c-.25 0-.426-.12-.527-.358-.101-.232-.06-.437.125-.616l1.286-1.286-2.147-2.146 1.43-1.429zM6.447 5.018l-1.43 1.429L2.873 4.3 1.586 5.586c-.179.185-.384.226-.616.125-.238-.101-.357-.277-.357-.527v-4a.55.55 0 0 1 .17-.402.55.55 0 0 1 .401-.17h4c.25 0 .426.12.527.358a.553.553 0 0 1-.125.616L4.3 2.872l2.147 2.146z"
fill-rule="evenodd"
></path></svg></span
></a>
</div>
</div>
</div>
</div>
<div data-qa-selector="boards_list" class="boards-list w-100 py-3 px-2 text-nowrap">
<div
data-id="36"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
title="Open"
data-container="body"
class="board-title-main-text block-truncated"
>
Open
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md rounded-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="36"
data-board-type="backlog"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
<div
data-id="32"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header
data-qa-selector="board_list_header"
class="board-header has-border position-relative"
style="border-top-color: rgb(153, 0, 0);"
>
<h3 class="board-title m-0 d-flex js-board-handle user-can-drag">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
class="gl-label gl-label-text-light"
style="box-shadow: rgb(153, 0, 0) 0px 0px 0px 2px inset;"
><a href="#" class="gl-link gl-label-link"
><span class="gl-label-text" style="background-color: rgb(153, 0, 0);"
>Planning</span
>
</a>
</span>
</div>
<button
aria-label="Delete list"
data-placement="bottom"
title="Delete list"
type="button"
class="board-delete no-drag p-0 border-0 has-tooltip float-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-trash"></i>
</button>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
<button
aria-label="List settings"
title="List settings"
type="button"
class="btn no-drag rounded-right btn-secondary btn-md"
>
<svg><use xlink:href="/assets/iconstest.svg#settings"></use></svg>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="32"
data-board-type="label"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="16"
data-qa-selector="board_card"
class="board-card p-3 rounded user-can-drag"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/1" title="abc" class="js-no-trigger"
>abc</a
>
</h4>
</div>
<div class="board-card-labels prepend-top-4 d-flex flex-wrap"></div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#1
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="33"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header
data-qa-selector="board_list_header"
class="board-header has-border position-relative"
style="border-top-color: rgb(153, 0, 0);"
>
<h3 class="board-title m-0 d-flex js-board-handle user-can-drag">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
class="gl-label gl-label-text-light"
style="box-shadow: rgb(153, 0, 0) 0px 0px 0px 2px inset;"
><a href="#" class="gl-link gl-label-link"
><span class="gl-label-text" style="background-color: rgb(153, 0, 0);"
>label12</span
>
</a>
</span>
</div>
<button
aria-label="Delete list"
data-placement="bottom"
title="Delete list"
type="button"
class="board-delete no-drag p-0 border-0 has-tooltip float-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-trash"></i>
</button>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
<button
aria-label="List settings"
title="List settings"
type="button"
class="btn no-drag rounded-right btn-secondary btn-md"
>
<svg><use xlink:href="/assets/iconstest.svg#settings"></use></svg>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="33"
data-board-type="label"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="17"
data-qa-selector="board_card"
class="board-card p-3 rounded user-can-drag"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/2" title="hij" class="js-no-trigger"
>hij</a
>
</h4>
</div>
<div class="board-card-labels prepend-top-4 d-flex flex-wrap"></div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#2
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="34"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle user-can-drag">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<span aria-hidden="true" class="append-right-5 milestone-icon"
><svg class="s16"><use xlink:href="/assets/iconstest.svg#timer"></use></svg
></span>
<div class="board-title-text">
<span
title="My title 6"
data-container="body"
class="board-title-main-text block-truncated has-tooltip d-block"
>
My title 6
</span>
</div>
<button
aria-label="Delete list"
data-placement="bottom"
title="Delete list"
type="button"
class="board-delete no-drag p-0 border-0 has-tooltip float-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-trash"></i>
</button>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
1
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
<button
aria-label="List settings"
title="List settings"
type="button"
class="btn no-drag rounded-right btn-secondary btn-md"
>
<svg><use xlink:href="/assets/iconstest.svg#settings"></use></svg>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="34"
data-board-type="milestone"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
>
<li
index="0"
data-issue-id="18"
data-qa-selector="board_card"
class="board-card p-3 rounded user-can-drag"
>
<div>
<div dir="auto" class="d-flex board-card-header">
<h4 class="board-card-title append-bottom-0 prepend-top-0">
<a href="/test_group/test_project/-/issues/3" title="nop" class="js-no-trigger"
>nop</a
>
</h4>
</div>
<div class="board-card-footer d-flex justify-content-between align-items-end">
<div
class="d-flex align-items-start flex-wrap-reverse board-card-number-container overflow-hidden js-board-card-number-container"
>
<span
class="board-card-number overflow-hidden d-flex append-right-8 prepend-top-8"
>
#3
</span>
<span class="board-info-items prepend-top-8 d-inline-block"> </span>
</div>
<div class="board-card-assignee d-flex"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div
data-id="35"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-draggable is-expandable board-type-assignee"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle user-can-drag">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<a href="/user17" class="user-avatar-link js-no-trigger"
><img
alt="shodan"
src="https://www.gravatar.com/avatar/9bb2e235737df4fc221da2b6216e7590?s=80&amp;d=identicon"
height="20"
width="20"
class="avatar s20 has-tooltip"
/></a>
<div class="board-title-text">
<span
title="shodan"
data-container="body"
class="board-title-main-text block-truncated has-tooltip"
>
shodan
</span>
<span title="user17" class="board-title-sub-text prepend-left-5 has-tooltip">
@user17
</span>
</div>
<button
aria-label="Delete list"
data-placement="bottom"
title="Delete list"
type="button"
class="board-delete no-drag p-0 border-0 has-tooltip float-right"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-trash"></i>
</button>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
<div role="group" class="board-list-button-group pl-2 btn-group">
<button
aria-label="New issue"
type="button"
class="btn issue-count-badge-add-button no-drag btn-secondary btn-md"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-plus"></i>
</button>
<button
aria-label="List settings"
title="List settings"
type="button"
class="btn no-drag rounded-right btn-secondary btn-md"
>
<svg><use xlink:href="/assets/iconstest.svg#settings"></use></svg>
</button>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="35"
data-board-type="assignee"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
<div
data-id="31"
data-qa-selector="board_list"
class="board h-100 px-2 align-top ws-normal is-expandable"
>
<div class="board-inner d-flex flex-column position-relative h-100 rounded">
<header data-qa-selector="board_list_header" class="board-header position-relative">
<h3 class="board-title m-0 d-flex js-board-handle">
<div
aria-label="Collapse"
title=""
aria-hidden="true"
data-placement="bottom"
class="board-title-caret no-drag"
data-original-title="Collapse"
>
<i class="fa fa-fw fa-caret-right"></i>
</div>
<div class="board-title-text">
<span
title="Closed"
data-container="body"
class="board-title-main-text block-truncated"
>
Closed
</span>
</div>
<div class="issue-count-badge pr-0 no-drag text-secondary">
<span class="d-inline-flex">
<span class="issue-count-badge-count"
><svg aria-hidden="true" class="mr-1 s16 ic-issues">
<use xlink:href="/assets/iconstest.svg#issues"></use>
</svg>
<div class="issue-count text-nowrap">
<span class="js-issue-size">
0
</span>
</div></span
>
<span class="d-inline-flex ml-2"
><svg aria-hidden="true" class="mr-1 s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
0
</span></span
>
</div>
</h3>
</header>
<div
data-qa-selector="board_list_cards_area"
class="board-list-component position-relative h-100 d-flex flex-column"
>
<ul
data-board="31"
data-board-type="closed"
class="board-list w-100 h-100 list-unstyled mb-0 p-1 js-board-list"
style=""
></ul>
</div>
</div>
</div>
</div>
<aside class="right-sidebar right-sidebar-expanded issue-boards-sidebar" style="display: none;">
<div class="issuable-sidebar">
<div class="block issuable-sidebar-header position-relative">
<span class="issuable-header-text hide-collapsed float-left"
><strong class="bold"> </strong> <br />
<span>
#
</span></span
>
<a
aria-label="Toggle sidebar"
href="#"
role="button"
class="gutter-toggle position-absolute position-top-0 position-right-0"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">
<path
d="M9,7.5l5.83-5.91a.48.48,0,0,0,0-.69L14.11.15a.46.46,0,0,0-.68,0l-5.93,6L1.57.15a.46.46,0,0,0-.68,0L.15.9a.48.48,0,0,0,0,.69L6,7.5.15,13.41a.48.48,0,0,0,0,.69l.74.75a.46.46,0,0,0,.68,0l5.93-6,5.93,6a.46.46,0,0,0,.68,0l.74-.75a.48.48,0,0,0,0-.69Z"
></path></svg
></a>
</div>
<div class="js-issuable-update">
<div class="block assignee">
<div class="selectbox hide-collapsed">
<div class="dropdown">
<button
data-current-user="true"
data-dropdown-header="Assignee(s)"
data-field-name="issue[assignee_ids][]"
data-first-user="user18"
data-multi-select="true"
data-null-user="true"
data-project-id="6"
data-toggle="dropdown"
type="button"
class="dropdown-menu-toggle js-user-search js-author-search js-multiselect js-save-user-data js-issue-board-sidebar"
>
Select assignee(s)
<i aria-hidden="true" data-hidden="true" class="fa fa-chevron-down"></i>
</button>
<div
class="dropdown-menu dropdown-select dropdown-menu-user dropdown-menu-selectable dropdown-menu-author"
>
<div class="dropdown-title">
<span>Assign to</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-input">
<input
type="search"
id=""
placeholder="Search users"
autocomplete="off"
class="dropdown-input-field qa-dropdown-input-field"
/><i
aria-hidden="true"
data-hidden="true"
class="fa fa-search dropdown-input-search"
></i
><i
aria-hidden="true"
data-hidden="true"
role="button"
class="fa fa-times dropdown-input-clear js-dropdown-input-clear"
></i>
</div>
<div class="dropdown-content"></div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
</div>
</div>
</div>
<div class="block milestone">
<div class="title">
Milestone
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-spinner fa-spin block-loading"
style="display: none;"
></i>
<a href="#" class="js-sidebar-dropdown-toggle edit-link float-right">Edit</a>
</div>
<div class="value">
<span class="no-value">
None
</span>
</div>
<div class="selectbox">
<div class="dropdown">
<button
data-selected="No Milestone"
data-ability-name="issue"
data-default-no="true"
data-field-name="issue[milestone_id]"
data-milestones="/test_group/test_project/-/milestones.json"
data-show-no="true"
data-toggle="dropdown"
data-use-id="true"
type="button"
class="dropdown-menu-toggle js-milestone-select js-issue-board-sidebar"
>
Milestone
<i aria-hidden="true" data-hidden="true" class="fa fa-chevron-down"></i>
</button>
<div class="dropdown-menu dropdown-select dropdown-menu-selectable">
<div class="dropdown-title">
<span>Assign milestone</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-input">
<input
type="search"
id=""
placeholder="Search milestones"
autocomplete="off"
class="dropdown-input-field qa-dropdown-input-field"
/><i
aria-hidden="true"
data-hidden="true"
class="fa fa-search dropdown-input-search"
></i
><i
aria-hidden="true"
data-hidden="true"
role="button"
class="fa fa-times dropdown-input-clear js-dropdown-input-clear"
></i>
</div>
<div class="dropdown-content"></div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
</div>
</div>
</div>
<div class="block time-tracking">
<div class="time_tracker time-tracking-component-wrap">
<div
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon"
data-original-title="Time tracking"
>
<svg aria-hidden="true" class="s16 ic-timer">
<use xlink:href="/assets/iconstest.svg#timer"></use>
</svg>
<div class="time-tracking-collapsed-summary">
<div class="no-tracking"><span class="no-value"> None </span></div>
</div>
</div>
<div class="title hide-collapsed">
Time tracking
<div class="help-button float-right">
<i aria-hidden="true" class="fa fa-question-circle"></i>
</div>
</div>
<div class="time-tracking-content hide-collapsed">
<div class="time-tracking-no-tracking-pane">
<span class="no-value"> No estimate or time spent </span>
</div>
</div>
</div>
</div>
<div class="block due_date">
<div class="title">
Due date
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-spinner fa-spin block-loading"
style="display: none;"
></i>
<a href="#" class="js-sidebar-dropdown-toggle edit-link float-right">Edit</a>
</div>
<div class="value">
<div class="value-content">
<span class="no-value">
None
</span>
</div>
</div>
<div class="selectbox">
<input name="issue[due_date]" type="hidden" />
<div class="dropdown">
<button
data-ability-name="issue"
data-field-name="issue[due_date]"
data-toggle="dropdown"
type="button"
class="dropdown-menu-toggle js-due-date-select js-issue-boards-due-date"
>
<span class="dropdown-toggle-text">Due date</span>
<i aria-hidden="true" data-hidden="true" class="fa fa-chevron-down"></i>
</button>
<div class="dropdown-menu dropdown-menu-due-date">
<div class="dropdown-title">
<span>Due date</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-content">
<div class="js-due-date-calendar">
<div
class="pika-single gitlab-theme is-hidden is-bound"
style="position: static; left: auto; top: auto;"
></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="block labels">
<div class="title">
Labels
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-spinner fa-spin block-loading"
style="display: none;"
></i>
<a href="#" class="js-sidebar-dropdown-toggle edit-link float-right">Edit</a>
</div>
<div class="value issuable-show-labels dont-hide"></div>
<div class="selectbox">
<div class="dropdown">
<button
data-selected=""
data-field-name="issue[label_names][]"
data-namespace-path="test_group"
data-project-id="6"
data-project-path="test_project"
data-scoped-labels="false"
data-scoped-labels-documentation-link="/help/user/project/labels.md#scoped-labels-premium"
data-show-any="true"
data-show-no="true"
data-toggle="dropdown"
type="button"
class="dropdown-menu-toggle js-label-select js-multiselect js-issue-board-sidebar"
>
<span class="dropdown-toggle-text">
Label
</span>
<i aria-hidden="true" data-hidden="true" class="fa fa-chevron-down"></i>
</button>
<div
class="dropdown-menu dropdown-select dropdown-menu-paging dropdown-menu-labels dropdown-menu-selectable dropdown-extended-height"
>
<div class="dropdown-page-one">
<div class="dropdown-title">
<span>Assign labels</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-input">
<input
type="search"
id=""
placeholder="Search"
autocomplete="off"
class="dropdown-input-field qa-dropdown-input-field"
/><i
aria-hidden="true"
data-hidden="true"
class="fa fa-search dropdown-input-search"
></i
><i
aria-hidden="true"
data-hidden="true"
role="button"
class="fa fa-times dropdown-input-clear js-dropdown-input-clear"
></i>
</div>
<div class="dropdown-content"></div>
<div class="dropdown-footer">
<ul class="dropdown-footer-list">
<li>
<a href="#" class="dropdown-toggle-page">
Create project label
</a>
</li>
<li>
<a data-is-link="true" href="/test_group/test_project/-/labels"
>Manage project labels
</a>
</li>
</ul>
</div>
<div class="dropdown-loading">
<i aria-hidden="true" data-hidden="true" class="fa fa-spinner fa-spin"></i>
</div>
</div>
<div class="dropdown-page-two dropdown-new-label">
<div class="dropdown-title">
<button
aria-label="Go back"
type="button"
class="dropdown-title-button dropdown-menu-back"
>
<i aria-hidden="true" data-hidden="true" class="fa fa-arrow-left"></i></button
><span>Create project label</span
><button
aria-label="Close"
type="button"
class="dropdown-title-button dropdown-menu-close"
>
<i
aria-hidden="true"
data-hidden="true"
class="fa fa-times dropdown-menu-close-icon"
></i>
</button>
</div>
<div class="dropdown-content">
<div class="dropdown-labels-error js-label-error" style="display: none;"></div>
<input
id="new_label_name"
placeholder="Name new label"
type="text"
class="default-dropdown-input"
/>
<div class="suggest-colors suggest-colors-dropdown">
<div class="suggest-colors">
<a
data-color="#0033CC"
title="UA blue"
href="#"
class="has-tooltip"
style="background-color: rgb(0, 51, 204);"
></a
><a
data-color="#428BCA"
title="Moderate blue"
href="#"
class="has-tooltip"
style="background-color: rgb(66, 139, 202);"
></a
><a
data-color="#44AD8E"
title="Lime green"
href="#"
class="has-tooltip"
style="background-color: rgb(68, 173, 142);"
></a
><a
data-color="#A8D695"
title="Feijoa"
href="#"
class="has-tooltip"
style="background-color: rgb(168, 214, 149);"
></a
><a
data-color="#5CB85C"
title="Slightly desaturated green"
href="#"
class="has-tooltip"
style="background-color: rgb(92, 184, 92);"
></a
><a
data-color="#69D100"
title="Bright green"
href="#"
class="has-tooltip"
style="background-color: rgb(105, 209, 0);"
></a
><a
data-color="#004E00"
title="Very dark lime green"
href="#"
class="has-tooltip"
style="background-color: rgb(0, 78, 0);"
></a
><a
data-color="#34495E"
title="Very dark desaturated blue"
href="#"
class="has-tooltip"
style="background-color: rgb(52, 73, 94);"
></a
><a
data-color="#7F8C8D"
title="Dark grayish cyan"
href="#"
class="has-tooltip"
style="background-color: rgb(127, 140, 141);"
></a
><a
data-color="#A295D6"
title="Slightly desaturated blue"
href="#"
class="has-tooltip"
style="background-color: rgb(162, 149, 214);"
></a
><a
data-color="#5843AD"
title="Dark moderate blue"
href="#"
class="has-tooltip"
style="background-color: rgb(88, 67, 173);"
></a
><a
data-color="#8E44AD"
title="Dark moderate violet"
href="#"
class="has-tooltip"
style="background-color: rgb(142, 68, 173);"
></a
><a
data-color="#FFECDB"
title="Very pale orange"
href="#"
class="has-tooltip"
style="background-color: rgb(255, 236, 219);"
></a
><a
data-color="#AD4363"
title="Dark moderate pink"
href="#"
class="has-tooltip"
style="background-color: rgb(173, 67, 99);"
></a
><a
data-color="#D10069"
title="Strong pink"
href="#"
class="has-tooltip"
style="background-color: rgb(209, 0, 105);"
></a
><a
data-color="#CC0033"
title="Strong red"
href="#"
class="has-tooltip"
style="background-color: rgb(204, 0, 51);"
></a
><a
data-color="#FF0000"
title="Pure red"
href="#"
class="has-tooltip"
style="background-color: rgb(255, 0, 0);"
></a
><a
data-color="#D9534F"
title="Soft red"
href="#"
class="has-tooltip"
style="background-color: rgb(217, 83, 79);"
></a
><a
data-color="#D1D100"
title="Strong yellow"
href="#"
class="has-tooltip"
style="background-color: rgb(209, 209, 0);"
></a
><a
data-color="#F0AD4E"
title="Soft orange"
href="#"
class="has-tooltip"
style="background-color: rgb(240, 173, 78);"
></a
><a
data-color="#AD8D43"
title="Dark moderate orange"
href="#"
class="has-tooltip"
style="background-color: rgb(173, 141, 67);"
></a>
</div>
</div>
<div class="dropdown-label-color-input">
<div
class="dropdown-label-color-preview js-dropdown-label-color-preview"
></div>
<input
id="new_label_color"
placeholder="Assign custom color like #FF0000"
type="text"
class="default-dropdown-input"
/>
</div>
<div class="dropdown-label-input">
<label
><input name="add_list" type="checkbox" class="js-add-list" />
<span>Add list</span></label
>
</div>
<div class="clearfix">
<button
type="button"
class="btn btn-primary float-left js-new-label-btn disabled"
disabled=""
>
Create
</button>
<button type="button" class="btn btn-default float-right js-cancel-label-btn">
Cancel
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="block weight"
weight-options="None,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20"
>
<div
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon js-weight-collapsed-block"
data-original-title="Weight "
>
<svg aria-hidden="true" class="s16 ic-weight">
<use xlink:href="/assets/iconstest.svg#weight"></use>
</svg>
<span class="js-weight-collapsed-weight-label"></span>
</div>
<div class="title hide-collapsed">
Weight
<a data-qa-selector="edit_weight_link" href="#" class="float-right js-weight-edit-link"
>Edit</a
>
</div>
<div class="value hide-collapsed js-weight-weight-label">
<span
><strong
data-qa-selector="weight_label_value"
class="js-weight-weight-label-value"
></strong>
<span>
-
<a
data-qa-selector="remove_weight_link"
href="#"
class="btn-default-hover-link js-weight-remove-link"
>remove weight</a
></span
></span
>
</div>
</div>
<div class="block subscriptions">
<div>
<span
title=""
data-container="body"
data-placement="left"
data-boundary="viewport"
class="sidebar-collapsed-icon"
data-original-title="Notifications off"
><svg aria-hidden="true" class="sidebar-item-icon is-active s16 ic-notifications-off">
<use xlink:href="/assets/iconstest.svg#notifications-off"></use></svg
></span>
<span class="issuable-header-text hide-collapsed float-left"> Notifications </span>
<label class="toggle-wrapper float-right hide-collapsed js-issuable-subscribe-button">
<button
aria-label="Toggle Status: OFF"
type="button"
class="project-feature-toggle is-loading"
>
<div class="gl-spinner-container loading-icon">
<span
aria-label="Loading"
aria-hidden="true"
class="align-text-bottom gl-spinner gl-spinner-orange gl-spinner-sm"
></span>
</div>
<span class="toggle-icon"
><svg aria-hidden="true" class="toggle-icon-svg s16 ic-status_failed_borderless">
<use xlink:href="/assets/iconstest.svg#status_failed_borderless"></use></svg
></span></button
></label>
</div>
</div>
<div class="block list">
<button type="button" class="btn btn-default btn-block">
Remove from board
</button>
</div>
</div>
</div>
</aside>
</div>
scripts/pin_boards.sh deleted 100755 → 0
View file @ 466c66fc
#!/usr/bin/env bash
set -e
PIN_TYPE="${PIN_TYPE:-pin}"
SPEC_DIR="ee/spec/features/boards"
SPEC_FILE="${SPEC_DIR}/boards_pin_spec.rb"
PIN_DIR="${SPEC_DIR}/pins"
echo "Running pins (${PIN_TYPE})..."
bundle exec spring rspec "${SPEC_FILE}"
for f in ${PIN_DIR}/*.${PIN_TYPE}.html; do
echo "Cleaning pin ($f)..."
sed -E -i.bak 's/127.0.0.1:[0-9]+/127.0.0.1/g; s/<!---->//g; s#assets/icons-[0-9a-zA-Z]+\.svg#assets/iconstest.svg#g' "$f"
done
rm ${PIN_DIR}/*.bak
yarn run prettier --write "${PIN_DIR}/*.${PIN_TYPE}.html"
if [ "$PIN_TYPE" = "pin" ]; then
for f in ${PIN_DIR}/*.${PIN_TYPE}.html; do
oracle=$(echo $f | sed 's/pin.html$/oracle.html/')
diff -u $oracle $f
done
fi
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7