@patternfly/patternfly 6.0.0-alpha.186 → 6.0.0-alpha.187
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Toolbar/toolbar.css +232 -531
- package/components/Toolbar/toolbar.scss +101 -89
- package/components/_index.css +224 -523
- package/docs/components/Card/examples/Card.md +8 -8
- package/docs/components/DataList/examples/DataList.md +17 -17
- package/docs/components/DualListSelector/examples/DualListSelector.md +16 -16
- package/docs/components/Hint/examples/Hint.md +3 -3
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +37 -37
- package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
- package/docs/components/Table/examples/Table.md +454 -454
- package/docs/components/Toolbar/examples/Toolbar.css +10 -4
- package/docs/components/Toolbar/examples/Toolbar.md +1050 -637
- package/docs/demos/AboutModal/examples/AboutModal.md +1 -0
- package/docs/demos/Alert/examples/Alert.md +3 -0
- package/docs/demos/BackToTop/examples/BackToTop.md +1 -0
- package/docs/demos/Banner/examples/Banner.md +2 -0
- package/docs/demos/CardView/examples/CardView.md +13 -12
- package/docs/demos/Dashboard/examples/Dashboard.md +2 -1
- package/docs/demos/DataList/examples/DataList.md +31 -27
- package/docs/demos/DescriptionList/examples/DescriptionList.md +4 -1
- package/docs/demos/Drawer/examples/Drawer.md +6 -1
- package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -0
- package/docs/demos/Masthead/examples/Masthead.md +19 -9
- package/docs/demos/Modal/examples/Modal.md +6 -0
- package/docs/demos/Nav/examples/Nav.md +8 -0
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +71 -61
- package/docs/demos/Page/examples/Page.md +11 -0
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +27 -19
- package/docs/demos/Skeleton/examples/Skeleton.md +1 -0
- package/docs/demos/Table/examples/Table.md +161 -146
- package/docs/demos/Tabs/examples/Tabs.md +32 -26
- package/docs/demos/Toolbar/examples/Toolbar.css +9 -1
- package/docs/demos/Toolbar/examples/Toolbar.md +1592 -1295
- package/docs/demos/Wizard/examples/Wizard.md +9 -0
- package/package.json +1 -1
- package/patternfly-no-globals.css +224 -523
- package/patternfly.css +224 -523
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/docs/demos/Page/examples/Penta.md +0 -903
|
@@ -14,8 +14,8 @@ section: components
|
|
|
14
14
|
>
|
|
15
15
|
<div class="pf-v6-c-toolbar__content">
|
|
16
16
|
<div class="pf-v6-c-toolbar__content-section">
|
|
17
|
-
<div class="pf-v6-c-toolbar__group pf-m-
|
|
18
|
-
<div class="pf-v6-c-toolbar__toggle
|
|
17
|
+
<div class="pf-v6-c-toolbar__group pf-m-show pf-m-toggle-group">
|
|
18
|
+
<div class="pf-v6-c-toolbar__toggle">
|
|
19
19
|
<button
|
|
20
20
|
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
21
21
|
type="button"
|
|
@@ -28,7 +28,7 @@ section: components
|
|
|
28
28
|
</span>
|
|
29
29
|
</button>
|
|
30
30
|
</div>
|
|
31
|
-
<div class="pf-v6-c-toolbar__item
|
|
31
|
+
<div class="pf-v6-c-toolbar__item">
|
|
32
32
|
<div
|
|
33
33
|
class="pf-v6-c-input-group"
|
|
34
34
|
aria-label="search filter"
|
|
@@ -41,9 +41,6 @@ section: components
|
|
|
41
41
|
aria-expanded="false"
|
|
42
42
|
id="toolbar-attribute-value-search-filter-desktop-example-search-filter-menu"
|
|
43
43
|
>
|
|
44
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
45
|
-
<i class="fas fa-filter" aria-hidden="true"></i>
|
|
46
|
-
</span>
|
|
47
44
|
<span class="pf-v6-c-menu-toggle__text">Name</span>
|
|
48
45
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
49
46
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
@@ -62,7 +59,7 @@ section: components
|
|
|
62
59
|
<input
|
|
63
60
|
class="pf-v6-c-text-input-group__text-input"
|
|
64
61
|
type="text"
|
|
65
|
-
placeholder="
|
|
62
|
+
placeholder="Find by name"
|
|
66
63
|
value
|
|
67
64
|
aria-label="Search input"
|
|
68
65
|
/>
|
|
@@ -73,10 +70,11 @@ section: components
|
|
|
73
70
|
</div>
|
|
74
71
|
</div>
|
|
75
72
|
</div>
|
|
76
|
-
|
|
73
|
+
|
|
74
|
+
<div class="pf-v6-c-toolbar__item">
|
|
77
75
|
<div
|
|
78
76
|
class="pf-v6-c-overflow-menu"
|
|
79
|
-
id="toolbar-attribute-value-search-filter-desktop-example
|
|
77
|
+
id="toolbar-attribute-value-search-filter-desktop-example--overflow-menu"
|
|
80
78
|
>
|
|
81
79
|
<div class="pf-v6-c-overflow-menu__content">
|
|
82
80
|
<div class="pf-v6-c-overflow-menu__group pf-m-button-group">
|
|
@@ -92,14 +90,13 @@ section: components
|
|
|
92
90
|
</div>
|
|
93
91
|
</div>
|
|
94
92
|
</div>
|
|
95
|
-
|
|
96
93
|
<div class="pf-v6-c-overflow-menu__control">
|
|
97
94
|
<button
|
|
98
95
|
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
99
96
|
type="button"
|
|
100
97
|
aria-expanded="false"
|
|
101
98
|
aria-label="Menu toggle"
|
|
102
|
-
id="toolbar-attribute-value-search-filter-desktop-example-overflow-
|
|
99
|
+
id="toolbar-attribute-value-search-filter-desktop-example-overflow-toggle"
|
|
103
100
|
>
|
|
104
101
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
105
102
|
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
@@ -163,6 +160,7 @@ section: components
|
|
|
163
160
|
</div>
|
|
164
161
|
</div>
|
|
165
162
|
</div>
|
|
163
|
+
|
|
166
164
|
<div
|
|
167
165
|
class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
|
|
168
166
|
id="toolbar-attribute-value-search-filter-desktop-example-expandable-content"
|
|
@@ -324,6 +322,7 @@ section: components
|
|
|
324
322
|
</button>
|
|
325
323
|
</div>
|
|
326
324
|
</div>
|
|
325
|
+
|
|
327
326
|
<div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
|
|
328
327
|
<button
|
|
329
328
|
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
@@ -439,9 +438,9 @@ section: components
|
|
|
439
438
|
<div class="pf-v6-c-toolbar__content">
|
|
440
439
|
<div class="pf-v6-c-toolbar__content-section">
|
|
441
440
|
<div
|
|
442
|
-
class="pf-v6-c-toolbar__group pf-m-
|
|
441
|
+
class="pf-v6-c-toolbar__group pf-m-show-on-lg pf-m-toggle-group"
|
|
443
442
|
>
|
|
444
|
-
<div class="pf-v6-c-toolbar__toggle
|
|
443
|
+
<div class="pf-v6-c-toolbar__toggle">
|
|
445
444
|
<button
|
|
446
445
|
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
447
446
|
type="button"
|
|
@@ -454,7 +453,10 @@ section: components
|
|
|
454
453
|
</span>
|
|
455
454
|
</button>
|
|
456
455
|
</div>
|
|
457
|
-
|
|
456
|
+
|
|
457
|
+
<div
|
|
458
|
+
class="pf-v6-c-toolbar__group pf-m-filter-group pf-m-toggle-group"
|
|
459
|
+
>
|
|
458
460
|
<div class="pf-v6-c-toolbar__item">
|
|
459
461
|
<div
|
|
460
462
|
class="pf-v6-c-input-group"
|
|
@@ -468,9 +470,6 @@ section: components
|
|
|
468
470
|
aria-expanded="false"
|
|
469
471
|
id="toolbar-with-validation-example-month"
|
|
470
472
|
>
|
|
471
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
472
|
-
<i class="fas fa-filter" aria-hidden="true"></i>
|
|
473
|
-
</span>
|
|
474
473
|
<span class="pf-v6-c-menu-toggle__text">Last month</span>
|
|
475
474
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
476
475
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
@@ -578,7 +577,8 @@ section: components
|
|
|
578
577
|
</div>
|
|
579
578
|
</div>
|
|
580
579
|
</div>
|
|
581
|
-
|
|
580
|
+
|
|
581
|
+
<div class="pf-v6-c-toolbar__item">
|
|
582
582
|
<div
|
|
583
583
|
class="pf-v6-c-input-group"
|
|
584
584
|
aria-label="search filter"
|
|
@@ -591,10 +591,7 @@ section: components
|
|
|
591
591
|
aria-expanded="false"
|
|
592
592
|
id="toolbar-with-validation-example-search-filter-menu"
|
|
593
593
|
>
|
|
594
|
-
<span class="pf-v6-c-menu-
|
|
595
|
-
<i class="fas fa-filter" aria-hidden="true"></i>
|
|
596
|
-
</span>
|
|
597
|
-
<span class="pf-v6-c-menu-toggle__text">Description</span>
|
|
594
|
+
<span class="pf-v6-c-menu-toggle__text">Name</span>
|
|
598
595
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
599
596
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
600
597
|
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
@@ -612,7 +609,7 @@ section: components
|
|
|
612
609
|
<input
|
|
613
610
|
class="pf-v6-c-text-input-group__text-input"
|
|
614
611
|
type="text"
|
|
615
|
-
placeholder="
|
|
612
|
+
placeholder="Find by name"
|
|
616
613
|
value
|
|
617
614
|
aria-label="Search input"
|
|
618
615
|
/>
|
|
@@ -623,10 +620,12 @@ section: components
|
|
|
623
620
|
</div>
|
|
624
621
|
</div>
|
|
625
622
|
</div>
|
|
623
|
+
|
|
626
624
|
<button class="pf-v6-c-button pf-m-primary" type="button">
|
|
627
625
|
<span class="pf-v6-c-button__text">Download</span>
|
|
628
626
|
</button>
|
|
629
627
|
</div>
|
|
628
|
+
|
|
630
629
|
<div
|
|
631
630
|
class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
|
|
632
631
|
id="toolbar-with-validation-example-expandable-content"
|
|
@@ -634,474 +633,424 @@ section: components
|
|
|
634
633
|
></div>
|
|
635
634
|
</div>
|
|
636
635
|
</div>
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
</
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
id="-table-tablecheckrow2check"
|
|
693
|
-
for="-table-tablecheckrow2check-input"
|
|
694
|
-
>
|
|
695
|
-
<input
|
|
696
|
-
class="pf-v6-c-check__input"
|
|
697
|
-
type="checkbox"
|
|
698
|
-
id="-table-tablecheckrow2check-input"
|
|
699
|
-
name="-table-tablecheckrow2check-input"
|
|
700
|
-
aria-label="Standalone check"
|
|
701
|
-
/>
|
|
702
|
-
</label>
|
|
703
|
-
</td>
|
|
704
|
-
|
|
705
|
-
<th
|
|
706
|
-
class="pf-v6-c-table__th"
|
|
707
|
-
role="columnheader"
|
|
708
|
-
data-label="Repository name"
|
|
636
|
+
</div>
|
|
637
|
+
<div class="pf-v6-c-page__main-body">
|
|
638
|
+
<table
|
|
639
|
+
class="pf-v6-c-table pf-m-grid-md"
|
|
640
|
+
role="grid"
|
|
641
|
+
aria-label="This is a table with checkboxes"
|
|
642
|
+
id="-table-table"
|
|
643
|
+
>
|
|
644
|
+
<thead class="pf-v6-c-table__thead">
|
|
645
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
646
|
+
<td class="pf-v6-c-table__td"></td>
|
|
647
|
+
|
|
648
|
+
<th
|
|
649
|
+
class="pf-v6-c-table__th"
|
|
650
|
+
role="columnheader"
|
|
651
|
+
scope="col"
|
|
652
|
+
>Repositories</th>
|
|
653
|
+
|
|
654
|
+
<th
|
|
655
|
+
class="pf-v6-c-table__th"
|
|
656
|
+
role="columnheader"
|
|
657
|
+
scope="col"
|
|
658
|
+
>Branches</th>
|
|
659
|
+
|
|
660
|
+
<th
|
|
661
|
+
class="pf-v6-c-table__th"
|
|
662
|
+
role="columnheader"
|
|
663
|
+
scope="col"
|
|
664
|
+
>Pull requests</th>
|
|
665
|
+
|
|
666
|
+
<th
|
|
667
|
+
class="pf-v6-c-table__th"
|
|
668
|
+
role="columnheader"
|
|
669
|
+
scope="col"
|
|
670
|
+
>Workspaces</th>
|
|
671
|
+
|
|
672
|
+
<th
|
|
673
|
+
class="pf-v6-c-table__th"
|
|
674
|
+
role="columnheader"
|
|
675
|
+
scope="col"
|
|
676
|
+
>Last commit</th>
|
|
677
|
+
|
|
678
|
+
<td class="pf-v6-c-table__td"></td>
|
|
679
|
+
|
|
680
|
+
<td class="pf-v6-c-table__td"></td>
|
|
681
|
+
</tr>
|
|
682
|
+
</thead>
|
|
683
|
+
|
|
684
|
+
<tbody class="pf-v6-c-table__tbody" role="rowgroup">
|
|
685
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
686
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
|
|
687
|
+
<label
|
|
688
|
+
class="pf-v6-c-check pf-m-standalone"
|
|
689
|
+
id="-table-table-checkrow-2-check"
|
|
690
|
+
for="-table-table-checkrow-2-check-input"
|
|
709
691
|
>
|
|
710
|
-
<
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
692
|
+
<input
|
|
693
|
+
class="pf-v6-c-check__input"
|
|
694
|
+
type="checkbox"
|
|
695
|
+
id="-table-table-checkrow-2-check-input"
|
|
696
|
+
name="-table-table-checkrow-2-check-input"
|
|
697
|
+
aria-label="Standalone check"
|
|
698
|
+
/>
|
|
699
|
+
</label>
|
|
700
|
+
</td>
|
|
715
701
|
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
</
|
|
724
|
-
</
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
702
|
+
<th
|
|
703
|
+
class="pf-v6-c-table__th"
|
|
704
|
+
role="columnheader"
|
|
705
|
+
data-label="Repository name"
|
|
706
|
+
>
|
|
707
|
+
<div>
|
|
708
|
+
<div id="-table-table-node1">Node 1</div>
|
|
709
|
+
<a href="#">siemur/test-space</a>
|
|
710
|
+
</div>
|
|
711
|
+
</th>
|
|
712
|
+
|
|
713
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">
|
|
714
|
+
<span>
|
|
715
|
+
<i class="fas fa-code-branch"></i> 10
|
|
716
|
+
</span>
|
|
717
|
+
</td>
|
|
718
|
+
<td
|
|
719
|
+
class="pf-v6-c-table__td"
|
|
720
|
+
role="cell"
|
|
721
|
+
data-label="Pull requests"
|
|
722
|
+
>
|
|
723
|
+
<span>
|
|
724
|
+
<i class="fas fa-code"></i> 25
|
|
725
|
+
</span>
|
|
726
|
+
</td>
|
|
727
|
+
<td
|
|
728
|
+
class="pf-v6-c-table__td"
|
|
729
|
+
role="cell"
|
|
730
|
+
data-label="Workspaces"
|
|
731
|
+
>
|
|
732
|
+
<span>
|
|
733
|
+
<i class="fas fa-cube"></i> 5
|
|
734
|
+
</span>
|
|
735
|
+
</td>
|
|
736
|
+
<td
|
|
737
|
+
class="pf-v6-c-table__td"
|
|
738
|
+
role="cell"
|
|
739
|
+
data-label="Last commit"
|
|
740
|
+
>2 days ago</td>
|
|
741
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
742
|
+
<a href="#">Action link</a>
|
|
743
|
+
</td>
|
|
744
|
+
|
|
745
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
|
|
746
|
+
<button
|
|
747
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
748
|
+
type="button"
|
|
749
|
+
aria-expanded="false"
|
|
750
|
+
aria-label="Menu toggle"
|
|
738
751
|
>
|
|
739
|
-
<span>
|
|
740
|
-
<i class="fas fa-
|
|
752
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
753
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
741
754
|
</span>
|
|
742
|
-
</
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
role="cell"
|
|
746
|
-
data-label="Last commit"
|
|
747
|
-
>2 days ago</td>
|
|
748
|
-
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
749
|
-
<a href="#">Action link</a>
|
|
750
|
-
</td>
|
|
751
|
-
|
|
752
|
-
<td
|
|
753
|
-
class="pf-v6-c-table__td pf-v6-c-table__action"
|
|
754
|
-
role="cell"
|
|
755
|
-
>
|
|
756
|
-
<button
|
|
757
|
-
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
758
|
-
type="button"
|
|
759
|
-
aria-expanded="false"
|
|
760
|
-
aria-label="Menu toggle"
|
|
761
|
-
>
|
|
762
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
763
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
764
|
-
</span>
|
|
765
|
-
</button>
|
|
766
|
-
</td>
|
|
767
|
-
</tr>
|
|
755
|
+
</button>
|
|
756
|
+
</td>
|
|
757
|
+
</tr>
|
|
768
758
|
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
759
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
760
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
|
|
761
|
+
<label
|
|
762
|
+
class="pf-v6-c-check pf-m-standalone"
|
|
763
|
+
id="-table-table-checkrow-3-check"
|
|
764
|
+
for="-table-table-checkrow-3-check-input"
|
|
773
765
|
>
|
|
774
|
-
<
|
|
775
|
-
class="pf-v6-c-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
name="-table-tablecheckrow3check-input"
|
|
784
|
-
aria-label="Standalone check"
|
|
785
|
-
/>
|
|
786
|
-
</label>
|
|
787
|
-
</td>
|
|
788
|
-
|
|
789
|
-
<th
|
|
790
|
-
class="pf-v6-c-table__th"
|
|
791
|
-
role="columnheader"
|
|
792
|
-
data-label="Repository name"
|
|
793
|
-
>
|
|
794
|
-
<div>
|
|
795
|
-
<div id="-table-table-node2">Node 2</div>
|
|
796
|
-
<a href="#">siemur/test-space</a>
|
|
797
|
-
</div>
|
|
798
|
-
</th>
|
|
766
|
+
<input
|
|
767
|
+
class="pf-v6-c-check__input"
|
|
768
|
+
type="checkbox"
|
|
769
|
+
id="-table-table-checkrow-3-check-input"
|
|
770
|
+
name="-table-table-checkrow-3-check-input"
|
|
771
|
+
aria-label="Standalone check"
|
|
772
|
+
/>
|
|
773
|
+
</label>
|
|
774
|
+
</td>
|
|
799
775
|
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
</
|
|
808
|
-
</
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
776
|
+
<th
|
|
777
|
+
class="pf-v6-c-table__th"
|
|
778
|
+
role="columnheader"
|
|
779
|
+
data-label="Repository name"
|
|
780
|
+
>
|
|
781
|
+
<div>
|
|
782
|
+
<div id="-table-table-node2">Node 2</div>
|
|
783
|
+
<a href="#">siemur/test-space</a>
|
|
784
|
+
</div>
|
|
785
|
+
</th>
|
|
786
|
+
|
|
787
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">
|
|
788
|
+
<span>
|
|
789
|
+
<i class="fas fa-code-branch"></i> 8
|
|
790
|
+
</span>
|
|
791
|
+
</td>
|
|
792
|
+
<td
|
|
793
|
+
class="pf-v6-c-table__td"
|
|
794
|
+
role="cell"
|
|
795
|
+
data-label="Pull requests"
|
|
796
|
+
>
|
|
797
|
+
<span>
|
|
798
|
+
<i class="fas fa-code"></i> 30
|
|
799
|
+
</span>
|
|
800
|
+
</td>
|
|
801
|
+
<td
|
|
802
|
+
class="pf-v6-c-table__td"
|
|
803
|
+
role="cell"
|
|
804
|
+
data-label="Workspaces"
|
|
805
|
+
>
|
|
806
|
+
<span>
|
|
807
|
+
<i class="fas fa-cube"></i> 2
|
|
808
|
+
</span>
|
|
809
|
+
</td>
|
|
810
|
+
<td
|
|
811
|
+
class="pf-v6-c-table__td"
|
|
812
|
+
role="cell"
|
|
813
|
+
data-label="Last commit"
|
|
814
|
+
>2 days ago</td>
|
|
815
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
816
|
+
<a href="#">Action link</a>
|
|
817
|
+
</td>
|
|
818
|
+
|
|
819
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
|
|
820
|
+
<button
|
|
821
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
822
|
+
type="button"
|
|
823
|
+
aria-expanded="false"
|
|
824
|
+
aria-label="Menu toggle"
|
|
822
825
|
>
|
|
823
|
-
<span>
|
|
824
|
-
<i class="fas fa-
|
|
826
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
827
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
825
828
|
</span>
|
|
826
|
-
</
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
role="cell"
|
|
830
|
-
data-label="Last commit"
|
|
831
|
-
>2 days ago</td>
|
|
832
|
-
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
833
|
-
<a href="#">Action link</a>
|
|
834
|
-
</td>
|
|
835
|
-
|
|
836
|
-
<td
|
|
837
|
-
class="pf-v6-c-table__td pf-v6-c-table__action"
|
|
838
|
-
role="cell"
|
|
839
|
-
>
|
|
840
|
-
<button
|
|
841
|
-
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
842
|
-
type="button"
|
|
843
|
-
aria-expanded="false"
|
|
844
|
-
aria-label="Menu toggle"
|
|
845
|
-
>
|
|
846
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
847
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
848
|
-
</span>
|
|
849
|
-
</button>
|
|
850
|
-
</td>
|
|
851
|
-
</tr>
|
|
829
|
+
</button>
|
|
830
|
+
</td>
|
|
831
|
+
</tr>
|
|
852
832
|
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
833
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
834
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
|
|
835
|
+
<label
|
|
836
|
+
class="pf-v6-c-check pf-m-standalone"
|
|
837
|
+
id="-table-table-checkrow-4-check"
|
|
838
|
+
for="-table-table-checkrow-4-check-input"
|
|
857
839
|
>
|
|
858
|
-
<
|
|
859
|
-
class="pf-v6-c-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
name="-table-tablecheckrow4check-input"
|
|
868
|
-
aria-label="Standalone check"
|
|
869
|
-
/>
|
|
870
|
-
</label>
|
|
871
|
-
</td>
|
|
872
|
-
|
|
873
|
-
<th
|
|
874
|
-
class="pf-v6-c-table__th"
|
|
875
|
-
role="columnheader"
|
|
876
|
-
data-label="Repository name"
|
|
877
|
-
>
|
|
878
|
-
<div>
|
|
879
|
-
<div id="-table-table-node3">Node 3</div>
|
|
880
|
-
<a href="#">siemur/test-space</a>
|
|
881
|
-
</div>
|
|
882
|
-
</th>
|
|
840
|
+
<input
|
|
841
|
+
class="pf-v6-c-check__input"
|
|
842
|
+
type="checkbox"
|
|
843
|
+
id="-table-table-checkrow-4-check-input"
|
|
844
|
+
name="-table-table-checkrow-4-check-input"
|
|
845
|
+
aria-label="Standalone check"
|
|
846
|
+
/>
|
|
847
|
+
</label>
|
|
848
|
+
</td>
|
|
883
849
|
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
</
|
|
892
|
-
</
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
850
|
+
<th
|
|
851
|
+
class="pf-v6-c-table__th"
|
|
852
|
+
role="columnheader"
|
|
853
|
+
data-label="Repository name"
|
|
854
|
+
>
|
|
855
|
+
<div>
|
|
856
|
+
<div id="-table-table-node3">Node 3</div>
|
|
857
|
+
<a href="#">siemur/test-space</a>
|
|
858
|
+
</div>
|
|
859
|
+
</th>
|
|
860
|
+
|
|
861
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">
|
|
862
|
+
<span>
|
|
863
|
+
<i class="fas fa-code-branch"></i> 12
|
|
864
|
+
</span>
|
|
865
|
+
</td>
|
|
866
|
+
<td
|
|
867
|
+
class="pf-v6-c-table__td"
|
|
868
|
+
role="cell"
|
|
869
|
+
data-label="Pull requests"
|
|
870
|
+
>
|
|
871
|
+
<span>
|
|
872
|
+
<i class="fas fa-code"></i> 48
|
|
873
|
+
</span>
|
|
874
|
+
</td>
|
|
875
|
+
<td
|
|
876
|
+
class="pf-v6-c-table__td"
|
|
877
|
+
role="cell"
|
|
878
|
+
data-label="Workspaces"
|
|
879
|
+
>
|
|
880
|
+
<span>
|
|
881
|
+
<i class="fas fa-cube"></i> 13
|
|
882
|
+
</span>
|
|
883
|
+
</td>
|
|
884
|
+
<td
|
|
885
|
+
class="pf-v6-c-table__td"
|
|
886
|
+
role="cell"
|
|
887
|
+
data-label="Last commit"
|
|
888
|
+
>30 days ago</td>
|
|
889
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
890
|
+
<a href="#">Action link</a>
|
|
891
|
+
</td>
|
|
892
|
+
|
|
893
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
|
|
894
|
+
<button
|
|
895
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
896
|
+
type="button"
|
|
897
|
+
aria-expanded="false"
|
|
898
|
+
aria-label="Menu toggle"
|
|
906
899
|
>
|
|
907
|
-
<span>
|
|
908
|
-
<i class="fas fa-
|
|
900
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
901
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
909
902
|
</span>
|
|
910
|
-
</
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
role="cell"
|
|
914
|
-
data-label="Last commit"
|
|
915
|
-
>30 days ago</td>
|
|
916
|
-
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
917
|
-
<a href="#">Action link</a>
|
|
918
|
-
</td>
|
|
919
|
-
|
|
920
|
-
<td
|
|
921
|
-
class="pf-v6-c-table__td pf-v6-c-table__action"
|
|
922
|
-
role="cell"
|
|
923
|
-
>
|
|
924
|
-
<button
|
|
925
|
-
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
926
|
-
type="button"
|
|
927
|
-
aria-expanded="false"
|
|
928
|
-
aria-label="Menu toggle"
|
|
929
|
-
>
|
|
930
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
931
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
932
|
-
</span>
|
|
933
|
-
</button>
|
|
934
|
-
</td>
|
|
935
|
-
</tr>
|
|
903
|
+
</button>
|
|
904
|
+
</td>
|
|
905
|
+
</tr>
|
|
936
906
|
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
907
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
908
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
|
|
909
|
+
<label
|
|
910
|
+
class="pf-v6-c-check pf-m-standalone"
|
|
911
|
+
id="-table-table-checkrow-5-check"
|
|
912
|
+
for="-table-table-checkrow-5-check-input"
|
|
941
913
|
>
|
|
942
|
-
<
|
|
943
|
-
class="pf-v6-c-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
name="-table-tablecheckrow5check-input"
|
|
952
|
-
aria-label="Standalone check"
|
|
953
|
-
/>
|
|
954
|
-
</label>
|
|
955
|
-
</td>
|
|
956
|
-
|
|
957
|
-
<th
|
|
958
|
-
class="pf-v6-c-table__th"
|
|
959
|
-
role="columnheader"
|
|
960
|
-
data-label="Repository name"
|
|
961
|
-
>
|
|
962
|
-
<div>
|
|
963
|
-
<div id="-table-table-node4">Node 4</div>
|
|
964
|
-
<a href="#">siemur/test-space</a>
|
|
965
|
-
</div>
|
|
966
|
-
</th>
|
|
914
|
+
<input
|
|
915
|
+
class="pf-v6-c-check__input"
|
|
916
|
+
type="checkbox"
|
|
917
|
+
id="-table-table-checkrow-5-check-input"
|
|
918
|
+
name="-table-table-checkrow-5-check-input"
|
|
919
|
+
aria-label="Standalone check"
|
|
920
|
+
/>
|
|
921
|
+
</label>
|
|
922
|
+
</td>
|
|
967
923
|
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
</
|
|
976
|
-
</
|
|
977
|
-
|
|
978
|
-
class="pf-v6-c-table__td"
|
|
979
|
-
role="cell"
|
|
980
|
-
data-label="Pull requests"
|
|
981
|
-
>
|
|
982
|
-
<span>
|
|
983
|
-
<i class="fas fa-code"></i> 8
|
|
984
|
-
</span>
|
|
985
|
-
</td>
|
|
986
|
-
<td
|
|
987
|
-
class="pf-v6-c-table__td"
|
|
988
|
-
role="cell"
|
|
989
|
-
data-label="Workspaces"
|
|
990
|
-
>
|
|
991
|
-
<span>
|
|
992
|
-
<i class="fas fa-cube"></i> 20
|
|
993
|
-
</span>
|
|
994
|
-
</td>
|
|
995
|
-
<td
|
|
996
|
-
class="pf-v6-c-table__td"
|
|
997
|
-
role="cell"
|
|
998
|
-
data-label="Last commit"
|
|
999
|
-
>8 days ago</td>
|
|
1000
|
-
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
1001
|
-
<a href="#">Action link</a>
|
|
1002
|
-
</td>
|
|
1003
|
-
|
|
1004
|
-
<td
|
|
1005
|
-
class="pf-v6-c-table__td pf-v6-c-table__action"
|
|
1006
|
-
role="cell"
|
|
1007
|
-
>
|
|
1008
|
-
<button
|
|
1009
|
-
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
1010
|
-
type="button"
|
|
1011
|
-
aria-expanded="false"
|
|
1012
|
-
aria-label="Menu toggle"
|
|
1013
|
-
>
|
|
1014
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
1015
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
1016
|
-
</span>
|
|
1017
|
-
</button>
|
|
1018
|
-
</td>
|
|
1019
|
-
</tr>
|
|
924
|
+
<th
|
|
925
|
+
class="pf-v6-c-table__th"
|
|
926
|
+
role="columnheader"
|
|
927
|
+
data-label="Repository name"
|
|
928
|
+
>
|
|
929
|
+
<div>
|
|
930
|
+
<div id="-table-table-node4">Node 4</div>
|
|
931
|
+
<a href="#">siemur/test-space</a>
|
|
932
|
+
</div>
|
|
933
|
+
</th>
|
|
1020
934
|
|
|
1021
|
-
<
|
|
1022
|
-
<
|
|
1023
|
-
class="
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
<
|
|
1041
|
-
class="
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
<
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
935
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">
|
|
936
|
+
<span>
|
|
937
|
+
<i class="fas fa-code-branch"></i> 3
|
|
938
|
+
</span>
|
|
939
|
+
</td>
|
|
940
|
+
<td
|
|
941
|
+
class="pf-v6-c-table__td"
|
|
942
|
+
role="cell"
|
|
943
|
+
data-label="Pull requests"
|
|
944
|
+
>
|
|
945
|
+
<span>
|
|
946
|
+
<i class="fas fa-code"></i> 8
|
|
947
|
+
</span>
|
|
948
|
+
</td>
|
|
949
|
+
<td
|
|
950
|
+
class="pf-v6-c-table__td"
|
|
951
|
+
role="cell"
|
|
952
|
+
data-label="Workspaces"
|
|
953
|
+
>
|
|
954
|
+
<span>
|
|
955
|
+
<i class="fas fa-cube"></i> 20
|
|
956
|
+
</span>
|
|
957
|
+
</td>
|
|
958
|
+
<td
|
|
959
|
+
class="pf-v6-c-table__td"
|
|
960
|
+
role="cell"
|
|
961
|
+
data-label="Last commit"
|
|
962
|
+
>8 days ago</td>
|
|
963
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
964
|
+
<a href="#">Action link</a>
|
|
965
|
+
</td>
|
|
966
|
+
|
|
967
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
|
|
968
|
+
<button
|
|
969
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
970
|
+
type="button"
|
|
971
|
+
aria-expanded="false"
|
|
972
|
+
aria-label="Menu toggle"
|
|
1054
973
|
>
|
|
1055
|
-
<span>
|
|
1056
|
-
<i class="fas fa-
|
|
974
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
975
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
1057
976
|
</span>
|
|
1058
|
-
</
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
977
|
+
</button>
|
|
978
|
+
</td>
|
|
979
|
+
</tr>
|
|
980
|
+
|
|
981
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
982
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
|
|
983
|
+
<label
|
|
984
|
+
class="pf-v6-c-check pf-m-standalone"
|
|
985
|
+
id="-table-table-checkrow-6-check"
|
|
986
|
+
for="-table-table-checkrow-6-check-input"
|
|
1063
987
|
>
|
|
1064
|
-
<
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
988
|
+
<input
|
|
989
|
+
class="pf-v6-c-check__input"
|
|
990
|
+
type="checkbox"
|
|
991
|
+
id="-table-table-checkrow-6-check-input"
|
|
992
|
+
name="-table-table-checkrow-6-check-input"
|
|
993
|
+
aria-label="Standalone check"
|
|
994
|
+
/>
|
|
995
|
+
</label>
|
|
996
|
+
</td>
|
|
997
|
+
<td
|
|
998
|
+
class="pf-v6-c-table__td"
|
|
999
|
+
role="cell"
|
|
1000
|
+
data-label="Repository name"
|
|
1001
|
+
>
|
|
1002
|
+
<div>
|
|
1003
|
+
<div id="-table-table-node5">Node 5</div>
|
|
1004
|
+
<a href="#">siemur/test-space</a>
|
|
1005
|
+
</div>
|
|
1006
|
+
</td>
|
|
1007
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">
|
|
1008
|
+
<span>
|
|
1009
|
+
<i class="fas fa-code-branch"></i> 34
|
|
1010
|
+
</span>
|
|
1011
|
+
</td>
|
|
1012
|
+
<td
|
|
1013
|
+
class="pf-v6-c-table__td"
|
|
1014
|
+
role="cell"
|
|
1015
|
+
data-label="Pull requests"
|
|
1016
|
+
>
|
|
1017
|
+
<span>
|
|
1018
|
+
<i class="fas fa-code"></i> 21
|
|
1019
|
+
</span>
|
|
1020
|
+
</td>
|
|
1021
|
+
<td
|
|
1022
|
+
class="pf-v6-c-table__td"
|
|
1023
|
+
role="cell"
|
|
1024
|
+
data-label="Workspaces"
|
|
1025
|
+
>
|
|
1026
|
+
<span>
|
|
1027
|
+
<i class="fas fa-cube"></i> 26
|
|
1028
|
+
</span>
|
|
1029
|
+
</td>
|
|
1030
|
+
<td
|
|
1031
|
+
class="pf-v6-c-table__td"
|
|
1032
|
+
role="cell"
|
|
1033
|
+
data-label="Last commit"
|
|
1034
|
+
>2 days ago</td>
|
|
1035
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
1036
|
+
<a href="#">Action link</a>
|
|
1037
|
+
</td>
|
|
1038
|
+
|
|
1039
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
|
|
1040
|
+
<button
|
|
1041
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
1042
|
+
type="button"
|
|
1043
|
+
aria-expanded="false"
|
|
1044
|
+
aria-label="Menu toggle"
|
|
1072
1045
|
>
|
|
1073
|
-
<span>
|
|
1074
|
-
<i class="fas fa-
|
|
1046
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
1047
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
1075
1048
|
</span>
|
|
1076
|
-
</
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
>2 days ago</td>
|
|
1082
|
-
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
1083
|
-
<a href="#">Action link</a>
|
|
1084
|
-
</td>
|
|
1085
|
-
|
|
1086
|
-
<td
|
|
1087
|
-
class="pf-v6-c-table__td pf-v6-c-table__action"
|
|
1088
|
-
role="cell"
|
|
1089
|
-
>
|
|
1090
|
-
<button
|
|
1091
|
-
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
1092
|
-
type="button"
|
|
1093
|
-
aria-expanded="false"
|
|
1094
|
-
aria-label="Menu toggle"
|
|
1095
|
-
>
|
|
1096
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
1097
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
1098
|
-
</span>
|
|
1099
|
-
</button>
|
|
1100
|
-
</td>
|
|
1101
|
-
</tr>
|
|
1102
|
-
</tbody>
|
|
1103
|
-
</table>
|
|
1104
|
-
</div>
|
|
1049
|
+
</button>
|
|
1050
|
+
</td>
|
|
1051
|
+
</tr>
|
|
1052
|
+
</tbody>
|
|
1053
|
+
</table>
|
|
1105
1054
|
</div>
|
|
1106
1055
|
</section>
|
|
1107
1056
|
</main>
|
|
@@ -1120,7 +1069,7 @@ section: components
|
|
|
1120
1069
|
<div class="pf-v6-c-toolbar__content">
|
|
1121
1070
|
<div class="pf-v6-c-toolbar__content-section">
|
|
1122
1071
|
<div class="pf-v6-c-toolbar__group pf-m-toggle-group">
|
|
1123
|
-
<div class="pf-v6-c-toolbar__toggle
|
|
1072
|
+
<div class="pf-v6-c-toolbar__toggle">
|
|
1124
1073
|
<button
|
|
1125
1074
|
class="pf-v6-c-menu-toggle pf-m-plain pf-m-expanded"
|
|
1126
1075
|
type="button"
|
|
@@ -1133,11 +1082,86 @@ section: components
|
|
|
1133
1082
|
</span>
|
|
1134
1083
|
</button>
|
|
1135
1084
|
</div>
|
|
1085
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1086
|
+
<div
|
|
1087
|
+
class="pf-v6-c-input-group"
|
|
1088
|
+
aria-label="search filter"
|
|
1089
|
+
role="group"
|
|
1090
|
+
>
|
|
1091
|
+
<div class="pf-v6-c-input-group__item">
|
|
1092
|
+
<button
|
|
1093
|
+
class="pf-v6-c-menu-toggle"
|
|
1094
|
+
type="button"
|
|
1095
|
+
aria-expanded="false"
|
|
1096
|
+
id="toolbar-attribute-value-search-filter-mobile-example-search-filter-menu"
|
|
1097
|
+
>
|
|
1098
|
+
<span class="pf-v6-c-menu-toggle__text">Name</span>
|
|
1099
|
+
<span class="pf-v6-c-menu-toggle__controls">
|
|
1100
|
+
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1101
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1102
|
+
</span>
|
|
1103
|
+
</span>
|
|
1104
|
+
</button>
|
|
1105
|
+
</div>
|
|
1106
|
+
<div class="pf-v6-c-input-group__item pf-m-fill">
|
|
1107
|
+
<div class="pf-v6-c-text-input-group">
|
|
1108
|
+
<div class="pf-v6-c-text-input-group__main pf-m-icon">
|
|
1109
|
+
<span class="pf-v6-c-text-input-group__text">
|
|
1110
|
+
<span class="pf-v6-c-text-input-group__icon">
|
|
1111
|
+
<i class="fas fa-fw fa-search"></i>
|
|
1112
|
+
</span>
|
|
1113
|
+
<input
|
|
1114
|
+
class="pf-v6-c-text-input-group__text-input"
|
|
1115
|
+
type="text"
|
|
1116
|
+
placeholder="Find by name"
|
|
1117
|
+
value
|
|
1118
|
+
aria-label="Search input"
|
|
1119
|
+
/>
|
|
1120
|
+
</span>
|
|
1121
|
+
</div>
|
|
1122
|
+
</div>
|
|
1123
|
+
</div>
|
|
1124
|
+
</div>
|
|
1125
|
+
</div>
|
|
1126
|
+
|
|
1127
|
+
<div class="pf-v6-c-toolbar__group pf-m-filter-group pf-m-toggle-group">
|
|
1128
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1129
|
+
<button
|
|
1130
|
+
class="pf-v6-c-menu-toggle"
|
|
1131
|
+
type="button"
|
|
1132
|
+
aria-expanded="false"
|
|
1133
|
+
id="toolbar-attribute-value-search-filter-mobile-example-menu-toggle-checkbox-status"
|
|
1134
|
+
>
|
|
1135
|
+
<span class="pf-v6-c-menu-toggle__text">Status</span>
|
|
1136
|
+
<span class="pf-v6-c-menu-toggle__controls">
|
|
1137
|
+
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1138
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1139
|
+
</span>
|
|
1140
|
+
</span>
|
|
1141
|
+
</button>
|
|
1142
|
+
</div>
|
|
1143
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1144
|
+
<button
|
|
1145
|
+
class="pf-v6-c-menu-toggle"
|
|
1146
|
+
type="button"
|
|
1147
|
+
aria-expanded="false"
|
|
1148
|
+
id="toolbar-attribute-value-search-filter-mobile-example-menu-toggle-checkbox-risk"
|
|
1149
|
+
>
|
|
1150
|
+
<span class="pf-v6-c-menu-toggle__text">Risk</span>
|
|
1151
|
+
<span class="pf-v6-c-menu-toggle__controls">
|
|
1152
|
+
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1153
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1154
|
+
</span>
|
|
1155
|
+
</span>
|
|
1156
|
+
</button>
|
|
1157
|
+
</div>
|
|
1158
|
+
</div>
|
|
1136
1159
|
</div>
|
|
1137
|
-
|
|
1160
|
+
|
|
1161
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1138
1162
|
<div
|
|
1139
1163
|
class="pf-v6-c-overflow-menu"
|
|
1140
|
-
id="toolbar-attribute-value-search-filter-mobile-example
|
|
1164
|
+
id="toolbar-attribute-value-search-filter-mobile-example--overflow-menu"
|
|
1141
1165
|
>
|
|
1142
1166
|
<div class="pf-v6-c-overflow-menu__control">
|
|
1143
1167
|
<button
|
|
@@ -1145,7 +1169,7 @@ section: components
|
|
|
1145
1169
|
type="button"
|
|
1146
1170
|
aria-expanded="false"
|
|
1147
1171
|
aria-label="Menu toggle"
|
|
1148
|
-
id="toolbar-attribute-value-search-filter-mobile-example-overflow-
|
|
1172
|
+
id="toolbar-attribute-value-search-filter-mobile-example-overflow-toggle"
|
|
1149
1173
|
>
|
|
1150
1174
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1151
1175
|
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
@@ -1209,11 +1233,12 @@ section: components
|
|
|
1209
1233
|
</div>
|
|
1210
1234
|
</div>
|
|
1211
1235
|
</div>
|
|
1236
|
+
|
|
1212
1237
|
<div
|
|
1213
1238
|
class="pf-v6-c-toolbar__expandable-content pf-m-expanded"
|
|
1214
1239
|
id="toolbar-attribute-value-search-filter-mobile-example-expandable-content"
|
|
1215
1240
|
>
|
|
1216
|
-
<div class="pf-v6-c-toolbar__item
|
|
1241
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1217
1242
|
<div
|
|
1218
1243
|
class="pf-v6-c-input-group"
|
|
1219
1244
|
aria-label="search filter"
|
|
@@ -1224,11 +1249,8 @@ section: components
|
|
|
1224
1249
|
class="pf-v6-c-menu-toggle"
|
|
1225
1250
|
type="button"
|
|
1226
1251
|
aria-expanded="false"
|
|
1227
|
-
id="toolbar-attribute-value-search-filter-mobile-example-search-filter-menu"
|
|
1252
|
+
id="toolbar-attribute-value-search-filter-mobile-example-expandable-search-filter-menu"
|
|
1228
1253
|
>
|
|
1229
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
1230
|
-
<i class="fas fa-filter" aria-hidden="true"></i>
|
|
1231
|
-
</span>
|
|
1232
1254
|
<span class="pf-v6-c-menu-toggle__text">Name</span>
|
|
1233
1255
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1234
1256
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
@@ -1247,7 +1269,7 @@ section: components
|
|
|
1247
1269
|
<input
|
|
1248
1270
|
class="pf-v6-c-text-input-group__text-input"
|
|
1249
1271
|
type="text"
|
|
1250
|
-
placeholder="
|
|
1272
|
+
placeholder="Find by name"
|
|
1251
1273
|
value
|
|
1252
1274
|
aria-label="Search input"
|
|
1253
1275
|
/>
|
|
@@ -1272,60 +1294,43 @@ section: components
|
|
|
1272
1294
|
>
|
|
1273
1295
|
<div class="pf-v6-c-toolbar__content">
|
|
1274
1296
|
<div class="pf-v6-c-toolbar__content-section">
|
|
1275
|
-
<div class="pf-v6-c-toolbar__group pf-m-
|
|
1276
|
-
<div class="pf-v6-c-
|
|
1297
|
+
<div class="pf-v6-c-toolbar__group pf-m-filter-group">
|
|
1298
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1277
1299
|
<button
|
|
1278
|
-
class="pf-v6-c-menu-toggle
|
|
1300
|
+
class="pf-v6-c-menu-toggle"
|
|
1279
1301
|
type="button"
|
|
1280
1302
|
aria-expanded="false"
|
|
1281
|
-
|
|
1282
|
-
aria-controls="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-expandable-content"
|
|
1303
|
+
id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-menu-toggle-checkbox-status"
|
|
1283
1304
|
>
|
|
1284
|
-
<span class="pf-v6-c-menu-
|
|
1285
|
-
|
|
1305
|
+
<span class="pf-v6-c-menu-toggle__text">Status</span>
|
|
1306
|
+
<span class="pf-v6-c-menu-toggle__controls">
|
|
1307
|
+
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1308
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1309
|
+
</span>
|
|
1286
1310
|
</span>
|
|
1287
1311
|
</button>
|
|
1288
1312
|
</div>
|
|
1289
|
-
<div class="pf-v6-c-
|
|
1290
|
-
<
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
>
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
<span class="pf-v6-c-menu-toggle__text">Status</span>
|
|
1301
|
-
<span class="pf-v6-c-menu-toggle__controls">
|
|
1302
|
-
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1303
|
-
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1304
|
-
</span>
|
|
1305
|
-
</span>
|
|
1306
|
-
</button>
|
|
1307
|
-
</div>
|
|
1308
|
-
<div class="pf-v6-c-toolbar__item">
|
|
1309
|
-
<button
|
|
1310
|
-
class="pf-v6-c-menu-toggle"
|
|
1311
|
-
type="button"
|
|
1312
|
-
aria-expanded="false"
|
|
1313
|
-
id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-menu-toggle-stopped"
|
|
1314
|
-
>
|
|
1315
|
-
<span class="pf-v6-c-menu-toggle__text">Stopped</span>
|
|
1316
|
-
<span class="pf-v6-c-menu-toggle__controls">
|
|
1317
|
-
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1318
|
-
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1319
|
-
</span>
|
|
1313
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1314
|
+
<button
|
|
1315
|
+
class="pf-v6-c-menu-toggle"
|
|
1316
|
+
type="button"
|
|
1317
|
+
aria-expanded="false"
|
|
1318
|
+
id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-menu-toggle-checkbox-risk"
|
|
1319
|
+
>
|
|
1320
|
+
<span class="pf-v6-c-menu-toggle__text">Risk</span>
|
|
1321
|
+
<span class="pf-v6-c-menu-toggle__controls">
|
|
1322
|
+
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1323
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1320
1324
|
</span>
|
|
1321
|
-
</
|
|
1322
|
-
</
|
|
1325
|
+
</span>
|
|
1326
|
+
</button>
|
|
1323
1327
|
</div>
|
|
1324
1328
|
</div>
|
|
1325
|
-
|
|
1329
|
+
|
|
1330
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1326
1331
|
<div
|
|
1327
1332
|
class="pf-v6-c-overflow-menu"
|
|
1328
|
-
id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example
|
|
1333
|
+
id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example--overflow-menu"
|
|
1329
1334
|
>
|
|
1330
1335
|
<div class="pf-v6-c-overflow-menu__content">
|
|
1331
1336
|
<div class="pf-v6-c-overflow-menu__group pf-m-button-group">
|
|
@@ -1341,14 +1346,13 @@ section: components
|
|
|
1341
1346
|
</div>
|
|
1342
1347
|
</div>
|
|
1343
1348
|
</div>
|
|
1344
|
-
|
|
1345
1349
|
<div class="pf-v6-c-overflow-menu__control">
|
|
1346
1350
|
<button
|
|
1347
1351
|
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
1348
1352
|
type="button"
|
|
1349
1353
|
aria-expanded="false"
|
|
1350
1354
|
aria-label="Menu toggle"
|
|
1351
|
-
id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-overflow-
|
|
1355
|
+
id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-overflow-toggle"
|
|
1352
1356
|
>
|
|
1353
1357
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1354
1358
|
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
@@ -1412,6 +1416,7 @@ section: components
|
|
|
1412
1416
|
</div>
|
|
1413
1417
|
</div>
|
|
1414
1418
|
</div>
|
|
1419
|
+
|
|
1415
1420
|
<div
|
|
1416
1421
|
class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
|
|
1417
1422
|
id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-expandable-content"
|
|
@@ -1432,7 +1437,7 @@ section: components
|
|
|
1432
1437
|
<div class="pf-v6-c-toolbar__content">
|
|
1433
1438
|
<div class="pf-v6-c-toolbar__content-section">
|
|
1434
1439
|
<div class="pf-v6-c-toolbar__group pf-m-toggle-group">
|
|
1435
|
-
<div class="pf-v6-c-toolbar__toggle
|
|
1440
|
+
<div class="pf-v6-c-toolbar__toggle">
|
|
1436
1441
|
<button
|
|
1437
1442
|
class="pf-v6-c-menu-toggle pf-m-plain pf-m-expanded"
|
|
1438
1443
|
type="button"
|
|
@@ -1445,11 +1450,86 @@ section: components
|
|
|
1445
1450
|
</span>
|
|
1446
1451
|
</button>
|
|
1447
1452
|
</div>
|
|
1453
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1454
|
+
<div
|
|
1455
|
+
class="pf-v6-c-input-group"
|
|
1456
|
+
aria-label="search filter"
|
|
1457
|
+
role="group"
|
|
1458
|
+
>
|
|
1459
|
+
<div class="pf-v6-c-input-group__item">
|
|
1460
|
+
<button
|
|
1461
|
+
class="pf-v6-c-menu-toggle"
|
|
1462
|
+
type="button"
|
|
1463
|
+
aria-expanded="false"
|
|
1464
|
+
id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-search-filter-menu"
|
|
1465
|
+
>
|
|
1466
|
+
<span class="pf-v6-c-menu-toggle__text">Name</span>
|
|
1467
|
+
<span class="pf-v6-c-menu-toggle__controls">
|
|
1468
|
+
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1469
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1470
|
+
</span>
|
|
1471
|
+
</span>
|
|
1472
|
+
</button>
|
|
1473
|
+
</div>
|
|
1474
|
+
<div class="pf-v6-c-input-group__item pf-m-fill">
|
|
1475
|
+
<div class="pf-v6-c-text-input-group">
|
|
1476
|
+
<div class="pf-v6-c-text-input-group__main pf-m-icon">
|
|
1477
|
+
<span class="pf-v6-c-text-input-group__text">
|
|
1478
|
+
<span class="pf-v6-c-text-input-group__icon">
|
|
1479
|
+
<i class="fas fa-fw fa-search"></i>
|
|
1480
|
+
</span>
|
|
1481
|
+
<input
|
|
1482
|
+
class="pf-v6-c-text-input-group__text-input"
|
|
1483
|
+
type="text"
|
|
1484
|
+
placeholder="Find by name"
|
|
1485
|
+
value
|
|
1486
|
+
aria-label="Search input"
|
|
1487
|
+
/>
|
|
1488
|
+
</span>
|
|
1489
|
+
</div>
|
|
1490
|
+
</div>
|
|
1491
|
+
</div>
|
|
1492
|
+
</div>
|
|
1493
|
+
</div>
|
|
1494
|
+
|
|
1495
|
+
<div class="pf-v6-c-toolbar__group pf-m-filter-group pf-m-toggle-group">
|
|
1496
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1497
|
+
<button
|
|
1498
|
+
class="pf-v6-c-menu-toggle"
|
|
1499
|
+
type="button"
|
|
1500
|
+
aria-expanded="false"
|
|
1501
|
+
id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-menu-toggle-checkbox-status"
|
|
1502
|
+
>
|
|
1503
|
+
<span class="pf-v6-c-menu-toggle__text">Status</span>
|
|
1504
|
+
<span class="pf-v6-c-menu-toggle__controls">
|
|
1505
|
+
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1506
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1507
|
+
</span>
|
|
1508
|
+
</span>
|
|
1509
|
+
</button>
|
|
1510
|
+
</div>
|
|
1511
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1512
|
+
<button
|
|
1513
|
+
class="pf-v6-c-menu-toggle"
|
|
1514
|
+
type="button"
|
|
1515
|
+
aria-expanded="false"
|
|
1516
|
+
id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-menu-toggle-checkbox-risk"
|
|
1517
|
+
>
|
|
1518
|
+
<span class="pf-v6-c-menu-toggle__text">Risk</span>
|
|
1519
|
+
<span class="pf-v6-c-menu-toggle__controls">
|
|
1520
|
+
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1521
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1522
|
+
</span>
|
|
1523
|
+
</span>
|
|
1524
|
+
</button>
|
|
1525
|
+
</div>
|
|
1526
|
+
</div>
|
|
1448
1527
|
</div>
|
|
1449
|
-
|
|
1528
|
+
|
|
1529
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1450
1530
|
<div
|
|
1451
1531
|
class="pf-v6-c-overflow-menu"
|
|
1452
|
-
id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example
|
|
1532
|
+
id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example--overflow-menu"
|
|
1453
1533
|
>
|
|
1454
1534
|
<div class="pf-v6-c-overflow-menu__control">
|
|
1455
1535
|
<button
|
|
@@ -1457,7 +1537,7 @@ section: components
|
|
|
1457
1537
|
type="button"
|
|
1458
1538
|
aria-expanded="false"
|
|
1459
1539
|
aria-label="Menu toggle"
|
|
1460
|
-
id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-overflow-
|
|
1540
|
+
id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-overflow-toggle"
|
|
1461
1541
|
>
|
|
1462
1542
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1463
1543
|
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
@@ -1521,6 +1601,7 @@ section: components
|
|
|
1521
1601
|
</div>
|
|
1522
1602
|
</div>
|
|
1523
1603
|
</div>
|
|
1604
|
+
|
|
1524
1605
|
<div
|
|
1525
1606
|
class="pf-v6-c-toolbar__expandable-content pf-m-expanded"
|
|
1526
1607
|
id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-expandable-content"
|
|
@@ -1531,11 +1612,8 @@ section: components
|
|
|
1531
1612
|
class="pf-v6-c-menu-toggle"
|
|
1532
1613
|
type="button"
|
|
1533
1614
|
aria-expanded="false"
|
|
1534
|
-
id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-menu-toggle-status"
|
|
1615
|
+
id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-menu-toggle-checkbox-status-expandable"
|
|
1535
1616
|
>
|
|
1536
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
1537
|
-
<i class="fas fa-filter" aria-hidden="true"></i>
|
|
1538
|
-
</span>
|
|
1539
1617
|
<span class="pf-v6-c-menu-toggle__text">Status</span>
|
|
1540
1618
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1541
1619
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
@@ -1549,9 +1627,9 @@ section: components
|
|
|
1549
1627
|
class="pf-v6-c-menu-toggle"
|
|
1550
1628
|
type="button"
|
|
1551
1629
|
aria-expanded="false"
|
|
1552
|
-
id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-menu-toggle-
|
|
1630
|
+
id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-menu-toggle-checkbox-risk-expandable"
|
|
1553
1631
|
>
|
|
1554
|
-
<span class="pf-v6-c-menu-toggle__text">
|
|
1632
|
+
<span class="pf-v6-c-menu-toggle__text">Risk</span>
|
|
1555
1633
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1556
1634
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1557
1635
|
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
@@ -1575,60 +1653,43 @@ section: components
|
|
|
1575
1653
|
>
|
|
1576
1654
|
<div class="pf-v6-c-toolbar__content">
|
|
1577
1655
|
<div class="pf-v6-c-toolbar__content-section">
|
|
1578
|
-
<div class="pf-v6-c-toolbar__group pf-m-
|
|
1579
|
-
<div class="pf-v6-c-
|
|
1656
|
+
<div class="pf-v6-c-toolbar__group pf-m-filter-group">
|
|
1657
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1580
1658
|
<button
|
|
1581
|
-
class="pf-v6-c-menu-toggle
|
|
1659
|
+
class="pf-v6-c-menu-toggle"
|
|
1582
1660
|
type="button"
|
|
1583
1661
|
aria-expanded="false"
|
|
1584
|
-
|
|
1585
|
-
aria-controls="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-expandable-content"
|
|
1662
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-menu-toggle-checkbox-status"
|
|
1586
1663
|
>
|
|
1587
|
-
<span class="pf-v6-c-menu-
|
|
1588
|
-
|
|
1664
|
+
<span class="pf-v6-c-menu-toggle__text">Status</span>
|
|
1665
|
+
<span class="pf-v6-c-menu-toggle__controls">
|
|
1666
|
+
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1667
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1668
|
+
</span>
|
|
1589
1669
|
</span>
|
|
1590
1670
|
</button>
|
|
1591
1671
|
</div>
|
|
1592
|
-
<div class="pf-v6-c-
|
|
1593
|
-
<
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
>
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
<span class="pf-v6-c-menu-toggle__text">Status</span>
|
|
1604
|
-
<span class="pf-v6-c-menu-toggle__controls">
|
|
1605
|
-
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1606
|
-
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1607
|
-
</span>
|
|
1608
|
-
</span>
|
|
1609
|
-
</button>
|
|
1610
|
-
</div>
|
|
1611
|
-
<div class="pf-v6-c-toolbar__item">
|
|
1612
|
-
<button
|
|
1613
|
-
class="pf-v6-c-menu-toggle"
|
|
1614
|
-
type="button"
|
|
1615
|
-
aria-expanded="false"
|
|
1616
|
-
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-menu-toggle-filter-by-status"
|
|
1617
|
-
>
|
|
1618
|
-
<span class="pf-v6-c-menu-toggle__text">Filter by status</span>
|
|
1619
|
-
<span class="pf-v6-c-menu-toggle__controls">
|
|
1620
|
-
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1621
|
-
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1622
|
-
</span>
|
|
1672
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1673
|
+
<button
|
|
1674
|
+
class="pf-v6-c-menu-toggle"
|
|
1675
|
+
type="button"
|
|
1676
|
+
aria-expanded="false"
|
|
1677
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-menu-toggle-checkbox-risk"
|
|
1678
|
+
>
|
|
1679
|
+
<span class="pf-v6-c-menu-toggle__text">Risk</span>
|
|
1680
|
+
<span class="pf-v6-c-menu-toggle__controls">
|
|
1681
|
+
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1682
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
1623
1683
|
</span>
|
|
1624
|
-
</
|
|
1625
|
-
</
|
|
1684
|
+
</span>
|
|
1685
|
+
</button>
|
|
1626
1686
|
</div>
|
|
1627
1687
|
</div>
|
|
1628
|
-
|
|
1688
|
+
|
|
1689
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1629
1690
|
<div
|
|
1630
1691
|
class="pf-v6-c-overflow-menu"
|
|
1631
|
-
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example
|
|
1692
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example--overflow-menu"
|
|
1632
1693
|
>
|
|
1633
1694
|
<div class="pf-v6-c-overflow-menu__content">
|
|
1634
1695
|
<div class="pf-v6-c-overflow-menu__group pf-m-button-group">
|
|
@@ -1644,14 +1705,13 @@ section: components
|
|
|
1644
1705
|
</div>
|
|
1645
1706
|
</div>
|
|
1646
1707
|
</div>
|
|
1647
|
-
|
|
1648
1708
|
<div class="pf-v6-c-overflow-menu__control">
|
|
1649
1709
|
<button
|
|
1650
1710
|
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
1651
1711
|
type="button"
|
|
1652
1712
|
aria-expanded="false"
|
|
1653
1713
|
aria-label="Menu toggle"
|
|
1654
|
-
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-overflow-
|
|
1714
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-overflow-toggle"
|
|
1655
1715
|
>
|
|
1656
1716
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1657
1717
|
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
@@ -1715,111 +1775,217 @@ section: components
|
|
|
1715
1775
|
</div>
|
|
1716
1776
|
</div>
|
|
1717
1777
|
</div>
|
|
1778
|
+
|
|
1718
1779
|
<div
|
|
1719
1780
|
class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
|
|
1720
1781
|
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-expandable-content"
|
|
1721
1782
|
hidden
|
|
1722
1783
|
></div>
|
|
1723
1784
|
</div>
|
|
1724
|
-
<div class="pf-v6-c-toolbar__content
|
|
1725
|
-
<div class="pf-v6-c-
|
|
1726
|
-
<div class="pf-v6-c-
|
|
1727
|
-
<div class="pf-v6-c-
|
|
1728
|
-
<
|
|
1729
|
-
class="pf-v6-c-label-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
<
|
|
1741
|
-
<span class="pf-v6-c-
|
|
1742
|
-
<span
|
|
1743
|
-
class="pf-v6-c-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
1748
|
-
<button
|
|
1749
|
-
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1750
|
-
type="button"
|
|
1751
|
-
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-groupremove-label-one toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-grouplabel-one"
|
|
1752
|
-
aria-label="Remove"
|
|
1753
|
-
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-groupremove-label-one"
|
|
1754
|
-
>
|
|
1755
|
-
<span class="pf-v6-c-button__icon">
|
|
1756
|
-
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1785
|
+
<div class="pf-v6-c-toolbar__content">
|
|
1786
|
+
<div class="pf-v6-c-toolbar__group pf-m-label-group">
|
|
1787
|
+
<div class="pf-v6-c-toolbar__group pf-m-grow pf-m-label-group">
|
|
1788
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1789
|
+
<div class="pf-v6-c-label-group pf-m-category">
|
|
1790
|
+
<div class="pf-v6-c-label-group__main">
|
|
1791
|
+
<span
|
|
1792
|
+
class="pf-v6-c-label-group__label"
|
|
1793
|
+
aria-hidden="true"
|
|
1794
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-status-label-group-label"
|
|
1795
|
+
>Status</span>
|
|
1796
|
+
<ul
|
|
1797
|
+
class="pf-v6-c-label-group__list"
|
|
1798
|
+
role="list"
|
|
1799
|
+
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-status-label-group-label"
|
|
1800
|
+
>
|
|
1801
|
+
<li class="pf-v6-c-label-group__list-item">
|
|
1802
|
+
<span class="pf-v6-c-label pf-m-outline">
|
|
1803
|
+
<span class="pf-v6-c-label__content">
|
|
1804
|
+
<span class="pf-v6-c-label__content">
|
|
1805
|
+
<span
|
|
1806
|
+
class="pf-v6-c-label__text"
|
|
1807
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statuslabel-one"
|
|
1808
|
+
>Label one</span>
|
|
1757
1809
|
</span>
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
|
-
|
|
1770
|
-
>Paused</span>
|
|
1771
|
-
</span>
|
|
1772
|
-
<span class="pf-v6-c-label__actions">
|
|
1773
|
-
<button
|
|
1774
|
-
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1775
|
-
type="button"
|
|
1776
|
-
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-groupremove-label-two toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-grouplabel-two"
|
|
1777
|
-
aria-label="Remove"
|
|
1778
|
-
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-groupremove-label-two"
|
|
1779
|
-
>
|
|
1780
|
-
<span class="pf-v6-c-button__icon">
|
|
1781
|
-
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1810
|
+
<span class="pf-v6-c-label__actions">
|
|
1811
|
+
<button
|
|
1812
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1813
|
+
type="button"
|
|
1814
|
+
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statusremove-label-one toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statuslabel-one"
|
|
1815
|
+
aria-label="Remove"
|
|
1816
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statusremove-label-one"
|
|
1817
|
+
>
|
|
1818
|
+
<span class="pf-v6-c-button__icon">
|
|
1819
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1820
|
+
</span>
|
|
1821
|
+
</button>
|
|
1782
1822
|
</span>
|
|
1783
|
-
</
|
|
1823
|
+
</span>
|
|
1784
1824
|
</span>
|
|
1785
|
-
</
|
|
1786
|
-
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1792
|
-
|
|
1793
|
-
|
|
1794
|
-
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-grouplabel-three"
|
|
1795
|
-
>Restarted</span>
|
|
1796
|
-
</span>
|
|
1797
|
-
<span class="pf-v6-c-label__actions">
|
|
1798
|
-
<button
|
|
1799
|
-
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1800
|
-
type="button"
|
|
1801
|
-
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-groupremove-label-three toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-grouplabel-three"
|
|
1802
|
-
aria-label="Remove"
|
|
1803
|
-
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-groupremove-label-three"
|
|
1804
|
-
>
|
|
1805
|
-
<span class="pf-v6-c-button__icon">
|
|
1806
|
-
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1825
|
+
</li>
|
|
1826
|
+
<li class="pf-v6-c-label-group__list-item">
|
|
1827
|
+
<span class="pf-v6-c-label pf-m-outline">
|
|
1828
|
+
<span class="pf-v6-c-label__content">
|
|
1829
|
+
<span class="pf-v6-c-label__content">
|
|
1830
|
+
<span
|
|
1831
|
+
class="pf-v6-c-label__text"
|
|
1832
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statuslabel-two"
|
|
1833
|
+
>Label two</span>
|
|
1807
1834
|
</span>
|
|
1808
|
-
|
|
1835
|
+
<span class="pf-v6-c-label__actions">
|
|
1836
|
+
<button
|
|
1837
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1838
|
+
type="button"
|
|
1839
|
+
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statusremove-label-two toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statuslabel-two"
|
|
1840
|
+
aria-label="Remove"
|
|
1841
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statusremove-label-two"
|
|
1842
|
+
>
|
|
1843
|
+
<span class="pf-v6-c-button__icon">
|
|
1844
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1845
|
+
</span>
|
|
1846
|
+
</button>
|
|
1847
|
+
</span>
|
|
1848
|
+
</span>
|
|
1809
1849
|
</span>
|
|
1810
|
-
</
|
|
1811
|
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
1850
|
+
</li>
|
|
1851
|
+
<li class="pf-v6-c-label-group__list-item">
|
|
1852
|
+
<span class="pf-v6-c-label pf-m-outline">
|
|
1853
|
+
<span class="pf-v6-c-label__content">
|
|
1854
|
+
<span class="pf-v6-c-label__content">
|
|
1855
|
+
<span
|
|
1856
|
+
class="pf-v6-c-label__text"
|
|
1857
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statuslabel-three"
|
|
1858
|
+
>Label three</span>
|
|
1859
|
+
</span>
|
|
1860
|
+
<span class="pf-v6-c-label__actions">
|
|
1861
|
+
<button
|
|
1862
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1863
|
+
type="button"
|
|
1864
|
+
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statusremove-label-three toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statuslabel-three"
|
|
1865
|
+
aria-label="Remove"
|
|
1866
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statusremove-label-three"
|
|
1867
|
+
>
|
|
1868
|
+
<span class="pf-v6-c-button__icon">
|
|
1869
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1870
|
+
</span>
|
|
1871
|
+
</button>
|
|
1872
|
+
</span>
|
|
1873
|
+
</span>
|
|
1874
|
+
</span>
|
|
1875
|
+
</li>
|
|
1876
|
+
</ul>
|
|
1877
|
+
</div>
|
|
1878
|
+
</div>
|
|
1879
|
+
</div>
|
|
1880
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1881
|
+
<div class="pf-v6-c-label-group pf-m-category">
|
|
1882
|
+
<div class="pf-v6-c-label-group__main">
|
|
1883
|
+
<span
|
|
1884
|
+
class="pf-v6-c-label-group__label"
|
|
1885
|
+
aria-hidden="true"
|
|
1886
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-risk-label-group-label"
|
|
1887
|
+
>Risk</span>
|
|
1888
|
+
<ul
|
|
1889
|
+
class="pf-v6-c-label-group__list"
|
|
1890
|
+
role="list"
|
|
1891
|
+
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-risk-label-group-label"
|
|
1892
|
+
>
|
|
1893
|
+
<li class="pf-v6-c-label-group__list-item">
|
|
1894
|
+
<span class="pf-v6-c-label pf-m-outline">
|
|
1895
|
+
<span class="pf-v6-c-label__content">
|
|
1896
|
+
<span class="pf-v6-c-label__content">
|
|
1897
|
+
<span
|
|
1898
|
+
class="pf-v6-c-label__text"
|
|
1899
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-risklabel-one"
|
|
1900
|
+
>Label one</span>
|
|
1901
|
+
</span>
|
|
1902
|
+
<span class="pf-v6-c-label__actions">
|
|
1903
|
+
<button
|
|
1904
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1905
|
+
type="button"
|
|
1906
|
+
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-riskremove-label-one toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-risklabel-one"
|
|
1907
|
+
aria-label="Remove"
|
|
1908
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-riskremove-label-one"
|
|
1909
|
+
>
|
|
1910
|
+
<span class="pf-v6-c-button__icon">
|
|
1911
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1912
|
+
</span>
|
|
1913
|
+
</button>
|
|
1914
|
+
</span>
|
|
1915
|
+
</span>
|
|
1916
|
+
</span>
|
|
1917
|
+
</li>
|
|
1918
|
+
<li class="pf-v6-c-label-group__list-item">
|
|
1919
|
+
<span class="pf-v6-c-label pf-m-outline">
|
|
1920
|
+
<span class="pf-v6-c-label__content">
|
|
1921
|
+
<span class="pf-v6-c-label__content">
|
|
1922
|
+
<span
|
|
1923
|
+
class="pf-v6-c-label__text"
|
|
1924
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-risklabel-two"
|
|
1925
|
+
>Label two</span>
|
|
1926
|
+
</span>
|
|
1927
|
+
<span class="pf-v6-c-label__actions">
|
|
1928
|
+
<button
|
|
1929
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1930
|
+
type="button"
|
|
1931
|
+
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-riskremove-label-two toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-risklabel-two"
|
|
1932
|
+
aria-label="Remove"
|
|
1933
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-riskremove-label-two"
|
|
1934
|
+
>
|
|
1935
|
+
<span class="pf-v6-c-button__icon">
|
|
1936
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1937
|
+
</span>
|
|
1938
|
+
</button>
|
|
1939
|
+
</span>
|
|
1940
|
+
</span>
|
|
1941
|
+
</span>
|
|
1942
|
+
</li>
|
|
1943
|
+
<li class="pf-v6-c-label-group__list-item">
|
|
1944
|
+
<span class="pf-v6-c-label pf-m-outline">
|
|
1945
|
+
<span class="pf-v6-c-label__content">
|
|
1946
|
+
<span class="pf-v6-c-label__content">
|
|
1947
|
+
<span
|
|
1948
|
+
class="pf-v6-c-label__text"
|
|
1949
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-risklabel-three"
|
|
1950
|
+
>Label three</span>
|
|
1951
|
+
</span>
|
|
1952
|
+
<span class="pf-v6-c-label__actions">
|
|
1953
|
+
<button
|
|
1954
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1955
|
+
type="button"
|
|
1956
|
+
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-riskremove-label-three toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-risklabel-three"
|
|
1957
|
+
aria-label="Remove"
|
|
1958
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-riskremove-label-three"
|
|
1959
|
+
>
|
|
1960
|
+
<span class="pf-v6-c-button__icon">
|
|
1961
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1962
|
+
</span>
|
|
1963
|
+
</button>
|
|
1964
|
+
</span>
|
|
1965
|
+
</span>
|
|
1966
|
+
</span>
|
|
1967
|
+
</li>
|
|
1968
|
+
</ul>
|
|
1969
|
+
</div>
|
|
1970
|
+
</div>
|
|
1971
|
+
</div>
|
|
1972
|
+
</div>
|
|
1973
|
+
</div>
|
|
1974
|
+
|
|
1975
|
+
<div class="pf-v6-c-toolbar__group pf-m-action-group-inline">
|
|
1976
|
+
<div class="pf-v6-c-toolbar__item">6 filters applied</div>
|
|
1977
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1978
|
+
<button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
|
|
1979
|
+
<span class="pf-v6-c-button__text">Clear all filters</span>
|
|
1980
|
+
</button>
|
|
1981
|
+
</div>
|
|
1982
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1983
|
+
<button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
|
|
1984
|
+
<span class="pf-v6-c-button__text">Save all filters</span>
|
|
1985
|
+
</button>
|
|
1986
|
+
</div>
|
|
1987
|
+
</div>
|
|
1988
|
+
</div>
|
|
1823
1989
|
</div>
|
|
1824
1990
|
|
|
1825
1991
|
```
|
|
@@ -1834,7 +2000,7 @@ section: components
|
|
|
1834
2000
|
<div class="pf-v6-c-toolbar__content">
|
|
1835
2001
|
<div class="pf-v6-c-toolbar__content-section">
|
|
1836
2002
|
<div class="pf-v6-c-toolbar__group pf-m-toggle-group">
|
|
1837
|
-
<div class="pf-v6-c-toolbar__toggle
|
|
2003
|
+
<div class="pf-v6-c-toolbar__toggle">
|
|
1838
2004
|
<button
|
|
1839
2005
|
class="pf-v6-c-menu-toggle pf-m-plain pf-m-expanded"
|
|
1840
2006
|
type="button"
|
|
@@ -1847,11 +2013,86 @@ section: components
|
|
|
1847
2013
|
</span>
|
|
1848
2014
|
</button>
|
|
1849
2015
|
</div>
|
|
2016
|
+
<div class="pf-v6-c-toolbar__item">
|
|
2017
|
+
<div
|
|
2018
|
+
class="pf-v6-c-input-group"
|
|
2019
|
+
aria-label="search filter"
|
|
2020
|
+
role="group"
|
|
2021
|
+
>
|
|
2022
|
+
<div class="pf-v6-c-input-group__item">
|
|
2023
|
+
<button
|
|
2024
|
+
class="pf-v6-c-menu-toggle"
|
|
2025
|
+
type="button"
|
|
2026
|
+
aria-expanded="false"
|
|
2027
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-search-filter-menu"
|
|
2028
|
+
>
|
|
2029
|
+
<span class="pf-v6-c-menu-toggle__text">Name</span>
|
|
2030
|
+
<span class="pf-v6-c-menu-toggle__controls">
|
|
2031
|
+
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
2032
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
2033
|
+
</span>
|
|
2034
|
+
</span>
|
|
2035
|
+
</button>
|
|
2036
|
+
</div>
|
|
2037
|
+
<div class="pf-v6-c-input-group__item pf-m-fill">
|
|
2038
|
+
<div class="pf-v6-c-text-input-group">
|
|
2039
|
+
<div class="pf-v6-c-text-input-group__main pf-m-icon">
|
|
2040
|
+
<span class="pf-v6-c-text-input-group__text">
|
|
2041
|
+
<span class="pf-v6-c-text-input-group__icon">
|
|
2042
|
+
<i class="fas fa-fw fa-search"></i>
|
|
2043
|
+
</span>
|
|
2044
|
+
<input
|
|
2045
|
+
class="pf-v6-c-text-input-group__text-input"
|
|
2046
|
+
type="text"
|
|
2047
|
+
placeholder="Find by name"
|
|
2048
|
+
value
|
|
2049
|
+
aria-label="Search input"
|
|
2050
|
+
/>
|
|
2051
|
+
</span>
|
|
2052
|
+
</div>
|
|
2053
|
+
</div>
|
|
2054
|
+
</div>
|
|
2055
|
+
</div>
|
|
2056
|
+
</div>
|
|
2057
|
+
|
|
2058
|
+
<div class="pf-v6-c-toolbar__group pf-m-filter-group pf-m-toggle-group">
|
|
2059
|
+
<div class="pf-v6-c-toolbar__item">
|
|
2060
|
+
<button
|
|
2061
|
+
class="pf-v6-c-menu-toggle"
|
|
2062
|
+
type="button"
|
|
2063
|
+
aria-expanded="false"
|
|
2064
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-menu-toggle-checkbox-status"
|
|
2065
|
+
>
|
|
2066
|
+
<span class="pf-v6-c-menu-toggle__text">Status</span>
|
|
2067
|
+
<span class="pf-v6-c-menu-toggle__controls">
|
|
2068
|
+
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
2069
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
2070
|
+
</span>
|
|
2071
|
+
</span>
|
|
2072
|
+
</button>
|
|
2073
|
+
</div>
|
|
2074
|
+
<div class="pf-v6-c-toolbar__item">
|
|
2075
|
+
<button
|
|
2076
|
+
class="pf-v6-c-menu-toggle"
|
|
2077
|
+
type="button"
|
|
2078
|
+
aria-expanded="false"
|
|
2079
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-menu-toggle-checkbox-risk"
|
|
2080
|
+
>
|
|
2081
|
+
<span class="pf-v6-c-menu-toggle__text">Risk</span>
|
|
2082
|
+
<span class="pf-v6-c-menu-toggle__controls">
|
|
2083
|
+
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
2084
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
2085
|
+
</span>
|
|
2086
|
+
</span>
|
|
2087
|
+
</button>
|
|
2088
|
+
</div>
|
|
2089
|
+
</div>
|
|
1850
2090
|
</div>
|
|
1851
|
-
|
|
2091
|
+
|
|
2092
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1852
2093
|
<div
|
|
1853
2094
|
class="pf-v6-c-overflow-menu"
|
|
1854
|
-
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example
|
|
2095
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example--overflow-menu"
|
|
1855
2096
|
>
|
|
1856
2097
|
<div class="pf-v6-c-overflow-menu__control">
|
|
1857
2098
|
<button
|
|
@@ -1859,7 +2100,7 @@ section: components
|
|
|
1859
2100
|
type="button"
|
|
1860
2101
|
aria-expanded="false"
|
|
1861
2102
|
aria-label="Menu toggle"
|
|
1862
|
-
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-overflow-
|
|
2103
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-overflow-toggle"
|
|
1863
2104
|
>
|
|
1864
2105
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1865
2106
|
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
@@ -1923,6 +2164,7 @@ section: components
|
|
|
1923
2164
|
</div>
|
|
1924
2165
|
</div>
|
|
1925
2166
|
</div>
|
|
2167
|
+
|
|
1926
2168
|
<div
|
|
1927
2169
|
class="pf-v6-c-toolbar__expandable-content pf-m-expanded"
|
|
1928
2170
|
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-expandable-content"
|
|
@@ -1933,11 +2175,8 @@ section: components
|
|
|
1933
2175
|
class="pf-v6-c-menu-toggle"
|
|
1934
2176
|
type="button"
|
|
1935
2177
|
aria-expanded="false"
|
|
1936
|
-
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-menu-toggle-status"
|
|
2178
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-menu-toggle-checkbox-status-expandable"
|
|
1937
2179
|
>
|
|
1938
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
1939
|
-
<i class="fas fa-filter" aria-hidden="true"></i>
|
|
1940
|
-
</span>
|
|
1941
2180
|
<span class="pf-v6-c-menu-toggle__text">Status</span>
|
|
1942
2181
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1943
2182
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
@@ -1951,9 +2190,9 @@ section: components
|
|
|
1951
2190
|
class="pf-v6-c-menu-toggle"
|
|
1952
2191
|
type="button"
|
|
1953
2192
|
aria-expanded="false"
|
|
1954
|
-
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-menu-toggle-
|
|
2193
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-menu-toggle-checkbox-risk-expandable"
|
|
1955
2194
|
>
|
|
1956
|
-
<span class="pf-v6-c-menu-toggle__text">
|
|
2195
|
+
<span class="pf-v6-c-menu-toggle__text">Risk</span>
|
|
1957
2196
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
1958
2197
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
1959
2198
|
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
@@ -1961,103 +2200,209 @@ section: components
|
|
|
1961
2200
|
</span>
|
|
1962
2201
|
</button>
|
|
1963
2202
|
</div>
|
|
1964
|
-
|
|
1965
|
-
|
|
1966
|
-
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
|
|
1971
|
-
|
|
1972
|
-
|
|
1973
|
-
|
|
1974
|
-
|
|
1975
|
-
|
|
1976
|
-
|
|
1977
|
-
|
|
1978
|
-
|
|
1979
|
-
|
|
2203
|
+
</div>
|
|
2204
|
+
|
|
2205
|
+
<div class="pf-v6-c-toolbar__group pf-m-label-group">
|
|
2206
|
+
<div class="pf-v6-c-toolbar__group pf-m-grow pf-m-label-group">
|
|
2207
|
+
<div class="pf-v6-c-toolbar__item">
|
|
2208
|
+
<div class="pf-v6-c-label-group pf-m-category">
|
|
2209
|
+
<div class="pf-v6-c-label-group__main">
|
|
2210
|
+
<span
|
|
2211
|
+
class="pf-v6-c-label-group__label"
|
|
2212
|
+
aria-hidden="true"
|
|
2213
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-status-label-group-label"
|
|
2214
|
+
>Status</span>
|
|
2215
|
+
<ul
|
|
2216
|
+
class="pf-v6-c-label-group__list"
|
|
2217
|
+
role="list"
|
|
2218
|
+
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-status-label-group-label"
|
|
2219
|
+
>
|
|
2220
|
+
<li class="pf-v6-c-label-group__list-item">
|
|
2221
|
+
<span class="pf-v6-c-label pf-m-outline">
|
|
1980
2222
|
<span class="pf-v6-c-label__content">
|
|
1981
|
-
<span
|
|
1982
|
-
|
|
1983
|
-
|
|
1984
|
-
|
|
2223
|
+
<span class="pf-v6-c-label__content">
|
|
2224
|
+
<span
|
|
2225
|
+
class="pf-v6-c-label__text"
|
|
2226
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statuslabel-one"
|
|
2227
|
+
>Label one</span>
|
|
2228
|
+
</span>
|
|
2229
|
+
<span class="pf-v6-c-label__actions">
|
|
2230
|
+
<button
|
|
2231
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
2232
|
+
type="button"
|
|
2233
|
+
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statusremove-label-one toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statuslabel-one"
|
|
2234
|
+
aria-label="Remove"
|
|
2235
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statusremove-label-one"
|
|
2236
|
+
>
|
|
2237
|
+
<span class="pf-v6-c-button__icon">
|
|
2238
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2239
|
+
</span>
|
|
2240
|
+
</button>
|
|
2241
|
+
</span>
|
|
1985
2242
|
</span>
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
|
|
1995
|
-
|
|
1996
|
-
|
|
1997
|
-
|
|
2243
|
+
</span>
|
|
2244
|
+
</li>
|
|
2245
|
+
<li class="pf-v6-c-label-group__list-item">
|
|
2246
|
+
<span class="pf-v6-c-label pf-m-outline">
|
|
2247
|
+
<span class="pf-v6-c-label__content">
|
|
2248
|
+
<span class="pf-v6-c-label__content">
|
|
2249
|
+
<span
|
|
2250
|
+
class="pf-v6-c-label__text"
|
|
2251
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statuslabel-two"
|
|
2252
|
+
>Label two</span>
|
|
2253
|
+
</span>
|
|
2254
|
+
<span class="pf-v6-c-label__actions">
|
|
2255
|
+
<button
|
|
2256
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
2257
|
+
type="button"
|
|
2258
|
+
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statusremove-label-two toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statuslabel-two"
|
|
2259
|
+
aria-label="Remove"
|
|
2260
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statusremove-label-two"
|
|
2261
|
+
>
|
|
2262
|
+
<span class="pf-v6-c-button__icon">
|
|
2263
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2264
|
+
</span>
|
|
2265
|
+
</button>
|
|
2266
|
+
</span>
|
|
1998
2267
|
</span>
|
|
1999
2268
|
</span>
|
|
2000
|
-
</
|
|
2001
|
-
|
|
2002
|
-
|
|
2003
|
-
<span class="pf-v6-c-label pf-m-outline">
|
|
2004
|
-
<span class="pf-v6-c-label__content">
|
|
2269
|
+
</li>
|
|
2270
|
+
<li class="pf-v6-c-label-group__list-item">
|
|
2271
|
+
<span class="pf-v6-c-label pf-m-outline">
|
|
2005
2272
|
<span class="pf-v6-c-label__content">
|
|
2006
|
-
<span
|
|
2007
|
-
|
|
2008
|
-
|
|
2009
|
-
|
|
2273
|
+
<span class="pf-v6-c-label__content">
|
|
2274
|
+
<span
|
|
2275
|
+
class="pf-v6-c-label__text"
|
|
2276
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statuslabel-three"
|
|
2277
|
+
>Label three</span>
|
|
2278
|
+
</span>
|
|
2279
|
+
<span class="pf-v6-c-label__actions">
|
|
2280
|
+
<button
|
|
2281
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
2282
|
+
type="button"
|
|
2283
|
+
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statusremove-label-three toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statuslabel-three"
|
|
2284
|
+
aria-label="Remove"
|
|
2285
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statusremove-label-three"
|
|
2286
|
+
>
|
|
2287
|
+
<span class="pf-v6-c-button__icon">
|
|
2288
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2289
|
+
</span>
|
|
2290
|
+
</button>
|
|
2291
|
+
</span>
|
|
2010
2292
|
</span>
|
|
2011
|
-
|
|
2012
|
-
|
|
2013
|
-
|
|
2014
|
-
|
|
2015
|
-
|
|
2016
|
-
|
|
2017
|
-
|
|
2018
|
-
|
|
2019
|
-
|
|
2020
|
-
|
|
2021
|
-
|
|
2022
|
-
|
|
2293
|
+
</span>
|
|
2294
|
+
</li>
|
|
2295
|
+
</ul>
|
|
2296
|
+
</div>
|
|
2297
|
+
</div>
|
|
2298
|
+
</div>
|
|
2299
|
+
<div class="pf-v6-c-toolbar__item">
|
|
2300
|
+
<div class="pf-v6-c-label-group pf-m-category">
|
|
2301
|
+
<div class="pf-v6-c-label-group__main">
|
|
2302
|
+
<span
|
|
2303
|
+
class="pf-v6-c-label-group__label"
|
|
2304
|
+
aria-hidden="true"
|
|
2305
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-risk-label-group-label"
|
|
2306
|
+
>Risk</span>
|
|
2307
|
+
<ul
|
|
2308
|
+
class="pf-v6-c-label-group__list"
|
|
2309
|
+
role="list"
|
|
2310
|
+
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-risk-label-group-label"
|
|
2311
|
+
>
|
|
2312
|
+
<li class="pf-v6-c-label-group__list-item">
|
|
2313
|
+
<span class="pf-v6-c-label pf-m-outline">
|
|
2314
|
+
<span class="pf-v6-c-label__content">
|
|
2315
|
+
<span class="pf-v6-c-label__content">
|
|
2316
|
+
<span
|
|
2317
|
+
class="pf-v6-c-label__text"
|
|
2318
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-risklabel-one"
|
|
2319
|
+
>Label one</span>
|
|
2320
|
+
</span>
|
|
2321
|
+
<span class="pf-v6-c-label__actions">
|
|
2322
|
+
<button
|
|
2323
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
2324
|
+
type="button"
|
|
2325
|
+
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-riskremove-label-one toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-risklabel-one"
|
|
2326
|
+
aria-label="Remove"
|
|
2327
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-riskremove-label-one"
|
|
2328
|
+
>
|
|
2329
|
+
<span class="pf-v6-c-button__icon">
|
|
2330
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2331
|
+
</span>
|
|
2332
|
+
</button>
|
|
2333
|
+
</span>
|
|
2023
2334
|
</span>
|
|
2024
2335
|
</span>
|
|
2025
|
-
</
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
<span class="pf-v6-c-label pf-m-outline">
|
|
2029
|
-
<span class="pf-v6-c-label__content">
|
|
2336
|
+
</li>
|
|
2337
|
+
<li class="pf-v6-c-label-group__list-item">
|
|
2338
|
+
<span class="pf-v6-c-label pf-m-outline">
|
|
2030
2339
|
<span class="pf-v6-c-label__content">
|
|
2031
|
-
<span
|
|
2032
|
-
|
|
2033
|
-
|
|
2034
|
-
|
|
2340
|
+
<span class="pf-v6-c-label__content">
|
|
2341
|
+
<span
|
|
2342
|
+
class="pf-v6-c-label__text"
|
|
2343
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-risklabel-two"
|
|
2344
|
+
>Label two</span>
|
|
2345
|
+
</span>
|
|
2346
|
+
<span class="pf-v6-c-label__actions">
|
|
2347
|
+
<button
|
|
2348
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
2349
|
+
type="button"
|
|
2350
|
+
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-riskremove-label-two toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-risklabel-two"
|
|
2351
|
+
aria-label="Remove"
|
|
2352
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-riskremove-label-two"
|
|
2353
|
+
>
|
|
2354
|
+
<span class="pf-v6-c-button__icon">
|
|
2355
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2356
|
+
</span>
|
|
2357
|
+
</button>
|
|
2358
|
+
</span>
|
|
2035
2359
|
</span>
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2040
|
-
|
|
2041
|
-
|
|
2042
|
-
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
|
|
2046
|
-
|
|
2047
|
-
|
|
2360
|
+
</span>
|
|
2361
|
+
</li>
|
|
2362
|
+
<li class="pf-v6-c-label-group__list-item">
|
|
2363
|
+
<span class="pf-v6-c-label pf-m-outline">
|
|
2364
|
+
<span class="pf-v6-c-label__content">
|
|
2365
|
+
<span class="pf-v6-c-label__content">
|
|
2366
|
+
<span
|
|
2367
|
+
class="pf-v6-c-label__text"
|
|
2368
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-risklabel-three"
|
|
2369
|
+
>Label three</span>
|
|
2370
|
+
</span>
|
|
2371
|
+
<span class="pf-v6-c-label__actions">
|
|
2372
|
+
<button
|
|
2373
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
2374
|
+
type="button"
|
|
2375
|
+
aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-riskremove-label-three toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-risklabel-three"
|
|
2376
|
+
aria-label="Remove"
|
|
2377
|
+
id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-riskremove-label-three"
|
|
2378
|
+
>
|
|
2379
|
+
<span class="pf-v6-c-button__icon">
|
|
2380
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2381
|
+
</span>
|
|
2382
|
+
</button>
|
|
2383
|
+
</span>
|
|
2048
2384
|
</span>
|
|
2049
2385
|
</span>
|
|
2050
|
-
</
|
|
2051
|
-
</
|
|
2052
|
-
</
|
|
2386
|
+
</li>
|
|
2387
|
+
</ul>
|
|
2388
|
+
</div>
|
|
2053
2389
|
</div>
|
|
2054
2390
|
</div>
|
|
2055
2391
|
</div>
|
|
2056
2392
|
</div>
|
|
2057
|
-
|
|
2058
|
-
|
|
2059
|
-
|
|
2060
|
-
|
|
2393
|
+
|
|
2394
|
+
<div class="pf-v6-c-toolbar__group pf-m-action-group-inline">
|
|
2395
|
+
<div class="pf-v6-c-toolbar__item">6 filters applied</div>
|
|
2396
|
+
<div class="pf-v6-c-toolbar__item">
|
|
2397
|
+
<button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
|
|
2398
|
+
<span class="pf-v6-c-button__text">Clear all filters</span>
|
|
2399
|
+
</button>
|
|
2400
|
+
</div>
|
|
2401
|
+
<div class="pf-v6-c-toolbar__item">
|
|
2402
|
+
<button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
|
|
2403
|
+
<span class="pf-v6-c-button__text">Save all filters</span>
|
|
2404
|
+
</button>
|
|
2405
|
+
</div>
|
|
2061
2406
|
</div>
|
|
2062
2407
|
</div>
|
|
2063
2408
|
</div>
|
|
@@ -2216,6 +2561,7 @@ section: components
|
|
|
2216
2561
|
</button>
|
|
2217
2562
|
</div>
|
|
2218
2563
|
</div>
|
|
2564
|
+
|
|
2219
2565
|
<div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
|
|
2220
2566
|
<button
|
|
2221
2567
|
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
@@ -2328,13 +2674,15 @@ section: components
|
|
|
2328
2674
|
<section class="pf-v6-c-page__main-section">
|
|
2329
2675
|
<div class="pf-v6-c-page__main-body">
|
|
2330
2676
|
<div
|
|
2331
|
-
class="pf-v6-c-toolbar
|
|
2677
|
+
class="pf-v6-c-toolbar"
|
|
2332
2678
|
id="toolbar-pagination-management-example-toolbar"
|
|
2333
2679
|
>
|
|
2334
2680
|
<div class="pf-v6-c-toolbar__content">
|
|
2335
|
-
<div class="pf-v6-c-toolbar__content-section
|
|
2336
|
-
<div
|
|
2337
|
-
|
|
2681
|
+
<div class="pf-v6-c-toolbar__content-section">
|
|
2682
|
+
<div
|
|
2683
|
+
class="pf-v6-c-toolbar__group pf-m-showon-lg pf-m-toggle-group"
|
|
2684
|
+
>
|
|
2685
|
+
<div class="pf-v6-c-toolbar__toggle">
|
|
2338
2686
|
<button
|
|
2339
2687
|
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2340
2688
|
type="button"
|
|
@@ -2347,7 +2695,7 @@ section: components
|
|
|
2347
2695
|
</span>
|
|
2348
2696
|
</button>
|
|
2349
2697
|
</div>
|
|
2350
|
-
<div class="pf-v6-c-toolbar__item
|
|
2698
|
+
<div class="pf-v6-c-toolbar__item">
|
|
2351
2699
|
<div
|
|
2352
2700
|
class="pf-v6-c-input-group"
|
|
2353
2701
|
aria-label="search filter"
|
|
@@ -2360,9 +2708,6 @@ section: components
|
|
|
2360
2708
|
aria-expanded="false"
|
|
2361
2709
|
id="toolbar-pagination-management-example-toolbar-search-filter-menu"
|
|
2362
2710
|
>
|
|
2363
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
2364
|
-
<i class="fas fa-filter" aria-hidden="true"></i>
|
|
2365
|
-
</span>
|
|
2366
2711
|
<span class="pf-v6-c-menu-toggle__text">Name</span>
|
|
2367
2712
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
2368
2713
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
@@ -2381,7 +2726,7 @@ section: components
|
|
|
2381
2726
|
<input
|
|
2382
2727
|
class="pf-v6-c-text-input-group__text-input"
|
|
2383
2728
|
type="text"
|
|
2384
|
-
placeholder="
|
|
2729
|
+
placeholder="Find by name"
|
|
2385
2730
|
value
|
|
2386
2731
|
aria-label="Search input"
|
|
2387
2732
|
/>
|
|
@@ -2392,10 +2737,11 @@ section: components
|
|
|
2392
2737
|
</div>
|
|
2393
2738
|
</div>
|
|
2394
2739
|
</div>
|
|
2395
|
-
|
|
2740
|
+
|
|
2741
|
+
<div class="pf-v6-c-toolbar__item">
|
|
2396
2742
|
<div
|
|
2397
2743
|
class="pf-v6-c-overflow-menu"
|
|
2398
|
-
id="toolbar-pagination-management-example-toolbar
|
|
2744
|
+
id="toolbar-pagination-management-example-toolbar--overflow-menu"
|
|
2399
2745
|
>
|
|
2400
2746
|
<div class="pf-v6-c-overflow-menu__control">
|
|
2401
2747
|
<button
|
|
@@ -2403,7 +2749,7 @@ section: components
|
|
|
2403
2749
|
type="button"
|
|
2404
2750
|
aria-expanded="false"
|
|
2405
2751
|
aria-label="Menu toggle"
|
|
2406
|
-
id="toolbar-pagination-management-example-toolbar-overflow-
|
|
2752
|
+
id="toolbar-pagination-management-example-toolbar-overflow-toggle"
|
|
2407
2753
|
>
|
|
2408
2754
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2409
2755
|
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
@@ -2470,6 +2816,7 @@ section: components
|
|
|
2470
2816
|
</div>
|
|
2471
2817
|
</div>
|
|
2472
2818
|
</div>
|
|
2819
|
+
|
|
2473
2820
|
<div
|
|
2474
2821
|
class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
|
|
2475
2822
|
id="toolbar-pagination-management-example-toolbar-expandable-content"
|
|
@@ -2477,565 +2824,515 @@ section: components
|
|
|
2477
2824
|
></div>
|
|
2478
2825
|
</div>
|
|
2479
2826
|
</div>
|
|
2480
|
-
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
|
|
2484
|
-
|
|
2485
|
-
|
|
2486
|
-
|
|
2487
|
-
|
|
2488
|
-
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
|
|
2493
|
-
|
|
2494
|
-
|
|
2495
|
-
|
|
2496
|
-
|
|
2497
|
-
|
|
2498
|
-
|
|
2499
|
-
|
|
2500
|
-
|
|
2501
|
-
|
|
2502
|
-
|
|
2503
|
-
|
|
2504
|
-
|
|
2505
|
-
|
|
2506
|
-
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
-
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
|
|
2516
|
-
|
|
2517
|
-
|
|
2518
|
-
|
|
2519
|
-
|
|
2520
|
-
|
|
2521
|
-
|
|
2522
|
-
|
|
2523
|
-
|
|
2524
|
-
|
|
2525
|
-
</
|
|
2526
|
-
|
|
2527
|
-
|
|
2528
|
-
|
|
2529
|
-
|
|
2530
|
-
|
|
2531
|
-
|
|
2532
|
-
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow2check"
|
|
2536
|
-
for="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow2check-input"
|
|
2537
|
-
>
|
|
2538
|
-
<input
|
|
2539
|
-
class="pf-v6-c-check__input"
|
|
2540
|
-
type="checkbox"
|
|
2541
|
-
id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow2check-input"
|
|
2542
|
-
name="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow2check-input"
|
|
2543
|
-
aria-label="Standalone check"
|
|
2544
|
-
/>
|
|
2545
|
-
</label>
|
|
2546
|
-
</td>
|
|
2547
|
-
|
|
2548
|
-
<th
|
|
2549
|
-
class="pf-v6-c-table__th"
|
|
2550
|
-
role="columnheader"
|
|
2551
|
-
data-label="Repository name"
|
|
2552
|
-
>
|
|
2553
|
-
<div>
|
|
2554
|
-
<div
|
|
2555
|
-
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-node1"
|
|
2556
|
-
>Node 1</div>
|
|
2557
|
-
<a href="#">siemur/test-space</a>
|
|
2558
|
-
</div>
|
|
2559
|
-
</th>
|
|
2560
|
-
|
|
2561
|
-
<td
|
|
2562
|
-
class="pf-v6-c-table__td"
|
|
2563
|
-
role="cell"
|
|
2564
|
-
data-label="Branches"
|
|
2565
|
-
>
|
|
2566
|
-
<span>
|
|
2567
|
-
<i class="fas fa-code-branch"></i> 10
|
|
2568
|
-
</span>
|
|
2569
|
-
</td>
|
|
2570
|
-
<td
|
|
2571
|
-
class="pf-v6-c-table__td"
|
|
2572
|
-
role="cell"
|
|
2573
|
-
data-label="Pull requests"
|
|
2574
|
-
>
|
|
2575
|
-
<span>
|
|
2576
|
-
<i class="fas fa-code"></i> 25
|
|
2577
|
-
</span>
|
|
2578
|
-
</td>
|
|
2579
|
-
<td
|
|
2580
|
-
class="pf-v6-c-table__td"
|
|
2581
|
-
role="cell"
|
|
2582
|
-
data-label="Workspaces"
|
|
2583
|
-
>
|
|
2584
|
-
<span>
|
|
2585
|
-
<i class="fas fa-cube"></i> 5
|
|
2586
|
-
</span>
|
|
2587
|
-
</td>
|
|
2588
|
-
<td
|
|
2589
|
-
class="pf-v6-c-table__td"
|
|
2590
|
-
role="cell"
|
|
2591
|
-
data-label="Last commit"
|
|
2592
|
-
>2 days ago</td>
|
|
2593
|
-
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
2594
|
-
<a href="#">Action link</a>
|
|
2595
|
-
</td>
|
|
2596
|
-
|
|
2597
|
-
<td
|
|
2598
|
-
class="pf-v6-c-table__td pf-v6-c-table__action"
|
|
2599
|
-
role="cell"
|
|
2827
|
+
</div>
|
|
2828
|
+
<div class="pf-v6-c-page__main-body">
|
|
2829
|
+
<table
|
|
2830
|
+
class="pf-v6-c-table pf-m-grid-md"
|
|
2831
|
+
role="grid"
|
|
2832
|
+
aria-label="This is a table with checkboxes"
|
|
2833
|
+
id="toolbar-and-table-static-search-overflow-menu-collapsed-table"
|
|
2834
|
+
>
|
|
2835
|
+
<thead class="pf-v6-c-table__thead">
|
|
2836
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
2837
|
+
<td class="pf-v6-c-table__td"></td>
|
|
2838
|
+
|
|
2839
|
+
<th
|
|
2840
|
+
class="pf-v6-c-table__th"
|
|
2841
|
+
role="columnheader"
|
|
2842
|
+
scope="col"
|
|
2843
|
+
>Repositories</th>
|
|
2844
|
+
|
|
2845
|
+
<th
|
|
2846
|
+
class="pf-v6-c-table__th"
|
|
2847
|
+
role="columnheader"
|
|
2848
|
+
scope="col"
|
|
2849
|
+
>Branches</th>
|
|
2850
|
+
|
|
2851
|
+
<th
|
|
2852
|
+
class="pf-v6-c-table__th"
|
|
2853
|
+
role="columnheader"
|
|
2854
|
+
scope="col"
|
|
2855
|
+
>Pull requests</th>
|
|
2856
|
+
|
|
2857
|
+
<th
|
|
2858
|
+
class="pf-v6-c-table__th"
|
|
2859
|
+
role="columnheader"
|
|
2860
|
+
scope="col"
|
|
2861
|
+
>Workspaces</th>
|
|
2862
|
+
|
|
2863
|
+
<th
|
|
2864
|
+
class="pf-v6-c-table__th"
|
|
2865
|
+
role="columnheader"
|
|
2866
|
+
scope="col"
|
|
2867
|
+
>Last commit</th>
|
|
2868
|
+
|
|
2869
|
+
<td class="pf-v6-c-table__td"></td>
|
|
2870
|
+
|
|
2871
|
+
<td class="pf-v6-c-table__td"></td>
|
|
2872
|
+
</tr>
|
|
2873
|
+
</thead>
|
|
2874
|
+
|
|
2875
|
+
<tbody class="pf-v6-c-table__tbody" role="rowgroup">
|
|
2876
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
2877
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
|
|
2878
|
+
<label
|
|
2879
|
+
class="pf-v6-c-check pf-m-standalone"
|
|
2880
|
+
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-2-check"
|
|
2881
|
+
for="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-2-check-input"
|
|
2600
2882
|
>
|
|
2601
|
-
<
|
|
2602
|
-
class="pf-v6-c-
|
|
2603
|
-
type="
|
|
2604
|
-
|
|
2605
|
-
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
</button>
|
|
2611
|
-
</td>
|
|
2612
|
-
</tr>
|
|
2883
|
+
<input
|
|
2884
|
+
class="pf-v6-c-check__input"
|
|
2885
|
+
type="checkbox"
|
|
2886
|
+
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-2-check-input"
|
|
2887
|
+
name="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-2-check-input"
|
|
2888
|
+
aria-label="Standalone check"
|
|
2889
|
+
/>
|
|
2890
|
+
</label>
|
|
2891
|
+
</td>
|
|
2613
2892
|
|
|
2614
|
-
<
|
|
2615
|
-
|
|
2616
|
-
|
|
2617
|
-
|
|
2618
|
-
|
|
2619
|
-
|
|
2620
|
-
|
|
2621
|
-
id="toolbar-and-table-static-search-overflow-menu-collapsed-
|
|
2622
|
-
|
|
2623
|
-
>
|
|
2624
|
-
|
|
2625
|
-
|
|
2626
|
-
type="checkbox"
|
|
2627
|
-
id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow3check-input"
|
|
2628
|
-
name="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow3check-input"
|
|
2629
|
-
aria-label="Standalone check"
|
|
2630
|
-
/>
|
|
2631
|
-
</label>
|
|
2632
|
-
</td>
|
|
2633
|
-
|
|
2634
|
-
<th
|
|
2635
|
-
class="pf-v6-c-table__th"
|
|
2636
|
-
role="columnheader"
|
|
2637
|
-
data-label="Repository name"
|
|
2638
|
-
>
|
|
2639
|
-
<div>
|
|
2640
|
-
<div
|
|
2641
|
-
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-node2"
|
|
2642
|
-
>Node 2</div>
|
|
2643
|
-
<a href="#">siemur/test-space</a>
|
|
2644
|
-
</div>
|
|
2645
|
-
</th>
|
|
2893
|
+
<th
|
|
2894
|
+
class="pf-v6-c-table__th"
|
|
2895
|
+
role="columnheader"
|
|
2896
|
+
data-label="Repository name"
|
|
2897
|
+
>
|
|
2898
|
+
<div>
|
|
2899
|
+
<div
|
|
2900
|
+
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-node1"
|
|
2901
|
+
>Node 1</div>
|
|
2902
|
+
<a href="#">siemur/test-space</a>
|
|
2903
|
+
</div>
|
|
2904
|
+
</th>
|
|
2646
2905
|
|
|
2647
|
-
|
|
2648
|
-
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
-
|
|
2652
|
-
|
|
2653
|
-
|
|
2654
|
-
|
|
2655
|
-
|
|
2656
|
-
|
|
2657
|
-
|
|
2658
|
-
|
|
2659
|
-
|
|
2660
|
-
|
|
2661
|
-
|
|
2662
|
-
|
|
2663
|
-
|
|
2664
|
-
|
|
2665
|
-
|
|
2666
|
-
|
|
2667
|
-
|
|
2668
|
-
|
|
2906
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">
|
|
2907
|
+
<span>
|
|
2908
|
+
<i class="fas fa-code-branch"></i> 10
|
|
2909
|
+
</span>
|
|
2910
|
+
</td>
|
|
2911
|
+
<td
|
|
2912
|
+
class="pf-v6-c-table__td"
|
|
2913
|
+
role="cell"
|
|
2914
|
+
data-label="Pull requests"
|
|
2915
|
+
>
|
|
2916
|
+
<span>
|
|
2917
|
+
<i class="fas fa-code"></i> 25
|
|
2918
|
+
</span>
|
|
2919
|
+
</td>
|
|
2920
|
+
<td
|
|
2921
|
+
class="pf-v6-c-table__td"
|
|
2922
|
+
role="cell"
|
|
2923
|
+
data-label="Workspaces"
|
|
2924
|
+
>
|
|
2925
|
+
<span>
|
|
2926
|
+
<i class="fas fa-cube"></i> 5
|
|
2927
|
+
</span>
|
|
2928
|
+
</td>
|
|
2929
|
+
<td
|
|
2930
|
+
class="pf-v6-c-table__td"
|
|
2931
|
+
role="cell"
|
|
2932
|
+
data-label="Last commit"
|
|
2933
|
+
>2 days ago</td>
|
|
2934
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
2935
|
+
<a href="#">Action link</a>
|
|
2936
|
+
</td>
|
|
2937
|
+
|
|
2938
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
|
|
2939
|
+
<button
|
|
2940
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2941
|
+
type="button"
|
|
2942
|
+
aria-expanded="false"
|
|
2943
|
+
aria-label="Menu toggle"
|
|
2669
2944
|
>
|
|
2670
|
-
<span>
|
|
2671
|
-
<i class="fas fa-
|
|
2945
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
2946
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
2672
2947
|
</span>
|
|
2673
|
-
</
|
|
2674
|
-
|
|
2675
|
-
|
|
2676
|
-
role="cell"
|
|
2677
|
-
data-label="Last commit"
|
|
2678
|
-
>2 days ago</td>
|
|
2679
|
-
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
2680
|
-
<a href="#">Action link</a>
|
|
2681
|
-
</td>
|
|
2682
|
-
|
|
2683
|
-
<td
|
|
2684
|
-
class="pf-v6-c-table__td pf-v6-c-table__action"
|
|
2685
|
-
role="cell"
|
|
2686
|
-
>
|
|
2687
|
-
<button
|
|
2688
|
-
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2689
|
-
type="button"
|
|
2690
|
-
aria-expanded="false"
|
|
2691
|
-
aria-label="Menu toggle"
|
|
2692
|
-
>
|
|
2693
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
2694
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
2695
|
-
</span>
|
|
2696
|
-
</button>
|
|
2697
|
-
</td>
|
|
2698
|
-
</tr>
|
|
2948
|
+
</button>
|
|
2949
|
+
</td>
|
|
2950
|
+
</tr>
|
|
2699
2951
|
|
|
2700
|
-
|
|
2701
|
-
|
|
2702
|
-
|
|
2703
|
-
|
|
2704
|
-
|
|
2705
|
-
|
|
2706
|
-
class="pf-v6-c-check pf-m-standalone"
|
|
2707
|
-
id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow4check"
|
|
2708
|
-
for="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow4check-input"
|
|
2709
|
-
>
|
|
2710
|
-
<input
|
|
2711
|
-
class="pf-v6-c-check__input"
|
|
2712
|
-
type="checkbox"
|
|
2713
|
-
id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow4check-input"
|
|
2714
|
-
name="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow4check-input"
|
|
2715
|
-
aria-label="Standalone check"
|
|
2716
|
-
/>
|
|
2717
|
-
</label>
|
|
2718
|
-
</td>
|
|
2719
|
-
|
|
2720
|
-
<th
|
|
2721
|
-
class="pf-v6-c-table__th"
|
|
2722
|
-
role="columnheader"
|
|
2723
|
-
data-label="Repository name"
|
|
2952
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
2953
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
|
|
2954
|
+
<label
|
|
2955
|
+
class="pf-v6-c-check pf-m-standalone"
|
|
2956
|
+
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-3-check"
|
|
2957
|
+
for="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-3-check-input"
|
|
2724
2958
|
>
|
|
2725
|
-
<
|
|
2726
|
-
|
|
2727
|
-
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
|
|
2959
|
+
<input
|
|
2960
|
+
class="pf-v6-c-check__input"
|
|
2961
|
+
type="checkbox"
|
|
2962
|
+
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-3-check-input"
|
|
2963
|
+
name="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-3-check-input"
|
|
2964
|
+
aria-label="Standalone check"
|
|
2965
|
+
/>
|
|
2966
|
+
</label>
|
|
2967
|
+
</td>
|
|
2732
2968
|
|
|
2733
|
-
|
|
2734
|
-
|
|
2735
|
-
|
|
2736
|
-
|
|
2737
|
-
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
|
|
2741
|
-
|
|
2742
|
-
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
|
|
2748
|
-
|
|
2749
|
-
|
|
2750
|
-
|
|
2751
|
-
|
|
2752
|
-
|
|
2753
|
-
|
|
2754
|
-
|
|
2969
|
+
<th
|
|
2970
|
+
class="pf-v6-c-table__th"
|
|
2971
|
+
role="columnheader"
|
|
2972
|
+
data-label="Repository name"
|
|
2973
|
+
>
|
|
2974
|
+
<div>
|
|
2975
|
+
<div
|
|
2976
|
+
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-node2"
|
|
2977
|
+
>Node 2</div>
|
|
2978
|
+
<a href="#">siemur/test-space</a>
|
|
2979
|
+
</div>
|
|
2980
|
+
</th>
|
|
2981
|
+
|
|
2982
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">
|
|
2983
|
+
<span>
|
|
2984
|
+
<i class="fas fa-code-branch"></i> 8
|
|
2985
|
+
</span>
|
|
2986
|
+
</td>
|
|
2987
|
+
<td
|
|
2988
|
+
class="pf-v6-c-table__td"
|
|
2989
|
+
role="cell"
|
|
2990
|
+
data-label="Pull requests"
|
|
2991
|
+
>
|
|
2992
|
+
<span>
|
|
2993
|
+
<i class="fas fa-code"></i> 30
|
|
2994
|
+
</span>
|
|
2995
|
+
</td>
|
|
2996
|
+
<td
|
|
2997
|
+
class="pf-v6-c-table__td"
|
|
2998
|
+
role="cell"
|
|
2999
|
+
data-label="Workspaces"
|
|
3000
|
+
>
|
|
3001
|
+
<span>
|
|
3002
|
+
<i class="fas fa-cube"></i> 2
|
|
3003
|
+
</span>
|
|
3004
|
+
</td>
|
|
3005
|
+
<td
|
|
3006
|
+
class="pf-v6-c-table__td"
|
|
3007
|
+
role="cell"
|
|
3008
|
+
data-label="Last commit"
|
|
3009
|
+
>2 days ago</td>
|
|
3010
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
3011
|
+
<a href="#">Action link</a>
|
|
3012
|
+
</td>
|
|
3013
|
+
|
|
3014
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
|
|
3015
|
+
<button
|
|
3016
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
3017
|
+
type="button"
|
|
3018
|
+
aria-expanded="false"
|
|
3019
|
+
aria-label="Menu toggle"
|
|
2755
3020
|
>
|
|
2756
|
-
<span>
|
|
2757
|
-
<i class="fas fa-
|
|
3021
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
3022
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
2758
3023
|
</span>
|
|
2759
|
-
</
|
|
2760
|
-
|
|
2761
|
-
|
|
2762
|
-
role="cell"
|
|
2763
|
-
data-label="Last commit"
|
|
2764
|
-
>30 days ago</td>
|
|
2765
|
-
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
2766
|
-
<a href="#">Action link</a>
|
|
2767
|
-
</td>
|
|
2768
|
-
|
|
2769
|
-
<td
|
|
2770
|
-
class="pf-v6-c-table__td pf-v6-c-table__action"
|
|
2771
|
-
role="cell"
|
|
2772
|
-
>
|
|
2773
|
-
<button
|
|
2774
|
-
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2775
|
-
type="button"
|
|
2776
|
-
aria-expanded="false"
|
|
2777
|
-
aria-label="Menu toggle"
|
|
2778
|
-
>
|
|
2779
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
2780
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
2781
|
-
</span>
|
|
2782
|
-
</button>
|
|
2783
|
-
</td>
|
|
2784
|
-
</tr>
|
|
3024
|
+
</button>
|
|
3025
|
+
</td>
|
|
3026
|
+
</tr>
|
|
2785
3027
|
|
|
2786
|
-
|
|
2787
|
-
|
|
2788
|
-
|
|
2789
|
-
|
|
2790
|
-
|
|
2791
|
-
|
|
2792
|
-
class="pf-v6-c-check pf-m-standalone"
|
|
2793
|
-
id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow5check"
|
|
2794
|
-
for="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow5check-input"
|
|
2795
|
-
>
|
|
2796
|
-
<input
|
|
2797
|
-
class="pf-v6-c-check__input"
|
|
2798
|
-
type="checkbox"
|
|
2799
|
-
id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow5check-input"
|
|
2800
|
-
name="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow5check-input"
|
|
2801
|
-
aria-label="Standalone check"
|
|
2802
|
-
/>
|
|
2803
|
-
</label>
|
|
2804
|
-
</td>
|
|
2805
|
-
|
|
2806
|
-
<th
|
|
2807
|
-
class="pf-v6-c-table__th"
|
|
2808
|
-
role="columnheader"
|
|
2809
|
-
data-label="Repository name"
|
|
3028
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
3029
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
|
|
3030
|
+
<label
|
|
3031
|
+
class="pf-v6-c-check pf-m-standalone"
|
|
3032
|
+
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-4-check"
|
|
3033
|
+
for="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-4-check-input"
|
|
2810
3034
|
>
|
|
2811
|
-
<
|
|
2812
|
-
|
|
2813
|
-
|
|
2814
|
-
|
|
2815
|
-
|
|
2816
|
-
|
|
2817
|
-
|
|
3035
|
+
<input
|
|
3036
|
+
class="pf-v6-c-check__input"
|
|
3037
|
+
type="checkbox"
|
|
3038
|
+
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-4-check-input"
|
|
3039
|
+
name="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-4-check-input"
|
|
3040
|
+
aria-label="Standalone check"
|
|
3041
|
+
/>
|
|
3042
|
+
</label>
|
|
3043
|
+
</td>
|
|
2818
3044
|
|
|
2819
|
-
|
|
2820
|
-
|
|
2821
|
-
|
|
2822
|
-
|
|
2823
|
-
|
|
2824
|
-
|
|
2825
|
-
|
|
2826
|
-
|
|
2827
|
-
|
|
2828
|
-
|
|
2829
|
-
|
|
2830
|
-
|
|
2831
|
-
data-label="Pull requests"
|
|
2832
|
-
>
|
|
2833
|
-
<span>
|
|
2834
|
-
<i class="fas fa-code"></i> 8
|
|
2835
|
-
</span>
|
|
2836
|
-
</td>
|
|
2837
|
-
<td
|
|
2838
|
-
class="pf-v6-c-table__td"
|
|
2839
|
-
role="cell"
|
|
2840
|
-
data-label="Workspaces"
|
|
2841
|
-
>
|
|
2842
|
-
<span>
|
|
2843
|
-
<i class="fas fa-cube"></i> 20
|
|
2844
|
-
</span>
|
|
2845
|
-
</td>
|
|
2846
|
-
<td
|
|
2847
|
-
class="pf-v6-c-table__td"
|
|
2848
|
-
role="cell"
|
|
2849
|
-
data-label="Last commit"
|
|
2850
|
-
>8 days ago</td>
|
|
2851
|
-
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
2852
|
-
<a href="#">Action link</a>
|
|
2853
|
-
</td>
|
|
2854
|
-
|
|
2855
|
-
<td
|
|
2856
|
-
class="pf-v6-c-table__td pf-v6-c-table__action"
|
|
2857
|
-
role="cell"
|
|
2858
|
-
>
|
|
2859
|
-
<button
|
|
2860
|
-
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2861
|
-
type="button"
|
|
2862
|
-
aria-expanded="false"
|
|
2863
|
-
aria-label="Menu toggle"
|
|
2864
|
-
>
|
|
2865
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
2866
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
2867
|
-
</span>
|
|
2868
|
-
</button>
|
|
2869
|
-
</td>
|
|
2870
|
-
</tr>
|
|
3045
|
+
<th
|
|
3046
|
+
class="pf-v6-c-table__th"
|
|
3047
|
+
role="columnheader"
|
|
3048
|
+
data-label="Repository name"
|
|
3049
|
+
>
|
|
3050
|
+
<div>
|
|
3051
|
+
<div
|
|
3052
|
+
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-node3"
|
|
3053
|
+
>Node 3</div>
|
|
3054
|
+
<a href="#">siemur/test-space</a>
|
|
3055
|
+
</div>
|
|
3056
|
+
</th>
|
|
2871
3057
|
|
|
2872
|
-
<
|
|
2873
|
-
<
|
|
2874
|
-
class="
|
|
2875
|
-
|
|
2876
|
-
|
|
2877
|
-
|
|
2878
|
-
|
|
2879
|
-
|
|
2880
|
-
|
|
2881
|
-
>
|
|
2882
|
-
<input
|
|
2883
|
-
class="pf-v6-c-check__input"
|
|
2884
|
-
type="checkbox"
|
|
2885
|
-
id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow6check-input"
|
|
2886
|
-
name="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow6check-input"
|
|
2887
|
-
aria-label="Standalone check"
|
|
2888
|
-
/>
|
|
2889
|
-
</label>
|
|
2890
|
-
</td>
|
|
2891
|
-
<td
|
|
2892
|
-
class="pf-v6-c-table__td"
|
|
2893
|
-
role="cell"
|
|
2894
|
-
data-label="Repository name"
|
|
2895
|
-
>
|
|
2896
|
-
<div>
|
|
2897
|
-
<div
|
|
2898
|
-
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-node5"
|
|
2899
|
-
>Node 5</div>
|
|
2900
|
-
<a href="#">siemur/test-space</a>
|
|
2901
|
-
</div>
|
|
2902
|
-
</td>
|
|
2903
|
-
<td
|
|
2904
|
-
class="pf-v6-c-table__td"
|
|
2905
|
-
role="cell"
|
|
2906
|
-
data-label="Branches"
|
|
2907
|
-
>
|
|
2908
|
-
<span>
|
|
2909
|
-
<i class="fas fa-code-branch"></i> 34
|
|
2910
|
-
</span>
|
|
2911
|
-
</td>
|
|
2912
|
-
<td
|
|
2913
|
-
class="pf-v6-c-table__td"
|
|
2914
|
-
role="cell"
|
|
2915
|
-
data-label="Pull requests"
|
|
2916
|
-
>
|
|
2917
|
-
<span>
|
|
2918
|
-
<i class="fas fa-code"></i> 21
|
|
2919
|
-
</span>
|
|
2920
|
-
</td>
|
|
2921
|
-
<td
|
|
2922
|
-
class="pf-v6-c-table__td"
|
|
2923
|
-
role="cell"
|
|
2924
|
-
data-label="Workspaces"
|
|
2925
|
-
>
|
|
2926
|
-
<span>
|
|
2927
|
-
<i class="fas fa-cube"></i> 26
|
|
2928
|
-
</span>
|
|
2929
|
-
</td>
|
|
2930
|
-
<td
|
|
2931
|
-
class="pf-v6-c-table__td"
|
|
2932
|
-
role="cell"
|
|
2933
|
-
data-label="Last commit"
|
|
2934
|
-
>2 days ago</td>
|
|
2935
|
-
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
2936
|
-
<a href="#">Action link</a>
|
|
2937
|
-
</td>
|
|
2938
|
-
|
|
2939
|
-
<td
|
|
2940
|
-
class="pf-v6-c-table__td pf-v6-c-table__action"
|
|
2941
|
-
role="cell"
|
|
2942
|
-
>
|
|
2943
|
-
<button
|
|
2944
|
-
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2945
|
-
type="button"
|
|
2946
|
-
aria-expanded="false"
|
|
2947
|
-
aria-label="Menu toggle"
|
|
2948
|
-
>
|
|
2949
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
2950
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
2951
|
-
</span>
|
|
2952
|
-
</button>
|
|
2953
|
-
</td>
|
|
2954
|
-
</tr>
|
|
2955
|
-
</tbody>
|
|
2956
|
-
</table>
|
|
2957
|
-
<div class="pf-v6-c-pagination pf-m-bottom">
|
|
2958
|
-
<div class="pf-v6-c-pagination__page-menu">
|
|
2959
|
-
<button
|
|
2960
|
-
class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
|
|
2961
|
-
type="button"
|
|
2962
|
-
aria-expanded="false"
|
|
2963
|
-
aria-label="Menu toggle"
|
|
2964
|
-
id="pagination-menu-toggle-bottom-collapsed-example"
|
|
3058
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">
|
|
3059
|
+
<span>
|
|
3060
|
+
<i class="fas fa-code-branch"></i> 12
|
|
3061
|
+
</span>
|
|
3062
|
+
</td>
|
|
3063
|
+
<td
|
|
3064
|
+
class="pf-v6-c-table__td"
|
|
3065
|
+
role="cell"
|
|
3066
|
+
data-label="Pull requests"
|
|
2965
3067
|
>
|
|
2966
|
-
<span
|
|
2967
|
-
<
|
|
2968
|
-
<b>36</b>
|
|
3068
|
+
<span>
|
|
3069
|
+
<i class="fas fa-code"></i> 48
|
|
2969
3070
|
</span>
|
|
2970
|
-
|
|
2971
|
-
|
|
2972
|
-
|
|
2973
|
-
|
|
3071
|
+
</td>
|
|
3072
|
+
<td
|
|
3073
|
+
class="pf-v6-c-table__td"
|
|
3074
|
+
role="cell"
|
|
3075
|
+
data-label="Workspaces"
|
|
3076
|
+
>
|
|
3077
|
+
<span>
|
|
3078
|
+
<i class="fas fa-cube"></i> 13
|
|
2974
3079
|
</span>
|
|
2975
|
-
</
|
|
2976
|
-
|
|
2977
|
-
|
|
2978
|
-
|
|
3080
|
+
</td>
|
|
3081
|
+
<td
|
|
3082
|
+
class="pf-v6-c-table__td"
|
|
3083
|
+
role="cell"
|
|
3084
|
+
data-label="Last commit"
|
|
3085
|
+
>30 days ago</td>
|
|
3086
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
3087
|
+
<a href="#">Action link</a>
|
|
3088
|
+
</td>
|
|
3089
|
+
|
|
3090
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
|
|
2979
3091
|
<button
|
|
2980
|
-
class="pf-v6-c-
|
|
3092
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
2981
3093
|
type="button"
|
|
2982
|
-
|
|
2983
|
-
aria-label="
|
|
3094
|
+
aria-expanded="false"
|
|
3095
|
+
aria-label="Menu toggle"
|
|
2984
3096
|
>
|
|
2985
|
-
<span class="pf-v6-c-
|
|
2986
|
-
<i class="fas fa-
|
|
3097
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
3098
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
2987
3099
|
</span>
|
|
2988
3100
|
</button>
|
|
2989
|
-
</
|
|
2990
|
-
|
|
2991
|
-
|
|
2992
|
-
|
|
2993
|
-
|
|
2994
|
-
|
|
2995
|
-
|
|
3101
|
+
</td>
|
|
3102
|
+
</tr>
|
|
3103
|
+
|
|
3104
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
3105
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
|
|
3106
|
+
<label
|
|
3107
|
+
class="pf-v6-c-check pf-m-standalone"
|
|
3108
|
+
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-5-check"
|
|
3109
|
+
for="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-5-check-input"
|
|
2996
3110
|
>
|
|
2997
|
-
<span class="pf-v6-c-button__icon">
|
|
2998
|
-
<i class="fas fa-angle-left" aria-hidden="true"></i>
|
|
2999
|
-
</span>
|
|
3000
|
-
</button>
|
|
3001
|
-
</div>
|
|
3002
|
-
<div class="pf-v6-c-pagination__nav-page-select">
|
|
3003
|
-
<span class="pf-v6-c-form-control">
|
|
3004
3111
|
<input
|
|
3005
|
-
|
|
3006
|
-
type="
|
|
3007
|
-
|
|
3008
|
-
|
|
3009
|
-
|
|
3112
|
+
class="pf-v6-c-check__input"
|
|
3113
|
+
type="checkbox"
|
|
3114
|
+
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-5-check-input"
|
|
3115
|
+
name="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-5-check-input"
|
|
3116
|
+
aria-label="Standalone check"
|
|
3010
3117
|
/>
|
|
3118
|
+
</label>
|
|
3119
|
+
</td>
|
|
3120
|
+
|
|
3121
|
+
<th
|
|
3122
|
+
class="pf-v6-c-table__th"
|
|
3123
|
+
role="columnheader"
|
|
3124
|
+
data-label="Repository name"
|
|
3125
|
+
>
|
|
3126
|
+
<div>
|
|
3127
|
+
<div
|
|
3128
|
+
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-node4"
|
|
3129
|
+
>Node 4</div>
|
|
3130
|
+
<a href="#">siemur/test-space</a>
|
|
3131
|
+
</div>
|
|
3132
|
+
</th>
|
|
3133
|
+
|
|
3134
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">
|
|
3135
|
+
<span>
|
|
3136
|
+
<i class="fas fa-code-branch"></i> 3
|
|
3011
3137
|
</span>
|
|
3012
|
-
|
|
3013
|
-
|
|
3014
|
-
|
|
3138
|
+
</td>
|
|
3139
|
+
<td
|
|
3140
|
+
class="pf-v6-c-table__td"
|
|
3141
|
+
role="cell"
|
|
3142
|
+
data-label="Pull requests"
|
|
3143
|
+
>
|
|
3144
|
+
<span>
|
|
3145
|
+
<i class="fas fa-code"></i> 8
|
|
3146
|
+
</span>
|
|
3147
|
+
</td>
|
|
3148
|
+
<td
|
|
3149
|
+
class="pf-v6-c-table__td"
|
|
3150
|
+
role="cell"
|
|
3151
|
+
data-label="Workspaces"
|
|
3152
|
+
>
|
|
3153
|
+
<span>
|
|
3154
|
+
<i class="fas fa-cube"></i> 20
|
|
3155
|
+
</span>
|
|
3156
|
+
</td>
|
|
3157
|
+
<td
|
|
3158
|
+
class="pf-v6-c-table__td"
|
|
3159
|
+
role="cell"
|
|
3160
|
+
data-label="Last commit"
|
|
3161
|
+
>8 days ago</td>
|
|
3162
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
3163
|
+
<a href="#">Action link</a>
|
|
3164
|
+
</td>
|
|
3165
|
+
|
|
3166
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
|
|
3015
3167
|
<button
|
|
3016
|
-
class="pf-v6-c-
|
|
3168
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
3017
3169
|
type="button"
|
|
3018
|
-
aria-
|
|
3170
|
+
aria-expanded="false"
|
|
3171
|
+
aria-label="Menu toggle"
|
|
3019
3172
|
>
|
|
3020
|
-
<span class="pf-v6-c-
|
|
3021
|
-
<i class="fas fa-
|
|
3173
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
3174
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
3022
3175
|
</span>
|
|
3023
3176
|
</button>
|
|
3024
|
-
</
|
|
3025
|
-
|
|
3177
|
+
</td>
|
|
3178
|
+
</tr>
|
|
3179
|
+
|
|
3180
|
+
<tr class="pf-v6-c-table__tr" role="row">
|
|
3181
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
|
|
3182
|
+
<label
|
|
3183
|
+
class="pf-v6-c-check pf-m-standalone"
|
|
3184
|
+
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-6-check"
|
|
3185
|
+
for="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-6-check-input"
|
|
3186
|
+
>
|
|
3187
|
+
<input
|
|
3188
|
+
class="pf-v6-c-check__input"
|
|
3189
|
+
type="checkbox"
|
|
3190
|
+
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-6-check-input"
|
|
3191
|
+
name="toolbar-and-table-static-search-overflow-menu-collapsed-table-checkrow-6-check-input"
|
|
3192
|
+
aria-label="Standalone check"
|
|
3193
|
+
/>
|
|
3194
|
+
</label>
|
|
3195
|
+
</td>
|
|
3196
|
+
<td
|
|
3197
|
+
class="pf-v6-c-table__td"
|
|
3198
|
+
role="cell"
|
|
3199
|
+
data-label="Repository name"
|
|
3200
|
+
>
|
|
3201
|
+
<div>
|
|
3202
|
+
<div
|
|
3203
|
+
id="toolbar-and-table-static-search-overflow-menu-collapsed-table-node5"
|
|
3204
|
+
>Node 5</div>
|
|
3205
|
+
<a href="#">siemur/test-space</a>
|
|
3206
|
+
</div>
|
|
3207
|
+
</td>
|
|
3208
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Branches">
|
|
3209
|
+
<span>
|
|
3210
|
+
<i class="fas fa-code-branch"></i> 34
|
|
3211
|
+
</span>
|
|
3212
|
+
</td>
|
|
3213
|
+
<td
|
|
3214
|
+
class="pf-v6-c-table__td"
|
|
3215
|
+
role="cell"
|
|
3216
|
+
data-label="Pull requests"
|
|
3217
|
+
>
|
|
3218
|
+
<span>
|
|
3219
|
+
<i class="fas fa-code"></i> 21
|
|
3220
|
+
</span>
|
|
3221
|
+
</td>
|
|
3222
|
+
<td
|
|
3223
|
+
class="pf-v6-c-table__td"
|
|
3224
|
+
role="cell"
|
|
3225
|
+
data-label="Workspaces"
|
|
3226
|
+
>
|
|
3227
|
+
<span>
|
|
3228
|
+
<i class="fas fa-cube"></i> 26
|
|
3229
|
+
</span>
|
|
3230
|
+
</td>
|
|
3231
|
+
<td
|
|
3232
|
+
class="pf-v6-c-table__td"
|
|
3233
|
+
role="cell"
|
|
3234
|
+
data-label="Last commit"
|
|
3235
|
+
>2 days ago</td>
|
|
3236
|
+
<td class="pf-v6-c-table__td" role="cell" data-label="Action">
|
|
3237
|
+
<a href="#">Action link</a>
|
|
3238
|
+
</td>
|
|
3239
|
+
|
|
3240
|
+
<td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
|
|
3026
3241
|
<button
|
|
3027
|
-
class="pf-v6-c-
|
|
3242
|
+
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
3028
3243
|
type="button"
|
|
3029
|
-
|
|
3030
|
-
aria-label="
|
|
3244
|
+
aria-expanded="false"
|
|
3245
|
+
aria-label="Menu toggle"
|
|
3031
3246
|
>
|
|
3032
|
-
<span class="pf-v6-c-
|
|
3033
|
-
<i class="fas fa-
|
|
3247
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
3248
|
+
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
3034
3249
|
</span>
|
|
3035
3250
|
</button>
|
|
3036
|
-
</
|
|
3037
|
-
</
|
|
3251
|
+
</td>
|
|
3252
|
+
</tr>
|
|
3253
|
+
</tbody>
|
|
3254
|
+
</table>
|
|
3255
|
+
<div class="pf-v6-c-pagination pf-m-bottom">
|
|
3256
|
+
<div class="pf-v6-c-pagination__page-menu">
|
|
3257
|
+
<button
|
|
3258
|
+
class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
|
|
3259
|
+
type="button"
|
|
3260
|
+
aria-expanded="false"
|
|
3261
|
+
aria-label="Menu toggle"
|
|
3262
|
+
id="pagination-menu-toggle-bottom-collapsed-example"
|
|
3263
|
+
>
|
|
3264
|
+
<span class="pf-v6-c-menu-toggle__text">
|
|
3265
|
+
<b>1 - 10</b> of
|
|
3266
|
+
<b>36</b>
|
|
3267
|
+
</span>
|
|
3268
|
+
<span class="pf-v6-c-menu-toggle__controls">
|
|
3269
|
+
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
3270
|
+
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
3271
|
+
</span>
|
|
3272
|
+
</span>
|
|
3273
|
+
</button>
|
|
3038
3274
|
</div>
|
|
3275
|
+
<nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
|
|
3276
|
+
<div class="pf-v6-c-pagination__nav-control pf-m-first">
|
|
3277
|
+
<button
|
|
3278
|
+
class="pf-v6-c-button pf-m-plain"
|
|
3279
|
+
type="button"
|
|
3280
|
+
disabled
|
|
3281
|
+
aria-label="Go to first page"
|
|
3282
|
+
>
|
|
3283
|
+
<span class="pf-v6-c-button__icon">
|
|
3284
|
+
<i class="fas fa-angle-double-left" aria-hidden="true"></i>
|
|
3285
|
+
</span>
|
|
3286
|
+
</button>
|
|
3287
|
+
</div>
|
|
3288
|
+
<div class="pf-v6-c-pagination__nav-control pf-m-prev">
|
|
3289
|
+
<button
|
|
3290
|
+
class="pf-v6-c-button pf-m-plain"
|
|
3291
|
+
type="button"
|
|
3292
|
+
disabled
|
|
3293
|
+
aria-label="Go to previous page"
|
|
3294
|
+
>
|
|
3295
|
+
<span class="pf-v6-c-button__icon">
|
|
3296
|
+
<i class="fas fa-angle-left" aria-hidden="true"></i>
|
|
3297
|
+
</span>
|
|
3298
|
+
</button>
|
|
3299
|
+
</div>
|
|
3300
|
+
<div class="pf-v6-c-pagination__nav-page-select">
|
|
3301
|
+
<span class="pf-v6-c-form-control">
|
|
3302
|
+
<input
|
|
3303
|
+
aria-label="Current page"
|
|
3304
|
+
type="number"
|
|
3305
|
+
min="1"
|
|
3306
|
+
max="4"
|
|
3307
|
+
value="1"
|
|
3308
|
+
/>
|
|
3309
|
+
</span>
|
|
3310
|
+
<span aria-hidden="true">of 4</span>
|
|
3311
|
+
</div>
|
|
3312
|
+
<div class="pf-v6-c-pagination__nav-control pf-m-next">
|
|
3313
|
+
<button
|
|
3314
|
+
class="pf-v6-c-button pf-m-plain"
|
|
3315
|
+
type="button"
|
|
3316
|
+
aria-label="Go to next page"
|
|
3317
|
+
>
|
|
3318
|
+
<span class="pf-v6-c-button__icon">
|
|
3319
|
+
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
3320
|
+
</span>
|
|
3321
|
+
</button>
|
|
3322
|
+
</div>
|
|
3323
|
+
<div class="pf-v6-c-pagination__nav-control pf-m-last">
|
|
3324
|
+
<button
|
|
3325
|
+
class="pf-v6-c-button pf-m-plain"
|
|
3326
|
+
type="button"
|
|
3327
|
+
disabled
|
|
3328
|
+
aria-label="Go to last page"
|
|
3329
|
+
>
|
|
3330
|
+
<span class="pf-v6-c-button__icon">
|
|
3331
|
+
<i class="fas fa-angle-double-right" aria-hidden="true"></i>
|
|
3332
|
+
</span>
|
|
3333
|
+
</button>
|
|
3334
|
+
</div>
|
|
3335
|
+
</nav>
|
|
3039
3336
|
</div>
|
|
3040
3337
|
</div>
|
|
3041
3338
|
</section>
|