Adding a menu item

Step 1

In your preferred c# IDEA open project <YourPlugin>/eFormAPI.

Open your plugin class example: <YourPlugin>.cs

In the method HeaderMenu: Add a new MenuItemModel.

 new MenuItemModel()
                    {
                        Name = localizationService.GetString("<Your Menupoint>"),
                        E2EId = "trash-inspection-pn-<Your Menupoint>",
                        Link = "/plugins/trash-inspection-pn/<your Menupoint>",
                        Position = 6,
                    }

Step 2

In your preferred TypeScript IDEA open project <YourPlugin>/eform-client.

In your Plugin folder src/app/plugins/modules/<yourpluginfolder>/components Add a new folder called <menupoint name>

In your newly created folder. Create a new angular CLI Component called <yourcomponent-view>

Step 3

In <yourplugin.routing.module.ts> file add your new path.

      {
        path: '<yourRoute>',
        canActivate: [AdminGuard],
        component: <yourViewComponent>
      }

Step 4

Add index.ts file to your <yourcomponent> folder

export * from './<yourcomponent/<yourcomponent>.component';

Step 5

in <yourplugin> folder there is a file named index.ts add this line in the file

export * from './<yourcomponent>/index';

Step 6

in <yourplugin.module.ts> file import <yourcomponent>

  import: {
    <YourViewComponent>
  },

Step 7

In <yourplugin.module.ts> add view component to Declarations

  declarations: [
    <YourViewComponent>
  ],

Last updated

Was this helpful?