663 lines
17 KiB
JavaScript
Executable File
663 lines
17 KiB
JavaScript
Executable File
import Vue from 'vue';
|
|
import Router from 'vue-router';
|
|
import Home from './views/Home.vue';
|
|
|
|
Vue.use(Router);
|
|
|
|
export default new Router({
|
|
routes: [
|
|
{
|
|
path: '/',
|
|
name: 'home',
|
|
component: Home
|
|
},
|
|
{
|
|
path: '/setup',
|
|
name: 'setup',
|
|
component: () => import('./views/setup/Setup.vue')
|
|
},
|
|
{
|
|
path: '/support',
|
|
name: 'support',
|
|
component: () => import('./views/support/Support.vue')
|
|
},
|
|
{
|
|
path: '/theming',
|
|
name: 'theming',
|
|
component: () => import('./views/theming/Theming.vue')
|
|
},
|
|
{
|
|
path: '/icons',
|
|
name: 'icons',
|
|
component: () => import('./views/icons/Icons.vue')
|
|
},
|
|
{
|
|
path: '/accordion',
|
|
name: 'accordion',
|
|
component: () => import('./views/accordion/AccordionDemo.vue')
|
|
},
|
|
{
|
|
path: '/autocomplete',
|
|
name: 'autocomplete',
|
|
component: () => import('./views/autocomplete/AutoCompleteDemo.vue')
|
|
},
|
|
{
|
|
path: '/badge',
|
|
name: 'badge',
|
|
component: () => import('./views/badge/BadgeDemo.vue')
|
|
},
|
|
{
|
|
path: '/blockui',
|
|
name: 'blockui',
|
|
component: () => import('./views/blockui/BlockUIDemo.vue')
|
|
},
|
|
{
|
|
path: '/breadcrumb',
|
|
name: 'breadcrumb',
|
|
component: () => import('./views/breadcrumb/BreadcrumbDemo.vue')
|
|
},
|
|
{
|
|
path: '/button',
|
|
name: 'button',
|
|
component: () => import('./views/button/ButtonDemo.vue')
|
|
},
|
|
{
|
|
path: '/calendar',
|
|
name: 'calendar',
|
|
component: () => import('./views/calendar/CalendarDemo.vue')
|
|
},
|
|
{
|
|
path: '/card',
|
|
name: 'card',
|
|
component: () => import('./views/card/CardDemo.vue')
|
|
},
|
|
{
|
|
path: '/carousel',
|
|
name: 'carousel',
|
|
component: () => import('./views/carousel/CarouselDemo.vue')
|
|
},
|
|
{
|
|
path: '/chart',
|
|
name: 'chart',
|
|
component: () => import('./views/chart/ChartDemo.vue')
|
|
},
|
|
{
|
|
path: '/chart/bar',
|
|
name: 'barchart',
|
|
component: () => import('./views/chart/BarChartDemo.vue')
|
|
},
|
|
{
|
|
path: '/chart/combo',
|
|
name: 'combochart',
|
|
component: () => import('./views/chart/ComboChartDemo.vue')
|
|
},
|
|
{
|
|
path: '/chart/doughnut',
|
|
name: 'doughnutchart',
|
|
component: () => import('./views/chart/DoughnutChartDemo.vue')
|
|
},
|
|
{
|
|
path: '/chart/line',
|
|
name: 'linechart',
|
|
component: () => import('./views/chart/LineChartDemo.vue')
|
|
},
|
|
{
|
|
path: '/chart/pie',
|
|
name: 'piechart',
|
|
component: () => import('./views/chart/PieChartDemo.vue')
|
|
},
|
|
{
|
|
path: '/chart/polararea',
|
|
name: 'polarareachart',
|
|
component: () => import('./views/chart/PolarAreaChartDemo.vue')
|
|
},
|
|
{
|
|
path: '/chart/radar',
|
|
name: 'radarchart',
|
|
component: () => import('./views/chart/RadarChartDemo.vue')
|
|
},
|
|
{
|
|
path: '/checkbox',
|
|
name: 'checkbox',
|
|
component: () => import('./views/checkbox/CheckboxDemo.vue')
|
|
},
|
|
{
|
|
path: '/chips',
|
|
name: 'chips',
|
|
component: () => import('./views/chips/ChipsDemo.vue')
|
|
},
|
|
{
|
|
path: '/colorpicker',
|
|
name: 'colorpicker',
|
|
component: () => import('./views/colorpicker/ColorPickerDemo.vue')
|
|
},
|
|
{
|
|
path: '/contextmenu',
|
|
name: 'contextmenu',
|
|
component: () => import('./views/contextmenu/ContextMenuDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable',
|
|
name: 'datatable',
|
|
component: () => import('./views/datatable/DataTableDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/basic',
|
|
name: 'datatablebasic',
|
|
component: () => import('./views/datatable/DataTableBasicDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/dynamiccolumns',
|
|
name: 'datatabledynamiccolumns',
|
|
component: () => import('./views/datatable/DataTableDynamicColumnsDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/templating',
|
|
name: 'datatabletemplating',
|
|
component: () => import('./views/datatable/DataTableTemplatingDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/paginator',
|
|
name: 'datatablepaginator',
|
|
component: () => import('./views/datatable/DataTablePaginatorDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/sort',
|
|
name: 'datatablesort',
|
|
component: () => import('./views/datatable/DataTableSortDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/filter',
|
|
name: 'datatablefilter',
|
|
component: () => import('./views/datatable/DataTableFilterDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/lazy',
|
|
name: 'datatablelazy',
|
|
component: () => import('./views/datatable/DataTableLazyDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/selection',
|
|
name: 'datatableselection',
|
|
component: () => import('./views/datatable/DataTableSelectionDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/coltoggle',
|
|
name: 'datatablecoltoggle',
|
|
component: () => import('./views/datatable/DataTableColToggleDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/reorder',
|
|
name: 'datatablereorder',
|
|
component: () => import('./views/datatable/DataTableReorderDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/rowgroup',
|
|
name: 'datatablerowgroup',
|
|
component: () => import('./views/datatable/DataTableRowGroupDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/responsive',
|
|
name: 'datatableresponsive',
|
|
component: () => import('./views/datatable/DataTableResponsiveDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/export',
|
|
name: 'datatableexport',
|
|
component: () => import('./views/datatable/DataTableExportDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/colgroup',
|
|
name: 'datatablecolgroup',
|
|
component: () => import('./views/datatable/DataTableColGroupDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/colresize',
|
|
name: 'datatablecolresize',
|
|
component: () => import('./views/datatable/DataTableColResizeDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/rowexpand',
|
|
name: 'datatablerowexpand',
|
|
component: () => import('./views/datatable/DataTableRowExpandDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/state',
|
|
name: 'datatablestate',
|
|
component: () => import('./views/datatable/DataTableStateDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/edit',
|
|
name: 'datatableedit',
|
|
component: () => import('./views/datatable/DataTableEditDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/crud',
|
|
name: 'datatablecrud',
|
|
component: () => import('./views/datatable/DataTableCrudDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/scroll',
|
|
name: 'datatablescroll',
|
|
component: () => import('./views/datatable/DataTableScrollDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/style',
|
|
name: 'datatablestyle',
|
|
component: () => import('./views/datatable/DataTableStyleDemo.vue')
|
|
},
|
|
{
|
|
path: '/datatable/contextmenu',
|
|
name: 'datatablecontextmenu',
|
|
component: () => import('./views/datatable/DataTableContextMenuDemo.vue')
|
|
},
|
|
{
|
|
path: '/dataview',
|
|
name: 'dataview',
|
|
component: () => import('./views/dataview/DataViewDemo.vue')
|
|
},
|
|
{
|
|
path: '/deferredcontent',
|
|
name: 'deferredcontent',
|
|
component: () => import('./views/deferredcontent/DeferredContentDemo.vue')
|
|
},
|
|
{
|
|
path: '/dialog',
|
|
name: 'dialog',
|
|
component: () => import('./views/dialog/DialogDemo.vue')
|
|
},
|
|
{
|
|
path: '/dropdown',
|
|
name: 'dropdown',
|
|
component: () => import('./views/dropdown/DropdownDemo.vue')
|
|
},
|
|
{
|
|
path: '/editor',
|
|
name: 'editor',
|
|
component: () => import('./views/editor/EditorDemo.vue')
|
|
},
|
|
{
|
|
path: '/fieldset',
|
|
name: 'fieldset',
|
|
component: () => import('./views/fieldset/FieldsetDemo.vue')
|
|
},
|
|
{
|
|
path: '/fileupload',
|
|
name: 'fileupload',
|
|
component: () => import('./views/fileupload/FileUploadDemo.vue')
|
|
},
|
|
{
|
|
path: '/flexgrid',
|
|
name: 'flexgrid',
|
|
component: () => import('./views/flexgrid/FlexGridDemo.vue')
|
|
},
|
|
{
|
|
path: '/formlayout',
|
|
name: 'formlayout',
|
|
component: () => import('./views/formlayout/FormLayoutDemo.vue')
|
|
},
|
|
{
|
|
path: '/fullcalendar',
|
|
name: 'fullcalendar',
|
|
component: () => import('./views/fullcalendar/FullCalendarDemo.vue')
|
|
},
|
|
{
|
|
path: '/inplace',
|
|
name: 'inplace',
|
|
component: () => import('./views/inplace/InplaceDemo.vue')
|
|
},
|
|
{
|
|
path: '/inputgroup',
|
|
name: 'inputgroup',
|
|
component: () => import('./views/inputgroup/InputGroupDemo.vue')
|
|
},
|
|
{
|
|
path: '/inputswitch',
|
|
name: 'inputswitch',
|
|
component: () => import('./views/inputswitch/InputSwitchDemo.vue')
|
|
},
|
|
{
|
|
path: '/inputtext',
|
|
name: 'inputtext',
|
|
component: () => import('./views/inputtext/InputTextDemo.vue')
|
|
},
|
|
{
|
|
path: '/inputmask',
|
|
name: 'inputmask',
|
|
component: () => import('./views/inputmask/InputMaskDemo.vue')
|
|
},
|
|
{
|
|
path: '/inputnumber',
|
|
name: 'inputnumber',
|
|
component: () => import('./views/inputnumber/InputNumberDemo.vue')
|
|
},
|
|
{
|
|
path: '/listbox',
|
|
name: 'listbox',
|
|
component: () => import('./views/listbox/ListboxDemo.vue')
|
|
},
|
|
{
|
|
path: '/megamenu',
|
|
name: 'megamenu',
|
|
component: () => import('./views/megamenu/MegaMenuDemo.vue')
|
|
},
|
|
{
|
|
path: '/menu',
|
|
name: 'menu',
|
|
component: () => import('./views/menu/MenuDemo.vue')
|
|
},
|
|
{
|
|
path: '/menubar',
|
|
name: 'menubar',
|
|
component: () => import('./views/menubar/MenubarDemo.vue')
|
|
},
|
|
{
|
|
path: '/menumodel',
|
|
name: 'menumodel',
|
|
component: () => import('./views/menumodel/MenuModel.vue')
|
|
},
|
|
{
|
|
path: '/message',
|
|
name: 'message',
|
|
component: () => import('./views/message/MessageDemo.vue')
|
|
},
|
|
{
|
|
path: '/multiselect',
|
|
name: 'multiselect',
|
|
component: () => import('./views/multiselect/MultiSelectDemo.vue')
|
|
},
|
|
{
|
|
path: '/orderlist',
|
|
name: 'orderlist',
|
|
component: () => import('./views/orderlist/OrderListDemo.vue')
|
|
},
|
|
{
|
|
path: '/organizationchart',
|
|
name: 'organizationchart',
|
|
component: () => import('./views/organizationchart/OrganizationChartDemo.vue')
|
|
},
|
|
{
|
|
path: '/overlaypanel',
|
|
name: 'overlaypanel',
|
|
component: () => import('./views/overlaypanel/OverlayPanelDemo.vue')
|
|
},
|
|
{
|
|
path: '/paginator',
|
|
name: 'paginator',
|
|
component: () => import('./views/paginator/PaginatorDemo.vue')
|
|
},
|
|
{
|
|
path: '/panel',
|
|
name: 'panel',
|
|
component: () => import('./views/panel/PanelDemo.vue')
|
|
},
|
|
{
|
|
path: '/panelmenu',
|
|
name: 'panelmenu',
|
|
component: () => import('./views/panelmenu/PanelMenuDemo.vue')
|
|
},
|
|
{
|
|
path: '/picklist',
|
|
name: 'picklist',
|
|
component: () => import('./views/picklist/PickListDemo.vue')
|
|
},
|
|
{
|
|
path: '/password',
|
|
name: 'password',
|
|
component: () => import('./views/password/PasswordDemo.vue')
|
|
},
|
|
{
|
|
path: '/progressbar',
|
|
name: 'progressbar',
|
|
component: () => import('./views/progressbar/ProgressBarDemo.vue')
|
|
},
|
|
{
|
|
path: '/progressspinner',
|
|
name: 'progressspinner',
|
|
component: () => import('./views/progressspinner/ProgressSpinnerDemo.vue')
|
|
},
|
|
{
|
|
path: '/radiobutton',
|
|
name: 'radiobutton',
|
|
component: () => import('./views/radiobutton/RadioButtonDemo.vue')
|
|
},
|
|
{
|
|
path: '/rating',
|
|
name: 'rating',
|
|
component: () => import('./views/rating/RatingDemo.vue')
|
|
},
|
|
{
|
|
path: '/selectbutton',
|
|
name: 'selectbutton',
|
|
component: () => import('./views/selectbutton/SelectButtonDemo.vue')
|
|
},
|
|
{
|
|
path: '/sidebar',
|
|
name: 'sidebar',
|
|
component: () => import('./views/sidebar/SidebarDemo.vue')
|
|
},
|
|
{
|
|
path: '/slider',
|
|
name: 'slider',
|
|
component: () => import('./views/slider/SliderDemo.vue')
|
|
},
|
|
{
|
|
path: '/splitbutton',
|
|
name: 'splitbutton',
|
|
component: () => import('./views/splitbutton/SplitButtonDemo.vue')
|
|
},
|
|
{
|
|
path: '/steps',
|
|
component: () => import('./views/steps/StepsDemo.vue'),
|
|
children: [{
|
|
path: '',
|
|
component: () => import('./views/steps/PersonalDemo.vue')
|
|
},
|
|
{
|
|
path: '/steps/seat',
|
|
component: () => import('./views/steps/SeatDemo.vue')
|
|
},
|
|
{
|
|
path: '/steps/payment',
|
|
component: () => import('./views/steps/PaymentDemo.vue')
|
|
},
|
|
{
|
|
path: '/steps/confirmation',
|
|
component: () => import('./views/steps/ConfirmationDemo.vue')
|
|
}]
|
|
},
|
|
{
|
|
path: '/textarea',
|
|
name: 'textarea',
|
|
component: () => import('./views/textarea/TextareaDemo.vue')
|
|
},
|
|
{
|
|
path: '/tabmenu',
|
|
component: () => import('./views/tabmenu/TabMenuDemo.vue'),
|
|
children: [{
|
|
path: '',
|
|
component: () => import('./views/tabmenu/HomeDemo.vue')
|
|
},
|
|
{
|
|
path: '/tabmenu/calendar',
|
|
component: () => import('./views/tabmenu/CalendarDemo.vue')
|
|
},
|
|
{
|
|
path: '/tabmenu/edit',
|
|
component: () => import('./views/tabmenu/EditDemo.vue')
|
|
},
|
|
{
|
|
path: '/tabmenu/documentation',
|
|
component: () => import('./views/tabmenu/DocumentationDemo.vue')
|
|
},
|
|
{
|
|
path: '/tabmenu/settings',
|
|
component: () => import('./views/tabmenu/SettingsDemo.vue')
|
|
}]
|
|
},
|
|
{
|
|
path: '/tabview',
|
|
name: 'tabview',
|
|
component: () => import('./views/tabview/TabViewDemo.vue')
|
|
},
|
|
{
|
|
path: '/terminal',
|
|
name: 'terminal',
|
|
component: () => import('./views/terminal/TerminalDemo.vue')
|
|
},
|
|
{
|
|
path: '/tieredmenu',
|
|
name: 'tieredmenu',
|
|
component: () => import('./views/tieredmenu/TieredMenuDemo.vue')
|
|
},
|
|
{
|
|
path: '/toast',
|
|
name: 'toast',
|
|
component: () => import('./views/toast/ToastDemo.vue')
|
|
},
|
|
{
|
|
path: '/togglebutton',
|
|
name: 'togglebutton',
|
|
component: () => import('./views/togglebutton/ToggleButtonDemo.vue')
|
|
},
|
|
{
|
|
path: '/toolbar',
|
|
name: 'toolbar',
|
|
component: () => import('./views/toolbar/ToolbarDemo.vue')
|
|
},
|
|
{
|
|
path: '/tooltip',
|
|
name: 'tooltip',
|
|
component: () => import('./views/tooltip/TooltipDemo.vue')
|
|
},
|
|
{
|
|
path: '/tree',
|
|
name: 'tree',
|
|
component: () => import('./views/tree/TreeDemo.vue')
|
|
},
|
|
{
|
|
path: '/tree/selection',
|
|
name: 'treeselection',
|
|
component: () => import('./views/tree/TreeSelectionDemo.vue')
|
|
},
|
|
{
|
|
path: '/tree/lazy',
|
|
name: 'treelazy',
|
|
component: () => import('./views/tree/TreeLazyDemo.vue')
|
|
},
|
|
{
|
|
path: '/tree/templating',
|
|
name: 'treetemplating',
|
|
component: () => import('./views/tree/TreeTemplatingDemo.vue')
|
|
},
|
|
{
|
|
path: '/tree/filter',
|
|
name: 'treefilter',
|
|
component: () => import('./views/tree/TreeFilterDemo.vue')
|
|
},
|
|
{
|
|
path: '/treetable',
|
|
name: 'treetable',
|
|
component: () => import('./views/treetable/TreeTableDemo.vue')
|
|
},
|
|
{
|
|
path: '/treetable/templating',
|
|
name: 'treetabletemplating',
|
|
component: () => import('./views/treetable/TreeTableTemplatingDemo.vue')
|
|
},
|
|
{
|
|
path: '/treetable/paginator',
|
|
name: 'treetablepaginator',
|
|
component: () => import('./views/treetable/TreeTablePaginatorDemo.vue')
|
|
},
|
|
{
|
|
path: '/treetable/sort',
|
|
name: 'treetablesort',
|
|
component: () => import('./views/treetable/TreeTableSortDemo.vue')
|
|
},
|
|
{
|
|
path: '/treetable/filter',
|
|
name: 'treetablefilter',
|
|
component: () => import('./views/treetable/TreeTableFilterDemo.vue')
|
|
},
|
|
{
|
|
path: '/treetable/selection',
|
|
name: 'treetableselection',
|
|
component: () => import('./views/treetable/TreeTableSelectionDemo.vue')
|
|
},
|
|
{
|
|
path: '/treetable/lazy',
|
|
name: 'treetablelazy',
|
|
component: () => import('./views/treetable/TreeTableLazyDemo.vue')
|
|
},
|
|
{
|
|
path: '/treetable/coltoggle',
|
|
name: 'treetablecoltoggle',
|
|
component: () => import('./views/treetable/TreeTableColToggleDemo.vue')
|
|
},
|
|
{
|
|
path: '/treetable/responsive',
|
|
name: 'treetableresponsive',
|
|
component: () => import('./views/treetable/TreeTableResponsiveDemo.vue')
|
|
},
|
|
{
|
|
path: '/treetable/colresize',
|
|
name: 'treetablecolresize',
|
|
component: () => import('./views/treetable/TreeTableColResizeDemo.vue')
|
|
},
|
|
{
|
|
path: '/tristatecheckbox',
|
|
name: 'tristatecheckbox',
|
|
component: () => import('./views/tristatecheckbox/TriStateCheckboxDemo.vue')
|
|
},
|
|
{
|
|
path: '/galleria',
|
|
name: 'galleria',
|
|
component: () => import('./views/galleria/GalleriaDemo.vue')
|
|
},
|
|
{
|
|
path: '/galleria/basic',
|
|
name: 'galleriabasic',
|
|
component: () => import('./views/galleria/GalleriaBasicDemo.vue')
|
|
},
|
|
{
|
|
path: '/galleria/indicator',
|
|
name: 'galleriaindicator',
|
|
component: () => import('./views/galleria/GalleriaIndicatorDemo.vue')
|
|
},
|
|
{
|
|
path: '/galleria/thumbnail',
|
|
name: 'galleriathumbnail',
|
|
component: () => import('./views/galleria/GalleriaThumbnailDemo.vue')
|
|
},
|
|
{
|
|
path: '/galleria/preview',
|
|
name: 'galleriapreview',
|
|
component: () => import('./views/galleria/GalleriaPreviewDemo.vue')
|
|
},
|
|
{
|
|
path: '/galleria/responsive',
|
|
name: 'galleriaresponsive',
|
|
component: () => import('./views/galleria/GalleriaResponsiveDemo.vue')
|
|
},
|
|
{
|
|
path: '/galleria/fullscreen',
|
|
name: 'galleriafullscreen',
|
|
component: () => import('./views/galleria/GalleriaFullScreenDemo.vue')
|
|
},
|
|
{
|
|
path: '/galleria/circular',
|
|
name: 'galleriacircular',
|
|
component: () => import('./views/galleria/GalleriaCircularDemo.vue')
|
|
},
|
|
{
|
|
path: '/galleria/caption',
|
|
name: 'galleriacaption',
|
|
component: () => import('./views/galleria/GalleriaCaptionDemo.vue')
|
|
}
|
|
],
|
|
scrollBehavior() {
|
|
return {x: 0, y: 0};
|
|
}
|
|
});
|