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
<div id="work-package-details-967" class="op-work-package-split-view">  
  <div data-view-component="true" class="height-full d-flex flex-column">
    <div data-view-component="true">
      <div data-application-target="dynamic" data-controller="work-packages--details--tabs" data-view-component="true" class="op-work-package-details-tab-component d-flex flex-row">
        <div data-view-component="true" class="op-work-package-details-tab-component--action"><a data-action="click->work-packages--details--tabs#scrollLeft" id="icon-button-800287c2-a21a-4a5e-9aeb-6789152e3ab2" aria-labelledby="tooltip-b7cd59e4-abcd-4d30-a2bb-f087f4c1bc85" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium hidden-for-tablet">  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-left Button-visual">
              <path d="M9.78 12.78a.75.75 0 0 1-1.06 0L4.47 8.53a.75.75 0 0 1 0-1.06l4.25-4.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L6.06 8l3.72 3.72a.75.75 0 0 1 0 1.06Z"></path>
            </svg>
          </a><tool-tip id="tooltip-b7cd59e4-abcd-4d30-a2bb-f087f4c1bc85" for="icon-button-800287c2-a21a-4a5e-9aeb-6789152e3ab2" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Scroll left</tool-tip>
        </div>
        <div data-view-component="true" class="op-work-package-details-tab-component--tabs flex-1"><nav data-work-packages--details--tabs-target="underlineNav" aria-label="Tabs" data-view-component="true" class="UnderlineNav">
            <ul data-view-component="true" class="UnderlineNav-body list-style-none">
              <li data-view-component="true" class="d-inline-flex">
                <a href="/?_display=%257B%257D&tab=overview" data-turbo="true" data-turbo-stream="true" data-turbo-action="replace" data-work-packages--details--tabs-target="activeElement" aria-current="page" data-view-component="true" class="UnderlineNav-item">
                  <span data-view-component="true">Overview</span>
                  <span id="wp-details-tab-overview-counter" title="0" hidden="hidden" data-view-component="true" class="Counter">0</span>
                </a></li>
              <li data-view-component="true" class="d-inline-flex">
                <a href="/?_display=%257B%257D&tab=activity" data-turbo="true" data-turbo-stream="true" data-turbo-action="replace" data-work-packages--details--tabs-target="" data-view-component="true" class="UnderlineNav-item">
                  <span data-view-component="true">Activity</span>
                  <span id="wp-details-tab-activity-counter" title="0" hidden="hidden" data-view-component="true" class="Counter">0</span>
                </a></li>
              <li data-view-component="true" class="d-inline-flex">
                <a href="/?_display=%257B%257D&tab=files" data-turbo="true" data-turbo-stream="true" data-turbo-action="replace" data-work-packages--details--tabs-target="" data-view-component="true" class="UnderlineNav-item">
                  <span data-view-component="true">Files</span>
                  <span id="wp-details-tab-files-counter" title="1" data-view-component="true" class="Counter">1</span>
                </a></li>
              <li data-view-component="true" class="d-inline-flex">
                <a href="/?_display=%257B%257D&tab=relations" data-turbo="true" data-turbo-stream="true" data-turbo-action="replace" data-work-packages--details--tabs-target="" data-view-component="true" class="UnderlineNav-item">
                  <span data-view-component="true">Relations</span>
                  <span id="wp-details-tab-relations-counter" title="2" data-view-component="true" class="Counter">2</span>
                </a></li>
              <li data-view-component="true" class="d-inline-flex">
                <a href="/?_display=%257B%257D&tab=watchers" data-turbo="true" data-turbo-stream="true" data-turbo-action="replace" data-work-packages--details--tabs-target="" data-view-component="true" class="UnderlineNav-item">
                  <span data-view-component="true">Watchers</span>
                  <span id="wp-details-tab-watchers-counter" title="1" data-view-component="true" class="Counter">1</span>
                </a></li>
              <li data-view-component="true" class="d-inline-flex">
                <a href="/?_display=%257B%257D&tab=meetings" data-turbo="true" data-turbo-stream="true" data-turbo-action="replace" data-work-packages--details--tabs-target="" data-view-component="true" class="UnderlineNav-item">
                  <span data-view-component="true">Meetings</span>
                  <span id="wp-details-tab-meetings-counter" title="0" hidden="hidden" data-view-component="true" class="Counter">0</span>
                </a></li>
            </ul>
          </nav></div>
        <div data-view-component="true" class="op-work-package-details-tab-component--action"><a data-action="click->work-packages--details--tabs#scrollRight" id="icon-button-9731f22a-db14-452b-8029-70115679f928" aria-labelledby="tooltip-69f6246f-685a-4a73-9a6e-3f325a0343ff" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium hidden-for-tablet">  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right Button-visual">
              <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path>
            </svg>
          </a><tool-tip id="tooltip-69f6246f-685a-4a73-9a6e-3f325a0343ff" for="icon-button-9731f22a-db14-452b-8029-70115679f928" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Scroll right</tool-tip>
        </div>
        <div data-view-component="true" class="op-work-package-details-tab-component--action"><a href="/work_packages/967/activity" target="_top" id="icon-button-a02b01f2-5c5d-4eab-a83a-c2304d43cb71" aria-labelledby="tooltip-bf704798-71c5-4bf0-9b0a-56a156487a70" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium hidden-for-small-laptops">  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-screen-full Button-visual">
              <path d="M1.75 10a.75.75 0 0 1 .75.75v2.5c0 .138.112.25.25.25h2.5a.75.75 0 0 1 0 1.5h-2.5A1.75 1.75 0 0 1 1 13.25v-2.5a.75.75 0 0 1 .75-.75Zm12.5 0a.75.75 0 0 1 .75.75v2.5A1.75 1.75 0 0 1 13.25 15h-2.5a.75.75 0 0 1 0-1.5h2.5a.25.25 0 0 0 .25-.25v-2.5a.75.75 0 0 1 .75-.75ZM2.75 2.5a.25.25 0 0 0-.25.25v2.5a.75.75 0 0 1-1.5 0v-2.5C1 1.784 1.784 1 2.75 1h2.5a.75.75 0 0 1 0 1.5ZM10 1.75a.75.75 0 0 1 .75-.75h2.5c.966 0 1.75.784 1.75 1.75v2.5a.75.75 0 0 1-1.5 0v-2.5a.25.25 0 0 0-.25-.25h-2.5a.75.75 0 0 1-.75-.75Z"></path>
            </svg>
          </a><tool-tip id="tooltip-bf704798-71c5-4bf0-9b0a-56a156487a70" for="icon-button-a02b01f2-5c5d-4eab-a83a-c2304d43cb71" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Show fullscreen view</tool-tip>
        </div>
        <div data-view-component="true" class="op-work-package-details-tab-component--action"><a href="/work_packages" data-turbo="true" data-target="_top" data-turbo-action="advance" id="icon-button-278cf0c6-0602-4c3b-88fb-7b5fb4ab04d8" aria-labelledby="tooltip-456d01b9-5f44-4076-a2a9-daa67b5a1cb2" data-view-component="true" class="Button Button--iconOnly Button--invisible Button--medium">  <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x Button-visual">
              <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path>
            </svg>
          </a><tool-tip id="tooltip-456d01b9-5f44-4076-a2a9-daa67b5a1cb2" for="icon-button-278cf0c6-0602-4c3b-88fb-7b5fb4ab04d8" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Close</tool-tip>
        </div>
      </div>
    </div>
    <div data-view-component="true" class="flex-1"><opce-wp-split-view data-work-package-id="967" data-resizer-class=""op-work-package-split-view"" data-active-tab=""overview"" class="op-angular-component"></opce-wp-split-view></div>
  </div>
</div>

No notes provided.

1
2
render(WorkPackages::SplitViewComponent.new(id: WorkPackage.visible.pick(:id), tab: "overview",
                                            base_route: work_packages_path))

No params configured.