@rio-cloud/uikit-mcp 1.1.7 → 1.1.9
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/README.md +24 -18
- package/dist/doc-metadata.json +125 -295
- package/dist/docs/components/accentBar.md +16 -69
- package/dist/docs/components/activity.md +7 -44
- package/dist/docs/components/animatedNumber.md +3 -11
- package/dist/docs/components/animatedTextReveal.md +6 -34
- package/dist/docs/components/animations.md +21 -54
- package/dist/docs/components/appHeader.md +11 -30
- package/dist/docs/components/appLayout.md +40 -193
- package/dist/docs/components/appNavigationBar.md +1 -24
- package/dist/docs/components/areaCharts.md +7 -22
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -9
- package/dist/docs/components/assetTree.md +241 -280
- package/dist/docs/components/autosuggests.md +3 -102
- package/dist/docs/components/avatar.md +1 -16
- package/dist/docs/components/banner.md +4 -37
- package/dist/docs/components/barCharts.md +20 -75
- package/dist/docs/components/barList.md +10 -78
- package/dist/docs/components/basicMap.md +1 -67
- package/dist/docs/components/bottomSheet.md +2 -28
- package/dist/docs/components/button.md +12 -65
- package/dist/docs/components/buttonToolbar.md +5 -19
- package/dist/docs/components/calendarStripe.md +50 -100
- package/dist/docs/components/card.md +1 -9
- package/dist/docs/components/carousel.md +1 -14
- package/dist/docs/components/chartColors.md +1 -156
- package/dist/docs/components/chartsGettingStarted.md +1 -1
- package/dist/docs/components/chat.md +2 -81
- package/dist/docs/components/checkbox.md +11 -72
- package/dist/docs/components/circularProgress.md +8 -49
- package/dist/docs/components/clearableInput.md +3 -62
- package/dist/docs/components/collapse.md +2 -15
- package/dist/docs/components/composedCharts.md +16 -26
- package/dist/docs/components/contentLoader.md +7 -25
- package/dist/docs/components/dataTabs.md +16 -104
- package/dist/docs/components/datepickers.md +710 -962
- package/dist/docs/components/dialogs.md +5 -67
- package/dist/docs/components/divider.md +1 -33
- package/dist/docs/components/dropdowns.md +3424 -5567
- package/dist/docs/components/editableContent.md +4 -82
- package/dist/docs/components/expander.md +15 -88
- package/dist/docs/components/fade.md +4 -61
- package/dist/docs/components/fadeExpander.md +1 -7
- package/dist/docs/components/fadeUp.md +2 -76
- package/dist/docs/components/feedback.md +9 -68
- package/dist/docs/components/filePickers.md +4 -18
- package/dist/docs/components/formLabel.md +7 -27
- package/dist/docs/components/groupedItemList.md +2 -158
- package/dist/docs/components/iconList.md +7 -64
- package/dist/docs/components/imagePreloader.md +1 -9
- package/dist/docs/components/labeledElement.md +3 -18
- package/dist/docs/components/licensePlate.md +1 -43
- package/dist/docs/components/lineCharts.md +8 -39
- package/dist/docs/components/listMenu.md +2 -34
- package/dist/docs/components/loadMore.md +5 -24
- package/dist/docs/components/mainNavigation.md +1 -9
- package/dist/docs/components/mapCircle.md +1 -23
- package/dist/docs/components/mapCluster.md +2 -54
- package/dist/docs/components/mapContext.md +1 -23
- package/dist/docs/components/mapDraggableMarker.md +2 -28
- package/dist/docs/components/mapGettingStarted.md +2 -2
- package/dist/docs/components/mapInfoBubble.md +1 -27
- package/dist/docs/components/mapLayerGroup.md +1 -23
- package/dist/docs/components/mapMarker.md +1 -99
- package/dist/docs/components/mapPolygon.md +2 -116
- package/dist/docs/components/mapRoute.md +6 -1465
- package/dist/docs/components/mapRouteGenerator.md +1 -1
- package/dist/docs/components/mapSettings.md +11 -128
- package/dist/docs/components/mapUtils.md +10 -113
- package/dist/docs/components/multiselects.md +14 -163
- package/dist/docs/components/noData.md +8 -22
- package/dist/docs/components/notifications.md +3 -19
- package/dist/docs/components/numbercontrol.md +3 -47
- package/dist/docs/components/onboarding.md +3 -15
- package/dist/docs/components/page.md +1 -33
- package/dist/docs/components/pager.md +1 -17
- package/dist/docs/components/pieCharts.md +40 -71
- package/dist/docs/components/popover.md +1 -12
- package/dist/docs/components/position.md +2 -6
- package/dist/docs/components/radialBarCharts.md +32 -116
- package/dist/docs/components/radioCardGroup.md +6 -48
- package/dist/docs/components/radiobutton.md +6 -75
- package/dist/docs/components/releaseNotes.md +3 -21
- package/dist/docs/components/resizer.md +1 -7
- package/dist/docs/components/responsiveColumnStripe.md +9 -49
- package/dist/docs/components/responsiveVideo.md +1 -7
- package/dist/docs/components/rioglyph.md +1 -17
- package/dist/docs/components/rules.md +7 -70
- package/dist/docs/components/saveableInput.md +267 -401
- package/dist/docs/components/selects.md +27 -1164
- package/dist/docs/components/sidebar.md +6 -17
- package/dist/docs/components/sliders.md +1 -27
- package/dist/docs/components/smoothScrollbars.md +1 -73
- package/dist/docs/components/spinners.md +6 -51
- package/dist/docs/components/states.md +6 -92
- package/dist/docs/components/statsWidgets.md +1 -76
- package/dist/docs/components/statusBar.md +1 -57
- package/dist/docs/components/stepButton.md +2 -7
- package/dist/docs/components/steppedProgressBars.md +5 -62
- package/dist/docs/components/subNavigation.md +1 -31
- package/dist/docs/components/supportMarker.md +2 -14
- package/dist/docs/components/svgImage.md +1 -5
- package/dist/docs/components/switch.md +2 -33
- package/dist/docs/components/tables.md +1 -1
- package/dist/docs/components/tagManager.md +1 -41
- package/dist/docs/components/tags.md +1 -138
- package/dist/docs/components/teaser.md +2 -122
- package/dist/docs/components/textTruncateMiddle.md +2 -9
- package/dist/docs/components/timeline.md +1 -99
- package/dist/docs/components/timepicker.md +4 -79
- package/dist/docs/components/toggleButton.md +2 -15
- package/dist/docs/components/tooltip.md +9 -30
- package/dist/docs/components/tracker.md +2 -19
- package/dist/docs/components/virtualList.md +61 -130
- package/dist/docs/foundations.md +749 -4069
- package/dist/docs/start/changelog.md +5 -1
- package/dist/docs/start/goodtoknow.md +1 -1
- package/dist/docs/start/guidelines/color-combinations.md +149 -483
- package/dist/docs/start/guidelines/custom-css.md +1 -1
- package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
- package/dist/docs/start/guidelines/formatting.md +1 -1
- package/dist/docs/start/guidelines/iframe.md +4 -16
- package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
- package/dist/docs/start/guidelines/print-css.md +1 -1
- package/dist/docs/start/guidelines/spinner.md +13 -67
- package/dist/docs/start/guidelines/state-in-url.md +1 -1
- package/dist/docs/start/guidelines/supported-browsers.md +1 -1
- package/dist/docs/start/guidelines/writing.md +1 -1
- package/dist/docs/start/howto.md +11 -11
- package/dist/docs/start/intro.md +1 -1
- package/dist/docs/start/responsiveness.md +1 -1
- package/dist/docs/utilities/classNames.md +3 -18
- package/dist/docs/utilities/deviceUtils.md +7 -13
- package/dist/docs/utilities/featureToggles.md +1 -1
- package/dist/docs/utilities/fuelTypeUtils.md +2 -12
- package/dist/docs/utilities/routeUtils.md +25 -343
- package/dist/docs/utilities/useAfterMount.md +1 -6
- package/dist/docs/utilities/useAutoAnimate.md +2 -15
- package/dist/docs/utilities/useAverage.md +1 -6
- package/dist/docs/utilities/useClickOutside.md +1 -5
- package/dist/docs/utilities/useClipboard.md +2 -6
- package/dist/docs/utilities/useCookies.md +2 -10
- package/dist/docs/utilities/useCount.md +7 -16
- package/dist/docs/utilities/useDarkMode.md +2 -6
- package/dist/docs/utilities/useDebugInfo.md +6 -20
- package/dist/docs/utilities/useEffectOnce.md +1 -6
- package/dist/docs/utilities/useElapsedTime.md +2 -6
- package/dist/docs/utilities/useElementSize.md +1 -7
- package/dist/docs/utilities/useEsc.md +1 -5
- package/dist/docs/utilities/useEvent.md +1 -5
- package/dist/docs/utilities/useFocusTrap.md +1 -5
- package/dist/docs/utilities/useFullscreen.md +2 -15
- package/dist/docs/utilities/useHover.md +1 -5
- package/dist/docs/utilities/useIncomingPostMessages.md +2 -18
- package/dist/docs/utilities/useInterval.md +2 -8
- package/dist/docs/utilities/useIsFocusWithin.md +1 -10
- package/dist/docs/utilities/useKey.md +1 -15
- package/dist/docs/utilities/useLocalStorage.md +2 -11
- package/dist/docs/utilities/useLocationSuggestions.md +1 -5
- package/dist/docs/utilities/useMax.md +1 -5
- package/dist/docs/utilities/useMin.md +1 -5
- package/dist/docs/utilities/useMutationObserver.md +3 -11
- package/dist/docs/utilities/useOnScreen.md +1 -8
- package/dist/docs/utilities/useOnlineStatus.md +1 -5
- package/dist/docs/utilities/usePostMessage.md +3 -9
- package/dist/docs/utilities/usePostMessageSender.md +3 -13
- package/dist/docs/utilities/usePrevious.md +1 -5
- package/dist/docs/utilities/useResizeObserver.md +3 -11
- package/dist/docs/utilities/useRioCookieConsent.md +1 -5
- package/dist/docs/utilities/useScrollPosition.md +3 -59
- package/dist/docs/utilities/useSearch.md +2 -16
- package/dist/docs/utilities/useSearchHighlight.md +13 -78
- package/dist/docs/utilities/useSorting.md +18 -43
- package/dist/docs/utilities/useStateWithValidation.md +1 -5
- package/dist/docs/utilities/useSum.md +1 -9
- package/dist/docs/utilities/useTableExport.md +42 -59
- package/dist/docs/utilities/useTableSelection.md +74 -119
- package/dist/docs/utilities/useTimeout.md +2 -6
- package/dist/docs/utilities/useToggle.md +4 -14
- package/dist/docs/utilities/useUrlState.md +2 -27
- package/dist/docs/utilities/useWindowResize.md +1 -5
- package/dist/index.mjs +46 -16
- package/dist/version.json +2 -2
- package/package.json +15 -9
- package/dist/docs/templates/common-table.md +0 -1112
- package/dist/docs/templates/detail-views.md +0 -942
- package/dist/docs/templates/expandable-details.md +0 -228
- package/dist/docs/templates/feature-cards.md +0 -549
- package/dist/docs/templates/form-summary.md +0 -199
- package/dist/docs/templates/form-toggle.md +0 -367
- package/dist/docs/templates/list-blocks.md +0 -1021
- package/dist/docs/templates/loading-progress.md +0 -109
- package/dist/docs/templates/options-panel.md +0 -152
- package/dist/docs/templates/panel-variants.md +0 -164
- package/dist/docs/templates/progress-cards.md +0 -607
- package/dist/docs/templates/progress-success.md +0 -142
- package/dist/docs/templates/settings-form.md +0 -434
- package/dist/docs/templates/stats-blocks.md +0 -1381
- package/dist/docs/templates/table-panel.md +0 -184
- package/dist/docs/templates/table-row-animation.md +0 -317
- package/dist/docs/templates/usage-cards.md +0 -227
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*Category:* Components
|
|
4
4
|
*Section:* Selection
|
|
5
5
|
*Source:* https://uikit.developers.rio.cloud/#/components/assetTree
|
|
6
|
-
*Captured:* 2026-
|
|
6
|
+
*Captured:* 2026-03-06T10:40:27.768Z
|
|
7
7
|
|
|
8
8
|
## AssetTree
|
|
9
9
|
|
|
@@ -11,99 +11,44 @@
|
|
|
11
11
|
|
|
12
12
|
Filter
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
5616
|
|
15
15
|
4
|
|
16
16
|
|
|
17
|
-
Group -
|
|
17
|
+
Group - Abbie Frami - 5984 25
|
|
18
18
|
|
|
19
|
-
Group -
|
|
19
|
+
Group - Abigayle Schiller - 8156 8
|
|
20
20
|
|
|
21
|
-
Group -
|
|
21
|
+
Group - Adam Bednar - 2630 8
|
|
22
22
|
|
|
23
|
-
Group -
|
|
23
|
+
Group - Adriel Bartell - 1478 10
|
|
24
24
|
|
|
25
|
-
Group -
|
|
25
|
+
Group - Adrien Koss - 6578 15
|
|
26
26
|
|
|
27
|
-
Group -
|
|
27
|
+
Group - Ahmad Hessel - 9343 10
|
|
28
28
|
|
|
29
|
-
Group -
|
|
29
|
+
Group - Ahmed Friesen - 6567 10
|
|
30
30
|
|
|
31
|
-
Group -
|
|
31
|
+
Group - Albina Hammes-Wehner - 2559 16
|
|
32
32
|
|
|
33
|
-
Group -
|
|
33
|
+
Group - Alex Barton - 8849 14
|
|
34
34
|
|
|
35
|
-
Group -
|
|
35
|
+
Group - Alex Kilback - 5160 14
|
|
36
36
|
|
|
37
|
-
Group -
|
|
37
|
+
Group - Alex Nader - 8551 13
|
|
38
38
|
|
|
39
|
-
Group -
|
|
39
|
+
Group - Alexander Dickens - 7423 21
|
|
40
40
|
|
|
41
|
-
Group -
|
|
41
|
+
Group - Alyson Altenwerth - 1730 12
|
|
42
42
|
|
|
43
|
-
Group -
|
|
43
|
+
Group - Alyssa Hilll - 7463 18
|
|
44
44
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
200
|
|
48
|
-
|
|
49
|
-
Load trucksClear treeToggle all groups selection
|
|
50
|
-
|
|
51
|
-
Current category:
|
|
52
|
-
trucks
|
|
53
|
-
Selected groups:
|
|
54
|
-
|
|
55
|
-
Selected assets:
|
|
56
|
-
|
|
57
|
-
Expanded groups:
|
|
58
|
-
Trailer Group
|
|
59
|
-
|
|
60
|
-
Selected drivers:
|
|
61
|
-
|
|
62
|
-
Search value:
|
|
63
|
-
|
|
64
|
-
Asset type filter:
|
|
65
|
-
[]
|
|
66
|
-
|
|
67
|
-
#### Summary
|
|
68
|
-
|
|
69
|
-
Filter
|
|
70
|
-
|
|
71
|
-
5143
|
|
72
|
-
4
|
|
73
|
-
|
|
74
|
-
Group - Aaron Waters - 73367
|
|
75
|
-
|
|
76
|
-
Group - Abagail Stoltenberg - 913613
|
|
77
|
-
|
|
78
|
-
Group - Abelardo Considine DVM - 62765
|
|
79
|
-
|
|
80
|
-
Group - Abraham Senger PhD - 132716
|
|
81
|
-
|
|
82
|
-
Group - Alberta Veum - 57937
|
|
83
|
-
|
|
84
|
-
Group - Alek Gulgowski - 954312
|
|
85
|
-
|
|
86
|
-
Group - Alena Welch - 15629
|
|
87
|
-
|
|
88
|
-
Group - Alessandro Blanda - 38079
|
|
89
|
-
|
|
90
|
-
Group - Alexandra Hyatt I - 382820
|
|
91
|
-
|
|
92
|
-
Group - Alison Jerde - 909211
|
|
93
|
-
|
|
94
|
-
Group - Alta Schuppe - 900418
|
|
95
|
-
|
|
96
|
-
Group - Alvin Wolf - 135517
|
|
97
|
-
|
|
98
|
-
Group - Amber Hodkiewicz V - 132312
|
|
99
|
-
|
|
100
|
-
Group - Amber O'Reilly - 345011
|
|
45
|
+
Group - Alyssa Russel PhD - 6088 11
|
|
101
46
|
|
|
102
47
|
200
|
|
103
48
|
|
|
104
49
|
200
|
|
105
50
|
|
|
106
|
-
Load
|
|
51
|
+
Load trucks Clear tree Toggle all groups selection
|
|
107
52
|
|
|
108
53
|
Current category:
|
|
109
54
|
trucks
|
|
@@ -612,54 +557,27 @@ export default AssetTreeExample;
|
|
|
612
557
|
|
|
613
558
|
### Example: Example 2
|
|
614
559
|
|
|
615
|
-
5
|
|
616
|
-
8
|
|
617
560
|
8
|
|
618
|
-
9
|
|
619
|
-
|
|
620
|
-
My Empty Group7
|
|
621
|
-
|
|
622
|
-
Truck Group East3
|
|
623
|
-
|
|
624
|
-
Truck Group North2
|
|
625
|
-
N18-G225 / M-AN 1027
|
|
626
|
-
N18-G660 / M-AN 1019
|
|
627
|
-
|
|
628
|
-
Truck Group South8
|
|
629
|
-
|
|
630
|
-
Truck Group West7
|
|
631
|
-
|
|
632
|
-
All my unassigned Trucks3
|
|
633
|
-
|
|
634
|
-
Current category:
|
|
635
|
-
assets
|
|
636
|
-
Selected tree groups:
|
|
637
|
-
|
|
638
|
-
Selected assets:
|
|
639
|
-
|
|
640
|
-
Expanded tree groups:
|
|
641
|
-
Truck Group North
|
|
642
|
-
|
|
643
|
-
#### Summary
|
|
644
|
-
|
|
645
561
|
5
|
|
646
562
|
8
|
|
647
|
-
8
|
|
648
563
|
9
|
|
649
564
|
|
|
650
|
-
My Empty
|
|
565
|
+
My Empty Group 4
|
|
651
566
|
|
|
652
|
-
Truck Group
|
|
567
|
+
Truck Group East 4
|
|
653
568
|
|
|
654
|
-
Truck Group
|
|
655
|
-
N18-
|
|
656
|
-
N18-
|
|
569
|
+
Truck Group North 5
|
|
570
|
+
N18-G203 / M-AN 1009
|
|
571
|
+
N18-G458 / M-AN 1015
|
|
572
|
+
N18-G504 / M-AN 1024
|
|
573
|
+
N18-G754 / M-AN 1028
|
|
574
|
+
N18-G932 / M-AN 1006
|
|
657
575
|
|
|
658
|
-
Truck Group
|
|
576
|
+
Truck Group South 6
|
|
659
577
|
|
|
660
|
-
Truck Group
|
|
578
|
+
Truck Group West 7
|
|
661
579
|
|
|
662
|
-
All my unassigned
|
|
580
|
+
All my unassigned Trucks 4
|
|
663
581
|
|
|
664
582
|
Current category:
|
|
665
583
|
assets
|
|
@@ -856,14 +774,14 @@ export default AssetTreeSingleSelectExample;
|
|
|
856
774
|
<div class="display-flex justify-content-between align-items-start width-100pct">
|
|
857
775
|
<div class="TreeSummary display-flex flex-wrap align-items-center gap-10 padding-left-3">
|
|
858
776
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
859
|
-
<span class="rioglyph rioglyph-
|
|
777
|
+
<span class="rioglyph rioglyph-van text-size-16 margin-right-2">
|
|
860
778
|
</span>
|
|
861
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
779
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
|
|
862
780
|
</div>
|
|
863
781
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
864
|
-
<span class="rioglyph rioglyph-
|
|
782
|
+
<span class="rioglyph rioglyph-bus text-size-16 margin-right-2">
|
|
865
783
|
</span>
|
|
866
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
784
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">5</span>
|
|
867
785
|
</div>
|
|
868
786
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
869
787
|
<span class="rioglyph rioglyph-trailer text-size-16 margin-right-2">
|
|
@@ -871,7 +789,7 @@ export default AssetTreeSingleSelectExample;
|
|
|
871
789
|
<span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
|
|
872
790
|
</div>
|
|
873
791
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
874
|
-
<span class="rioglyph rioglyph-
|
|
792
|
+
<span class="rioglyph rioglyph-truck text-size-16 margin-right-2">
|
|
875
793
|
</span>
|
|
876
794
|
<span class="TreeLabelCount label label-condensed label-muted label-filled">9</span>
|
|
877
795
|
</div>
|
|
@@ -886,7 +804,7 @@ export default AssetTreeSingleSelectExample;
|
|
|
886
804
|
<span class="TreeLabelNameText">
|
|
887
805
|
<span class="TreeLabelNameTextHeadline">My Empty Group</span>
|
|
888
806
|
</span>
|
|
889
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
807
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
|
|
890
808
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
891
809
|
</span>
|
|
892
810
|
</span>
|
|
@@ -898,7 +816,7 @@ export default AssetTreeSingleSelectExample;
|
|
|
898
816
|
<span class="TreeLabelNameText">
|
|
899
817
|
<span class="TreeLabelNameTextHeadline">Truck Group East</span>
|
|
900
818
|
</span>
|
|
901
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
819
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
|
|
902
820
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
903
821
|
</span>
|
|
904
822
|
</span>
|
|
@@ -910,26 +828,53 @@ export default AssetTreeSingleSelectExample;
|
|
|
910
828
|
<span class="TreeLabelNameText">
|
|
911
829
|
<span class="TreeLabelNameTextHeadline">Truck Group North</span>
|
|
912
830
|
</span>
|
|
913
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
831
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
|
|
914
832
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
915
833
|
</span>
|
|
916
834
|
</span>
|
|
917
835
|
</div>
|
|
918
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
836
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d979">
|
|
919
837
|
<span class="TreeLabel TreeLabelName">
|
|
920
|
-
<span class="rioglyph rioglyph-
|
|
838
|
+
<span class="rioglyph rioglyph-truck">
|
|
921
839
|
</span>
|
|
922
840
|
<span class="TreeLabelNameText">
|
|
923
|
-
<span class="TreeLabelNameTextHeadline">N18-
|
|
841
|
+
<span class="TreeLabelNameTextHeadline">N18-G203 / M-AN 1009</span>
|
|
924
842
|
</span>
|
|
925
843
|
</span>
|
|
926
844
|
</div>
|
|
927
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
845
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9715">
|
|
846
|
+
<span class="TreeLabel TreeLabelName">
|
|
847
|
+
<span class="rioglyph rioglyph-bus">
|
|
848
|
+
</span>
|
|
849
|
+
<span class="TreeLabelNameText">
|
|
850
|
+
<span class="TreeLabelNameTextHeadline">N18-G458 / M-AN 1015</span>
|
|
851
|
+
</span>
|
|
852
|
+
</span>
|
|
853
|
+
</div>
|
|
854
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9724">
|
|
855
|
+
<span class="TreeLabel TreeLabelName">
|
|
856
|
+
<span class="rioglyph rioglyph-truck">
|
|
857
|
+
</span>
|
|
858
|
+
<span class="TreeLabelNameText">
|
|
859
|
+
<span class="TreeLabelNameTextHeadline">N18-G504 / M-AN 1024</span>
|
|
860
|
+
</span>
|
|
861
|
+
</span>
|
|
862
|
+
</div>
|
|
863
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9728">
|
|
928
864
|
<span class="TreeLabel TreeLabelName">
|
|
929
865
|
<span class="rioglyph rioglyph-van">
|
|
930
866
|
</span>
|
|
931
867
|
<span class="TreeLabelNameText">
|
|
932
|
-
<span class="TreeLabelNameTextHeadline">N18-
|
|
868
|
+
<span class="TreeLabelNameTextHeadline">N18-G754 / M-AN 1028</span>
|
|
869
|
+
</span>
|
|
870
|
+
</span>
|
|
871
|
+
</div>
|
|
872
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d976">
|
|
873
|
+
<span class="TreeLabel TreeLabelName">
|
|
874
|
+
<span class="rioglyph rioglyph-truck">
|
|
875
|
+
</span>
|
|
876
|
+
<span class="TreeLabelNameText">
|
|
877
|
+
<span class="TreeLabelNameTextHeadline">N18-G932 / M-AN 1006</span>
|
|
933
878
|
</span>
|
|
934
879
|
</span>
|
|
935
880
|
</div>
|
|
@@ -940,7 +885,7 @@ export default AssetTreeSingleSelectExample;
|
|
|
940
885
|
<span class="TreeLabelNameText">
|
|
941
886
|
<span class="TreeLabelNameTextHeadline">Truck Group South</span>
|
|
942
887
|
</span>
|
|
943
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
888
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
|
|
944
889
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
945
890
|
</span>
|
|
946
891
|
</span>
|
|
@@ -964,7 +909,7 @@ export default AssetTreeSingleSelectExample;
|
|
|
964
909
|
<span class="TreeLabelNameText">
|
|
965
910
|
<span class="TreeLabelNameTextHeadline">All my unassigned Trucks</span>
|
|
966
911
|
</span>
|
|
967
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
912
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
|
|
968
913
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
969
914
|
</span>
|
|
970
915
|
</span>
|
|
@@ -1151,52 +1096,29 @@ export default AssetTreeSingleSelectExample;
|
|
|
1151
1096
|
|
|
1152
1097
|
### Example: Example 3
|
|
1153
1098
|
|
|
1154
|
-
|
|
1155
|
-
5
|
|
1099
|
+
1
|
|
1156
1100
|
5
|
|
1157
|
-
3
|
|
1158
|
-
|
|
1159
1101
|
6
|
|
1160
|
-
|
|
1161
|
-
2
|
|
1162
|
-
5
|
|
1163
|
-
2
|
|
1164
|
-
|
|
1165
|
-
Mixed Vehicles4
|
|
1166
|
-
Vehicle-2107Debug: hydrogen
|
|
1167
|
-
Vehicle-2123Debug: cng
|
|
1168
|
-
Vehicle-7629Debug: diesel
|
|
1169
|
-
Vehicle-8638Debug: hydrogen
|
|
1170
|
-
|
|
1171
|
-
Ungrouped16
|
|
1172
|
-
|
|
1173
|
-
Selected groups:
|
|
1174
|
-
|
|
1175
|
-
Selected vehicles:
|
|
1176
|
-
|
|
1177
|
-
Expanded groups:
|
|
1178
|
-
Mixed Vehicles
|
|
1179
|
-
|
|
1180
|
-
#### Summary
|
|
1181
|
-
|
|
1182
|
-
7
|
|
1183
|
-
5
|
|
1184
|
-
5
|
|
1185
|
-
3
|
|
1102
|
+
8
|
|
1186
1103
|
|
|
1187
|
-
|
|
1188
|
-
|
|
1104
|
+
4
|
|
1105
|
+
9
|
|
1189
1106
|
2
|
|
1190
|
-
5
|
|
1191
1107
|
2
|
|
1108
|
+
3
|
|
1192
1109
|
|
|
1193
|
-
Mixed
|
|
1194
|
-
Vehicle-
|
|
1195
|
-
Vehicle-
|
|
1196
|
-
Vehicle-
|
|
1197
|
-
Vehicle-
|
|
1110
|
+
Mixed Vehicles 9
|
|
1111
|
+
Vehicle-1126 Debug: dual_fuel_diesel_cng
|
|
1112
|
+
Vehicle-1711 Debug: cng
|
|
1113
|
+
Vehicle-3593 Debug: cng
|
|
1114
|
+
Vehicle-4809 Debug: lpg
|
|
1115
|
+
Vehicle-7089 Debug: dual_fuel_diesel_cng
|
|
1116
|
+
Vehicle-7536 Debug: diesel
|
|
1117
|
+
Vehicle-8575 Debug: dual_fuel_diesel_cng
|
|
1118
|
+
Vehicle-8949 Debug: lpg
|
|
1119
|
+
Vehicle-9667 Debug: lpg
|
|
1198
1120
|
|
|
1199
|
-
|
|
1121
|
+
Ungrouped 11
|
|
1200
1122
|
|
|
1201
1123
|
Selected groups:
|
|
1202
1124
|
|
|
@@ -1531,7 +1453,7 @@ export default AssetTreeExample;
|
|
|
1531
1453
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1532
1454
|
<span class="rioglyph rioglyph-truck-baseline text-size-16 margin-right-2">
|
|
1533
1455
|
</span>
|
|
1534
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1456
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">1</span>
|
|
1535
1457
|
</div>
|
|
1536
1458
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1537
1459
|
<span class="rioglyph rioglyph-bus-baseline text-size-16 margin-right-2">
|
|
@@ -1541,24 +1463,24 @@ export default AssetTreeExample;
|
|
|
1541
1463
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1542
1464
|
<span class="rioglyph rioglyph-van-baseline text-size-16 margin-right-2">
|
|
1543
1465
|
</span>
|
|
1544
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1466
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">6</span>
|
|
1545
1467
|
</div>
|
|
1546
1468
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1547
1469
|
<span class="rioglyph rioglyph-car-baseline text-size-16 margin-right-2">
|
|
1548
1470
|
</span>
|
|
1549
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1471
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
|
|
1550
1472
|
</div>
|
|
1551
1473
|
</div>
|
|
1552
1474
|
<div class="TreeSummaryRow display-grid grid-cols-4 gap-10">
|
|
1553
1475
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1554
1476
|
<span class="rioglyph rioglyph-fuel-liquid text-size-16 margin-right-2">
|
|
1555
1477
|
</span>
|
|
1556
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1478
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
|
|
1557
1479
|
</div>
|
|
1558
1480
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1559
1481
|
<span class="rioglyph rioglyph-fuel-gas text-size-16 margin-right-2">
|
|
1560
1482
|
</span>
|
|
1561
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1483
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">9</span>
|
|
1562
1484
|
</div>
|
|
1563
1485
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1564
1486
|
<span class="rioglyph rioglyph-fuel-electric text-size-16 margin-right-2">
|
|
@@ -1568,19 +1490,19 @@ export default AssetTreeExample;
|
|
|
1568
1490
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1569
1491
|
<span class="rioglyph rioglyph-fuel-hydrogen text-size-16 margin-right-2">
|
|
1570
1492
|
</span>
|
|
1571
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1493
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
|
|
1572
1494
|
</div>
|
|
1573
1495
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1574
1496
|
<span class="rioglyph rioglyph-fuel-mix text-size-16 margin-right-2">
|
|
1575
1497
|
</span>
|
|
1576
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1498
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
|
|
1577
1499
|
</div>
|
|
1578
1500
|
</div>
|
|
1579
1501
|
</div>
|
|
1580
1502
|
</div>
|
|
1581
1503
|
<div>
|
|
1582
1504
|
<div class="dropdown btn-group TreeHeaderOptions height-20">
|
|
1583
|
-
<button type="button" id="
|
|
1505
|
+
<button type="button" id="n1rmgx0134e" class="btn btn-default btn-sm btn-icon-only btn-component dropdown-toggle hover-bg-white border-none text-color-gray hover-text-color-dark" tabindex="0">
|
|
1584
1506
|
<span class="rioglyph rioglyph-option-vertical" aria-hidden="true">
|
|
1585
1507
|
</span>
|
|
1586
1508
|
</button>
|
|
@@ -1600,12 +1522,12 @@ export default AssetTreeExample;
|
|
|
1600
1522
|
<span class="TreeLabelNameText">
|
|
1601
1523
|
<span class="TreeLabelNameTextHeadline">Mixed Vehicles</span>
|
|
1602
1524
|
</span>
|
|
1603
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
1525
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">9</span>
|
|
1604
1526
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
1605
1527
|
</span>
|
|
1606
1528
|
</span>
|
|
1607
1529
|
</div>
|
|
1608
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1530
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9714">
|
|
1609
1531
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1610
1532
|
<input type="checkbox" class="TreeCheckbox">
|
|
1611
1533
|
<span class="checkbox-text">
|
|
@@ -1613,20 +1535,41 @@ export default AssetTreeExample;
|
|
|
1613
1535
|
</label>
|
|
1614
1536
|
<span class="TreeLabel TreeLabelName">
|
|
1615
1537
|
<span class="rioglyph-icon-pair">
|
|
1616
|
-
<span class="rioglyph rioglyph-
|
|
1538
|
+
<span class="rioglyph rioglyph-bus">
|
|
1617
1539
|
</span>
|
|
1618
|
-
<span class="rioglyph rioglyph-fuel-
|
|
1540
|
+
<span class="rioglyph rioglyph-fuel-mix">
|
|
1619
1541
|
</span>
|
|
1620
1542
|
</span>
|
|
1621
1543
|
<span class="TreeLabelNameText">
|
|
1622
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1544
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-1126</span>
|
|
1623
1545
|
<span class="TreeLabelNameTextSubline">
|
|
1624
|
-
<span>Debug:
|
|
1546
|
+
<span>Debug: dual_fuel_diesel_cng</span>
|
|
1625
1547
|
</span>
|
|
1626
1548
|
</span>
|
|
1627
1549
|
</span>
|
|
1628
1550
|
</div>
|
|
1629
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1551
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d975">
|
|
1552
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1553
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1554
|
+
<span class="checkbox-text">
|
|
1555
|
+
</span>
|
|
1556
|
+
</label>
|
|
1557
|
+
<span class="TreeLabel TreeLabelName">
|
|
1558
|
+
<span class="rioglyph-icon-pair">
|
|
1559
|
+
<span class="rioglyph rioglyph-bus">
|
|
1560
|
+
</span>
|
|
1561
|
+
<span class="rioglyph rioglyph-fuel-gas">
|
|
1562
|
+
</span>
|
|
1563
|
+
</span>
|
|
1564
|
+
<span class="TreeLabelNameText">
|
|
1565
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-1711</span>
|
|
1566
|
+
<span class="TreeLabelNameTextSubline">
|
|
1567
|
+
<span>Debug: cng</span>
|
|
1568
|
+
</span>
|
|
1569
|
+
</span>
|
|
1570
|
+
</span>
|
|
1571
|
+
</div>
|
|
1572
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d978">
|
|
1630
1573
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1631
1574
|
<input type="checkbox" class="TreeCheckbox">
|
|
1632
1575
|
<span class="checkbox-text">
|
|
@@ -1640,14 +1583,14 @@ export default AssetTreeExample;
|
|
|
1640
1583
|
</span>
|
|
1641
1584
|
</span>
|
|
1642
1585
|
<span class="TreeLabelNameText">
|
|
1643
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1586
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-3593</span>
|
|
1644
1587
|
<span class="TreeLabelNameTextSubline">
|
|
1645
1588
|
<span>Debug: cng</span>
|
|
1646
1589
|
</span>
|
|
1647
1590
|
</span>
|
|
1648
1591
|
</span>
|
|
1649
1592
|
</div>
|
|
1650
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1593
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d977">
|
|
1651
1594
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1652
1595
|
<input type="checkbox" class="TreeCheckbox">
|
|
1653
1596
|
<span class="checkbox-text">
|
|
@@ -1655,20 +1598,83 @@ export default AssetTreeExample;
|
|
|
1655
1598
|
</label>
|
|
1656
1599
|
<span class="TreeLabel TreeLabelName">
|
|
1657
1600
|
<span class="rioglyph-icon-pair">
|
|
1658
|
-
<span class="rioglyph rioglyph-
|
|
1601
|
+
<span class="rioglyph rioglyph-car">
|
|
1602
|
+
</span>
|
|
1603
|
+
<span class="rioglyph rioglyph-fuel-gas">
|
|
1604
|
+
</span>
|
|
1605
|
+
</span>
|
|
1606
|
+
<span class="TreeLabelNameText">
|
|
1607
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-4809</span>
|
|
1608
|
+
<span class="TreeLabelNameTextSubline">
|
|
1609
|
+
<span>Debug: lpg</span>
|
|
1610
|
+
</span>
|
|
1611
|
+
</span>
|
|
1612
|
+
</span>
|
|
1613
|
+
</div>
|
|
1614
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9715">
|
|
1615
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1616
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1617
|
+
<span class="checkbox-text">
|
|
1618
|
+
</span>
|
|
1619
|
+
</label>
|
|
1620
|
+
<span class="TreeLabel TreeLabelName">
|
|
1621
|
+
<span class="rioglyph-icon-pair">
|
|
1622
|
+
<span class="rioglyph rioglyph-van">
|
|
1623
|
+
</span>
|
|
1624
|
+
<span class="rioglyph rioglyph-fuel-mix">
|
|
1625
|
+
</span>
|
|
1626
|
+
</span>
|
|
1627
|
+
<span class="TreeLabelNameText">
|
|
1628
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-7089</span>
|
|
1629
|
+
<span class="TreeLabelNameTextSubline">
|
|
1630
|
+
<span>Debug: dual_fuel_diesel_cng</span>
|
|
1631
|
+
</span>
|
|
1632
|
+
</span>
|
|
1633
|
+
</span>
|
|
1634
|
+
</div>
|
|
1635
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d972">
|
|
1636
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1637
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1638
|
+
<span class="checkbox-text">
|
|
1639
|
+
</span>
|
|
1640
|
+
</label>
|
|
1641
|
+
<span class="TreeLabel TreeLabelName">
|
|
1642
|
+
<span class="rioglyph-icon-pair">
|
|
1643
|
+
<span class="rioglyph rioglyph-car">
|
|
1659
1644
|
</span>
|
|
1660
1645
|
<span class="rioglyph rioglyph-fuel-liquid">
|
|
1661
1646
|
</span>
|
|
1662
1647
|
</span>
|
|
1663
1648
|
<span class="TreeLabelNameText">
|
|
1664
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1649
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-7536</span>
|
|
1665
1650
|
<span class="TreeLabelNameTextSubline">
|
|
1666
1651
|
<span>Debug: diesel</span>
|
|
1667
1652
|
</span>
|
|
1668
1653
|
</span>
|
|
1669
1654
|
</span>
|
|
1670
1655
|
</div>
|
|
1671
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1656
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9713">
|
|
1657
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1658
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1659
|
+
<span class="checkbox-text">
|
|
1660
|
+
</span>
|
|
1661
|
+
</label>
|
|
1662
|
+
<span class="TreeLabel TreeLabelName">
|
|
1663
|
+
<span class="rioglyph-icon-pair">
|
|
1664
|
+
<span class="rioglyph rioglyph-van">
|
|
1665
|
+
</span>
|
|
1666
|
+
<span class="rioglyph rioglyph-fuel-mix">
|
|
1667
|
+
</span>
|
|
1668
|
+
</span>
|
|
1669
|
+
<span class="TreeLabelNameText">
|
|
1670
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-8575</span>
|
|
1671
|
+
<span class="TreeLabelNameTextSubline">
|
|
1672
|
+
<span>Debug: dual_fuel_diesel_cng</span>
|
|
1673
|
+
</span>
|
|
1674
|
+
</span>
|
|
1675
|
+
</span>
|
|
1676
|
+
</div>
|
|
1677
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d976">
|
|
1672
1678
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1673
1679
|
<input type="checkbox" class="TreeCheckbox">
|
|
1674
1680
|
<span class="checkbox-text">
|
|
@@ -1676,15 +1682,36 @@ export default AssetTreeExample;
|
|
|
1676
1682
|
</label>
|
|
1677
1683
|
<span class="TreeLabel TreeLabelName">
|
|
1678
1684
|
<span class="rioglyph-icon-pair">
|
|
1679
|
-
<span class="rioglyph rioglyph-
|
|
1685
|
+
<span class="rioglyph rioglyph-van">
|
|
1680
1686
|
</span>
|
|
1681
|
-
<span class="rioglyph rioglyph-fuel-
|
|
1687
|
+
<span class="rioglyph rioglyph-fuel-gas">
|
|
1682
1688
|
</span>
|
|
1683
1689
|
</span>
|
|
1684
1690
|
<span class="TreeLabelNameText">
|
|
1685
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1691
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-8949</span>
|
|
1686
1692
|
<span class="TreeLabelNameTextSubline">
|
|
1687
|
-
<span>Debug:
|
|
1693
|
+
<span>Debug: lpg</span>
|
|
1694
|
+
</span>
|
|
1695
|
+
</span>
|
|
1696
|
+
</span>
|
|
1697
|
+
</div>
|
|
1698
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9719">
|
|
1699
|
+
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1700
|
+
<input type="checkbox" class="TreeCheckbox">
|
|
1701
|
+
<span class="checkbox-text">
|
|
1702
|
+
</span>
|
|
1703
|
+
</label>
|
|
1704
|
+
<span class="TreeLabel TreeLabelName">
|
|
1705
|
+
<span class="rioglyph-icon-pair">
|
|
1706
|
+
<span class="rioglyph rioglyph-bus">
|
|
1707
|
+
</span>
|
|
1708
|
+
<span class="rioglyph rioglyph-fuel-gas">
|
|
1709
|
+
</span>
|
|
1710
|
+
</span>
|
|
1711
|
+
<span class="TreeLabelNameText">
|
|
1712
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-9667</span>
|
|
1713
|
+
<span class="TreeLabelNameTextSubline">
|
|
1714
|
+
<span>Debug: lpg</span>
|
|
1688
1715
|
</span>
|
|
1689
1716
|
</span>
|
|
1690
1717
|
</span>
|
|
@@ -1701,7 +1728,7 @@ export default AssetTreeExample;
|
|
|
1701
1728
|
<span class="TreeLabelNameText">
|
|
1702
1729
|
<span class="TreeLabelNameTextHeadline">Ungrouped</span>
|
|
1703
1730
|
</span>
|
|
1704
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
1731
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">11</span>
|
|
1705
1732
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
1706
1733
|
</span>
|
|
1707
1734
|
</span>
|
|
@@ -1889,20 +1916,9 @@ export default AssetTreeExample;
|
|
|
1889
1916
|
3
|
|
1890
1917
|
15
|
|
1891
1918
|
|
|
1892
|
-
|
|
1893
|
-
|
|
1894
|
-
|
|
1895
|
-
|
|
1896
|
-
Some small dummy text at the bottom to showcase that you can put something here
|
|
1897
|
-
|
|
1898
|
-
#### Summary
|
|
1899
|
-
|
|
1900
|
-
3
|
|
1901
|
-
15
|
|
1902
|
-
|
|
1903
|
-
JohnDoe
|
|
1904
|
-
MaxlRainer
|
|
1905
|
-
JohanSchmidt
|
|
1919
|
+
John Doe
|
|
1920
|
+
Maxl Rainer
|
|
1921
|
+
Johan Schmidt
|
|
1906
1922
|
|
|
1907
1923
|
Some small dummy text at the bottom to showcase that you can put something here
|
|
1908
1924
|
|
|
@@ -2293,19 +2309,11 @@ export default AssetTreeWithCustomSummaryExample;
|
|
|
2293
2309
|
|
|
2294
2310
|
### Example: Example 5
|
|
2295
2311
|
|
|
2296
|
-
Group
|
|
2297
|
-
|
|
2298
|
-
Group 027
|
|
2299
|
-
|
|
2300
|
-
Group 033
|
|
2301
|
-
|
|
2302
|
-
#### Summary
|
|
2312
|
+
Group 01 7
|
|
2303
2313
|
|
|
2304
|
-
Group
|
|
2314
|
+
Group 02 5
|
|
2305
2315
|
|
|
2306
|
-
Group
|
|
2307
|
-
|
|
2308
|
-
Group 033
|
|
2316
|
+
Group 03 8
|
|
2309
2317
|
|
|
2310
2318
|
#### React (tsx)
|
|
2311
2319
|
|
|
@@ -2406,7 +2414,7 @@ export default () => {
|
|
|
2406
2414
|
<span class="TreeLabelNameText">
|
|
2407
2415
|
<span class="TreeLabelNameTextHeadline">Group 01</span>
|
|
2408
2416
|
</span>
|
|
2409
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2417
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
|
|
2410
2418
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2411
2419
|
</span>
|
|
2412
2420
|
</span>
|
|
@@ -2421,7 +2429,7 @@ export default () => {
|
|
|
2421
2429
|
<span class="TreeLabelNameText">
|
|
2422
2430
|
<span class="TreeLabelNameTextHeadline">Group 02</span>
|
|
2423
2431
|
</span>
|
|
2424
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2432
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
|
|
2425
2433
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2426
2434
|
</span>
|
|
2427
2435
|
</span>
|
|
@@ -2436,7 +2444,7 @@ export default () => {
|
|
|
2436
2444
|
<span class="TreeLabelNameText">
|
|
2437
2445
|
<span class="TreeLabelNameTextHeadline">Group 03</span>
|
|
2438
2446
|
</span>
|
|
2439
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2447
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">8</span>
|
|
2440
2448
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2441
2449
|
</span>
|
|
2442
2450
|
</span>
|
|
@@ -2598,31 +2606,13 @@ Tree with header and search
|
|
|
2598
2606
|
|
|
2599
2607
|
20
|
|
2600
2608
|
|
|
2601
|
-
Folder
|
|
2609
|
+
Folder 01 4
|
|
2602
2610
|
|
|
2603
|
-
Folder
|
|
2611
|
+
Folder 02 8
|
|
2604
2612
|
|
|
2605
|
-
Folder
|
|
2613
|
+
Folder 03 2
|
|
2606
2614
|
|
|
2607
|
-
Folder
|
|
2608
|
-
|
|
2609
|
-
Selected items:
|
|
2610
|
-
|
|
2611
|
-
Expanded folders:
|
|
2612
|
-
|
|
2613
|
-
#### Summary
|
|
2614
|
-
|
|
2615
|
-
Tree with header and search
|
|
2616
|
-
|
|
2617
|
-
20
|
|
2618
|
-
|
|
2619
|
-
Folder 016
|
|
2620
|
-
|
|
2621
|
-
Folder 023
|
|
2622
|
-
|
|
2623
|
-
Folder 037
|
|
2624
|
-
|
|
2625
|
-
Folder 044
|
|
2615
|
+
Folder 04 6
|
|
2626
2616
|
|
|
2627
2617
|
Selected items:
|
|
2628
2618
|
|
|
@@ -2767,7 +2757,7 @@ export default TreeOnlyExample;
|
|
|
2767
2757
|
<span class="TreeLabelNameText">
|
|
2768
2758
|
<span class="TreeLabelNameTextHeadline">Folder 01</span>
|
|
2769
2759
|
</span>
|
|
2770
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2760
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
|
|
2771
2761
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2772
2762
|
</span>
|
|
2773
2763
|
</span>
|
|
@@ -2781,7 +2771,7 @@ export default TreeOnlyExample;
|
|
|
2781
2771
|
<span class="TreeLabelNameText">
|
|
2782
2772
|
<span class="TreeLabelNameTextHeadline">Folder 02</span>
|
|
2783
2773
|
</span>
|
|
2784
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2774
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">8</span>
|
|
2785
2775
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2786
2776
|
</span>
|
|
2787
2777
|
</span>
|
|
@@ -2795,7 +2785,7 @@ export default TreeOnlyExample;
|
|
|
2795
2785
|
<span class="TreeLabelNameText">
|
|
2796
2786
|
<span class="TreeLabelNameTextHeadline">Folder 03</span>
|
|
2797
2787
|
</span>
|
|
2798
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2788
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">2</span>
|
|
2799
2789
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2800
2790
|
</span>
|
|
2801
2791
|
</span>
|
|
@@ -2809,7 +2799,7 @@ export default TreeOnlyExample;
|
|
|
2809
2799
|
<span class="TreeLabelNameText">
|
|
2810
2800
|
<span class="TreeLabelNameTextHeadline">Folder 04</span>
|
|
2811
2801
|
</span>
|
|
2812
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2802
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
|
|
2813
2803
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2814
2804
|
</span>
|
|
2815
2805
|
</span>
|
|
@@ -2883,29 +2873,13 @@ export default TreeOnlyExample;
|
|
|
2883
2873
|
|
|
2884
2874
|
Tree without header and search
|
|
2885
2875
|
|
|
2886
|
-
Folder
|
|
2876
|
+
Folder 01 6
|
|
2887
2877
|
|
|
2888
|
-
Folder
|
|
2878
|
+
Folder 02 5
|
|
2889
2879
|
|
|
2890
|
-
Folder
|
|
2880
|
+
Folder 03 5
|
|
2891
2881
|
|
|
2892
|
-
Folder
|
|
2893
|
-
|
|
2894
|
-
Selected items:
|
|
2895
|
-
|
|
2896
|
-
Expanded folders:
|
|
2897
|
-
|
|
2898
|
-
#### Summary
|
|
2899
|
-
|
|
2900
|
-
Tree without header and search
|
|
2901
|
-
|
|
2902
|
-
Folder 017
|
|
2903
|
-
|
|
2904
|
-
Folder 022
|
|
2905
|
-
|
|
2906
|
-
Folder 035
|
|
2907
|
-
|
|
2908
|
-
Folder 046
|
|
2882
|
+
Folder 04 4
|
|
2909
2883
|
|
|
2910
2884
|
Selected items:
|
|
2911
2885
|
|
|
@@ -3026,7 +3000,7 @@ export default TreeOnlyExample;
|
|
|
3026
3000
|
<span class="TreeLabelNameText">
|
|
3027
3001
|
<span class="TreeLabelNameTextHeadline">Folder 01</span>
|
|
3028
3002
|
</span>
|
|
3029
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
3003
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
|
|
3030
3004
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
3031
3005
|
</span>
|
|
3032
3006
|
</span>
|
|
@@ -3040,7 +3014,7 @@ export default TreeOnlyExample;
|
|
|
3040
3014
|
<span class="TreeLabelNameText">
|
|
3041
3015
|
<span class="TreeLabelNameTextHeadline">Folder 02</span>
|
|
3042
3016
|
</span>
|
|
3043
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
3017
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
|
|
3044
3018
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
3045
3019
|
</span>
|
|
3046
3020
|
</span>
|
|
@@ -3068,7 +3042,7 @@ export default TreeOnlyExample;
|
|
|
3068
3042
|
<span class="TreeLabelNameText">
|
|
3069
3043
|
<span class="TreeLabelNameTextHeadline">Folder 04</span>
|
|
3070
3044
|
</span>
|
|
3071
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
3045
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
|
|
3072
3046
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
3073
3047
|
</span>
|
|
3074
3048
|
</span>
|
|
@@ -3148,14 +3122,6 @@ export default TreeOnlyExample;
|
|
|
3148
3122
|
2
|
|
3149
3123
|
10
|
|
3150
3124
|
|
|
3151
|
-
#### Summary
|
|
3152
|
-
|
|
3153
|
-
12
|
|
3154
|
-
7
|
|
3155
|
-
2
|
|
3156
|
-
2
|
|
3157
|
-
10
|
|
3158
|
-
|
|
3159
3125
|
#### React (tsx)
|
|
3160
3126
|
|
|
3161
3127
|
```tsx
|
|
@@ -3246,11 +3212,6 @@ export default TreeSummaryExample;
|
|
|
3246
3212
|
9
|
|
3247
3213
|
15
|
|
3248
3214
|
|
|
3249
|
-
#### Summary
|
|
3250
|
-
|
|
3251
|
-
9
|
|
3252
|
-
15
|
|
3253
|
-
|
|
3254
3215
|
#### React (tsx)
|
|
3255
3216
|
|
|
3256
3217
|
```tsx
|