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

Cumulocity IoT applications

import { NgModule } from '@angular/core';
import {
  CoreModule,
  hookNavigator,
  hookAction,
  hookBreadcrumb,
  hookDocs
} from '@c8y/ngx-components';
import { ExampleNavigationFactory } from './navigation';
import { ExampleActionFactory } from './action';
import { ExampleBreadcrumbFactory } from './breadcrumb';
import { ExampleDocLinkFactory } from './docLink';
import { LogoutActionComponent } from './logout-action/logout-action.component';
import { TimeNavigatorNodeComponent } from './time-navigator-node/time-navigator-node.component';

/**
 * Use our predefined InjectionTokens and provide your own classes to extend behavior
 * and functionality of existing ones. Implement your own NavigationNodes, Tabs, Actions and Breadcrumbs.
 * Note: Hooks should always be implemented in the module where they are used, so that
 * a module can act standalone and has no dependencies on other modules.
 */
export const hooks = [
  hookNavigator(ExampleNavigationFactory),
  hookAction(ExampleActionFactory),
  hookBreadcrumb(ExampleBreadcrumbFactory),
  hookDocs(ExampleDocLinkFactory)
];

@NgModule({
  declarations: [LogoutActionComponent, TimeNavigatorNodeComponent],
  imports: [CoreModule],
  providers: [...hooks]
})
export class HooksModule {}