admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added config provider with default small text. Replcaed all datepicker components to add proper format. BOD-166 BOD-246

Browse Source
This commit is contained in:
Patrick Fic
2020-08-04 15:52:57 -07:00
parent 8590767e33
commit bdba1a2132
31 changed files with 329 additions and 247 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
client/src/components/shop-employees/shop-employees-form.component.jsx
View File

@@ -1,18 +1,11 @@
import {
Button,
DatePicker,
Form,
Input,
InputNumber,
Select,
Switch,
} from "antd";
import { Button, Form, Input, InputNumber, Select, Switch } from "antd";
import moment from "moment";
import React, { useEffect } from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { selectBodyshop } from "../../redux/user/user.selectors";
import FormDatePicker from "../form-date-picker/form-date-picker.component";
const mapStateToProps = createStructuredSelector({
bodyshop: selectBodyshop,
@@ -47,95 +40,105 @@ export function ShopEmployeesFormComponent({
termination_date: selectedEmployee.termination_date
? moment(selectedEmployee.termination_date)
: null,
}}>
<Button type='primary' htmlType='submit'>
}}
>
<Button type="primary" htmlType="submit">
{t("general.actions.save")}
</Button>
<Form.Item
name='first_name'
name="first_name"
label={t("employees.fields.first_name")}
rules={[
{
required: true,
message: t("general.validation.required"),
},
]}>
]}
>
<Input />
</Form.Item>
<Form.Item
label={t("employees.fields.last_name")}
name='last_name'
name="last_name"
rules={[
{
required: true,
message: t("general.validation.required"),
},
]}>
]}
>
<Input />
</Form.Item>
<Form.Item
name='employee_number'
name="employee_number"
label={t("employees.fields.employee_number")}
rules={[
{
required: true,
message: t("general.validation.required"),
},
]}>
]}
>
<Input />
</Form.Item>
<Form.Item
label={t("employees.fields.pin")}
name='pin'
name="pin"
rules={[
{
required: true,
message: t("general.validation.required"),
},
]}>
]}
>
<Input />
</Form.Item>
<Form.Item
label={t("employees.fields.active")}
valuePropName='checked'
name='active'>
valuePropName="checked"
name="active"
>
<Switch />
</Form.Item>
<Form.Item
label={t("employees.fields.flat_rate")}
name='flat_rate'
valuePropName='checked'>
name="flat_rate"
valuePropName="checked"
>
<Switch />
</Form.Item>
<Form.Item
name='hire_date'
name="hire_date"
label={t("employees.fields.hire_date")}
rules={[
{
required: true,
message: t("general.validation.required"),
},
]}>
<DatePicker />
]}
>
<FormDatePicker />
</Form.Item>
<Form.Item
label={t("employees.fields.termination_date")}
name='termination_date'>
<DatePicker />
name="termination_date"
>
<FormDatePicker />
</Form.Item>
{
//TODO Make this a picklist.
}
<Form.Item
label={t("employees.fields.cost_center")}
name='cost_center'
name="cost_center"
rules={[
{
required: true,
message: t("general.validation.required"),
},
]}>
]}
>
<Select>
{bodyshop.md_responsibility_centers.costs.map((c) => (
<Select.Option key={c.name} value={c.name}>
@@ -146,16 +149,17 @@ export function ShopEmployeesFormComponent({
</Form.Item>
<Form.Item
label={t("employees.fields.base_rate")}
name='base_rate'
name="base_rate"
rules={[
{
required: true,
message: t("general.validation.required"),
},
]}>
]}
>
<InputNumber />
</Form.Item>
<Form.Item label={t("employees.fields.user_email")} name='user_email'>
<Form.Item label={t("employees.fields.user_email")} name="user_email">
<Input />
</Form.Item>
</Form>