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

Added global input style for numbers & fixed alignment on vendors form IO-415

Browse Source
This commit is contained in:
Patrick Fic
2020-12-02 14:08:22 -08:00
parent 80835d4da9
commit ed30483a38
6 changed files with 70 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
bodyshop_translations.babel
View File

@@ -26080,6 +26080,27 @@
</translation> </translation>
</translations> </translations>
</concept_node> </concept_node>
<concept_node>
<name>newpreferredmake</name>
<definition_loaded>false</definition_loaded>
<description></description>
<comment></comment>
<default_text></default_text>
<translations>
<translation>
<language>en-US</language>
<approved>false</approved>
</translation>
<translation>
<language>es-MX</language>
<approved>false</approved>
</translation>
<translation>
<language>fr-CA</language>
<approved>false</approved>
</translation>
</translations>
</concept_node>
</children> </children>
</folder_node> </folder_node>
<folder_node> <folder_node>
@@ -26599,6 +26620,27 @@
</translation> </translation>
</translations> </translations>
</concept_node> </concept_node>
<concept_node>
<name>preferredmakes</name>
<definition_loaded>false</definition_loaded>
<description></description>
<comment></comment>
<default_text></default_text>
<translations>
<translation>
<language>en-US</language>
<approved>false</approved>
</translation>
<translation>
<language>es-MX</language>
<approved>false</approved>
</translation>
<translation>
<language>fr-CA</language>
<approved>false</approved>
</translation>
</translations>
</concept_node>
<concept_node> <concept_node>
<name>search</name> <name>search</name>
<definition_loaded>false</definition_loaded> <definition_loaded>false</definition_loaded>

5
client/src/App/App.styles.scss
View File

@@ -71,3 +71,8 @@
// background-color: red; // background-color: red;
//padding: 0.2rem !important; //padding: 0.2rem !important;
} }
.ant-input-number-input,
.ant-input-number {
width: 100%;
}

18
client/src/components/vendors-form/vendors-form.component.jsx
View File

@@ -1,5 +1,13 @@
import { DeleteFilled } from "@ant-design/icons"; import { DeleteFilled } from "@ant-design/icons";
import { Button, Form, Input, InputNumber, Select, Space } from "antd"; import {
Button,
Form,
Input,
InputNumber,
Select,
Space,
Typography,
} from "antd";
import React from "react"; import React from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import InputNumberCalculator from "../form-input-number-calculator/form-input-number-calculator.component"; import InputNumberCalculator from "../form-input-number-calculator/form-input-number-calculator.component";
@@ -61,7 +69,6 @@ export default function VendorsFormComponent({
</Form.Item> </Form.Item>
</LayoutFormRow> </LayoutFormRow>
<LayoutFormRow grow> <LayoutFormRow grow>
{" "}
<Form.Item label={t("vendors.fields.state")} name="state"> <Form.Item label={t("vendors.fields.state")} name="state">
<Input /> <Input />
</Form.Item> </Form.Item>
@@ -106,6 +113,9 @@ export default function VendorsFormComponent({
</Form.Item> </Form.Item>
</LayoutFormRow> </LayoutFormRow>
<Typography.Title level={4}>
{t("vendors.labels.preferredmakes")}
</Typography.Title>
<Form.List name="favorite"> <Form.List name="favorite">
{(fields, { add, remove }) => { {(fields, { add, remove }) => {
return ( return (
@@ -143,7 +153,7 @@ export default function VendorsFormComponent({
}} }}
style={{ width: "100%" }} style={{ width: "100%" }}
> >
{t("billlines.actions.newline")} {t("vendors.actions.newpreferredmake")}
</Button> </Button>
</Form.Item> </Form.Item>
</div> </div>
@@ -151,5 +161,5 @@ export default function VendorsFormComponent({
}} }}
</Form.List> </Form.List>
</div> </div>
); );
} }

4
client/src/translations/en_us/common.json
View File

@@ -1610,7 +1610,8 @@
}, },
"vendors": { "vendors": {
"actions": { "actions": {
"new": "New Vendor" "new": "New Vendor",
"newpreferredmake": "New Preferred Make"
}, },
"errors": { "errors": {
"deleting": "Error encountered while deleting vendor. ", "deleting": "Error encountered while deleting vendor. ",
@@ -1641,6 +1642,7 @@
}, },
"labels": { "labels": {
"noneselected": "No vendor is selected.", "noneselected": "No vendor is selected.",
"preferredmakes": "Preferred Makes for Vendor",
"search": "Type a Vendor's Name" "search": "Type a Vendor's Name"
}, },
"successes": { "successes": {

4
client/src/translations/es/common.json
View File

@@ -1610,7 +1610,8 @@
}, },
"vendors": { "vendors": {
"actions": { "actions": {
"new": "Nuevo vendedor" "new": "Nuevo vendedor",
"newpreferredmake": ""
}, },
"errors": { "errors": {
"deleting": "Se encontró un error al eliminar el proveedor.", "deleting": "Se encontró un error al eliminar el proveedor.",
@@ -1641,6 +1642,7 @@
}, },
"labels": { "labels": {
"noneselected": "Ningún vendedor está seleccionado.", "noneselected": "Ningún vendedor está seleccionado.",
"preferredmakes": "",
"search": "Escriba el nombre de un proveedor" "search": "Escriba el nombre de un proveedor"
}, },
"successes": { "successes": {

4
client/src/translations/fr/common.json
View File

@@ -1610,7 +1610,8 @@
}, },
"vendors": { "vendors": {
"actions": { "actions": {
"new": "Nouveau vendeur" "new": "Nouveau vendeur",
"newpreferredmake": ""
}, },
"errors": { "errors": {
"deleting": "Erreur rencontrée lors de la suppression du fournisseur.", "deleting": "Erreur rencontrée lors de la suppression du fournisseur.",
@@ -1641,6 +1642,7 @@
}, },
"labels": { "labels": {
"noneselected": "Aucun fournisseur n'est sélectionné.", "noneselected": "Aucun fournisseur n'est sélectionné.",
"preferredmakes": "",
"search": "Tapez le nom d'un vendeur" "search": "Tapez le nom d'un vendeur"
}, },
"successes": { "successes": {