enh(UI): Add a “Parent alias“ column on the monitoring resources sta… (…

…#11542) * enh(UI): Add a “Parent alias“ column on the monitoring resources status page (#11190) * Add column ParentAlias * Add new label ParentAlias * Add column ParentAlias and new column component * Add new card to display Parent Alias * Remove tile in Details Panel, enhancement not expected * FIx eslint issue * Fix naming on label parent alias * Add translation * Add line at the end of files * Add line at the end of file * fix issues * Update lang/fr_FR.UTF-8/LC_MESSAGES/messages.po Co-authored-by: Tom Darneix <tomdar87@outlook.com> * Update lang/es_ES.UTF-8/LC_MESSAGES/messages.po Co-authored-by: Tom Darneix <tomdar87@outlook.com> * Update lang/pt_PT.UTF-8/LC_MESSAGES/messages.po Co-authored-by: Tom Darneix <tomdar87@outlook.com> * Update lang/es_ES.UTF-8/LC_MESSAGES/messages.po Co-authored-by: Jérémy Delpierre <jdelpierre@users.noreply.github.com> * Update lang/pt_BR.UTF-8/LC_MESSAGES/messages.po Co-authored-by: Jérémy Delpierre <jdelpierre@users.noreply.github.com> * Update lang/fr_FR.UTF-8/LC_MESSAGES/messages.po Co-authored-by: Bruno d'Auria <bdauria@centreon.com> * Fix issue on messages.po file Co-authored-by: Tom Darneix <tomdar87@outlook.com> Co-authored-by: Jérémy Delpierre <jdelpierre@users.noreply.github.com> Co-authored-by: Bruno d'Auria <bdauria@centreon.com>
centreon · Sep 5, 2022 · 0ba2e0f · 0ba2e0f
1 parent c8a3329
commit 0ba2e0f
Show file tree

Hide file tree

Showing 7 changed files with 55 additions and 0 deletions.
diff --git a/lang/es_ES.UTF-8/LC_MESSAGES/messages.po b/lang/es_ES.UTF-8/LC_MESSAGES/messages.po
@@ -15162,3 +15162,7 @@ msgstr ""
 
 #  msgid "Warning, maximum size exceeded for input '%s' (max: %d), it will be truncated upon saving"
 #  msgstr ""
+
+# msgid "Parent alias"
+# msgstr ""
+
diff --git a/lang/pt_BR.UTF-8/LC_MESSAGES/messages.po b/lang/pt_BR.UTF-8/LC_MESSAGES/messages.po
@@ -15613,3 +15613,7 @@ msgstr ""
 
 #  msgid "Warning, maximum size exceeded for input '%s' (max: %d), it will be truncated upon saving"
 #  msgstr ""
+# msgid "Parent alias"
+# msgstr ""
+
+
diff --git a/lang/pt_PT.UTF-8/LC_MESSAGES/messages.po b/lang/pt_PT.UTF-8/LC_MESSAGES/messages.po
@@ -15601,3 +15601,7 @@ msgstr ""
 
 #  msgid "Warning, maximum size exceeded for input '%s' (max: %d), it will be truncated upon saving"
 #  msgstr ""
+
+# msgid "Parent alias
+# msgstr ""
+
diff --git a/www/front_src/src/Resources/Details/tabs/Details/DetailsCard/cards.tsx b/www/front_src/src/Resources/Details/tabs/Details/DetailsCard/cards.tsx
@@ -183,6 +183,11 @@ const getDetailCardLines = ({
       shouldBeDisplayed: !isNil(details.calculation_type),
       title: labelCalculationType,
     },
+    {
+      line: <DetailsLine line={details.parent.uuid} />,
+      shouldBeDisplayed: !isNil(details.calculation_type),
+      title: labelCalculationType,
+    },
     {
       isCustomCard: true,
       line: <Groups details={details} />,

diff --git a/www/front_src/src/Resources/Listing/columns/ParentAlias.tsx b/www/front_src/src/Resources/Listing/columns/ParentAlias.tsx
@@ -0,0 +1,25 @@
+import { Typography } from '@mui/material';
+
+import { ComponentColumnProps } from '@centreon/ui';
+
+import { useColumnStyles } from '.';
+
+const ParentAliasColumn = ({
+  row,
+}: ComponentColumnProps): JSX.Element | null => {
+  const classes = useColumnStyles();
+
+  if (!row.parent) {
+    return null;
+  }
+
+  return (
+    <div className={classes.resourceDetailsCell}>
+      <div className={classes.resourceNameItem}>
+        <Typography variant="body2">{row.parent.alias}</Typography>
+      </div>
+    </div>
+  );
+};
+
+export default ParentAliasColumn;
diff --git a/www/front_src/src/Resources/Listing/columns/index.tsx b/www/front_src/src/Resources/Listing/columns/index.tsx
@@ -22,6 +22,7 @@ import {
   labelNotification,
   labelCheck,
   labelSeverity,
+  labelParentAlias,
 } from '../../translatedLabels';
 import truncate from '../../truncate';
 
@@ -35,6 +36,7 @@ import ResourceColumn from './Resource';
 import ParentResourceColumn from './Parent';
 import NotificationColumn from './Notification';
 import ChecksColumn from './Checks';
+import ParentAliasColumn from './ParentAlias';
 
 const useStyles = makeStyles((theme) => ({
   resourceDetailsCell: {
@@ -194,6 +196,16 @@ export const getColumns = ({ actions, t }: ColumnProps): Array<Column> => [
     sortable: true,
     type: ColumnType.string,
   },
+  {
+    Component: ParentAliasColumn,
+    getRenderComponentOnRowUpdateCondition: T,
+    id: 'parent_alias',
+    label: t(labelParentAlias),
+    rowMemoProps: ['parent'],
+    sortField: 'parent_alias',
+    sortable: true,
+    type: ColumnType.component,
+  },
   {
     getFormattedString: ({ fqdn }): string => fqdn,
     id: 'fqdn',

diff --git a/www/front_src/src/Resources/translatedLabels.ts b/www/front_src/src/Resources/translatedLabels.ts
@@ -249,3 +249,4 @@ export const labelNoContactIsConfiguredForThisResource =
   'No contacts are configured for this resource';
 export const labelNoContactGroupsIsConfiguredForThisResource =
   'No contact groups are configured for this resource';
+export const labelParentAlias = 'Parent alias';