pragma Singleton import QtQuick import FluentUI FluObject{ property var navigationView FluPaneItem{ title:lang.home icon:FluentIcons.Home // cusIcon: Image{ // anchors.centerIn: parent // source: FluTheme.dark ? "qrc:/example/res/svg/home_dark.svg" : "qrc:/example/res/svg/home.svg" // sourceSize: Qt.size(30,30) // width: 18 // height: 18 // } onTap:{ navigationView.push("qrc:/example/qml/page/T_Home.qml") } } FluPaneItemExpander{ title:lang.basic_input icon:FluentIcons.CheckboxComposite FluPaneItem{ title:"Buttons" image:"qrc:/example/res/image/control/Button.png" recentlyUpdated:true desc:"A control that responds to user input and raisesa Click event." onTap:{ navigationView.push("qrc:/example/qml/page/T_Buttons.qml") } } FluPaneItem{ title:"Text" onTap:{ navigationView.push("qrc:/example/qml/page/T_Text.qml") } } FluPaneItem{ title:"Slider" image:"qrc:/example/res/image/control/Slider.png" recentlyUpdated:true desc:"A control that lets the user select from a rangeof values by moving a Thumb control along atrack." onTap:{ navigationView.push("qrc:/example/qml/page/T_Slider.qml") } } FluPaneItem{ title:"CheckBox" image:"qrc:/example/res/image/control/Checkbox.png" recentlyUpdated:true desc:"A control that a user can select or clear." onTap:{ navigationView.push("qrc:/example/qml/page/T_CheckBox.qml") } } FluPaneItem{ title:"ToggleSwitch" onTap:{ navigationView.push("qrc:/example/qml/page/T_ToggleSwitch.qml") } } } FluPaneItemExpander{ title:lang.form icon:FluentIcons.GridView FluPaneItem{ title:"TextBox" onTap:{ navigationView.push("qrc:/example/qml/page/T_TextBox.qml") } } FluPaneItem{ title:"TimePicker" onTap:{ navigationView.push("qrc:/example/qml/page/T_TimePicker.qml") } } FluPaneItem{ title:"DatePicker" onTap:{ navigationView.push("qrc:/example/qml/page/T_DatePicker.qml") } } FluPaneItem{ title:"CalendarPicker" onTap:{ navigationView.push("qrc:/example/qml/page/T_CalendarPicker.qml") } } FluPaneItem{ title:"ColorPicker" onTap:{ navigationView.push("qrc:/example/qml/page/T_ColorPicker.qml") } } } FluPaneItemExpander{ title:lang.surface icon:FluentIcons.SurfaceHub FluPaneItem{ title:"InfoBar" image:"qrc:/example/res/image/control/InfoBar.png" recentlyUpdated:true desc:"An inline message to display app-wide statuschange information." onTap:{ navigationView.push("qrc:/example/qml/page/T_InfoBar.qml") } } FluPaneItem{ title:"Progress" onTap:{ navigationView.push("qrc:/example/qml/page/T_Progress.qml") } } FluPaneItem{ title:"RatingControl" onTap:{ navigationView.push("qrc:/example/qml/page/T_RatingControl.qml") } } FluPaneItem{ title:"Badge" onTap:{ navigationView.push("qrc:/example/qml/page/T_Badge.qml") } } FluPaneItem{ title:"Rectangle" onTap:{ navigationView.push("qrc:/example/qml/page/T_Rectangle.qml") } } FluPaneItem{ title:"StatusView" onTap:{ navigationView.push("qrc:/example/qml/page/T_StatusView.qml") } } FluPaneItem{ title:"Carousel" onTap:{ navigationView.push("qrc:/example/qml/page/T_Carousel.qml") } } FluPaneItem{ title:"Expander" onTap:{ navigationView.push("qrc:/example/qml/page/T_Expander.qml") } } } FluPaneItemExpander{ title:lang.popus icon:FluentIcons.ButtonMenu FluPaneItem{ title:"Dialog" onTap:{ navigationView.push("qrc:/example/qml/page/T_Dialog.qml") } } FluPaneItem{ title:"Tooltip" onTap:{ navigationView.push("qrc:/example/qml/page/T_Tooltip.qml") } } FluPaneItem{ title:"Menu" onTap:{ navigationView.push("qrc:/example/qml/page/T_Menu.qml") } } } FluPaneItemExpander{ title:lang.navigation icon:FluentIcons.AllApps FluPaneItem{ title:"Pivot" image:"qrc:/example/res/image/control/Pivot.png" recentlyAdded:true order:3 desc:"Presents information from different sources in atabbed view." onTap:{ navigationView.push("qrc:/example/qml/page/T_Pivot.qml") } } FluPaneItem{ title:"BreadcrumbBar" onTap:{ navigationView.push("qrc:/example/qml/page/T_BreadcrumbBar.qml") } } FluPaneItem{ title:"TabView" image:"qrc:/example/res/image/control/TabView.png" recentlyAdded:true order:1 desc:"A control that displays a collection of tabs thatcan be used to display several documents." onTap:{ navigationView.push("qrc:/example/qml/page/T_TabView.qml") } } FluPaneItem{ title:"TreeView" onTap:{ navigationView.push("qrc:/example/qml/page/T_TreeView.qml") } } FluPaneItem{ title:"TableView" image:"qrc:/example/res/image/control/DataGrid.png" recentlyAdded:true order:4 desc:"The TableView control provides a flexible way to display a collection of data in rows and columns" onTap:{ navigationView.push("qrc:/example/qml/page/T_TableView.qml") } } FluPaneItem{ title:"MultiWindow" onTap:{ navigationView.push("qrc:/example/qml/page/T_MultiWindow.qml") } } FluPaneItem{ title:"FlipView" image:"qrc:/example/res/image/control/FlipView.png" recentlyAdded:true order:2 desc:"Presents a collection of items that the user canflip through, one item at a time." onTap:{ navigationView.push("qrc:/example/qml/page/T_FlipView.qml") } } } FluPaneItemExpander{ title:lang.theming icon:FluentIcons.Brightness FluPaneItem{ title:"Theme" onTap:{ navigationView.push("qrc:/example/qml/page/T_Theme.qml") } } FluPaneItem{ title:"Typography" onTap:{ navigationView.push("qrc:/example/qml/page/T_Typography.qml") } } FluPaneItem{ title:"Awesome" onTap:{ navigationView.push("qrc:/example/qml/page/T_Awesome.qml") } } } FluPaneItemExpander{ title:lang.media icon:FluentIcons.Media FluPaneItem{ title:"MediaPlayer" image:"qrc:/example/res/image/control/MediaPlayerElement.png" recentlyAdded:true order:0 desc:"A control to display video and image content." onTap:{ navigationView.push("qrc:/example/qml/page/T_MediaPlayer.qml") } } } function getRecentlyAddedData(){ var arr = [] for(var i=0;i