アプリケーション提供のナビゲーション・バーの変更

• 「アラート」ナビゲーション・コンポーネントがナビゲーション・バーに表示され、着信アラートが表示されます。 このコンポーネントは <store-temp>/packages/libs/functional-components/src/lib/alert ディレクトリーにあり、ベル・アイコンをクリックすると展開または省略されます。
• グローバル検索ナビゲーション・コンポーネントがナビゲーション・バーに表示されます。 グローバル検索を実行して、オーダーを素早く開くことができます。 このコンポーネントは <store-temp>/packages/libs/functional-components/src/lib/global-search ディレクトリーにあり、検索アイコンをクリックすると展開または省略されます。

• アプリケーション提供のグローバル検索およびアラート・メニュー・オプションをカスタム・コンポーネントに置き換えることができます。
• アプリケーション提供のグローバル検索およびアラート・メニュー・オプションを非表示にすることができます。
• メニュー・オプションを追加できます。 詳しくは、 メニューオプションの追加を参照してください。

[
    {
        "menuTID": "navBarMenuWidget_1",
        "display": false
    },
    {
        "menuTID": "navBarMenuWidget_2",
        "componentName": "AlertsExtensionComponent"
    }
   
]

1. カスタム・コンポーネントを作成します。
   <store-temp>/extensions/features/override-component/src/app/components ディレクトリーに移動して、以下のコマンドを実行します。

   ng g c <componentName> --prefix=isf

2. 示されているように、値をコンポーネント・クラス名として持つ overrideComponent 静的ストリング変数を追加します。

   ....
   public static overrideComponent = 'AlertsExtensionComponent';
   ....

3. カスタム・コンポーネント・クラス名を更新します。

   <store-temp>/extensions/features/override-component/src/app ディレクトリーに移動します。 app.module.ts ファイルを開き、 customComponentDeclarations オブジェクト内のカスタム・コンポーネント・クラス名を更新します。

4. <store-temp>/extensions/features/override-component/src/assets/override-component/config/isf-navbar-extn-config.json ファイルを適切な詳細情報で更新します。 例えば、アプリケーション提供のアラート・コンポーネントをカスタム AlertsExtensionComponentに置き換えるには、以下のように更新します。

   [
       {
           "menuTID": "navBarMenuWidget_2",
           "componentName": "AlertsExtensionComponent"
       }
   
   ]

5. 変更がナビゲーション・バーに反映されていることを確認します。
   アプリケーション提供の拡張ナビゲーション・バーをローカルで検証するには、以下のコマンドを実行してアプリケーションを開始します。

   yarn start-app