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
<nav aria-label="Workflow results" data-view-component="true">
  <nav-list>
    <nav-list-group>
      <action-list>
        <div data-view-component="true">
          <div data-view-component="true" class="ActionList-sectionDivider">
            <h3 id="heading-title-bc356850-335f-482d-9e54-357fd861330e" data-view-component="true" class="ActionList-sectionDivider-title">
              Workflows
            </h3>
          </div>
          <ul id="group-ccdf33d4-7b63-4b4c-aefd-16382a871a67" role="list" aria-labelledby="heading-title-bc356850-335f-482d-9e54-357fd861330e" data-view-component="true" class="ActionListWrap">
            <li data-item-id="" data-targets="nav-list.items" data-view-component="true" class="ActionListItem ActionListItem--withActions">
              <a id="item-c91466d3-c497-499f-b9e7-9e2edba9bd5b" href="/workflows/1" data-view-component="true" class="ActionListContent">
                <span data-view-component="true" class="ActionListItem-label">
                  Build and Test
                </span>
              </a>
              <button name="build_and_test_button" id="icon-button-6a6299a9-d7cc-4543-8a1d-cd7a3bb2b5a4" aria-labelledby="tooltip-babbfa42-37d4-4794-b6d4-29315e9baed1" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium ActionListItem-trailingAction">  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-sync Button-visual">
                  <path d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"></path>
                </svg>
              </button><tool-tip id="tooltip-babbfa42-37d4-4794-b6d4-29315e9baed1" for="icon-button-6a6299a9-d7cc-4543-8a1d-cd7a3bb2b5a4" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Build and test: re-run workflow</tool-tip>
            </li>
            <li data-item-id="" data-targets="nav-list.items" data-view-component="true" class="ActionListItem ActionListItem--withActions">
              <a id="item-f44d43b7-20fe-4a35-9d64-a420c405c344" href="/workflows/2" data-view-component="true" class="ActionListContent">
                <span data-view-component="true" class="ActionListItem-label">
                  Publish
                </span>
              </a>
              <button name="publish_button" id="icon-button-2a49c988-a082-4e4c-9679-3a14cc9a24ea" aria-labelledby="tooltip-7d7d2174-f20c-4836-9322-50ad48a4a00a" type="button" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium ActionListItem-trailingAction">  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-sync Button-visual">
                  <path d="M1.705 8.005a.75.75 0 0 1 .834.656 5.5 5.5 0 0 0 9.592 2.97l-1.204-1.204a.25.25 0 0 1 .177-.427h3.646a.25.25 0 0 1 .25.25v3.646a.25.25 0 0 1-.427.177l-1.38-1.38A7.002 7.002 0 0 1 1.05 8.84a.75.75 0 0 1 .656-.834ZM8 2.5a5.487 5.487 0 0 0-4.131 1.869l1.204 1.204A.25.25 0 0 1 4.896 6H1.25A.25.25 0 0 1 1 5.75V2.104a.25.25 0 0 1 .427-.177l1.38 1.38A7.002 7.002 0 0 1 14.95 7.16a.75.75 0 0 1-1.49.178A5.5 5.5 0 0 0 8 2.5Z"></path>
                </svg>
              </button><tool-tip id="tooltip-7d7d2174-f20c-4836-9322-50ad48a4a00a" for="icon-button-2a49c988-a082-4e4c-9679-3a14cc9a24ea" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Publish: re-run workflow</tool-tip>
            </li>
          </ul>
        </div>
      </action-list>
    </nav-list-group>
  </nav-list>
</nav>
<script type="text/javascript" data-eval="true">
  const breadButton = document.querySelector("[name=build_and_test_button]")
  breadButton.addEventListener("click", () => alert("The 'Build and Test' workflow will be re-run."))
  const cheeseButton = document.querySelector("[name=publish_button]")
  cheeseButton.addEventListener("click", () => alert("The 'Publish' workflow will be re-run."))
</script>

No notes provided.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<%= render(Primer::Beta::NavList.new(aria: { label: "Workflow results" })) do |list| %>
  <% list.with_group do |group| %>
    <% group.with_heading(title: "Workflows") %>
    <% group.with_item(label: "Build and Test", href: "/workflows/1") do |item| %>
      <%= item.with_trailing_action(icon: :sync, aria: { label: "Build and test: re-run workflow" }, name: "build_and_test_button") %>
    <% end %>
    <% group.with_item(label: "Publish", href: "/workflows/2") do |item| %>
      <%= item.with_trailing_action(icon: :sync, aria: { label: "Publish: re-run workflow" }, name: "publish_button") %>
    <% end %>
  <% end %>
<% end %>
<script type="text/javascript" data-eval="true">
  const breadButton = document.querySelector("[name=build_and_test_button]")
  breadButton.addEventListener("click", () => alert("The 'Build and Test' workflow will be re-run."))
  const cheeseButton = document.querySelector("[name=publish_button]")
  cheeseButton.addEventListener("click", () => alert("The 'Publish' workflow will be re-run."))
</script>

No params configured.