Configurer les anneaux dans la page de destination de niveau 2

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 3 minutes de lecture

    • Configurez les données qui s'affichent dans les anneaux de la section Vue d'ensemble de la page de destination de niveau 2.

    Avant de commencer

    Rôle requis : administrateur

    Pourquoi et quand exécuter cette tâche

    Vous pouvez personnaliser l'étiquette d'en-tête, la source de données, la mesure, le champ Grouper par et viewAllQuery pour tous les anneaux. Par exemple, anneau Tâches du catalogue qui me sont affectées.

    Procédure

    1. Accédez à la Tout > Centre d'administration de l'espace de travail pour l'exploitation des services > Vue d'ensemble.
    2. Dans l'onglet Vue d'ensemble, accédez à la section Configuration initiale, puis sélectionnez l'option Configurer la page de destination.
    3. Dans le formulaire Page de destination, sous Section de niveau 2 , sélectionnez Configurer en regard de Configurations en anneau.
    4. Facultatif : Si le tableau de bord PAR est actif sur la page de destination, procédez comme suit :
      1. Configurez la configuration du tableau de bord de niveau 2.
        Remarque :
        Si vous créez un tableau de bord, vous pouvez utiliser les visualisations enregistrées pour créer une carte pour le tableau de bord. La visualisation des données n’est visible que par les utilisateurs en fonction de leurs rôles respectifs.

        Assurez-vous d’avoir ajouté la valeur comme Espace de travail pour l'exploitation des services dans la visibilité du tableau de bord.

      2. Sélectionnez le tableau de bord par défaut de la SOW page de destination à partir du tableau de bord chargé dans l’option déroulante Page de destination. Sélectionnez Enregistrer.
      3. Après avoir modifié les éléments du tableau de bord, sélectionnez Enregistrer.
    5. Facultatif : Modifiez le champ Script, puis ajoutez le code à l’intérieur de la classe 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; 

        }
      Par exemple, pour ajouter un anneau Problème, ajoutez ce qui suit au script pour permettre au nouvel anneau d'interagir avec la liste sur la page de destination. Ces éléments sont copiés à partir de SOWLandingPageTier2UtilsSNC, mais problem_task a été ajoutée.
      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_task': { 

                    '151': 'New', 

                    '154': 'Work in Progress', 

                    '152': 'Assess', 

                    '157': 'Closed', 

                    'all': 'Problem Tasks' 

                }, 

                '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'; 

        }
      Ajoutez le code suivant comme anneau supplémentaire.
      { 

                "id": "problem_task_assigned", 

                "tableName": "problem_task", 

                "tableDisplayValue": "Problem Tasks", 

                "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("Problem Tasks assigned to you") : await helpers.translate("Problem Tasks assigned to your team"), 

                "groupByField": "state", 

                //  "evamId": evamDef['incidentEvamDefinitionId'], 

                "updated_on": "^ORDERBYDESCsys_updated_on", 

  },
    6. Sélectionnez Mettre à jour.