Merge pull request #890 from yaacov/add-class-to-new-create-plan

🧼 Add more class to create plan
kubev2v · Feb 7, 2024 · 8c7a26a · 8c7a26a
2 parents ca2ac5e + 8dbf04a
commit 8c7a26a
Show file tree

Hide file tree

Showing 15 changed files with 572 additions and 505 deletions.
diff --git a/packages/forklift-console-plugin/locales/en/plugin__forklift-console-plugin.json b/packages/forklift-console-plugin/locales/en/plugin__forklift-console-plugin.json
@@ -345,6 +345,7 @@
   "Secret is loading, please wait.": "Secret is loading, please wait.",
   "Secrets": "Secrets",
   "Select migration network": "Select migration network",
+  "Select migration target": "Select migration target",
   "Select provider type": "Select provider type",
   "Select source provider": "Select source provider",
   "Select virtual machines": "Select virtual machines",
@@ -414,6 +415,7 @@
   "To migrate virtual machines from <1>{name}</1> provider, select the virtual machines to migrate from the list of available virtual machines and click the <4>Create migration plan</4> button.": "To migrate virtual machines from <1>{name}</1> provider, select the virtual machines to migrate from the list of available virtual machines and click the <4>Create migration plan</4> button.",
   "To migrate virtual machines from <1>{provider.metadata.name}</1> provider, select the virtual machines to migrate from the list of available virtual machines located in the virtual machines tab. <4>Go to <1>Virtual Machines</1> tab</4>": "To migrate virtual machines from <1>{provider.metadata.name}</1> provider, select the virtual machines to migrate from the list of available virtual machines located in the virtual machines tab. <4>Go to <1>Virtual Machines</1> tab</4>",
   "To migrate virtual machines select a provider, then select the virtual machines to migrate and click the <1>Create migration plan</1> button.": "To migrate virtual machines select a provider, then select the virtual machines to migrate and click the <1>Create migration plan</1> button.",
+  "To migrate virtual machines select target provider, namespace, mappings and click the <2>Create</2> button to crete the plan.": "To migrate virtual machines select target provider, namespace, mappings and click the <2>Create</2> button to crete the plan.",
   "To troubleshoot, check the Forklift controller pod events and logs.": "To troubleshoot, check the Forklift controller pod events and logs.",
   "To troubleshoot, check the Forklift controller pod logs.": "To troubleshoot, check the Forklift controller pod logs.",
   "To troubleshoot, view the provider status available in the provider details page\n          and check the Forklift controller pod logs.": "To troubleshoot, view the provider status available in the provider details page\n          and check the Forklift controller pod logs.",

diff --git a/packages/forklift-console-plugin/src/components/page/StandardPage.tsx b/packages/forklift-console-plugin/src/components/page/StandardPage.tsx
@@ -186,6 +186,11 @@ export interface StandardPageProps<T> {
    * Toolbar items with global actions.
    */
   GlobalActionToolbarItems?: FC<GlobalActionToolbarProps<T>>[];
+
+  /**
+   * className
+   */
+  className?: string;
 }
 
 /**
@@ -239,6 +244,7 @@ export function StandardPage<T>({
   HeaderMapper = DefaultHeader<T>,
   GlobalActionToolbarItems = [],
   alerts,
+  className,
 }: StandardPageProps<T>) {
   const {
     t,
@@ -284,15 +290,17 @@ export function StandardPage<T>({
     .map(toFieldFilter(flatData));
 
   return (
-    <>
-      <PageSection variant="light" className="forklift-page__main-title">
-        <Level>
-          <LevelItem>
-            <Title headingLevel="h1">{title}</Title>
-          </LevelItem>
-          {addButton && <LevelItem>{addButton}</LevelItem>}
-        </Level>
-      </PageSection>
+    <span className={className}>
+      {title && (
+        <PageSection variant="light" className="forklift-page__main-title">
+          <Level>
+            <LevelItem>
+              <Title headingLevel="h1">{title}</Title>
+            </LevelItem>
+            {addButton && <LevelItem>{addButton}</LevelItem>}
+          </Level>
+        </PageSection>
+      )}
       {alerts && <PageSection variant="light">{alerts}</PageSection>}
       <PageSection variant="light">
         <Toolbar clearAllFilters={clearAllFilters} clearFiltersButtonText={t('Clear all filters')}>
@@ -397,7 +405,7 @@ export function StandardPage<T>({
           />
         )}
       </PageSection>
-    </>
+    </span>
   );
 }