pit table

config/opensearch_dashboards.yml

@@ -231,9 +231,14 @@
 
 # Set the value of this setting to true to enable the experimental multiple data source
 # support feature. Use with caution.
-#data_source.enabled: false
+data_source.enabled: false
 # Set the value of these settings to customize crypto materials to encryption saved credentials
 # in data sources.
-#data_source.encryption.wrappingKeyName: 'changeme'
-#data_source.encryption.wrappingKeyNamespace: 'changeme'
-#data_source.encryption.wrappingKey: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]
+data_source.encryption.wrappingKeyName: 'changeme'
+data_source.encryption.wrappingKeyNamespace: 'changeme'
+data_source.encryption.wrappingKey: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]
+pit.enabled: true
+opensearch.hosts: ["http://localhost:9200"]
+opensearch.username: "admin" # Default username on the docker image
+opensearch.password: "admin" # Default password on the docker image
+opensearch.ssl.verificationMode: none

package.json

@@ -134,7 +134,7 @@
     "@hapi/podium": "^4.1.3",
     "@hapi/vision": "^6.1.0",
     "@hapi/wreck": "^17.1.0",
-    "@opensearch-project/opensearch": "^2.1.0",
+    "@opensearch-project/opensearch": "^2.2.0",
     "@osd/ace": "1.0.0",
     "@osd/analytics": "1.0.0",
     "@osd/apm-config-loader": "1.0.0",

src/plugins/point_in_time_management/opensearch_dashboards.json

@@ -4,7 +4,15 @@
   "opensearchDashboardsVersion": "opensearchDashboards",
   "server": true,
   "ui": true,
-  "requiredPlugins": ["navigation", "management"],
-  "optionalPlugins": [],
-  "requiredBundles": ["opensearchDashboardsReact"]
-}
+  "requiredPlugins": [
+    "navigation",
+    "management",
+    "data"
+  ],
+  "optionalPlugins": [
+    "dataSource"
+  ],
+  "requiredBundles": [
+    "opensearchDashboardsReact"
+  ]
+}

src/plugins/point_in_time_management/public/components/breadcrumbs.ts

@@ -0,0 +1,17 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { i18n } from '@osd/i18n';
+
+export function getListBreadcrumbs() {
+  return [
+    {
+      text: i18n.translate('pitManagement.listBreadcrumb', {
+        defaultMessage: 'Point in time',
+      }),
+      href: `/`,
+    },
+  ];
+}

src/plugins/point_in_time_management/public/components/index.ts

@@ -3,4 +3,4 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-export { EmptyState } from './empty_state';
+export { PITTableWithRouter } from './pit_table';

src/plugins/point_in_time_management/public/components/pit_table/empty_state/empty_state.test.tsx

@@ -0,0 +1,16 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { EmptyState } from './empty_state';
+import { shallow } from 'enzyme';
+
+describe('EmptyState', () => {
+  it('should render normally', () => {
+    const component = shallow(<EmptyState />);
+
+    expect(component).toMatchSnapshot();
+  });
+});

src/plugins/point_in_time_management/public/components/pit_table/empty_state/empty_state.tsx

@@ -0,0 +1,29 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { EuiButton, EuiEmptyPrompt } from '@elastic/eui';
+import { FormattedMessage } from '@osd/i18n/react';
+import React from 'react';
+
+export const EmptyState = () => (
+  <EuiEmptyPrompt
+    body={
+      <p>
+        <FormattedMessage
+          id="pointInTimeManagement.pointInTimeDescription"
+          defaultMessage="No PIT objects have been created."
+        />
+      </p>
+    }
+    actions={
+      <EuiButton iconType="plusInCircle" data-test-subj="createPITBtnInHeader">
+        <FormattedMessage
+          id="pointInTimeManagement.header.createPointInTimeButton"
+          defaultMessage="Create PIT"
+        />
+      </EuiButton>
+    }
+  />
+);

src/plugins/point_in_time_management/public/components/pit_table/empty_state/index.ts

@@ -0,0 +1,6 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+export { EmptyState } from './empty_state';

src/plugins/point_in_time_management/public/components/pit_table/index.ts

@@ -0,0 +1,6 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+export { PITTableWithRouter } from './pit_table';

src/plugins/point_in_time_management/public/components/pit_table/page_header/index.ts

@@ -0,0 +1,6 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+export { PageHeader } from './page_header';

src/plugins/point_in_time_management/public/components/pit_table/page_header/page_header.test.tsx

@@ -0,0 +1,16 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { PageHeader } from './page_header';
+import { shallow } from 'enzyme';
+
+describe('PageHeader', () => {
+  it('should render normally', () => {
+    const component = shallow(<PageHeader />);
+
+    expect(component).toMatchSnapshot();
+  });
+});

src/plugins/point_in_time_management/public/components/pit_table/page_header/page_header.tsx

@@ -0,0 +1,39 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import {
+  EuiButton,
+  EuiPageContentHeader,
+  EuiPageContentHeaderSection,
+  EuiText,
+  EuiTitle,
+} from '@elastic/eui';
+import { FormattedMessage } from '@osd/i18n/react';
+import React from 'react';
+
+export const PageHeader = () => (
+  <>
+    <EuiPageContentHeader>
+      <EuiPageContentHeaderSection>
+        <EuiTitle>
+          <h1>
+            <FormattedMessage id="pitManagement.header.pitTitle" defaultMessage="Point in Time" />
+          </h1>
+        </EuiTitle>
+      </EuiPageContentHeaderSection>
+      <EuiButton fill={true} iconType="plusInCircle" data-test-subj="createPITBtnInHeader">
+        <FormattedMessage id="pitManagement.header.createPitButton" defaultMessage="Create PIT" />
+      </EuiButton>
+    </EuiPageContentHeader>
+    <EuiText size="s">
+      <p>
+        <FormattedMessage
+          id="pitManagement.pitDescription"
+          defaultMessage="Create and manage point in time objects."
+        />
+      </p>
+    </EuiText>
+  </>
+);