From d6c1fc7f524e41359790eafcaebd6aee7bc050f5 Mon Sep 17 00:00:00 2001 From: pepper Date: Tue, 19 Jan 2021 17:25:32 -0500 Subject: [PATCH] cleaned up some legacy code and restructured form --- package-lock.json | 46 ++++++++ package.json | 4 + src/components/root/Navigation.js | 13 +- .../root/common/Forms/CPanelBooking.js | 111 +++++++++--------- 4 files changed, 117 insertions(+), 57 deletions(-) diff --git a/package-lock.json b/package-lock.json index 0f73d18..df6b8da 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3413,6 +3413,11 @@ "postcss-value-parser": "^4.1.0" } }, + "autosize": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/autosize/-/autosize-4.0.2.tgz", + "integrity": "sha512-jnSyH2d+qdfPGpWlcuhGiHmqBJ6g3X+8T+iRwFrHPLVcdoGJE/x6Qicm6aDHfTsbgZKxyV8UU/YB2p4cjKDRRA==" + }, "aws-sign2": { "version": "0.7.0", "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz", @@ -14661,6 +14666,17 @@ "prop-types": "^15.5.6" } }, + "react-textarea-autosize": { + "version": "8.3.0", + "resolved": "https://registry.npmjs.org/react-textarea-autosize/-/react-textarea-autosize-8.3.0.tgz", + "integrity": "sha512-3GLWFAan2pbwBeoeNDoqGmSbrShORtgWfaWX0RJDivsUrpShh01saRM5RU/i4Zmf+whpBVEY5cA90Eq8Ub1N3w==", + "dev": true, + "requires": { + "@babel/runtime": "^7.10.2", + "use-composed-ref": "^1.0.0", + "use-latest": "^1.0.0" + } + }, "react-time-picker": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/react-time-picker/-/react-time-picker-4.0.1.tgz", @@ -17155,6 +17171,12 @@ "resolved": "https://registry.npmjs.org/tryer/-/tryer-1.0.1.tgz", "integrity": "sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==" }, + "ts-essentials": { + "version": "2.0.12", + "resolved": "https://registry.npmjs.org/ts-essentials/-/ts-essentials-2.0.12.tgz", + "integrity": "sha512-3IVX4nI6B5cc31/GFFE+i8ey/N2eA0CZDbo6n0yrz0zDX8ZJ8djmU1p+XRz7G3is0F3bB3pu2pAroFdAWQKU3w==", + "dev": true + }, "ts-pnp": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/ts-pnp/-/ts-pnp-1.2.0.tgz", @@ -17493,6 +17515,30 @@ "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz", "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==" }, + "use-composed-ref": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/use-composed-ref/-/use-composed-ref-1.1.0.tgz", + "integrity": "sha512-my1lNHGWsSDAhhVAT4MKs6IjBUtG6ZG11uUqexPH9PptiIZDQOzaF4f5tEbJ2+7qvNbtXNBbU3SfmN+fXlWDhg==", + "dev": true, + "requires": { + "ts-essentials": "^2.0.3" + } + }, + "use-isomorphic-layout-effect": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.1.tgz", + "integrity": "sha512-L7Evj8FGcwo/wpbv/qvSfrkHFtOpCzvM5yl2KVyDJoylVuSvzphiiasmjgQPttIGBAy2WKiBNR98q8w7PiNgKQ==", + "dev": true + }, + "use-latest": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/use-latest/-/use-latest-1.2.0.tgz", + "integrity": "sha512-d2TEuG6nSLKQLAfW3By8mKr8HurOlTkul0sOpxbClIv4SQ4iOd7BYr7VIzdbktUCnv7dua/60xzd8igMU6jmyw==", + "dev": true, + "requires": { + "use-isomorphic-layout-effect": "^1.0.0" + } + }, "util": { "version": "0.11.1", "resolved": "https://registry.npmjs.org/util/-/util-0.11.1.tgz", diff --git a/package.json b/package.json index 0997f35..1ea9ab6 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,7 @@ "@testing-library/jest-dom": "^5.11.5", "@testing-library/react": "^11.1.0", "@testing-library/user-event": "^12.1.10", + "autosize": "^4.0.2", "axios": "^0.21.0", "axios-react": "^2.0.2", "bootstrap": "^4.5.3", @@ -71,5 +72,8 @@ "last 1 firefox version", "last 1 safari version" ] + }, + "devDependencies": { + "react-textarea-autosize": "^8.3.0" } } diff --git a/src/components/root/Navigation.js b/src/components/root/Navigation.js index b2f3fc2..de8bba8 100644 --- a/src/components/root/Navigation.js +++ b/src/components/root/Navigation.js @@ -1,5 +1,5 @@ import React, { Component } from "react"; -import { Link as a } from "react-router-dom"; + import InLineSearch from "./common/Functionality/InlineSearchBar"; // Navbar class component, Just simple href's to retain styling @@ -23,10 +23,17 @@ export class Navigation extends Component { Migrations */}
  • - Reports + + Reports +
  • - Historical Migrations + + Historical Migrations +
  • Book diff --git a/src/components/root/common/Forms/CPanelBooking.js b/src/components/root/common/Forms/CPanelBooking.js index bf6f56d..da27930 100644 --- a/src/components/root/common/Forms/CPanelBooking.js +++ b/src/components/root/common/Forms/CPanelBooking.js @@ -8,22 +8,13 @@ import { Input, Submit } from "formstrap"; import { callAPI } from "../../../actions/API"; import Msgbox from "../../../actions/Msgbox"; import { builfArrayFromObject } from "../../../actions/Error"; +import TextareaAutosize from "react-textarea-autosize"; // Main form and POST Request to add migrations // found at /book under the web hosting migration tab // Things to add: // better date time picking. -const timezoneList = { - losAngeles: "America/Los_Angeles", // -8:00 (-7) - berlin: "Europe/Berlin", // +2:00 (-1) - newYork: "America/New_York", // -5:00 (-4) - melbourne: "Australia/Melbourne", // +8:00 - tongatapu: "Pacific/Tongatapu", // +13:00 (+14) - djibouti: "Africa/Djibouti", // +3:00 -}; -const timezone = timezoneList.melbourne; - const InputValidation = Yup.object().shape({ domain: Yup.string() .matches( @@ -64,6 +55,7 @@ export const CPanelBooking = () => { }; const onSubmit = async (values, { setSubmitting, resetForm }) => { + console.log(values); callAPI .post("/", values) .then(function (response) { @@ -85,8 +77,16 @@ export const CPanelBooking = () => { onSubmit={onSubmit} validationSchema={InputValidation} > - {({ errors, touched }) => ( -
    + {({ + handleSubmit, + handleChange, + handleBlur, + values, + touched, + isValid, + errors, + }) => ( + @@ -100,11 +100,14 @@ export const CPanelBooking = () => { mindate={Date()} /> - - - + @@ -125,8 +128,6 @@ export const CPanelBooking = () => { placeholder="example.com.au" /> - - { /> - - @@ -146,22 +145,21 @@ export const CPanelBooking = () => { type="text" name="original_server" id="bookedSource" - placeholder="1.2.3.4" + placeholder="1.2.3.4 / example.com" /> - - + @@ -185,17 +183,6 @@ export const CPanelBooking = () => { /> - - - - - - - - - - - @@ -207,27 +194,43 @@ export const CPanelBooking = () => { /> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - Submit {respID ? : null}