[概要] セクションの第 1 レベルのカードを変更する

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む10読むのに数分

    • [概要] セクションの第 1 レベルのカードに表示されるデータをカスタマイズします。

    始める前に

    必要なロール：admin

    このタスクについて

    すべてのカードのヘッダーラベル、データソース、測定基準、グループ化フィールド、および viewAllQuery をカスタマイズできます。たとえば、[自分にアサインされたカタログタスク] カードなどです。

    手順

    1. [sys_ux_client_script_include.list] に移動します。
    2. 階層 1 のランディングページで次の手順を実行します。
      1. [UX クライアントスクリプトインクルード] リストから、[SowIncidentLandingPageUtils] クライアントスクリプトインクルード定義を選択します。
      2. [UX クライアントスクリプトインクルード] フォームの [スクリプト] フィールドで、クラス ServiceDeskLandingPageUtils の内側にコードを追加します。
        例：
        static async getVisualizationConfig(helpers, mode) {
            const evamDef = this.getEvamDef();
            const visualizationConfig = [{
                    "id": "incident_assigned",
                    "tableName": "incident",
                    "tableDisplayValue": "Incident",
                    "myWorkQuery": "active=true^assigned_toDYNAMIC90d1921e5f510100a9ad2572f2b477fe",
                    "myTeamQuery": "active=true^assigned_toISNOTEMPTY^assignment_groupDYNAMICd6435e965f510100a9ad2572f2b47744",
                    "listView": mode == "your_work" ? "sow_landing_page_assigned" : "sow_landing_page",
                    "header": mode == 'your_work' ? await helpers.translate("Incidents assigned to you") : await helpers.translate("Incidents assigned to your team"),
                    "groupByField": "state",
                    "evamId": evamDef['incidentEvamDefinitionId'],
                    "updated_on": "^ORDERBYDESCsys_updated_on",
                },
                {
                    "id": "incident_sla",
                    "tableName": "task_sla",
                    "tableDisplayValue": "Task SLA",
                    "myWorkQuery": "task.sys_class_name=incident^task.assigned_toDYNAMIC90d1921e5f510100a9ad2572f2b477fe^task.active=true^sla.type=SLA^ORsla.type=OLA^active=true^time_left<=1970-01-08 00:00:00",
                    "myTeamQuery": "task.sys_class_name=incident^task.assignment_groupDYNAMICd6435e965f510100a9ad2572f2b47744^task.active=true^sla.type=SLA^ORsla.type=OLA^active=true^time_left<=1970-01-08 00:00:00",
                    "listView": 'sow_landing_page',
                    "header": await helpers.translate("Incident SLAs"),
                    "groupByField": "time_left",
                    "evamId": evamDef['incidentSlaEvamDefinitionId'],
                    "updated_on": "^ORDERBYtime_left",
                },
                {
                    "id": "unassigned_incidents",
                    "tableName": "incident",
                    "tableDisplayValue": "Incident",
                    "myWorkQuery": "active=true^assigned_toISEMPTY^assignment_groupDYNAMICd6435e965f510100a9ad2572f2b47744",
                    "myTeamQuery": "active=true^assigned_toISEMPTY^assignment_groupDYNAMICd6435e965f510100a9ad2572f2b47744",
                    "listView": mode == "your_work" ? "sow_landing_page_assigned" : "sow_landing_page",
                    "header": await helpers.translate("Unassigned incidents"),
                    "groupByField": "priority",
                    "evamId": evamDef['incidentEvamDefinitionId'],
                    "updated_on": "^ORDERBYDESCsys_updated_on",
                },
                {
                    "id": "catalog_tasks",
                    "tableName": "sc_task",
                    "tableDisplayValue": "Catalog Task",
                    "myWorkQuery": "active=true^assigned_toDYNAMIC90d1921e5f510100a9ad2572f2b477fe",
                    "myTeamQuery": "active=true^assignment_groupDYNAMICd6435e965f510100a9ad2572f2b47744",
                    "listView": 'sow_landing_page',
                    "header": mode == 'your_work' ? await helpers.translate("Catalog tasks assigned to you") : await helpers.translate("Catalog tasks assigned to your team"),
                    "groupByField": "state",
                    "evamId": evamDef["catalogTaskEvamDefinitionId"],
                    "updated_on": "^ORDERBYDESCsys_updated_on",
                }
            ];
            return visualizationConfig;
        }
      3. [更新] を選択します。
    3. 階層 2 のランディングページで次の手順を実行します。
      1. [UX クライアントスクリプトインクルード] リストから、[SOWLandingPageTier2Utils] クライアントスクリプトインクルード定義を選択します。
      2. [UX クライアントスクリプトインクルード] フォームの [スクリプト] フィールドで、クラス SOWLandingPageTier2Utils の内側にコードを追加します。
        例：
        static async getVisualizationConfig(helpers, mode) {
            const visualizationConfig = [{
                "id": "incidentAssigned",
                "tableName": "incident",
                "tableDisplayValue": "Incident",
                "myWorkQuery": "active=true^assigned_toDYNAMIC90d1921e5f510100a9ad2572f2b477fe",
                "myTeamQuery": "active=true^assignment_groupDYNAMICd6435e965f510100a9ad2572f2b47744",
                "header": mode == 'your_work' ? await helpers.translate("Incidents assigned to you") : await helpers.translate("Incidents assigned to your team"),
                "groupByField": "state",
                "evamId": "01a404e8b7203010e69dbc16de11a93f",
                "updated_on": "^ORDERBYDESCsys_updated_on",
            },
            {
                "id": "problemsAssigned",
                "tableName": "problem",
                "tableDisplayValue": "Problem",
                "myWorkQuery": "active=true^assigned_toDYNAMIC90d1921e5f510100a9ad2572f2b477fe",
                "myTeamQuery": "active=true^assignment_groupDYNAMICd6435e965f510100a9ad2572f2b47744",
                "header": mode == 'your_work' ? await helpers.translate("Problems assigned to you") : await helpers.translate("Problems assigned to your team"),
                "groupByField": "state",
                "evamId": "5f0697b8f49bc510f8773ad5bd0ae292",
                "updated_on": "^ORDERBYDESCsys_updated_on",
            },
            {
                "id": "changesAssigned",
                "tableName": "change_request",
                "tableDisplayValue": "Change Request",
                "myWorkQuery": "active=true^assigned_toDYNAMIC90d1921e5f510100a9ad2572f2b477fe",
                "myTeamQuery": "active=true^assignment_groupDYNAMICd6435e965f510100a9ad2572f2b47744",
                "header": mode == 'your_work' ? await helpers.translate("Changes assigned to you") : await helpers.translate("Changes assigned to your team"),
                "groupByField": "state",
                "evamId": "e1f06c4194130110f87765e94545da91",
                "updated_on": "^ORDERBYDESCsys_updated_on",
            },
            {
                "id": "taskAssigned",
                "tableName": "task",
                "tableDisplayValue": "Task",
                "myWorkQuery": "active=true^assigned_toDYNAMIC90d1921e5f510100a9ad2572f2b477fe^sys_class_name=incident_task^ORsys_class_name=problem_task^ORsys_class_name=change_task^ORsys_class_name=sc_task",
                "myTeamQuery": "active=true^assignment_groupDYNAMICd6435e965f510100a9ad2572f2b47744^sys_class_name=incident_task^ORsys_class_name=problem_task^ORsys_class_name=change_task^ORsys_class_name=sc_task",
                "header": mode == 'your_work' ? await helpers.translate("Tasks assigned to you") : await helpers.translate("Tasks assigned to your team"),
                "groupByField": "sys_class_name",
                "evamId": "615d205d94df0110f87765e94545da03",
                "updated_on": "^ORDERBYDESCsys_updated_on",
            }];
            return visualizationConfig;
        }
      3. [更新] を選択します。