opendash/dist/components/auth/SignupForm.js

open.DASH data visualization framework

import * as React from "react";
import { Form, Icon as LegacyIcon } from "@ant-design/compatible";
import "@ant-design/compatible/assets/index.css";
import { Input, Button } from "antd";
import { useTranslation } from "../..";
var SignupForm = function (_a) {
    var form = _a.form, onSubmit = _a.onSubmit;
    var t = useTranslation(["opendash"])[0];
    var handleSubmit = function (e) {
        e.preventDefault();
        form.validateFields(function (err, values) {
            if (!err) {
                onSubmit(values);
            }
        });
    };
    return (React.createElement(Form, { onSubmit: handleSubmit },
        React.createElement(Form.Item, null, form.getFieldDecorator("name", {
            rules: [
                {
                    required: true,
                    message: t("auth.fields.name_required"),
                },
            ],
        })(React.createElement(Input, { prefix: React.createElement(LegacyIcon, { type: "user", style: { color: "rgba(0,0,0,.25)" } }), placeholder: t("auth.fields.name") }))),
        React.createElement(Form.Item, null, form.getFieldDecorator("username", {
            rules: [
                {
                    required: true,
                    message: t("auth.fields.username_required"),
                },
            ],
        })(React.createElement(Input, { prefix: React.createElement(LegacyIcon, { type: "tag", style: { color: "rgba(0,0,0,.25)" } }), placeholder: t("auth.fields.username") }))),
        React.createElement(Form.Item, null, form.getFieldDecorator("email", {
            rules: [
                {
                    required: true,
                    message: t("auth.fields.email_required"),
                },
            ],
        })(React.createElement(Input, { prefix: React.createElement(LegacyIcon, { type: "mail", style: { color: "rgba(0,0,0,.25)" } }), placeholder: t("auth.fields.email") }))),
        React.createElement(Form.Item, null, form.getFieldDecorator("password", {
            rules: [
                {
                    required: true,
                    message: t("auth.fields.password_required"),
                },
            ],
        })(React.createElement(Input, { prefix: React.createElement(LegacyIcon, { type: "lock", style: { color: "rgba(0,0,0,.25)" } }), type: "password", placeholder: t("auth.fields.password") }))),
        React.createElement(Button, { type: "primary", htmlType: "submit", style: { width: "100%" } }, t("auth.fields.signup_submit"))));
};
export default Form.create({ name: "signup" })(SignupForm);
//# sourceMappingURL=SignupForm.js.map