[Component templates] Table view

x-pack/plugins/index_management/common/index.ts

@@ -4,7 +4,12 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-export { PLUGIN, API_BASE_PATH, DEFAULT_INDEX_TEMPLATE_VERSION_FORMAT } from './constants';
+export {
+  PLUGIN,
+  API_BASE_PATH,
+  DEFAULT_INDEX_TEMPLATE_VERSION_FORMAT,
+  BASE_PATH,
+} from './constants';
 
 export { getTemplateParameter } from './lib';
 

x-pack/plugins/index_management/common/lib/component_template_serialization.test.ts

@@ -0,0 +1,94 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { deserializeComponentTemplate } from './component_template_serialization';
+
+describe('deserializeComponentTemplate', () => {
+  test('deserializes a component template', () => {
+    expect(
+      deserializeComponentTemplate(
+        {
+          name: 'my_component_template',
+          component_template: {
+            version: 1,
+            _meta: {
+              serialization: {
+                id: 10,
+                class: 'MyComponentTemplate',
+              },
+              description: 'set number of shards to one',
+            },
+            template: {
+              settings: {
+                number_of_shards: 1,
+              },
+              mappings: {
+                _source: {
+                  enabled: false,
+                },
+                properties: {
+                  host_name: {
+                    type: 'keyword',
+                  },
+                  created_at: {
+                    type: 'date',
+                    format: 'EEE MMM dd HH:mm:ss Z yyyy',
+                  },
+                },
+              },
+            },
+          },
+        },
+        [
+          {
+            name: 'my_index_template',
+            index_template: {
+              index_patterns: ['foo'],
+              template: {
+                settings: {
+                  number_of_replicas: 2,
+                },
+              },
+              composed_of: ['my_component_template'],
+            },
+          },
+        ]
+      )
+    ).toEqual({
+      name: 'my_component_template',
+      version: 1,
+      _meta: {
+        serialization: {
+          id: 10,
+          class: 'MyComponentTemplate',
+        },
+        description: 'set number of shards to one',
+      },
+      template: {
+        settings: {
+          number_of_shards: 1,
+        },
+        mappings: {
+          _source: {
+            enabled: false,
+          },
+          properties: {
+            host_name: {
+              type: 'keyword',
+            },
+            created_at: {
+              type: 'date',
+              format: 'EEE MMM dd HH:mm:ss Z yyyy',
+            },
+          },
+        },
+      },
+      _kbnMeta: {
+        usedBy: ['my_index_template'],
+      },
+    });
+  });
+});

x-pack/plugins/index_management/common/lib/component_template_serialization.ts

@@ -0,0 +1,63 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+import {
+  TemplateV2Es,
+  ComponentTemplateEs,
+  ComponentTemplateDeserialized,
+  ComponentTemplateListItem,
+} from '../types';
+
+const hasEntries = (data: object = {}) => Object.entries(data).length > 0;
+
+const getAssociatedIndexTemplates = (
+  indexTemplates: TemplateV2Es[],
+  componentTemplateName: string
+) => {
+  return indexTemplates
+    .filter(({ index_template: indexTemplate }) => {
+      return indexTemplate.composed_of?.includes(componentTemplateName);
+    })
+    .map(({ name }) => name);
+};
+
+export function deserializeComponentTemplate(
+  componentTemplateEs: ComponentTemplateEs,
+  indexTemplatesEs: TemplateV2Es[]
+) {
+  const { name, component_template: componentTemplate } = componentTemplateEs;
+  const { template, _meta, version } = componentTemplate;
+
+  const deserializedComponentTemplate: ComponentTemplateDeserialized = {
+    name,
+    template,
+    version,
+    _meta,
+    _kbnMeta: {
+      usedBy: getAssociatedIndexTemplates(indexTemplatesEs, name),
+    },
+  };
+
+  return deserializedComponentTemplate;
+}
+
+export function deserializeComponenTemplateList(
+  componentTemplateEs: ComponentTemplateEs,
+  indexTemplatesEs: TemplateV2Es[]
+) {
+  const { name, component_template: componentTemplate } = componentTemplateEs;
+  const { template } = componentTemplate;
+  const associatedTemplates = getAssociatedIndexTemplates(indexTemplatesEs, name);
+
+  const componentTemplateListItem: ComponentTemplateListItem = {
+    name,
+    usedBy: associatedTemplates,
+    hasSettings: hasEntries(template.settings),
+    hasMappings: hasEntries(template.mappings),
+    hasAliases: hasEntries(template.aliases),
+  };
+
+  return componentTemplateListItem;
+}

x-pack/plugins/index_management/common/lib/index.ts

@@ -10,3 +10,8 @@ export {
 } from './template_serialization';
 
 export { getTemplateParameter } from './utils';
+
+export {
+  deserializeComponentTemplate,
+  deserializeComponenTemplateList,
+} from './component_template_serialization';

x-pack/plugins/index_management/common/types/component_templates.ts

@@ -0,0 +1,39 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { IndexSettings } from './indices';
+import { Aliases } from './aliases';
+import { Mappings } from './mappings';
+
+export interface ComponentTemplateSerialized {
+  template: {
+    settings?: IndexSettings;
+    aliases?: Aliases;
+    mappings?: Mappings;
+  };
+  version?: number;
+  _meta?: { [key: string]: any };
+}
+
+export interface ComponentTemplateDeserialized extends ComponentTemplateSerialized {
+  name: string;
+  _kbnMeta: {
+    usedBy: string[];
+  };
+}
+
+export interface ComponentTemplateEs {
+  name: string;
+  component_template: ComponentTemplateSerialized;
+}
+
+export interface ComponentTemplateListItem {
+  name: string;
+  usedBy: string[];
+  hasMappings: boolean;
+  hasAliases: boolean;
+  hasSettings: boolean;
+}

x-pack/plugins/index_management/common/types/index.ts

@@ -11,3 +11,5 @@ export * from './indices';
 export * from './mappings';
 
 export * from './templates';
+
+export * from './component_templates';

x-pack/plugins/index_management/common/types/templates.ts

@@ -32,6 +32,11 @@ export interface TemplateV2Serialized extends TemplateBaseSerialized {
   composed_of?: string[];
 }
 
+export interface TemplateV2Es {
+  name: string;
+  index_template: Omit<TemplateV2Serialized, 'name'>;
+}
+
 /**
  * Interface for the template list in our UI table
  * we don't include the mappings, settings and aliases

x-pack/plugins/index_management/public/application/app.tsx

@@ -7,7 +7,7 @@
 import React, { useEffect } from 'react';
 import { HashRouter, Switch, Route, Redirect } from 'react-router-dom';
 import { BASE_PATH, UIM_APP_LOAD } from '../../common/constants';
-import { IndexManagementHome } from './sections/home';
+import { IndexManagementHome, Section, homeSections } from './sections/home';
 import { TemplateCreate } from './sections/template_create';
 import { TemplateClone } from './sections/template_clone';
 import { TemplateEdit } from './sections/template_edit';
@@ -31,7 +31,10 @@ export const AppWithoutRouter = () => (
     <Route exact path={`${BASE_PATH}create_template`} component={TemplateCreate} />
     <Route exact path={`${BASE_PATH}clone_template/:name*`} component={TemplateClone} />
     <Route exact path={`${BASE_PATH}edit_template/:name*`} component={TemplateEdit} />
-    <Route path={`${BASE_PATH}:section(indices|templates)`} component={IndexManagementHome} />
-    <Redirect from={`${BASE_PATH}`} to={`${BASE_PATH}indices`} />
+    <Route
+      path={`${BASE_PATH}:section(${homeSections.join('|')})`}
+      component={IndexManagementHome}
+    />
+    <Redirect from={`${BASE_PATH}`} to={`${BASE_PATH}${Section.Indices}`} />
   </Switch>
 );