[WIP] Import DropdownButton

ManageIQ · Jul 2, 2018 · 2b4f426 · 2b4f426
1 parent 70e59d7
commit 2b4f426
Showing 1 changed file with 29 additions and 9 deletions.
diff --git a/...vascript/react/screens/App/Plan/components/PlanRequestDetailList/PlanRequestDetailList.js b/...vascript/react/screens/App/Plan/components/PlanRequestDetailList/PlanRequestDetailList.js
@@ -15,7 +15,9 @@ import {
   Sort,
   Tooltip,
   UtilizationBar,
-  PAGINATION_VIEW
+  PAGINATION_VIEW,
+  DropdownButton,
+  MenuItem
 } from 'patternfly-react';
 import { formatDateTime } from '../../../../../../components/dates/MomentDate';
 import listFilter from '../listFilter';
@@ -232,6 +234,17 @@ class PlanRequestDetailList extends React.Component {
     );
   };
 
+  onSelect = (eventKey, task) => {
+    const { downloadLogAction } = this.props;
+    if (eventKey === 'migration') {
+      downloadLogAction(task);
+    } else if (eventKey === 'preMigration') {
+      console.log('Downloading a sweet pre-migration playbook log');
+    } else if (eventKey === 'postMigration') {
+      console.log('Downloading a sweet post-migration playbook log');
+    }
+  };
+
   render() {
     const {
       activeFilters,
@@ -424,15 +437,22 @@ class PlanRequestDetailList extends React.Component {
                         <span id="downloadLogInProgress">{__('Download log in progress...')}</span>
                       </label>
                     ) : (
-                      <a
-                        href="#"
-                        onClick={e => {
-                          e.preventDefault();
-                          downloadLogAction(task);
-                        }}
+                      <DropdownButton
+                        id={`${task.id}-${
+                          task.descriptionPrefix
+                        }_download_log_dropdown`}
+                        title="Download Log"
+                        pullRight
+                        onSelect={eventKey => this.onSelect(eventKey, task)}
                       >
-                        {__('Download Log')}
-                      </a>
+                        <MenuItem eventKey="preMigration">
+                          Pre-migration log
+                        </MenuItem>
+                        <MenuItem eventKey="migration">Migration log</MenuItem>
+                        <MenuItem eventKey="postMigration">
+                          Post-migration log
+                        </MenuItem>
+                      </DropdownButton>
                     )
                   }
                   stacked