Linking between pages

For example:

// import Angular router
import { Router } from '@angular/router';

...

// initialize some variables/constants
private router: Router
static readonly CREATE_EDIT_OPTIMIZATION_ROUTE: string = BucConstants.ROOT_TOKEN +
    '/create-edit-optimization-profile/createOptimizationProfile';

...

// navigate to the in app route
this.router.navigate([CREATE_EDIT_OPTIMIZATION_ROUTE], {
                    queryParams: {
                        viewType: 'Create'
                    }
                });

...

Then, write code following this example to route to the cross application page:

// import Angular router
import { getPostMessageDomain } from '@buc/common-components';

...

// navigate to the outside app route
window.top.postMessage({
        action: 'NAVIGATE',
        data: {
          path: '/order-management/workspace',
          queryParams: {
            ...
          }
        }
      }, getPostMessageDomain());

...

The following pages are registered as featured pages in the Supply Chain common shell:

To navigate to a page that is not in the current Angular application, you must declare this route with the Supply Chain common shell as a feature menu. This can be done by registering a new "hidden" menu to the Supply Chain common shell by completing the following task: Testing new applications or routes in Order Hub. Ensure that you check the Hide this menu item option when creating the menu.