opendash
Version:
open.DASH data visualization framework
37 lines • 1.79 kB
JavaScript
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 LoginForm = 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("username", {
rules: [
{
required: true,
message: t("auth.fields.username_required"),
},
],
})(React.createElement(Input, { prefix: React.createElement(LegacyIcon, { type: "user", style: { color: "rgba(0,0,0,.25)" } }), placeholder: t("auth.fields.username") }))),
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.login_submit"))));
};
export default Form.create({ name: "login" })(LoginForm);
//# sourceMappingURL=LoginForm.js.map