@c8y/apps/tutorial/list/list.module.ts

Cumulocity IoT applications

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import {
  CoreModule,
  hookNavigator,
  hookRoute,
  NavigatorNode,
  ViewContext
} from '@c8y/ngx-components';
import { ServicesDeviceTabModule } from '@c8y/ngx-components/services';
import { ServiceDashboardComponent } from '../dashboard/service-dashboard.component';
import { ListVirtualScrollComponent } from './list-virtual-scroll.component';
import { ListComponent } from './list.component';

/**
 * Angular Routes.
 * Within this array at least path (url) and components are linked.
 */
const routes: Routes = [
  {
    path: 'list',
    component: ListComponent
  },
  {
    path: 'list-virtual-scroll',
    component: ListVirtualScrollComponent
  }
];

const root = new NavigatorNode({
  label: 'Lists',
  icon: 'c8y-device',
  priority: 97
});

root.add(
  new NavigatorNode({
    label: 'basic',
    path: '/list',
    routerLinkExact: false
  })
);

root.add(
  new NavigatorNode({
    label: 'virtual scroll',
    path: '/list-virtual-scroll',
    routerLinkExact: false
  })
);

@NgModule({
  declarations: [ListComponent, ListVirtualScrollComponent],
  imports: [RouterModule.forChild(routes), CoreModule, ServicesDeviceTabModule],
  providers: [
    hookNavigator(root),
    hookRoute({
      path: 'info',
      context: ViewContext.Service,
      component: ServiceDashboardComponent,
      label: 'Service info',
      priority: 900,
      icon: 'rocket'
    })
  ]
})
export class ListModule {}