js: add POST request to run button

inveniosoftware · May 29, 2024 · f3cf1fb · f3cf1fb
1 parent c81abf3
commit f3cf1fb
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 11 deletions.
diff --git a/invenio_jobs/assets/semantic-ui/js/invenio_jobs/administration/search/JobRunsHeader.js b/invenio_jobs/assets/semantic-ui/js/invenio_jobs/administration/search/JobRunsHeader.js
@@ -18,6 +18,9 @@ export async function JobRunsHeader(pidValue) {
       }
 
       const actions = document.getElementById("actions");
-      ReactDOM.render(<RunButton config={data.default_args ?? {}} />, actions);
+      ReactDOM.render(
+        <RunButton jobId={data.id} config={data.default_args ?? {}} />,
+        actions
+      );
     });
 }
diff --git a/...obs/assets/semantic-ui/js/invenio_jobs/administration/search/JobSearchResultItemLayout.js b/...obs/assets/semantic-ui/js/invenio_jobs/administration/search/JobSearchResultItemLayout.js
@@ -13,7 +13,7 @@ import React, { Component } from "react";
 import { UserListItemCompact, toRelativeTime } from "react-invenio-forms";
 import { withState } from "react-searchkit";
 import { Popup, Table, Button, Icon } from "semantic-ui-react";
-import { RunButton } from "./RunButton";
+// import { RunButton } from "./RunButton";
 import { StatusFormatter } from "./StatusFormatter";
 import { http } from "react-invenio-forms";
 
@@ -93,11 +93,19 @@ class SearchResultItemComponent extends Component {
             : toRelativeTime(result.next_run, i18next.language) ?? "−"}
         </Table.Cell>
         <Table.Cell collapsing>
-          <Button icon fluid basic labelPosition="left" onClick={() => {http.post('/api/jobs/' + result.id + '/runs')}}>
-              <Icon name='play' />
-              Run
-            </Button>
-          {/* <RunButton config={result.default_args ?? {}} /> */}
+          <Button
+            icon
+            fluid
+            basic
+            labelPosition="left"
+            onClick={() => {
+              http.post("/api/jobs/" + result.id + "/runs");
+            }}
+          >
+            <Icon name="play" />
+            Run
+          </Button>
+          {/* <RunButton jobId={result.id} config={result.default_args ?? {}} /> */}
         </Table.Cell>
       </Table.Row>
     );

diff --git a/invenio_jobs/assets/semantic-ui/js/invenio_jobs/administration/search/RunButton.js b/invenio_jobs/assets/semantic-ui/js/invenio_jobs/administration/search/RunButton.js
@@ -14,8 +14,9 @@ import {
   Form,
   FormInput,
 } from "semantic-ui-react";
+import { http } from "react-invenio-forms";
 
-export const RunButton = ({ config }) => {
+export const RunButton = ({ jobId, config }) => {
   return (
     <Dropdown
       text={i18next.t("Run")}
@@ -29,7 +30,7 @@ export const RunButton = ({ config }) => {
       direction="left"
     >
       <DropdownMenu>
-        <Form className="p-10" >
+        <Form className="p-10">
           {Object.keys(config).map((key) => (
             <FormInput
               key={key}
@@ -38,13 +39,24 @@ export const RunButton = ({ config }) => {
               onClick={(e) => e.stopPropagation()}
             />
           ))}
-          <Button type="submit" content="Run" />
+          <Button
+            type="submit"
+            content="Run"
+            onClick={() => {
+              http.post("/api/jobs/" + jobId + "/runs");
+            }}
+          />
         </Form>
       </DropdownMenu>
     </Dropdown>
   );
 };
 
 RunButton.propTypes = {
-  config: PropTypes.object.isRequired,
+  jobId: PropTypes.string.isRequired,
+  config: PropTypes.object,
+};
+
+RunButton.defaultProps = {
+  config: {},
 };