@rio-cloud/uikit-mcp 1.1.12 → 1.1.13
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/dist/doc-metadata.json +25 -25
- package/dist/docs/components/accentBar.md +1 -1
- package/dist/docs/components/activity.md +1 -1
- package/dist/docs/components/analyticsAnalysisOverlay.md +1 -1
- package/dist/docs/components/animatedNumber.md +2 -2
- package/dist/docs/components/animatedTextReveal.md +6 -6
- package/dist/docs/components/animations.md +21 -21
- package/dist/docs/components/appHeader.md +1 -1
- package/dist/docs/components/appLayout.md +84 -30
- package/dist/docs/components/appNavigationBar.md +1 -1
- package/dist/docs/components/areaCharts.md +4 -4
- package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
- package/dist/docs/components/assetTree.md +124 -206
- package/dist/docs/components/autosuggests.md +1 -1
- package/dist/docs/components/avatar.md +1 -1
- package/dist/docs/components/banner.md +2 -2
- package/dist/docs/components/barCharts.md +13 -13
- package/dist/docs/components/barList.md +9 -9
- package/dist/docs/components/basicMap.md +1 -1
- package/dist/docs/components/bottomSheet.md +1 -1
- package/dist/docs/components/button.md +1 -1
- package/dist/docs/components/buttonToolbar.md +1 -1
- package/dist/docs/components/calendarStripe.md +52 -52
- package/dist/docs/components/card.md +1 -1
- package/dist/docs/components/carousel.md +1 -1
- package/dist/docs/components/chartColors.md +1 -1
- package/dist/docs/components/chartsGettingStarted.md +1 -1
- package/dist/docs/components/chat.md +2 -2
- package/dist/docs/components/checkbox.md +1 -1
- package/dist/docs/components/circularProgress.md +8 -8
- package/dist/docs/components/clearableInput.md +1 -1
- package/dist/docs/components/collapse.md +2 -2
- package/dist/docs/components/composedCharts.md +15 -15
- package/dist/docs/components/contentLoader.md +1 -1
- package/dist/docs/components/dataTabs.md +1 -1
- package/dist/docs/components/datepickers.md +672 -672
- package/dist/docs/components/dayPicker.md +5 -5
- package/dist/docs/components/dayPickerCalendar.md +473 -473
- package/dist/docs/components/dialogs.md +1 -1
- package/dist/docs/components/divider.md +1 -1
- package/dist/docs/components/dropdowns.md +3262 -3270
- package/dist/docs/components/editableContent.md +1 -1
- package/dist/docs/components/expander.md +1 -1
- package/dist/docs/components/fade.md +1 -1
- package/dist/docs/components/fadeExpander.md +1 -1
- package/dist/docs/components/fadeUp.md +2 -2
- package/dist/docs/components/feedback.md +1 -1
- package/dist/docs/components/filePickers.md +1 -1
- package/dist/docs/components/formLabel.md +1 -1
- package/dist/docs/components/groupedItemList.md +1 -1
- package/dist/docs/components/htmlTable.md +112 -110
- package/dist/docs/components/iconList.md +3 -3
- package/dist/docs/components/imagePreloader.md +1 -1
- package/dist/docs/components/labeledElement.md +1 -1
- package/dist/docs/components/licensePlate.md +1 -1
- package/dist/docs/components/lineCharts.md +3 -3
- package/dist/docs/components/listMenu.md +1 -1
- package/dist/docs/components/loadMore.md +1 -1
- package/dist/docs/components/mainNavigation.md +1 -1
- package/dist/docs/components/mapCircle.md +1 -1
- package/dist/docs/components/mapCluster.md +1 -1
- package/dist/docs/components/mapContext.md +1 -1
- package/dist/docs/components/mapDraggableMarker.md +1 -1
- package/dist/docs/components/mapGettingStarted.md +1 -1
- package/dist/docs/components/mapInfoBubble.md +1 -1
- package/dist/docs/components/mapLayerGroup.md +1 -1
- package/dist/docs/components/mapMarker.md +1 -1
- package/dist/docs/components/mapPolygon.md +1 -1
- package/dist/docs/components/mapRoute.md +1 -1
- package/dist/docs/components/mapSettings.md +1 -1
- package/dist/docs/components/mapUtils.md +1 -1
- package/dist/docs/components/mapViewportHistory.md +1 -1
- package/dist/docs/components/multiselects.md +1 -1
- package/dist/docs/components/noData.md +1 -1
- package/dist/docs/components/notifications.md +1 -1
- package/dist/docs/components/numbercontrol.md +1 -1
- package/dist/docs/components/onboarding.md +1 -1
- package/dist/docs/components/page.md +1 -1
- package/dist/docs/components/pager.md +1 -1
- package/dist/docs/components/pieCharts.md +36 -36
- package/dist/docs/components/popover.md +1 -1
- package/dist/docs/components/position.md +1 -1
- package/dist/docs/components/radialBarCharts.md +25 -25
- package/dist/docs/components/radioCardGroup.md +1 -1
- package/dist/docs/components/radiobutton.md +1 -1
- package/dist/docs/components/releaseNotes.md +1 -1
- package/dist/docs/components/resizer.md +1 -1
- package/dist/docs/components/responsiveColumnStripe.md +1 -1
- package/dist/docs/components/responsiveVideo.md +1 -1
- package/dist/docs/components/rioglyph.md +1 -1
- package/dist/docs/components/rules.md +3 -3
- package/dist/docs/components/saveableInput.md +252 -252
- package/dist/docs/components/selects.md +1 -1
- package/dist/docs/components/sidebar.md +1 -1
- package/dist/docs/components/sliders.md +1 -1
- package/dist/docs/components/smoothScrollbars.md +1 -1
- package/dist/docs/components/spinners.md +1 -1
- package/dist/docs/components/states.md +1 -1
- package/dist/docs/components/statsWidgets.md +1 -1
- package/dist/docs/components/statusBar.md +1 -1
- package/dist/docs/components/stepButton.md +1 -1
- package/dist/docs/components/steppedProgressBars.md +1 -1
- package/dist/docs/components/subNavigation.md +1 -1
- package/dist/docs/components/supportMarker.md +1 -1
- package/dist/docs/components/svgImage.md +1 -1
- package/dist/docs/components/switch.md +1 -1
- package/dist/docs/components/table.md +14 -14
- package/dist/docs/components/tableControls.md +52 -52
- package/dist/docs/components/tagManager.md +1 -1
- package/dist/docs/components/tags.md +1 -1
- package/dist/docs/components/teaser.md +1 -1
- package/dist/docs/components/textTruncateMiddle.md +1 -1
- package/dist/docs/components/timeline.md +1 -1
- package/dist/docs/components/timepicker.md +1 -1
- package/dist/docs/components/toggleButton.md +1 -1
- package/dist/docs/components/tooltip.md +1 -1
- package/dist/docs/components/tracker.md +1 -1
- package/dist/docs/components/virtualList.md +63 -57
- package/dist/docs/foundations.md +101 -101
- package/dist/docs/start/changelog.md +5 -1
- package/dist/docs/start/goodtoknow.md +1 -1
- package/dist/docs/start/guidelines/color-combinations.md +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +16 -16
- package/dist/docs/start/intro.md +2 -2
- package/dist/docs/start/responsiveness.md +1 -1
- package/dist/docs/templates/ai-assistant.md +1 -1
- package/dist/docs/templates/common-table.md +56 -56
- package/dist/docs/templates/detail-views.md +2 -2
- package/dist/docs/templates/expandable-details.md +1 -1
- package/dist/docs/templates/feature-cards.md +37 -37
- package/dist/docs/templates/form-summary.md +15 -15
- package/dist/docs/templates/form-toggle.md +1 -1
- package/dist/docs/templates/list-blocks.md +137 -137
- package/dist/docs/templates/loading-progress.md +1 -1
- package/dist/docs/templates/options-panel.md +1 -1
- package/dist/docs/templates/panel-variants.md +1 -1
- package/dist/docs/templates/progress-cards.md +1 -1
- package/dist/docs/templates/progress-success.md +1 -1
- package/dist/docs/templates/settings-form.md +18 -18
- package/dist/docs/templates/stats-blocks.md +12 -12
- package/dist/docs/templates/table-panel.md +1 -1
- package/dist/docs/templates/usage-cards.md +1 -1
- package/dist/docs/utilities/classNames.md +1 -1
- package/dist/docs/utilities/deviceUtils.md +1 -1
- package/dist/docs/utilities/featureToggles.md +1 -1
- package/dist/docs/utilities/fuelTypeUtils.md +1 -1
- package/dist/docs/utilities/getTrackingAttributes.md +1 -1
- package/dist/docs/utilities/routeUtils.md +1 -1
- package/dist/docs/utilities/useAfterMount.md +1 -1
- package/dist/docs/utilities/useAutoAnimate.md +1 -1
- package/dist/docs/utilities/useAverage.md +1 -1
- package/dist/docs/utilities/useClickOutside.md +1 -1
- package/dist/docs/utilities/useClipboard.md +2 -2
- package/dist/docs/utilities/useCookies.md +1 -1
- package/dist/docs/utilities/useCount.md +1 -1
- package/dist/docs/utilities/useDarkMode.md +1 -1
- package/dist/docs/utilities/useDebugInfo.md +3 -3
- package/dist/docs/utilities/useDraggableElement.md +1 -1
- package/dist/docs/utilities/useEffectOnce.md +1 -1
- package/dist/docs/utilities/useElapsedTime.md +1 -1
- package/dist/docs/utilities/useElementSize.md +1 -1
- package/dist/docs/utilities/useEsc.md +1 -1
- package/dist/docs/utilities/useEvent.md +2 -2
- package/dist/docs/utilities/useFocusTrap.md +1 -1
- package/dist/docs/utilities/useFullscreen.md +1 -1
- package/dist/docs/utilities/useHover.md +1 -1
- package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
- package/dist/docs/utilities/useInterval.md +1 -1
- package/dist/docs/utilities/useIsFocusWithin.md +1 -1
- package/dist/docs/utilities/useKey.md +1 -1
- package/dist/docs/utilities/useLocalStorage.md +1 -1
- package/dist/docs/utilities/useLocationSuggestions.md +1 -1
- package/dist/docs/utilities/useMax.md +1 -1
- package/dist/docs/utilities/useMin.md +1 -1
- package/dist/docs/utilities/useMutationObserver.md +1 -1
- package/dist/docs/utilities/useOnScreen.md +1 -1
- package/dist/docs/utilities/useOnlineStatus.md +1 -1
- package/dist/docs/utilities/usePostMessage.md +2 -2
- package/dist/docs/utilities/usePostMessageSender.md +1 -1
- package/dist/docs/utilities/usePrevious.md +1 -1
- package/dist/docs/utilities/useResizeObserver.md +1 -1
- package/dist/docs/utilities/useRioCookieConsent.md +1 -1
- package/dist/docs/utilities/useScrollPosition.md +1 -1
- package/dist/docs/utilities/useSearch.md +1 -1
- package/dist/docs/utilities/useSearchHighlight.md +1 -1
- package/dist/docs/utilities/useSorting.md +1 -1
- package/dist/docs/utilities/useStateWithValidation.md +1 -1
- package/dist/docs/utilities/useSum.md +1 -1
- package/dist/docs/utilities/useTableExport.md +61 -61
- package/dist/docs/utilities/useTableSelection.md +72 -72
- package/dist/docs/utilities/useTimeout.md +1 -1
- package/dist/docs/utilities/useToggle.md +1 -1
- package/dist/docs/utilities/useUrlState.md +1 -1
- package/dist/docs/utilities/useWindowResize.md +1 -1
- package/dist/index.mjs +1 -1
- package/dist/version.json +2 -2
- package/package.json +12 -8
|
@@ -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-06-11T10:00:56.748Z
|
|
7
7
|
|
|
8
8
|
## AssetTree
|
|
9
9
|
|
|
@@ -13,36 +13,38 @@ The asset tree components are using labels that need to be defined from the outs
|
|
|
13
13
|
|
|
14
14
|
Filter
|
|
15
15
|
|
|
16
|
-
|
|
16
|
+
5608
|
|
17
17
|
4
|
|
18
18
|
|
|
19
|
-
Group -
|
|
19
|
+
Group - Abel Hermann-Reynolds - 8860 10
|
|
20
20
|
|
|
21
|
-
Group -
|
|
21
|
+
Group - Abel Ullrich DDS - 4254 13
|
|
22
22
|
|
|
23
|
-
Group -
|
|
23
|
+
Group - Abraham Ledner - 1909 14
|
|
24
24
|
|
|
25
|
-
Group -
|
|
25
|
+
Group - Addie Bradtke - 2542 10
|
|
26
26
|
|
|
27
|
-
Group -
|
|
27
|
+
Group - Adelia Bauch - 8332 11
|
|
28
28
|
|
|
29
|
-
Group -
|
|
29
|
+
Group - Adella MacGyver - 2649 9
|
|
30
30
|
|
|
31
|
-
Group -
|
|
31
|
+
Group - Aditya Balistreri - 3949 7
|
|
32
32
|
|
|
33
|
-
Group -
|
|
33
|
+
Group - Adrienne Block - 4827 7
|
|
34
34
|
|
|
35
|
-
Group -
|
|
35
|
+
Group - Adrienne Grady - 2974 13
|
|
36
36
|
|
|
37
|
-
Group -
|
|
37
|
+
Group - Aileen Bartoletti - 3397 15
|
|
38
38
|
|
|
39
|
-
Group -
|
|
39
|
+
Group - Alan Effertz - 3107 14
|
|
40
40
|
|
|
41
|
-
Group -
|
|
41
|
+
Group - Albert Hammes III - 8632 13
|
|
42
42
|
|
|
43
|
-
Group -
|
|
43
|
+
Group - Alejandra Olson - 1334 5
|
|
44
44
|
|
|
45
|
-
Group -
|
|
45
|
+
Group - Alexis Leuschke - 4731 12
|
|
46
|
+
|
|
47
|
+
Group - Alf Reichel III - 6730 7
|
|
46
48
|
|
|
47
49
|
200
|
|
48
50
|
|
|
@@ -556,28 +558,24 @@ export default AssetTreeExample;
|
|
|
556
558
|
|
|
557
559
|
### Example: Example 2
|
|
558
560
|
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
561
|
+
8
|
|
562
|
+
9
|
|
563
|
+
4
|
|
564
|
+
9
|
|
563
565
|
|
|
564
|
-
My Empty Group
|
|
566
|
+
My Empty Group 7
|
|
565
567
|
|
|
566
568
|
Truck Group East 4
|
|
567
569
|
|
|
568
|
-
Truck Group North
|
|
569
|
-
N18-
|
|
570
|
-
N18-
|
|
571
|
-
N18-G538 / M-AN 1007
|
|
572
|
-
N18-G666 / M-AN 1019
|
|
573
|
-
N18-G760 / M-AN 1014
|
|
574
|
-
N18-G959 / M-AN 1001
|
|
570
|
+
Truck Group North 2
|
|
571
|
+
N18-G804 / M-AN 1003
|
|
572
|
+
N18-G836 / M-AN 1002
|
|
575
573
|
|
|
576
|
-
Truck Group South
|
|
574
|
+
Truck Group South 9
|
|
577
575
|
|
|
578
|
-
Truck Group West
|
|
576
|
+
Truck Group West 3
|
|
579
577
|
|
|
580
|
-
All my unassigned Trucks
|
|
578
|
+
All my unassigned Trucks 5
|
|
581
579
|
|
|
582
580
|
Current category:
|
|
583
581
|
assets
|
|
@@ -773,24 +771,24 @@ export default AssetTreeSingleSelectExample;
|
|
|
773
771
|
<div class="display-flex justify-content-between align-items-start width-100pct">
|
|
774
772
|
<div class="TreeSummary display-flex flex-wrap align-items-center gap-10 padding-left-3">
|
|
775
773
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
776
|
-
<span class="rioglyph rioglyph-
|
|
774
|
+
<span class="rioglyph rioglyph-trailer text-size-16 margin-right-2">
|
|
777
775
|
</span>
|
|
778
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
776
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
|
|
779
777
|
</div>
|
|
780
778
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
781
779
|
<span class="rioglyph rioglyph-truck text-size-16 margin-right-2">
|
|
782
780
|
</span>
|
|
783
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
781
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">9</span>
|
|
784
782
|
</div>
|
|
785
783
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
786
784
|
<span class="rioglyph rioglyph-bus text-size-16 margin-right-2">
|
|
787
785
|
</span>
|
|
788
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
786
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
|
|
789
787
|
</div>
|
|
790
788
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
791
|
-
<span class="rioglyph rioglyph-
|
|
789
|
+
<span class="rioglyph rioglyph-van text-size-16 margin-right-2">
|
|
792
790
|
</span>
|
|
793
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
791
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">9</span>
|
|
794
792
|
</div>
|
|
795
793
|
</div>
|
|
796
794
|
</div>
|
|
@@ -803,7 +801,7 @@ export default AssetTreeSingleSelectExample;
|
|
|
803
801
|
<span class="TreeLabelNameText">
|
|
804
802
|
<span class="TreeLabelNameTextHeadline">My Empty Group</span>
|
|
805
803
|
</span>
|
|
806
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
804
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
|
|
807
805
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
808
806
|
</span>
|
|
809
807
|
</span>
|
|
@@ -827,62 +825,26 @@ export default AssetTreeSingleSelectExample;
|
|
|
827
825
|
<span class="TreeLabelNameText">
|
|
828
826
|
<span class="TreeLabelNameTextHeadline">Truck Group North</span>
|
|
829
827
|
</span>
|
|
830
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
828
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">2</span>
|
|
831
829
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
832
830
|
</span>
|
|
833
831
|
</span>
|
|
834
832
|
</div>
|
|
835
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
836
|
-
<span class="TreeLabel TreeLabelName">
|
|
837
|
-
<span class="rioglyph rioglyph-bus">
|
|
838
|
-
</span>
|
|
839
|
-
<span class="TreeLabelNameText">
|
|
840
|
-
<span class="TreeLabelNameTextHeadline">N18-G134 / M-AN 1020</span>
|
|
841
|
-
</span>
|
|
842
|
-
</span>
|
|
843
|
-
</div>
|
|
844
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9711">
|
|
845
|
-
<span class="TreeLabel TreeLabelName">
|
|
846
|
-
<span class="rioglyph rioglyph-bus">
|
|
847
|
-
</span>
|
|
848
|
-
<span class="TreeLabelNameText">
|
|
849
|
-
<span class="TreeLabelNameTextHeadline">N18-G215 / M-AN 1011</span>
|
|
850
|
-
</span>
|
|
851
|
-
</span>
|
|
852
|
-
</div>
|
|
853
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d977">
|
|
854
|
-
<span class="TreeLabel TreeLabelName">
|
|
855
|
-
<span class="rioglyph rioglyph-bus">
|
|
856
|
-
</span>
|
|
857
|
-
<span class="TreeLabelNameText">
|
|
858
|
-
<span class="TreeLabelNameTextHeadline">N18-G538 / M-AN 1007</span>
|
|
859
|
-
</span>
|
|
860
|
-
</span>
|
|
861
|
-
</div>
|
|
862
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9719">
|
|
863
|
-
<span class="TreeLabel TreeLabelName">
|
|
864
|
-
<span class="rioglyph rioglyph-van">
|
|
865
|
-
</span>
|
|
866
|
-
<span class="TreeLabelNameText">
|
|
867
|
-
<span class="TreeLabelNameTextHeadline">N18-G666 / M-AN 1019</span>
|
|
868
|
-
</span>
|
|
869
|
-
</span>
|
|
870
|
-
</div>
|
|
871
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9714">
|
|
833
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d973">
|
|
872
834
|
<span class="TreeLabel TreeLabelName">
|
|
873
|
-
<span class="rioglyph rioglyph-
|
|
835
|
+
<span class="rioglyph rioglyph-trailer">
|
|
874
836
|
</span>
|
|
875
837
|
<span class="TreeLabelNameText">
|
|
876
|
-
<span class="TreeLabelNameTextHeadline">N18-
|
|
838
|
+
<span class="TreeLabelNameTextHeadline">N18-G804 / M-AN 1003</span>
|
|
877
839
|
</span>
|
|
878
840
|
</span>
|
|
879
841
|
</div>
|
|
880
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
842
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d972">
|
|
881
843
|
<span class="TreeLabel TreeLabelName">
|
|
882
844
|
<span class="rioglyph rioglyph-truck">
|
|
883
845
|
</span>
|
|
884
846
|
<span class="TreeLabelNameText">
|
|
885
|
-
<span class="TreeLabelNameTextHeadline">N18-
|
|
847
|
+
<span class="TreeLabelNameTextHeadline">N18-G836 / M-AN 1002</span>
|
|
886
848
|
</span>
|
|
887
849
|
</span>
|
|
888
850
|
</div>
|
|
@@ -893,7 +855,7 @@ export default AssetTreeSingleSelectExample;
|
|
|
893
855
|
<span class="TreeLabelNameText">
|
|
894
856
|
<span class="TreeLabelNameTextHeadline">Truck Group South</span>
|
|
895
857
|
</span>
|
|
896
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
858
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">9</span>
|
|
897
859
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
898
860
|
</span>
|
|
899
861
|
</span>
|
|
@@ -905,7 +867,7 @@ export default AssetTreeSingleSelectExample;
|
|
|
905
867
|
<span class="TreeLabelNameText">
|
|
906
868
|
<span class="TreeLabelNameTextHeadline">Truck Group West</span>
|
|
907
869
|
</span>
|
|
908
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
870
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
|
|
909
871
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
910
872
|
</span>
|
|
911
873
|
</span>
|
|
@@ -917,7 +879,7 @@ export default AssetTreeSingleSelectExample;
|
|
|
917
879
|
<span class="TreeLabelNameText">
|
|
918
880
|
<span class="TreeLabelNameTextHeadline">All my unassigned Trucks</span>
|
|
919
881
|
</span>
|
|
920
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
882
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
|
|
921
883
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
922
884
|
</span>
|
|
923
885
|
</span>
|
|
@@ -1106,31 +1068,29 @@ When using fuel filter, please check out the fuel type utils that ease the imple
|
|
|
1106
1068
|
|
|
1107
1069
|
### Example: Example 3
|
|
1108
1070
|
|
|
1109
|
-
|
|
1110
|
-
|
|
1071
|
+
5
|
|
1072
|
+
5
|
|
1073
|
+
6
|
|
1111
1074
|
4
|
|
1112
|
-
7
|
|
1113
1075
|
|
|
1114
|
-
|
|
1076
|
+
10
|
|
1115
1077
|
4
|
|
1116
|
-
2
|
|
1117
1078
|
3
|
|
1118
1079
|
2
|
|
1080
|
+
1
|
|
1081
|
+
|
|
1082
|
+
Mixed Vehicles 9
|
|
1083
|
+
Vehicle-2120 Debug: hydrogen
|
|
1084
|
+
Vehicle-2687 Debug: hydrogen
|
|
1085
|
+
Vehicle-3483 Debug: heavy_fuel_oil
|
|
1086
|
+
Vehicle-4959 Debug: cng
|
|
1087
|
+
Vehicle-5417 Debug: lpg
|
|
1088
|
+
Vehicle-6451 Debug: heavy_fuel_oil
|
|
1089
|
+
Vehicle-6742 Debug: diesel
|
|
1090
|
+
Vehicle-8297 Debug: heavy_fuel_oil
|
|
1091
|
+
Vehicle-9989 Debug: electric
|
|
1119
1092
|
|
|
1120
|
-
|
|
1121
|
-
Vehicle-1022 Debug: lpg
|
|
1122
|
-
Vehicle-1671 Debug: dual_fuel_diesel_cng
|
|
1123
|
-
Vehicle-2974 Debug: cng
|
|
1124
|
-
Vehicle-3862 Debug: heavy_fuel_oil
|
|
1125
|
-
Vehicle-4135 Debug: heavy_fuel_oil
|
|
1126
|
-
Vehicle-5935 Debug: cng
|
|
1127
|
-
Vehicle-6836 Debug: heavy_fuel_oil
|
|
1128
|
-
Vehicle-6932 Debug: diesel
|
|
1129
|
-
Vehicle-7229 Debug: heavy_fuel_oil
|
|
1130
|
-
Vehicle-7606 Debug: dual_fuel_diesel_cng
|
|
1131
|
-
Vehicle-8721 Debug: hydrogen
|
|
1132
|
-
|
|
1133
|
-
Ungrouped 9
|
|
1093
|
+
Ungrouped 11
|
|
1134
1094
|
|
|
1135
1095
|
Selected groups:
|
|
1136
1096
|
|
|
@@ -1464,29 +1424,29 @@ export default AssetTreeExample;
|
|
|
1464
1424
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1465
1425
|
<span class="rioglyph rioglyph-truck-baseline text-size-16 margin-right-2">
|
|
1466
1426
|
</span>
|
|
1467
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1427
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">5</span>
|
|
1468
1428
|
</div>
|
|
1469
1429
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1470
1430
|
<span class="rioglyph rioglyph-bus-baseline text-size-16 margin-right-2">
|
|
1471
1431
|
</span>
|
|
1472
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1432
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">5</span>
|
|
1473
1433
|
</div>
|
|
1474
1434
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1475
1435
|
<span class="rioglyph rioglyph-van-baseline text-size-16 margin-right-2">
|
|
1476
1436
|
</span>
|
|
1477
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1437
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">6</span>
|
|
1478
1438
|
</div>
|
|
1479
1439
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1480
1440
|
<span class="rioglyph rioglyph-car-baseline text-size-16 margin-right-2">
|
|
1481
1441
|
</span>
|
|
1482
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1442
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
|
|
1483
1443
|
</div>
|
|
1484
1444
|
</div>
|
|
1485
1445
|
<div class="TreeSummaryRow display-grid grid-cols-4 gap-10">
|
|
1486
1446
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1487
1447
|
<span class="rioglyph rioglyph-fuel-liquid text-size-16 margin-right-2">
|
|
1488
1448
|
</span>
|
|
1489
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1449
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">10</span>
|
|
1490
1450
|
</div>
|
|
1491
1451
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1492
1452
|
<span class="rioglyph rioglyph-fuel-gas text-size-16 margin-right-2">
|
|
@@ -1496,24 +1456,24 @@ export default AssetTreeExample;
|
|
|
1496
1456
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1497
1457
|
<span class="rioglyph rioglyph-fuel-electric text-size-16 margin-right-2">
|
|
1498
1458
|
</span>
|
|
1499
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1459
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
|
|
1500
1460
|
</div>
|
|
1501
1461
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1502
1462
|
<span class="rioglyph rioglyph-fuel-hydrogen text-size-16 margin-right-2">
|
|
1503
1463
|
</span>
|
|
1504
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1464
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
|
|
1505
1465
|
</div>
|
|
1506
1466
|
<div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
|
|
1507
1467
|
<span class="rioglyph rioglyph-fuel-mix text-size-16 margin-right-2">
|
|
1508
1468
|
</span>
|
|
1509
|
-
<span class="TreeLabelCount label label-condensed label-muted label-filled">
|
|
1469
|
+
<span class="TreeLabelCount label label-condensed label-muted label-filled">1</span>
|
|
1510
1470
|
</div>
|
|
1511
1471
|
</div>
|
|
1512
1472
|
</div>
|
|
1513
1473
|
</div>
|
|
1514
1474
|
<div>
|
|
1515
1475
|
<div class="dropdown btn-group TreeHeaderOptions height-20">
|
|
1516
|
-
<button type="button" id="
|
|
1476
|
+
<button type="button" id="oghcugk6r2h" 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">
|
|
1517
1477
|
<span class="rioglyph rioglyph-option-vertical" aria-hidden="true">
|
|
1518
1478
|
</span>
|
|
1519
1479
|
</button>
|
|
@@ -1533,12 +1493,12 @@ export default AssetTreeExample;
|
|
|
1533
1493
|
<span class="TreeLabelNameText">
|
|
1534
1494
|
<span class="TreeLabelNameTextHeadline">Mixed Vehicles</span>
|
|
1535
1495
|
</span>
|
|
1536
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
1496
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">9</span>
|
|
1537
1497
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
1538
1498
|
</span>
|
|
1539
1499
|
</span>
|
|
1540
1500
|
</div>
|
|
1541
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1501
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d979">
|
|
1542
1502
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1543
1503
|
<input type="checkbox" class="TreeCheckbox">
|
|
1544
1504
|
<span class="checkbox-text">
|
|
@@ -1546,20 +1506,20 @@ export default AssetTreeExample;
|
|
|
1546
1506
|
</label>
|
|
1547
1507
|
<span class="TreeLabel TreeLabelName">
|
|
1548
1508
|
<span class="rioglyph-icon-pair">
|
|
1549
|
-
<span class="rioglyph rioglyph-
|
|
1509
|
+
<span class="rioglyph rioglyph-bus">
|
|
1550
1510
|
</span>
|
|
1551
|
-
<span class="rioglyph rioglyph-fuel-
|
|
1511
|
+
<span class="rioglyph rioglyph-fuel-hydrogen">
|
|
1552
1512
|
</span>
|
|
1553
1513
|
</span>
|
|
1554
1514
|
<span class="TreeLabelNameText">
|
|
1555
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1515
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-2120</span>
|
|
1556
1516
|
<span class="TreeLabelNameTextSubline">
|
|
1557
|
-
<span>Debug:
|
|
1517
|
+
<span>Debug: hydrogen</span>
|
|
1558
1518
|
</span>
|
|
1559
1519
|
</span>
|
|
1560
1520
|
</span>
|
|
1561
1521
|
</div>
|
|
1562
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1522
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d971">
|
|
1563
1523
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1564
1524
|
<input type="checkbox" class="TreeCheckbox">
|
|
1565
1525
|
<span class="checkbox-text">
|
|
@@ -1567,20 +1527,20 @@ export default AssetTreeExample;
|
|
|
1567
1527
|
</label>
|
|
1568
1528
|
<span class="TreeLabel TreeLabelName">
|
|
1569
1529
|
<span class="rioglyph-icon-pair">
|
|
1570
|
-
<span class="rioglyph rioglyph-
|
|
1530
|
+
<span class="rioglyph rioglyph-bus">
|
|
1571
1531
|
</span>
|
|
1572
|
-
<span class="rioglyph rioglyph-fuel-
|
|
1532
|
+
<span class="rioglyph rioglyph-fuel-hydrogen">
|
|
1573
1533
|
</span>
|
|
1574
1534
|
</span>
|
|
1575
1535
|
<span class="TreeLabelNameText">
|
|
1576
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1536
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-2687</span>
|
|
1577
1537
|
<span class="TreeLabelNameTextSubline">
|
|
1578
|
-
<span>Debug:
|
|
1538
|
+
<span>Debug: hydrogen</span>
|
|
1579
1539
|
</span>
|
|
1580
1540
|
</span>
|
|
1581
1541
|
</span>
|
|
1582
1542
|
</div>
|
|
1583
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1543
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9713">
|
|
1584
1544
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1585
1545
|
<input type="checkbox" class="TreeCheckbox">
|
|
1586
1546
|
<span class="checkbox-text">
|
|
@@ -1590,39 +1550,18 @@ export default AssetTreeExample;
|
|
|
1590
1550
|
<span class="rioglyph-icon-pair">
|
|
1591
1551
|
<span class="rioglyph rioglyph-truck">
|
|
1592
1552
|
</span>
|
|
1593
|
-
<span class="rioglyph rioglyph-fuel-gas">
|
|
1594
|
-
</span>
|
|
1595
|
-
</span>
|
|
1596
|
-
<span class="TreeLabelNameText">
|
|
1597
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-2974</span>
|
|
1598
|
-
<span class="TreeLabelNameTextSubline">
|
|
1599
|
-
<span>Debug: cng</span>
|
|
1600
|
-
</span>
|
|
1601
|
-
</span>
|
|
1602
|
-
</span>
|
|
1603
|
-
</div>
|
|
1604
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d972">
|
|
1605
|
-
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1606
|
-
<input type="checkbox" class="TreeCheckbox">
|
|
1607
|
-
<span class="checkbox-text">
|
|
1608
|
-
</span>
|
|
1609
|
-
</label>
|
|
1610
|
-
<span class="TreeLabel TreeLabelName">
|
|
1611
|
-
<span class="rioglyph-icon-pair">
|
|
1612
|
-
<span class="rioglyph rioglyph-car">
|
|
1613
|
-
</span>
|
|
1614
1553
|
<span class="rioglyph rioglyph-fuel-liquid">
|
|
1615
1554
|
</span>
|
|
1616
1555
|
</span>
|
|
1617
1556
|
<span class="TreeLabelNameText">
|
|
1618
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1557
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-3483</span>
|
|
1619
1558
|
<span class="TreeLabelNameTextSubline">
|
|
1620
1559
|
<span>Debug: heavy_fuel_oil</span>
|
|
1621
1560
|
</span>
|
|
1622
1561
|
</span>
|
|
1623
1562
|
</span>
|
|
1624
1563
|
</div>
|
|
1625
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1564
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9719">
|
|
1626
1565
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1627
1566
|
<input type="checkbox" class="TreeCheckbox">
|
|
1628
1567
|
<span class="checkbox-text">
|
|
@@ -1630,20 +1569,20 @@ export default AssetTreeExample;
|
|
|
1630
1569
|
</label>
|
|
1631
1570
|
<span class="TreeLabel TreeLabelName">
|
|
1632
1571
|
<span class="rioglyph-icon-pair">
|
|
1633
|
-
<span class="rioglyph rioglyph-
|
|
1572
|
+
<span class="rioglyph rioglyph-van">
|
|
1634
1573
|
</span>
|
|
1635
|
-
<span class="rioglyph rioglyph-fuel-
|
|
1574
|
+
<span class="rioglyph rioglyph-fuel-gas">
|
|
1636
1575
|
</span>
|
|
1637
1576
|
</span>
|
|
1638
1577
|
<span class="TreeLabelNameText">
|
|
1639
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1578
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-4959</span>
|
|
1640
1579
|
<span class="TreeLabelNameTextSubline">
|
|
1641
|
-
<span>Debug:
|
|
1580
|
+
<span>Debug: cng</span>
|
|
1642
1581
|
</span>
|
|
1643
1582
|
</span>
|
|
1644
1583
|
</span>
|
|
1645
1584
|
</div>
|
|
1646
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1585
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d974">
|
|
1647
1586
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1648
1587
|
<input type="checkbox" class="TreeCheckbox">
|
|
1649
1588
|
<span class="checkbox-text">
|
|
@@ -1651,20 +1590,20 @@ export default AssetTreeExample;
|
|
|
1651
1590
|
</label>
|
|
1652
1591
|
<span class="TreeLabel TreeLabelName">
|
|
1653
1592
|
<span class="rioglyph-icon-pair">
|
|
1654
|
-
<span class="rioglyph rioglyph-
|
|
1593
|
+
<span class="rioglyph rioglyph-car">
|
|
1655
1594
|
</span>
|
|
1656
1595
|
<span class="rioglyph rioglyph-fuel-gas">
|
|
1657
1596
|
</span>
|
|
1658
1597
|
</span>
|
|
1659
1598
|
<span class="TreeLabelNameText">
|
|
1660
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1599
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-5417</span>
|
|
1661
1600
|
<span class="TreeLabelNameTextSubline">
|
|
1662
|
-
<span>Debug:
|
|
1601
|
+
<span>Debug: lpg</span>
|
|
1663
1602
|
</span>
|
|
1664
1603
|
</span>
|
|
1665
1604
|
</span>
|
|
1666
1605
|
</div>
|
|
1667
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1606
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9714">
|
|
1668
1607
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1669
1608
|
<input type="checkbox" class="TreeCheckbox">
|
|
1670
1609
|
<span class="checkbox-text">
|
|
@@ -1672,20 +1611,20 @@ export default AssetTreeExample;
|
|
|
1672
1611
|
</label>
|
|
1673
1612
|
<span class="TreeLabel TreeLabelName">
|
|
1674
1613
|
<span class="rioglyph-icon-pair">
|
|
1675
|
-
<span class="rioglyph rioglyph-
|
|
1614
|
+
<span class="rioglyph rioglyph-van">
|
|
1676
1615
|
</span>
|
|
1677
1616
|
<span class="rioglyph rioglyph-fuel-liquid">
|
|
1678
1617
|
</span>
|
|
1679
1618
|
</span>
|
|
1680
1619
|
<span class="TreeLabelNameText">
|
|
1681
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1620
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-6451</span>
|
|
1682
1621
|
<span class="TreeLabelNameTextSubline">
|
|
1683
1622
|
<span>Debug: heavy_fuel_oil</span>
|
|
1684
1623
|
</span>
|
|
1685
1624
|
</span>
|
|
1686
1625
|
</span>
|
|
1687
1626
|
</div>
|
|
1688
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1627
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9718">
|
|
1689
1628
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1690
1629
|
<input type="checkbox" class="TreeCheckbox">
|
|
1691
1630
|
<span class="checkbox-text">
|
|
@@ -1693,20 +1632,20 @@ export default AssetTreeExample;
|
|
|
1693
1632
|
</label>
|
|
1694
1633
|
<span class="TreeLabel TreeLabelName">
|
|
1695
1634
|
<span class="rioglyph-icon-pair">
|
|
1696
|
-
<span class="rioglyph rioglyph-
|
|
1635
|
+
<span class="rioglyph rioglyph-bus">
|
|
1697
1636
|
</span>
|
|
1698
1637
|
<span class="rioglyph rioglyph-fuel-liquid">
|
|
1699
1638
|
</span>
|
|
1700
1639
|
</span>
|
|
1701
1640
|
<span class="TreeLabelNameText">
|
|
1702
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1641
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-6742</span>
|
|
1703
1642
|
<span class="TreeLabelNameTextSubline">
|
|
1704
1643
|
<span>Debug: diesel</span>
|
|
1705
1644
|
</span>
|
|
1706
1645
|
</span>
|
|
1707
1646
|
</span>
|
|
1708
1647
|
</div>
|
|
1709
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1648
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d972">
|
|
1710
1649
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1711
1650
|
<input type="checkbox" class="TreeCheckbox">
|
|
1712
1651
|
<span class="checkbox-text">
|
|
@@ -1720,14 +1659,14 @@ export default AssetTreeExample;
|
|
|
1720
1659
|
</span>
|
|
1721
1660
|
</span>
|
|
1722
1661
|
<span class="TreeLabelNameText">
|
|
1723
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1662
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-8297</span>
|
|
1724
1663
|
<span class="TreeLabelNameTextSubline">
|
|
1725
1664
|
<span>Debug: heavy_fuel_oil</span>
|
|
1726
1665
|
</span>
|
|
1727
1666
|
</span>
|
|
1728
1667
|
</span>
|
|
1729
1668
|
</div>
|
|
1730
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-
|
|
1669
|
+
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9715">
|
|
1731
1670
|
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1732
1671
|
<input type="checkbox" class="TreeCheckbox">
|
|
1733
1672
|
<span class="checkbox-text">
|
|
@@ -1737,34 +1676,13 @@ export default AssetTreeExample;
|
|
|
1737
1676
|
<span class="rioglyph-icon-pair">
|
|
1738
1677
|
<span class="rioglyph rioglyph-car">
|
|
1739
1678
|
</span>
|
|
1740
|
-
<span class="rioglyph rioglyph-fuel-
|
|
1679
|
+
<span class="rioglyph rioglyph-fuel-electric">
|
|
1741
1680
|
</span>
|
|
1742
1681
|
</span>
|
|
1743
1682
|
<span class="TreeLabelNameText">
|
|
1744
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-
|
|
1683
|
+
<span class="TreeLabelNameTextHeadline">Vehicle-9989</span>
|
|
1745
1684
|
<span class="TreeLabelNameTextSubline">
|
|
1746
|
-
<span>Debug:
|
|
1747
|
-
</span>
|
|
1748
|
-
</span>
|
|
1749
|
-
</span>
|
|
1750
|
-
</div>
|
|
1751
|
-
<div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d975">
|
|
1752
|
-
<label class="checkbox TreeCheckbox" tabindex="0">
|
|
1753
|
-
<input type="checkbox" class="TreeCheckbox">
|
|
1754
|
-
<span class="checkbox-text">
|
|
1755
|
-
</span>
|
|
1756
|
-
</label>
|
|
1757
|
-
<span class="TreeLabel TreeLabelName">
|
|
1758
|
-
<span class="rioglyph-icon-pair">
|
|
1759
|
-
<span class="rioglyph rioglyph-car">
|
|
1760
|
-
</span>
|
|
1761
|
-
<span class="rioglyph rioglyph-fuel-hydrogen">
|
|
1762
|
-
</span>
|
|
1763
|
-
</span>
|
|
1764
|
-
<span class="TreeLabelNameText">
|
|
1765
|
-
<span class="TreeLabelNameTextHeadline">Vehicle-8721</span>
|
|
1766
|
-
<span class="TreeLabelNameTextSubline">
|
|
1767
|
-
<span>Debug: hydrogen</span>
|
|
1685
|
+
<span>Debug: electric</span>
|
|
1768
1686
|
</span>
|
|
1769
1687
|
</span>
|
|
1770
1688
|
</span>
|
|
@@ -1781,7 +1699,7 @@ export default AssetTreeExample;
|
|
|
1781
1699
|
<span class="TreeLabelNameText">
|
|
1782
1700
|
<span class="TreeLabelNameTextHeadline">Ungrouped</span>
|
|
1783
1701
|
</span>
|
|
1784
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
1702
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">11</span>
|
|
1785
1703
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
1786
1704
|
</span>
|
|
1787
1705
|
</span>
|
|
@@ -2362,9 +2280,9 @@ export default AssetTreeWithCustomSummaryExample;
|
|
|
2362
2280
|
|
|
2363
2281
|
### Example: Example 5
|
|
2364
2282
|
|
|
2365
|
-
Group 01
|
|
2283
|
+
Group 01 8
|
|
2366
2284
|
|
|
2367
|
-
Group 02
|
|
2285
|
+
Group 02 7
|
|
2368
2286
|
|
|
2369
2287
|
Group 03 5
|
|
2370
2288
|
|
|
@@ -2467,7 +2385,7 @@ export default () => {
|
|
|
2467
2385
|
<span class="TreeLabelNameText">
|
|
2468
2386
|
<span class="TreeLabelNameTextHeadline">Group 01</span>
|
|
2469
2387
|
</span>
|
|
2470
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2388
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">8</span>
|
|
2471
2389
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2472
2390
|
</span>
|
|
2473
2391
|
</span>
|
|
@@ -2482,7 +2400,7 @@ export default () => {
|
|
|
2482
2400
|
<span class="TreeLabelNameText">
|
|
2483
2401
|
<span class="TreeLabelNameTextHeadline">Group 02</span>
|
|
2484
2402
|
</span>
|
|
2485
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2403
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
|
|
2486
2404
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2487
2405
|
</span>
|
|
2488
2406
|
</span>
|
|
@@ -2659,13 +2577,13 @@ Tree with header and search
|
|
|
2659
2577
|
|
|
2660
2578
|
20
|
|
2661
2579
|
|
|
2662
|
-
Folder 01
|
|
2580
|
+
Folder 01 4
|
|
2663
2581
|
|
|
2664
|
-
Folder 02
|
|
2582
|
+
Folder 02 6
|
|
2665
2583
|
|
|
2666
|
-
Folder 03
|
|
2584
|
+
Folder 03 4
|
|
2667
2585
|
|
|
2668
|
-
Folder 04
|
|
2586
|
+
Folder 04 6
|
|
2669
2587
|
|
|
2670
2588
|
Selected items:
|
|
2671
2589
|
|
|
@@ -2809,7 +2727,7 @@ export default TreeOnlyExample;
|
|
|
2809
2727
|
<span class="TreeLabelNameText">
|
|
2810
2728
|
<span class="TreeLabelNameTextHeadline">Folder 01</span>
|
|
2811
2729
|
</span>
|
|
2812
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2730
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
|
|
2813
2731
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2814
2732
|
</span>
|
|
2815
2733
|
</span>
|
|
@@ -2823,7 +2741,7 @@ export default TreeOnlyExample;
|
|
|
2823
2741
|
<span class="TreeLabelNameText">
|
|
2824
2742
|
<span class="TreeLabelNameTextHeadline">Folder 02</span>
|
|
2825
2743
|
</span>
|
|
2826
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2744
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
|
|
2827
2745
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2828
2746
|
</span>
|
|
2829
2747
|
</span>
|
|
@@ -2837,7 +2755,7 @@ export default TreeOnlyExample;
|
|
|
2837
2755
|
<span class="TreeLabelNameText">
|
|
2838
2756
|
<span class="TreeLabelNameTextHeadline">Folder 03</span>
|
|
2839
2757
|
</span>
|
|
2840
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2758
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
|
|
2841
2759
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2842
2760
|
</span>
|
|
2843
2761
|
</span>
|
|
@@ -2851,7 +2769,7 @@ export default TreeOnlyExample;
|
|
|
2851
2769
|
<span class="TreeLabelNameText">
|
|
2852
2770
|
<span class="TreeLabelNameTextHeadline">Folder 04</span>
|
|
2853
2771
|
</span>
|
|
2854
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2772
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
|
|
2855
2773
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
2856
2774
|
</span>
|
|
2857
2775
|
</span>
|
|
@@ -2925,13 +2843,13 @@ export default TreeOnlyExample;
|
|
|
2925
2843
|
|
|
2926
2844
|
Tree without header and search
|
|
2927
2845
|
|
|
2928
|
-
Folder 01
|
|
2846
|
+
Folder 01 7
|
|
2929
2847
|
|
|
2930
|
-
Folder 02
|
|
2848
|
+
Folder 02 5
|
|
2931
2849
|
|
|
2932
2850
|
Folder 03 5
|
|
2933
2851
|
|
|
2934
|
-
Folder 04
|
|
2852
|
+
Folder 04 3
|
|
2935
2853
|
|
|
2936
2854
|
Selected items:
|
|
2937
2855
|
|
|
@@ -3051,7 +2969,7 @@ export default TreeOnlyExample;
|
|
|
3051
2969
|
<span class="TreeLabelNameText">
|
|
3052
2970
|
<span class="TreeLabelNameTextHeadline">Folder 01</span>
|
|
3053
2971
|
</span>
|
|
3054
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2972
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
|
|
3055
2973
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
3056
2974
|
</span>
|
|
3057
2975
|
</span>
|
|
@@ -3065,7 +2983,7 @@ export default TreeOnlyExample;
|
|
|
3065
2983
|
<span class="TreeLabelNameText">
|
|
3066
2984
|
<span class="TreeLabelNameTextHeadline">Folder 02</span>
|
|
3067
2985
|
</span>
|
|
3068
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
2986
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
|
|
3069
2987
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
3070
2988
|
</span>
|
|
3071
2989
|
</span>
|
|
@@ -3093,7 +3011,7 @@ export default TreeOnlyExample;
|
|
|
3093
3011
|
<span class="TreeLabelNameText">
|
|
3094
3012
|
<span class="TreeLabelNameTextHeadline">Folder 04</span>
|
|
3095
3013
|
</span>
|
|
3096
|
-
<span class="TreeLabelCount label label-muted label-filled label-condensed">
|
|
3014
|
+
<span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
|
|
3097
3015
|
<span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
|
|
3098
3016
|
</span>
|
|
3099
3017
|
</span>
|