@c8y/apps/tutorial/provider-configuration/provider-configuration.module.ts

Cumulocity IoT applications

import { CommonModule as NgCommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import {
  CoreModule,
  DynamicFormsModule,
  hookNavigator,
  NavigatorNode,
  ProviderConfigurationModule
} from '@c8y/ngx-components';
import { PopoverModule } from 'ngx-bootstrap/popover';
import { DemoProviderGuard } from './demo-provider.guard';
import { IntroductionComponent } from './introduction.component';

const root = new NavigatorNode({
  label: 'Provider configuration',
  icon: 'cogs'
});

root.add(
  new NavigatorNode({
    path: '/provider-configuration/introduction',
    label: 'Introduction',
    icon: 'hand-o-right',
    priority: 80
  })
);

const routes: Routes = [
  {
    path: 'provider-configuration/introduction',
    component: IntroductionComponent
  }
];

@NgModule({
  declarations: [IntroductionComponent],
  imports: [
    NgCommonModule,
    RouterModule.forChild(routes),
    DynamicFormsModule,
    PopoverModule,
    CoreModule,
    ProviderConfigurationModule.config([
      {
        navigation: {
          label: 'Demo provider',
          path: 'demo',
          icon: 'bell-o',
          parent: 'Provider configuration',
          priority: 77,
          canActivate: [DemoProviderGuard]
        },
        layout: {
          pageTitle: 'Demo provider',
          cardTitle: 'Credentials',
          description:
            'You can provide your own text here, e.g. to explain the user what this provider does. If the dropdown below contains no providers you may have not configured your endpoints properly. Check in the Introduction section for a more detailed explanation on how to configure the module properly.',
          providerName: 'Demo provider',
          providerNamePlaceholder: 'Select or type to filter providers',
          providerNameNoMatchesHint: 'Select one of the existing providers.',
          deleteBtnLabel: 'Delete',
          saveBtnLabel: 'Save',
          configurationUpdatedSuccessMsg: 'Credentials updated.',
          deleteConfigurationModalTitle: 'Delete credentials',
          deleteConfigurationModalBody: `You are about to delete provider credentials. Do you want to proceed?`,
          deleteConfigurationModalOkBtnLabel: 'Delete',
          configurationDeletedSuccessMsg: 'Credentials deleted.'
        },
        endpoint: {
          definitionsEndpoint: {
            baseUrl: 'service/demo/providers', // replace with your provider definitions base URL part
            listUrl: 'definitions' // replace with your provider definitions list URL part
          },
          configurationEndpoint: {
            baseUrl: 'service/demo/providers', // replace with your provider configuration base URL part
            listUrl: 'configuration' // replace with your provider configuration list URL part
          }
        }
      }
    ])
  ],
  providers: [DemoProviderGuard, hookNavigator(root)]
})
export class ProviderConfigurationTutorialModule {}