OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<nav aria-labelledby="heading-32f66f55-0f7f-46d0-8648-e03dc94c5620" data-view-component="true">
  <h2 id="heading-32f66f55-0f7f-46d0-8648-e03dc94c5620" data-view-component="true" class="ActionListHeader">Repository settings</h2>
  <nav-list>
    <ul data-target="nav-list.topLevelList" data-view-component="true" class="ActionListWrap">
      <li data-item-id="" data-targets="nav-list.items" data-view-component="true" class="ActionListItem">
        <a id="item-7e0b63d7-3b47-4188-8dfa-63e5c0812964" href="/general" data-view-component="true" class="ActionListContent ActionListContent--visual16">
          <span class="ActionListItem-visual ActionListItem-visual--leading">
            <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-gear">
              <path d="M8 0a8.2 8.2 0 0 1 .701.031C9.444.095 9.99.645 10.16 1.29l.288 1.107c.018.066.079.158.212.224.231.114.454.243.668.386.123.082.233.09.299.071l1.103-.303c.644-.176 1.392.021 1.82.63.27.385.506.792.704 1.218.315.675.111 1.422-.364 1.891l-.814.806c-.049.048-.098.147-.088.294.016.257.016.515 0 .772-.01.147.038.246.088.294l.814.806c.475.469.679 1.216.364 1.891a7.977 7.977 0 0 1-.704 1.217c-.428.61-1.176.807-1.82.63l-1.102-.302c-.067-.019-.177-.011-.3.071a5.909 5.909 0 0 1-.668.386c-.133.066-.194.158-.211.224l-.29 1.106c-.168.646-.715 1.196-1.458 1.26a8.006 8.006 0 0 1-1.402 0c-.743-.064-1.289-.614-1.458-1.26l-.289-1.106c-.018-.066-.079-.158-.212-.224a5.738 5.738 0 0 1-.668-.386c-.123-.082-.233-.09-.299-.071l-1.103.303c-.644.176-1.392-.021-1.82-.63a8.12 8.12 0 0 1-.704-1.218c-.315-.675-.111-1.422.363-1.891l.815-.806c.05-.048.098-.147.088-.294a6.214 6.214 0 0 1 0-.772c.01-.147-.038-.246-.088-.294l-.815-.806C.635 6.045.431 5.298.746 4.623a7.92 7.92 0 0 1 .704-1.217c.428-.61 1.176-.807 1.82-.63l1.102.302c.067.019.177.011.3-.071.214-.143.437-.272.668-.386.133-.066.194-.158.211-.224l.29-1.106C6.009.645 6.556.095 7.299.03 7.53.01 7.764 0 8 0Zm-.571 1.525c-.036.003-.108.036-.137.146l-.289 1.105c-.147.561-.549.967-.998 1.189-.173.086-.34.183-.5.29-.417.278-.97.423-1.529.27l-1.103-.303c-.109-.03-.175.016-.195.045-.22.312-.412.644-.573.99-.014.031-.021.11.059.19l.815.806c.411.406.562.957.53 1.456a4.709 4.709 0 0 0 0 .582c.032.499-.119 1.05-.53 1.456l-.815.806c-.081.08-.073.159-.059.19.162.346.353.677.573.989.02.03.085.076.195.046l1.102-.303c.56-.153 1.113-.008 1.53.27.161.107.328.204.501.29.447.222.85.629.997 1.189l.289 1.105c.029.109.101.143.137.146a6.6 6.6 0 0 0 1.142 0c.036-.003.108-.036.137-.146l.289-1.105c.147-.561.549-.967.998-1.189.173-.086.34-.183.5-.29.417-.278.97-.423 1.529-.27l1.103.303c.109.029.175-.016.195-.045.22-.313.411-.644.573-.99.014-.031.021-.11-.059-.19l-.815-.806c-.411-.406-.562-.957-.53-1.456a4.709 4.709 0 0 0 0-.582c-.032-.499.119-1.05.53-1.456l.815-.806c.081-.08.073-.159.059-.19a6.464 6.464 0 0 0-.573-.989c-.02-.03-.085-.076-.195-.046l-1.102.303c-.56.153-1.113.008-1.53-.27a4.44 4.44 0 0 0-.501-.29c-.447-.222-.85-.629-.997-1.189l-.289-1.105c-.029-.11-.101-.143-.137-.146a6.6 6.6 0 0 0-1.142 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9.5 8a1.5 1.5 0 1 0-3.001.001A1.5 1.5 0 0 0 9.5 8Z"></path>
            </svg>
          </span>
          <span data-view-component="true" class="ActionListItem-label">
            General
          </span>
        </a>
      </li>
      <li role="presentation" aria-hidden="true" data-view-component="true" class="ActionList-sectionDivider"></li>
      <li data-view-component="true">
        <nav-list-group>
          <action-list>
            <div data-view-component="true">
              <div data-view-component="true" class="ActionList-sectionDivider">
                <h3 id="heading-title-9fea5545-c6f8-418c-a104-519a8ad5928c" data-view-component="true" class="ActionList-sectionDivider-title">
                  Access
                </h3>
              </div>
              <ul id="group-627b5172-a2d0-4c1d-b135-9f4fb0f932b1" role="list" aria-labelledby="heading-title-9fea5545-c6f8-418c-a104-519a8ad5928c" data-view-component="true" class="ActionListWrap">
                <li data-item-id="collaborators" data-targets="nav-list.items" data-view-component="true" class="ActionListItem ActionListItem--navActive">
                  <a id="item-b2853d7b-3f71-4f45-908f-52c56b987a38" href="/collaborators" aria-current="page" data-view-component="true" class="ActionListContent ActionListContent--visual16">
                    <span class="ActionListItem-visual ActionListItem-visual--leading">
                      <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-people">
                        <path d="M2 5.5a3.5 3.5 0 1 1 5.898 2.549 5.508 5.508 0 0 1 3.034 4.084.75.75 0 1 1-1.482.235 4 4 0 0 0-7.9 0 .75.75 0 0 1-1.482-.236A5.507 5.507 0 0 1 3.102 8.05 3.493 3.493 0 0 1 2 5.5ZM11 4a3.001 3.001 0 0 1 2.22 5.018 5.01 5.01 0 0 1 2.56 3.012.749.749 0 0 1-.885.954.752.752 0 0 1-.549-.514 3.507 3.507 0 0 0-2.522-2.372.75.75 0 0 1-.574-.73v-.352a.75.75 0 0 1 .416-.672A1.5 1.5 0 0 0 11 5.5.75.75 0 0 1 11 4Zm-5.5-.5a2 2 0 1 0-.001 3.999A2 2 0 0 0 5.5 3.5Z"></path>
                      </svg>
                    </span>
                    <span data-view-component="true" class="ActionListItem-label">
                      Collaborators and teams
                    </span>
                  </a>
                </li>
                <li data-item-id="" data-targets="nav-list.items" data-view-component="true" class="ActionListItem ActionListItem--hasSubItem">
                  <button id="item-dcebaa13-5ec7-43ae-9204-70da04ece9a1" type="button" aria-expanded="false" data-action="
            click:nav-list#handleItemWithSubItemClick
            keydown:nav-list#handleItemWithSubItemKeydown
          " data-view-component="true" class="ActionListContent ActionListContent--visual16">
                    <span class="ActionListItem-visual ActionListItem-visual--leading">
                      <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-comment-discussion">
                        <path d="M1.75 1h8.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 10.25 10H7.061l-2.574 2.573A1.458 1.458 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5C0 1.784.784 1 1.75 1ZM1.5 2.75v5.5c0 .138.112.25.25.25h1a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13 2a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1 0-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 12H14v1.543a1.458 1.458 0 0 1-2.487 1.03L9.22 12.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.22 2.22v-2.19a.75.75 0 0 1 .75-.75h1a.25.25 0 0 0 .25-.25Z"></path>
                      </svg>
                    </span>
                    <span data-view-component="true" class="ActionListItem-label">
                      Moderation options
                    </span>
                    <span class="ActionListItem-visual ActionListItem-action--trailing">
                      <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-down ActionListItem-collapseIcon">
                        <path d="M12.78 5.22a.749.749 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.06 0L3.22 6.28a.749.749 0 1 1 1.06-1.06L8 8.939l3.72-3.719a.749.749 0 0 1 1.06 0Z"></path>
                      </svg>
                    </span>
                  </button>
                  <ul role="list" data-action="keydown:nav-list#handleItemWithSubItemKeydown" aria-labelledby="item-dcebaa13-5ec7-43ae-9204-70da04ece9a1" data-view-component="true" class="ActionList ActionList--subGroup">
                    <li data-item-id="interaction_limits" data-targets="nav-list.items" data-view-component="true" class="ActionListItem--subItem ActionListItem">
                      <a id="item-df5d33ca-0e81-42da-8c2b-c702ee8c9c72" href="/interaction-limits" data-view-component="true" class="ActionListContent">
                        <span data-view-component="true" class="ActionListItem-label">
                          Interaction limits
                        </span>
                      </a>
                    </li>
                    <li data-item-id="code_review_limits" data-targets="nav-list.items" data-view-component="true" class="ActionListItem--subItem ActionListItem">
                      <a id="item-b05a9a5b-8432-4b1c-bbd7-d07c550d275c" href="/review-limits" data-view-component="true" class="ActionListContent">
                        <span data-view-component="true" class="ActionListItem-label">
                          Code review limits
                        </span>
                      </a>
                    </li>
                    <li data-item-id="reported_content" data-targets="nav-list.items" data-view-component="true" class="ActionListItem--subItem ActionListItem">
                      <a id="item-39a8d19e-9931-4dca-b28c-0a047d05adae" href="/reported-content" data-view-component="true" class="ActionListContent">
                        <span data-view-component="true" class="ActionListItem-label">
                          Reported content
                        </span>
                      </a>
                    </li>
                  </ul>
                </li>
              </ul>
            </div>
          </action-list>
        </nav-list-group>
      </li>
    </ul>
  </nav-list>
</nav>

No notes provided.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
render(Primer::Beta::NavList.new(selected_item_id: :collaborators)) do |list|
  list.with_heading(title: "Repository settings")
  list.with_item(label: "General", href: "/general") do |item|
    item.with_leading_visual_icon(icon: :gear)
  end
  list.with_group do |group|
    group.with_heading(title: "Access")
    group.with_item(label: "Collaborators and teams", href: "/collaborators", selected_by_ids: :collaborators) do |item|
      item.with_leading_visual_icon(icon: :people)
    end
    group.with_item(label: "Moderation options") do |item|
      item.with_leading_visual_icon(icon: :"comment-discussion")
      item.with_item(label: "Interaction limits", href: "/interaction-limits", selected_by_ids: :interaction_limits)
      item.with_item(label: "Code review limits", href: "/review-limits", selected_by_ids: :code_review_limits)
      item.with_item(label: "Reported content", href: "/reported-content", selected_by_ids: :reported_content)
    end
  end
end

No params configured.