2018-12-06 18:26:49 +00:00
|
|
|
import Vue from 'vue';
|
|
|
|
import Router from 'vue-router';
|
|
|
|
import Home from './views/Home.vue';
|
2018-12-04 07:08:40 +00:00
|
|
|
|
2018-12-06 18:26:49 +00:00
|
|
|
Vue.use(Router);
|
2018-12-04 07:08:40 +00:00
|
|
|
|
|
|
|
export default new Router({
|
2019-05-22 14:39:46 +00:00
|
|
|
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')
|
2019-06-11 13:03:11 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/theming',
|
|
|
|
name: 'theming',
|
|
|
|
component: () => import('./views/theming/Theming.vue')
|
2019-05-22 14:39:46 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
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: '/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: '/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')
|
2019-06-27 21:17:21 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/datatable',
|
|
|
|
name: 'datatable',
|
|
|
|
component: () => import('./views/datatable/DataTableDemo.vue')
|
2019-06-28 14:40:32 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/datatable/templating',
|
|
|
|
name: 'datatabletemplating',
|
|
|
|
component: () => import('./views/datatable/DataTableTemplatingDemo.vue')
|
2019-06-29 11:29:19 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/datatable/paginator',
|
|
|
|
name: 'datatablepaginator',
|
|
|
|
component: () => import('./views/datatable/DataTablePaginatorDemo.vue')
|
2019-07-01 13:50:55 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/datatable/sort',
|
|
|
|
name: 'datatablesort',
|
|
|
|
component: () => import('./views/datatable/DataTableSortDemo.vue')
|
2019-07-02 12:57:03 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/datatable/filter',
|
|
|
|
name: 'datatablefilter',
|
|
|
|
component: () => import('./views/datatable/DataTableFilterDemo.vue')
|
2019-07-02 14:29:30 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/datatable/lazy',
|
|
|
|
name: 'datatablelazy',
|
|
|
|
component: () => import('./views/datatable/DataTableLazyDemo.vue')
|
2019-07-03 10:07:57 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/datatable/selection',
|
|
|
|
name: 'datatableselection',
|
|
|
|
component: () => import('./views/datatable/DataTableSelectionDemo.vue')
|
2019-07-09 13:02:15 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/datatable/coltoggle',
|
|
|
|
name: 'datatablecoltoggle',
|
|
|
|
component: () => import('./views/datatable/DataTableColToggleDemo.vue')
|
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/datatable/responsive',
|
|
|
|
name: 'datatableresponsive',
|
|
|
|
component: () => import('./views/datatable/DataTableResponsiveDemo.vue')
|
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/datatable/export',
|
|
|
|
name: 'datatableexport',
|
|
|
|
component: () => import('./views/datatable/DataTableExportDemo.vue')
|
|
|
|
},
|
2019-08-07 13:50:07 +00:00
|
|
|
{
|
|
|
|
path: '/datatable/colresize',
|
|
|
|
name: 'datatablecolresize',
|
|
|
|
component: () => import('./views/datatable/DataTableColResizeDemo.vue')
|
|
|
|
},
|
2019-07-09 13:02:15 +00:00
|
|
|
{
|
|
|
|
path: '/datatable/crud',
|
|
|
|
name: 'datatablecrud',
|
|
|
|
component: () => import('./views/datatable/DataTableCrudDemo.vue')
|
2019-05-22 14:39:46 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/dataview',
|
|
|
|
name: 'dataview',
|
|
|
|
component: () => import('./views/dataview/DataViewDemo.vue')
|
2019-07-22 13:09:20 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/deferredcontent',
|
|
|
|
name: 'deferredcontent',
|
|
|
|
component: () => import('./views/deferredcontent/DeferredContentDemo.vue')
|
|
|
|
},
|
2019-05-22 14:39:46 +00:00
|
|
|
{
|
|
|
|
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: '/fullcalendar',
|
|
|
|
name: 'fullcalendar',
|
|
|
|
component: () => import('./views/fullcalendar/FullCalendarDemo.vue')
|
2019-07-19 20:22:32 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/inplace',
|
|
|
|
name: 'inplace',
|
|
|
|
component: () => import('./views/inplace/InplaceDemo.vue')
|
2019-05-22 14:39:46 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
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')
|
|
|
|
},
|
2019-08-08 08:47:53 +00:00
|
|
|
{
|
|
|
|
path: '/inputmask',
|
|
|
|
name: 'inputmask',
|
|
|
|
component: () => import('./views/inputmask/InputMaskDemo.vue')
|
|
|
|
},
|
2019-05-22 14:39:46 +00:00
|
|
|
{
|
|
|
|
path: '/listbox',
|
|
|
|
name: 'listbox',
|
|
|
|
component: () => import('./views/listbox/ListboxDemo.vue')
|
2019-05-27 08:10:22 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/menu',
|
|
|
|
name: 'menu',
|
|
|
|
component: () => import('./views/menu/MenuDemo.vue')
|
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/menumodel',
|
|
|
|
name: 'menumodel',
|
|
|
|
component: () => import('./views/menumodel/MenuModel.vue')
|
2019-05-22 14:39:46 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/message',
|
|
|
|
name: 'message',
|
|
|
|
component: () => import('./views/message/MessageDemo.vue')
|
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/multiselect',
|
|
|
|
name: 'multiselect',
|
|
|
|
component: () => import('./views/multiselect/MultiSelectDemo.vue')
|
2019-07-16 12:47:00 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/orderlist',
|
|
|
|
name: 'orderlist',
|
|
|
|
component: () => import('./views/orderlist/OrderListDemo.vue')
|
2019-07-22 17:37:21 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/organizationchart',
|
|
|
|
name: 'organizationchart',
|
|
|
|
component: () => import('./views/organizationchart/OrganizationChartDemo.vue')
|
2019-05-22 14:39:46 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
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')
|
2019-07-18 20:29:20 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/picklist',
|
|
|
|
name: 'picklist',
|
|
|
|
component: () => import('./views/picklist/PickListDemo.vue')
|
2019-05-22 14:39:46 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/password',
|
|
|
|
name: 'password',
|
|
|
|
component: () => import('./views/password/PasswordDemo.vue')
|
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/progressbar',
|
|
|
|
name: 'progressbar',
|
|
|
|
component: () => import('./views/progressbar/ProgressBarDemo.vue')
|
2019-07-22 14:10:15 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/progressspinner',
|
|
|
|
name: 'progressspinner',
|
|
|
|
component: () => import('./views/progressspinner/ProgressSpinnerDemo.vue')
|
2019-05-22 14:39:46 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
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: '/spinner',
|
|
|
|
name: 'spinner',
|
|
|
|
component: () => import('./views/spinner/SpinnerDemo.vue')
|
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/splitbutton',
|
|
|
|
name: 'splitbutton',
|
|
|
|
component: () => import('./views/splitbutton/SplitButtonDemo.vue')
|
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/textarea',
|
|
|
|
name: 'textarea',
|
|
|
|
component: () => import('./views/textarea/TextareaDemo.vue')
|
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/tabview',
|
|
|
|
name: 'tabview',
|
|
|
|
component: () => import('./views/tabview/TabViewDemo.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')
|
2019-07-31 15:35:23 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/tree',
|
|
|
|
name: 'tree',
|
|
|
|
component: () => import('./views/tree/TreeDemo.vue')
|
2019-08-01 09:40:15 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/tree/selection',
|
2019-08-02 07:46:06 +00:00
|
|
|
name: 'treeselection',
|
2019-08-01 09:40:15 +00:00
|
|
|
component: () => import('./views/tree/TreeSelectionDemo.vue')
|
2019-08-02 07:46:06 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
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')
|
2019-08-05 18:12:29 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/treetable',
|
|
|
|
name: 'treetable',
|
|
|
|
component: () => import('./views/treetable/TreeTableDemo.vue')
|
2019-08-06 07:42:02 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/treetable/templating',
|
|
|
|
name: 'treetabletemplating',
|
|
|
|
component: () => import('./views/treetable/TreeTableTemplatingDemo.vue')
|
2019-08-06 09:23:39 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/treetable/paginator',
|
|
|
|
name: 'treetablepaginator',
|
|
|
|
component: () => import('./views/treetable/TreeTablePaginatorDemo.vue')
|
2019-08-07 07:31:44 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/treetable/sort',
|
|
|
|
name: 'treetablesort',
|
|
|
|
component: () => import('./views/treetable/TreeTableSortDemo.vue')
|
2019-08-07 08:26:14 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/treetable/filter',
|
|
|
|
name: 'treetablefilter',
|
|
|
|
component: () => import('./views/treetable/TreeTableFilterDemo.vue')
|
2019-08-07 09:40:29 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/treetable/selection',
|
|
|
|
name: 'treetableselection',
|
|
|
|
component: () => import('./views/treetable/TreeTableSelectionDemo.vue')
|
2019-08-07 11:51:42 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/treetable/lazy',
|
|
|
|
name: 'treetablelazy',
|
|
|
|
component: () => import('./views/treetable/TreeTableLazyDemo.vue')
|
2019-08-07 11:57:15 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/treetable/coltoggle',
|
|
|
|
name: 'treetablecoltoggle',
|
|
|
|
component: () => import('./views/treetable/TreeTableColToggleDemo.vue')
|
2019-08-07 12:18:38 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/treetable/responsive',
|
|
|
|
name: 'treetableresponsive',
|
|
|
|
component: () => import('./views/treetable/TreeTableResponsiveDemo.vue')
|
2019-08-07 16:40:29 +00:00
|
|
|
},
|
|
|
|
{
|
|
|
|
path: '/treetable/colresize',
|
|
|
|
name: 'treetablecolresize',
|
|
|
|
component: () => import('./views/treetable/TreeTableColResizeDemo.vue')
|
2019-08-05 18:12:29 +00:00
|
|
|
},
|
2019-05-22 14:39:46 +00:00
|
|
|
{
|
|
|
|
path: '/tristatecheckbox',
|
|
|
|
name: 'tristatecheckbox',
|
|
|
|
component: () => import('./views/tristatecheckbox/TriStateCheckboxDemo.vue')
|
|
|
|
}
|
|
|
|
],
|
|
|
|
scrollBehavior() {
|
|
|
|
return {x: 0, y: 0};
|
|
|
|
}
|
2018-12-06 18:26:49 +00:00
|
|
|
});
|