Compare commits
2 Commits
6f0e98298e
...
d386caadab
| Author | SHA1 | Date | |
|---|---|---|---|
| d386caadab | |||
| 94219c4586 |
@ -2,7 +2,6 @@ import React, { Component } from "react";
|
||||
|
||||
import { callAPI } from "../actions/API";
|
||||
import Cards from "./Pages/Cards";
|
||||
import SideMigrations from "./common/Migrations/SideMigrations";
|
||||
import GenericList from "../root/Pages/GenericList";
|
||||
|
||||
// Homepage/Cards, first API call here to pass down to cards
|
||||
@ -53,7 +52,6 @@ export class Home extends Component {
|
||||
<div className="section">
|
||||
<div className="col s12">
|
||||
<GenericList APILINK="/pending/"/>
|
||||
{/* <SideMigrations /> */}
|
||||
</div>
|
||||
</div>
|
||||
<div className="divider"></div>
|
||||
@ -64,6 +62,3 @@ export class Home extends Component {
|
||||
}
|
||||
|
||||
export default Home;
|
||||
|
||||
// Broken
|
||||
// <SideMigrations migs={this.state.migs} />
|
||||
|
||||
@ -1,13 +1,11 @@
|
||||
import React, { Component } from "react";
|
||||
|
||||
import IdSearchForm from "../common/Functionality/IdSearchForm";
|
||||
import ReportSingleMigration from "../common/Forms/ReportSingleMigration";
|
||||
import { callAPI } from "../../actions/API";
|
||||
|
||||
// /migrations in the address bar,
|
||||
// Allows the modification of migrations, and also populating a form
|
||||
// by UUID.
|
||||
// IDSearchForm is the UUID form at the top of the page,
|
||||
// by UUID,
|
||||
// ReportSingleMigration is the actual form, witha PUT API request on that page.
|
||||
|
||||
export default class Migrations extends Component {
|
||||
@ -36,7 +34,6 @@ export default class Migrations extends Component {
|
||||
};
|
||||
return (
|
||||
<div>
|
||||
<IdSearchForm api={onSubmit} />
|
||||
<ReportSingleMigration
|
||||
key={this.state.migs.id}
|
||||
item={this.state.migs}
|
||||
|
||||
@ -1,38 +0,0 @@
|
||||
import React from "react";
|
||||
|
||||
import { FormGroup, Label } from "reactstrap";
|
||||
import { Formik, Form } from "formik";
|
||||
import { Input, Submit } from "formstrap";
|
||||
|
||||
// Needs to be changed, to not use a library,
|
||||
// currently the form populates the fields on migrations, if you
|
||||
// enter a UUID into field,
|
||||
|
||||
export default function IdSearchForm({ api }) {
|
||||
const initialValues = {};
|
||||
|
||||
return (
|
||||
<Formik initialValues={initialValues} onSubmit={api}>
|
||||
{/* <Container>
|
||||
|
||||
<Row>
|
||||
<Col> */}
|
||||
<Form>
|
||||
<FormGroup>
|
||||
<Label for="migrationId"></Label>
|
||||
<Input
|
||||
type="text"
|
||||
name="migrationId"
|
||||
id="migrationId"
|
||||
placeholder="uuid"
|
||||
/>
|
||||
</FormGroup>
|
||||
<Submit withSpinner>Submit</Submit>
|
||||
</Form>
|
||||
{/* </Col>
|
||||
</Row>
|
||||
|
||||
</Container> */}
|
||||
</Formik>
|
||||
);
|
||||
}
|
||||
@ -1,32 +0,0 @@
|
||||
import React, { Component } from "react";
|
||||
import { SingleSide } from "../Tables/SingleSide";
|
||||
import { callAPI } from "../../../actions/API";
|
||||
|
||||
// Side Migrations is displayed on the Home page,
|
||||
// This page contains the API request, and storing state for the request,
|
||||
|
||||
export default class SideMigrations extends Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.state = {
|
||||
migs: [],
|
||||
};
|
||||
}
|
||||
componentDidMount() {
|
||||
callAPI
|
||||
.get("/pending/")
|
||||
.then((request) => {
|
||||
this.setState({
|
||||
migs: request.data,
|
||||
});
|
||||
})
|
||||
.catch((error) => {
|
||||
this.setState({
|
||||
error: true,
|
||||
});
|
||||
});
|
||||
}
|
||||
render() {
|
||||
return <SingleSide key={this.state.migs.id} data={this.state.migs} />;
|
||||
}
|
||||
}
|
||||
@ -1,28 +0,0 @@
|
||||
import React from "react";
|
||||
import { BootstrapTable, TableHeaderColumn } from "react-bootstrap-table";
|
||||
import "../../../../react-bootstrap-table.css";
|
||||
|
||||
// Single Side is directly referenced on the SideMigrations page,
|
||||
// receives data from the get request and only displays small amounts of info
|
||||
// this could be fleshed out/ linked to UUID's
|
||||
|
||||
export const SingleSide = ({ data }) => {
|
||||
return (
|
||||
<div>
|
||||
<BootstrapTable data={data} height="100%" striped hover condensed>
|
||||
<TableHeaderColumn isKey dataField="domain" width="45%">
|
||||
Domain
|
||||
</TableHeaderColumn>
|
||||
<TableHeaderColumn dataField="booked_time" width="35%">
|
||||
Booked Time
|
||||
</TableHeaderColumn>
|
||||
<TableHeaderColumn dataField="migration_status" width="20%">
|
||||
Status
|
||||
</TableHeaderColumn>
|
||||
</BootstrapTable>
|
||||
</div>
|
||||
);
|
||||
//
|
||||
};
|
||||
{
|
||||
}
|
||||
Reference in New Issue
Block a user