CAP & Fiori Elements: List Reportの一覧にアイコンと色設定

検索結果一覧項目にCriticalityとしてアイコン表示と色変更をします。
FioriでUI作成はほとんどやったことなかったので、調べた内容をメモすべく記事書きます。

この「Status with Help」項目

前提

以下で設定したローカル環境および実装した内容が前提です。

手順

UIアノテーション変更

今回はUIアノテーション変更のみです。ファイルsrv/cat-service-ui.cdsを変更します。
一番下のLineItem以下が対象です。
コメントアウトしたCriticalityRepresentation: #WithoutIcon,を有効にするとアイコンが非表示です。

srv/cat-service-ui.cds

annotate CatalogService.Books with {
    ID             @title: 'ID';
    title          @title: 'Title';
    stock          @title: 'Stock';
    statusHelp     @(
        title : 'Status with Help',
        Common: {ValueList: {
            CollectionPath: 'Statuses',
            Parameters    : [
                {
                    $Type            : 'Common.ValueListParameterInOut',
                    LocalDataProperty: statusHelp_ID,
                    ValueListProperty: 'ID'
                },
                {
                    $Type            : 'Common.ValueListParameterDisplayOnly',
                    ValueListProperty: 'text'
                },
            ]
        }}
    );
    statusDropDown @(
        title                          : 'Status with Dropdown',
        Common.ValueListWithFixedValues: true,
    );
}

annotate CatalogService.Books with @(UI: {
    SelectionFields: [
        ID,
        title,
        stock,
        statusHelp_ID,
        statusDropDown_ID,
    ],
    LineItem       : [
        {Value: ID},
        {Value: title},
        {Value: stock},
        {
            Value                    : statusHelp_ID,
            Criticality              : statusHelp_ID,
//            CriticalityRepresentation: #WithoutIcon,
        }
    ]
});

おまけ

Initial Load

テストしていると画面表示時に検索済にしたいことも多いです。
Fiori ToolsのApplication Information画面からListReportを開き、Tableに対してInitial Load を「Enabled」に設定することで検索済みにできます。
※雑ですいません。