}
+ label={
}
checked={includeGlobalState}
onChange={onIncludeGlobalStateToggle}
/>
@@ -42,6 +54,7 @@ const SnapshotAdvancedSettings = ({
}
checked={ignoreUnavailable}
@@ -52,7 +65,13 @@ const SnapshotAdvancedSettings = ({
}
+ label={
+
+ }
checked={partial}
onChange={onPartialToggle}
/>
diff --git a/public/pages/CreateSnapshotPolicy/containers/CreateSnapshotPolicy/CreateSnapshotPolicy.tsx b/public/pages/CreateSnapshotPolicy/containers/CreateSnapshotPolicy/CreateSnapshotPolicy.tsx
index fc5f23a55..aa9f2cf74 100644
--- a/public/pages/CreateSnapshotPolicy/containers/CreateSnapshotPolicy/CreateSnapshotPolicy.tsx
+++ b/public/pages/CreateSnapshotPolicy/containers/CreateSnapshotPolicy/CreateSnapshotPolicy.tsx
@@ -57,6 +57,7 @@ import MDSEnabledComponent from "../../../../components/MDSEnabledComponent";
import { useUpdateUrlWithDataSourceProperties } from "../../../../components/MDSEnabledComponent";
import { getApplication, getNavigationUI, getUISettings } from "../../../../services/Services";
import { ExternalLink } from "../../../utils/display-utils";
+import { TopNavControlDescriptionData, TopNavControlLinkData } from "src/plugins/navigation/public";
interface CreateSMPolicyProps extends RouteComponentProps, DataSourceMenuProperties {
snapshotManagementService: SnapshotManagementService;
@@ -559,13 +560,17 @@ export class CreateSnapshotPolicy extends MDSEnabledComponent
- Snapshot policies allow you to define an automated snapshot schedule and retention period.{" "}
-
-
- ),
- },
+ description: "Snapshot policies allow you to define an automated snapshot schedule and retention period.",
+ links: {
+ label: "Learn more",
+ href: SNAPSHOT_MANAGEMENT_DOCUMENTATION_URL,
+ iconType: "popout",
+ iconSide: "right",
+ controlType: "link",
+ target: "_blank",
+ flush: "both",
+ } as TopNavControlLinkData,
+ } as TopNavControlDescriptionData,
];
const padding_style = this.state.useNewUX ? { padding: "0px 0px" } : { padding: "5px 50px" };
return (
@@ -582,7 +587,13 @@ export class CreateSnapshotPolicy extends MDSEnabledComponent
)}
-
+
+
+
+ Policy settings
+
+
+
-
+
-
+
+
+
+ Source and destination
+
+
+
-
+
-
+
+
+
+ Snapshot schedule
+
+
+
-
+
-
+
+
+
+ Retention period
+
+
+
- Number of snapshots retained
+ Number of snapshots retained
@@ -726,7 +755,7 @@ export class CreateSnapshotPolicy extends MDSEnabledComponent
- Deletion frequency
+ Deletion frequency
Configure when to check retention conditions and delete snapshots.
@@ -759,62 +788,71 @@ export class CreateSnapshotPolicy extends MDSEnabledComponent
) : null}
-
+
-
-
- Notify on snapshot activities
-
-
- ) => {
- this.setState({ policy: this.setPolicyHelper("notification.conditions.creation", e.target.checked) });
- }}
- />
+
+
+
+ Notifications
+
+
+
+
+ Notify on snapshot activities
+
-
+
+ ) => {
+ this.setState({ policy: this.setPolicyHelper("notification.conditions.creation", e.target.checked) });
+ }}
+ />
- ) => {
- this.setState({ policy: this.setPolicyHelper("notification.conditions.deletion", e.target.checked) });
- }}
- />
+
-
+ ) => {
+ this.setState({ policy: this.setPolicyHelper("notification.conditions.deletion", e.target.checked) });
+ }}
+ />
- ) => {
- this.setState({ policy: this.setPolicyHelper("notification.conditions.failure", e.target.checked) });
- }}
- />
-
+
+
+ ) => {
+ this.setState({ policy: this.setPolicyHelper("notification.conditions.failure", e.target.checked) });
+ }}
+ />
{showNotificationChannel ? (
-
+ <>
+
+
+
) : null}
-
+
{/* Advanced settings */}
-
-
+
+
-
-
+
+
Advanced settings – optional
-
-
+
+
diff --git a/public/pages/PolicyDetails/components/DeleteModal/DeleteModal.tsx b/public/pages/PolicyDetails/components/DeleteModal/DeleteModal.tsx
index 26574fb9d..976ac9632 100644
--- a/public/pages/PolicyDetails/components/DeleteModal/DeleteModal.tsx
+++ b/public/pages/PolicyDetails/components/DeleteModal/DeleteModal.tsx
@@ -4,7 +4,7 @@
*/
import React, { ChangeEvent, Component, Fragment } from "react";
-import { EuiConfirmModal, EuiForm, EuiCompressedFormRow, EuiCompressedFieldText, EuiOverlayMask, EuiSpacer } from "@elastic/eui";
+import { EuiConfirmModal, EuiForm, EuiCompressedFormRow, EuiCompressedFieldText, EuiOverlayMask, EuiSpacer, EuiText } from "@elastic/eui";
interface DeleteModalProps {
policyId: string;
@@ -30,7 +30,11 @@ export default class DeleteModal extends Component
+ Delete policy
+
+ }
onCancel={closeDeleteModal}
onConfirm={onClickDelete}
cancelButtonText="Cancel"
diff --git a/public/pages/PolicyDetails/components/DeleteModal/__snapshots__/DeleteModal.test.tsx.snap b/public/pages/PolicyDetails/components/DeleteModal/__snapshots__/DeleteModal.test.tsx.snap
index 3b72dd09a..166a359ab 100644
--- a/public/pages/PolicyDetails/components/DeleteModal/__snapshots__/DeleteModal.test.tsx.snap
+++ b/public/pages/PolicyDetails/components/DeleteModal/__snapshots__/DeleteModal.test.tsx.snap
@@ -47,7 +47,13 @@ exports[` spec renders the component 1`] = `
class="euiModalHeader__title"
data-test-subj="confirmModalTitleText"
>
- Delete policy
+
+
+ Delete policy
+
+