階層 2 ランディングページでのドーナツの構成
階層 2 ランディングページの [概要 (Overview)] セクションでドーナツに表示されるデータを構成します。
始める前に
必要なロール：admin
このタスクについて
手順
- 移動先 すべて > サービスオペレーションワークスペースアドミンセンター > 概要.
- [概要] タブの [初期設定] セクションから、[ランディングページを構成 (Configure the landing page)] オプションを選択します。
- ランディングページフォームの [階層 2 (Tier 2)] セクションで、[ドーナツ構成 (Donut configurations)] の横にある [構成 (Configure)] を選択します。
- オプション:
ランディングページで PAR ダッシュボードがアクティブな場合は、次の手順を実行します。
- 階層 2 のドーナツ構成を構成を構成します。注:ダッシュボードを作成する場合は、保存された可視化を使用してダッシュボードのカードを作成できます。データの可視化は、それぞれのロールに基づいてユーザーにのみ表示されます。
ダッシュボードの可視化にサービスオペレーションワークスペース値を追加したことを確認します。
- [ランディングページにロードされたダッシュボード] ドロップダウンオプションから、SOWランディングページのデフォルトのダッシュボードを選択します。[保存] を選択します。
- ダッシュボードの要素を変更したら、[保存] を選択します。
- 階層 2 のドーナツ構成を構成を構成します。
- オプション:
ランディングページで PAR ダッシュボードがアクティブでない場合は、[スクリプト (Script)] フィールドを編集してクラス SOWLandingPageTier2Utils内にコードを追加します。
static async getVisualizationConfig(helpers, mode, conditionalRecordCount) { const visualizationConfig = [{ "id": "incidentAssigned", "tableName": "incident", "tableDisplayValue": "Incident", "myWorkQuery": "active=true^assigned_toDYNAMIC90d1921e5f510100a9ad2572f2b477fe^state!=6", "myTeamQuery": "active=true^assignment_groupDYNAMICd6435e965f510100a9ad2572f2b47744^state!=6", "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", "roles":mode == "your_work" ? ["itil","sn_incident_write"] : ["itil","sn_incident_read"], }, { "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", "roles":mode == "your_work" ? ["itil","problem_coordinator"] : ["itil","sn_problem_read","problem_task_analyst"], }, { "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", "roles":mode == "your_work" ? ["itil","sn_change_write"] : ["itil","sn_change_read"], }, { "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", "roles":mode == "your_work" ? ["itil","sn_incident_write","sn_incident_task_assigned_user","problem_task_analyst","sn_change_write","sn_change_task_assigned_user","sn_request_write"] : ["itil","sn_incident_read","sn_incident_task_assigned_user","sn_problem_read","problem_task_analyst","sn_change_read","sn_change_task_assigned_user","sn_request_read","catalog"], }]; if(mode=='your_work' && conditionalRecordCount>0){ const conditionalConfig = await this.getConditionalVisualizationConfig(helpers); visualizationConfig.push(conditionalConfig); } return visualizationConfig; }以下のスニペットオブジェクトを追加して、カタログタスクドーナツグラフを tier2 ランディングページに追加します。{ "id": "catalog_tasks", "tableName": "sc_task", "tableDisplayValue": "Catalog Task", "myWorkQuery": "active=true^assigned_toDYNAMIC90d1921e5f510100a9ad2572f2b477fe", "myTeamQuery": "active=true^assignment_groupDYNAMICd6435e965f510100a9ad2572f2b47744", "listView": mode == "your_work" ? "sow_landing_page_assigned" : "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": “4a59c876c7323010d7e818b1c7c26083”, "updated_on": "^ORDERBYDESCsys_updated_on", "roles":mode == "your_work" ? ["itil","sn_request_write"] : ["itil","sn_request_read"], }SOWLandingPageTier2UtilsSNCからgetLabelMapsや fetchTitle メソッドをコピーして、ドーナツをクリックしたときに表示されるリストのラベルを追加します。
static async fetchTitle(table, nameValueMap, groupMode = false, elementId) { if(table === "task") { return this.getLabelMaps(table, nameValueMap['sys_class_name'], groupMode, elementId); } return this.getLabelMaps(table, nameValueMap['state'], groupMode, elementId); } static getLabelMaps(table, selectedField, groupMode = false, elementId) { if(selectedField == undefined){ selectedField = 'all'; } const labelMap = { 'incident': { '1': 'New incidents', '2': 'In Progress incidents', '3': 'On Hold incidents', '6': 'Resolved incidents', 'all':'Incidents' }, 'change_request': { '0': 'In Review changes', '-1': 'Implement changes', '-2': 'Scheduled changes', '-3': 'Authorize changes', '-4': 'Assess changes', '-5': 'New changes', 'all':'Changes' }, 'problem': { '101': 'New problems', '102': 'Assess problems', '106': 'Resolved problems', '104': 'Fix in Progress problems', '103': 'Root Cause Analysis problems', 'all':'Problems' }, 'task': { 'incident_task': 'Incident tasks', 'problem_task': 'Problem tasks', 'change_task': 'Change tasks', 'sc_task': 'Catalog tasks', 'incident': 'Incidents', 'problem': 'Problems', 'change_request': 'Change requests', 'all':'Tasks' } }; if(elementId === 'delegated_task') return labelMap[table][selectedField] + ' delegated to you'; if (groupMode) return labelMap[table][selectedField] + ' assigned to your team'; return labelMap[table][selectedField] + ' assigned to you'; }カタログタスクラベルを以下のコードスニペットに追加して、ドーナツに表示できます。
'sc_task': { 'all':'Catalog tasks', '-5': 'Pending catalog tasks', '1': 'Open catalog tasks', '2': 'Work in progress catalog tasks' }, - [Update (更新)] を選択します。