Skip to content

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

Setup pinning tests for boards 

- Adds pinning script
- Adds pinning oracles

**How to create test oracle?**

```
PIN_TYPE=oracle scripts/pin_boards.sh
```

**How to run test?**

```
scripts/pin_boards.sh
```
parent c39941b0
Hide whitespace changes
Inline Side-by-side
Showing with 12125 additions and 0 deletions
ee/spec/features/boards/boards_pin_spec.rb 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100644
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 0 → 100755
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