Set updated at field from advanced settings

Signed-off-by: sitbubu <royi.sitbon@logz.io>

src/plugins/dashboard/public/application/listing/dashboard_listing.js

@@ -164,6 +164,7 @@ export class DashboardListing extends React.Component {
   }
 
   getTableColumns() {
+    const [, dateFormat] = this.props.core.uiSettings.get('dateFormat:scaled')[3];
     const tableColumns = [
       {
         field: 'title',
@@ -199,7 +200,7 @@ export class DashboardListing extends React.Component {
           defaultMessage: 'Last update of the saved object',
         }),
         ['data-test-subj']: 'updated-at',
-        render: (updatedAt) => updatedAt && moment(updatedAt).format('MMM DD YYYY'),
+        render: (updatedAt) => updatedAt && moment(updatedAt).format(dateFormat),
       },
     ];
     return tableColumns;

src/plugins/saved_objects/public/saved_object/saved_object_loader.ts

@@ -116,7 +116,7 @@ export class SavedObjectLoader {
     id: string;
     updated_at?: string;
   }) {
-    hit.attributes.updated_at = hit.updated_at;
+    hit.attributes.updated_at = hit?.updated_at ?? hit.attributes._updatedAt;
     return this.mapHitSource(hit.attributes, hit.id);
   }
 

src/plugins/saved_objects_management/public/management_section/objects_table/components/table.tsx

@@ -83,6 +83,7 @@ export interface TableProps {
   isSearching: boolean;
   onShowRelationships: (object: SavedObjectWithMetadata) => void;
   canGoInApp: (obj: SavedObjectWithMetadata) => boolean;
+  dateFormat: string;
 }
 
 interface TableState {
@@ -175,6 +176,7 @@ export class Table extends PureComponent<TableProps, TableState> {
       basePath,
       actionRegistry,
       columnRegistry,
+      dateFormat,
     } = this.props;
 
     const pagination = {
@@ -266,7 +268,7 @@ export class Table extends PureComponent<TableProps, TableState> {
           { defaultMessage: 'Last update of the saved object' }
         ),
         'data-test-subj': 'updated-at',
-        render: (updatedAt: string) => updatedAt && moment(updatedAt).format('MMM DD YYYY'),
+        render: (updatedAt: string) => updatedAt && moment(updatedAt).format(dateFormat),
       } as EuiTableFieldDataColumnType<SavedObjectWithMetadata<any>>,
       ...columnRegistry.getAll().map((column) => {
         return {

src/plugins/saved_objects_management/public/management_section/objects_table/saved_objects_table.tsx

@@ -111,6 +111,7 @@ export interface SavedObjectsTableProps {
   perPageConfig: number;
   goInspectObject: (obj: SavedObjectWithMetadata) => void;
   canGoInApp: (obj: SavedObjectWithMetadata) => boolean;
+  dateFormat: string;
 }
 
 export interface SavedObjectsTableState {
@@ -811,6 +812,7 @@ export class SavedObjectsTable extends Component<SavedObjectsTableProps, SavedOb
             isSearching={isSearching}
             onShowRelationships={this.onShowRelationships}
             canGoInApp={this.props.canGoInApp}
+            dateFormat={this.props.dateFormat}
           />
         </RedirectAppLinks>
       </EuiPageContent>

src/plugins/saved_objects_management/public/management_section/saved_objects_table_page.tsx

@@ -61,6 +61,7 @@ const SavedObjectsTablePage = ({
 }) => {
   const capabilities = coreStart.application.capabilities;
   const itemsPerPage = coreStart.uiSettings.get<number>('savedObjects:perPage', 50);
+  const [, dateFormat] = coreStart.uiSettings.get<string>('dateFormat:scaled')[3];
 
   useEffect(() => {
     setBreadcrumbs([
@@ -95,6 +96,7 @@ const SavedObjectsTablePage = ({
           );
         }
       }}
+      dateFormat={dateFormat}
       canGoInApp={(savedObject) => {
         const { inAppUrl } = savedObject.meta;
         return inAppUrl ? Boolean(get(capabilities, inAppUrl.uiCapabilitiesPath)) : false;

src/plugins/visualize/public/application/components/visualize_listing.tsx

@@ -111,7 +111,11 @@ export const VisualizeListing = () => {
   );
 
   const noItemsFragment = useMemo(() => getNoItemsMessage(createNewVis), [createNewVis]);
-  const tableColumns = useMemo(() => getTableColumns(application, history), [application, history]);
+  const tableColumns = useMemo(() => getTableColumns(application, history, uiSettings), [
+    application,
+    history,
+    uiSettings,
+  ]);
 
   const fetchItems = useCallback(
     (filter) => {

src/plugins/visualize/public/application/utils/get_table_columns.tsx

@@ -39,6 +39,7 @@ import { FormattedMessage } from '@osd/i18n/react';
 import { ApplicationStart } from 'opensearch-dashboards/public';
 import { VisualizationListItem } from 'src/plugins/visualizations/public';
 import moment from 'moment';
+import { IUiSettingsClient } from '../../../../../core/public';
 
 const getBadge = (item: VisualizationListItem) => {
   if (item.stage === 'beta') {
@@ -94,7 +95,11 @@ const renderItemTypeIcon = (item: VisualizationListItem) => {
   return icon;
 };
 
-export const getTableColumns = (application: ApplicationStart, history: History) => [
+export const getTableColumns = (
+  application: ApplicationStart,
+  history: History,
+  uiSettings: IUiSettingsClient
+) => [
   {
     field: 'title',
     name: i18n.translate('visualize.listing.table.titleColumnName', {
@@ -158,7 +163,8 @@ export const getTableColumns = (application: ApplicationStart, history: History)
       defaultMessage: 'Last update of the saved object',
     }),
     ['data-test-subj']: 'updated-at',
-    render: (updatedAt: string) => updatedAt && moment(updatedAt).format('MMM DD YYYY'),
+    render: (updatedAt: string) =>
+      updatedAt && moment(updatedAt).format(uiSettings.get('dateFormat:scaled')[3][1]),
   },
 ];