QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-19 22:30:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

WIP: Arabic localization.|

Browse Source
This commit is contained in:
a.bouhuolia
2021-06-10 12:51:00 +02:00
parent 4fc7c37260
commit 1ea32884c2
465 changed files with 3299 additions and 2109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/containers/Purchases/Bills/BillForm/BillFloatingActions.js
View File

@@ -9,7 +9,7 @@ import {
Menu,
MenuItem,
} from '@blueprintjs/core';
import { FormattedMessage as T } from 'react-intl';
import { FormattedMessage as T } from 'components';
import { useHistory } from 'react-router-dom';
import { CLASSES } from 'common/classes';
import classNames from 'classnames';

28
client/src/containers/Purchases/Bills/BillForm/BillForm.js
View File

@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
import { Formik, Form } from 'formik';
import { Intent } from '@blueprintjs/core';
import classNames from 'classnames';
import { useIntl } from 'react-intl';
import intl from 'react-intl-universal';
import { useHistory } from 'react-router-dom';
import { isEmpty, omit } from 'lodash';
import { CLASSES } from 'common/classes';
@@ -28,17 +28,11 @@ function BillForm({
// #withSettings
baseCurrency,
}) {
const { formatMessage } = useIntl();
const history = useHistory();
// Bill form context.
const {
bill,
isNewMode,
submitPayload,
createBillMutate,
editBillMutate,
} = useBillFormContext();
const { bill, isNewMode, submitPayload, createBillMutate, editBillMutate } =
useBillFormContext();
// Initial values in create and edit mode.
const initialValues = useMemo(
@@ -61,7 +55,7 @@ function BillForm({
const handleErrors = (errors, { setErrors }) => {
if (errors.some((e) => e.type === ERROR.BILL_NUMBER_EXISTS)) {
setErrors({
bill_number: formatMessage({ id: 'bill_number_exists' }),
bill_number: intl.get('bill_number_exists'),
});
}
};
@@ -78,9 +72,7 @@ function BillForm({
if (totalQuantity === 0) {
AppToaster.show({
message: formatMessage({
id: 'quantity_cannot_be_zero_or_empty',
}),
message: intl.get('quantity_cannot_be_zero_or_empty'),
intent: Intent.DANGER,
});
setSubmitting(false);
@@ -94,12 +86,10 @@ function BillForm({
// Handle the request success.
const onSuccess = (response) => {
AppToaster.show({
message: formatMessage(
{
id: isNewMode
? 'the_bill_has_been_created_successfully'
: 'the_bill_has_been_edited_successfully',
},
message: intl.get(
isNewMode
? 'the_bill_has_been_created_successfully'
: 'the_bill_has_been_edited_successfully',
{ number: values.bill_number },
),
intent: Intent.SUCCESS,

12
client/src/containers/Purchases/Bills/BillForm/BillForm.schema.js
View File

@@ -1,27 +1,27 @@
import * as Yup from 'yup';
import { formatMessage } from 'services/intl';
import intl from 'react-intl-universal';
import { DATATYPES_LENGTH } from 'common/dataTypes';
import { isBlank } from 'utils';
const BillFormSchema = Yup.object().shape({
vendor_id: Yup.number()
.required()
.label(formatMessage({ id: 'vendor_name_' })),
.label(intl.get('vendor_name_')),
bill_date: Yup.date()
.required()
.label(formatMessage({ id: 'bill_date_' })),
.label(intl.get('bill_date_')),
due_date: Yup.date()
.required()
.label(formatMessage({ id: 'due_date_' })),
.label(intl.get('due_date_')),
bill_number: Yup.string()
.max(DATATYPES_LENGTH.STRING)
.label(formatMessage({ id: 'bill_number_' })),
.label(intl.get('bill_number_')),
reference_no: Yup.string().nullable().min(1).max(DATATYPES_LENGTH.STRING),
note: Yup.string()
.trim()
.min(1)
.max(DATATYPES_LENGTH.TEXT)
.label(formatMessage({ id: 'note' })),
.label(intl.get('note')),
open: Yup.boolean(),
entries: Yup.array().of(
Yup.object().shape({

2
client/src/containers/Purchases/Bills/BillForm/BillFormFooter.js
View File

@@ -1,6 +1,6 @@
import React from 'react';
import { FormGroup, TextArea } from '@blueprintjs/core';
import { FormattedMessage as T } from 'react-intl';
import { FormattedMessage as T } from 'components';
import { FastField } from 'formik';
import classNames from 'classnames';
import { Postbox, Row, Col } from 'components';

4
client/src/containers/Purchases/Bills/BillForm/BillFormHeader.js
View File

@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
import classNames from 'classnames';
import { sumBy } from 'lodash';
import { useFormikContext } from 'formik';
import { formatMessage } from 'services/intl';
import intl from 'react-intl-universal';
import { CLASSES } from 'common/classes';
@@ -29,7 +29,7 @@ function BillFormHeader({
<div className={classNames(CLASSES.PAGE_FORM_HEADER)}>
<BillFormHeaderFields />
<PageFormBigNumber
label={formatMessage({id:'due_amount'})}
label={intl.get('due_amount')}
amount={totalDueAmount}
currencyCode={baseCurrency}
/>

2
client/src/containers/Purchases/Bills/BillForm/BillFormHeaderFields.js
View File

@@ -1,7 +1,7 @@
import React from 'react';
import { FormGroup, InputGroup, Position } from '@blueprintjs/core';
import { DateInput } from '@blueprintjs/datetime';
import { FormattedMessage as T } from 'react-intl';
import { FormattedMessage as T } from 'components';
import { FastField, ErrorMessage } from 'formik';
import classNames from 'classnames';

6
client/src/containers/Purchases/Bills/BillForm/utils.js
View File

@@ -1,5 +1,5 @@
import moment from 'moment';
import { formatMessage } from 'services/intl';
import intl from 'react-intl-universal';
import { Intent } from '@blueprintjs/core';
import { AppToaster } from 'components';
import { transformToForm, repeatValue } from 'utils';
@@ -47,9 +47,7 @@ export const handleDeleteErrors = (errors) => {
errors.find((error) => error.type === 'BILL_HAS_ASSOCIATED_PAYMENT_ENTRIES')
) {
AppToaster.show({
message: formatMessage({
id: 'cannot_delete_bill_that_has_payment_transactions',
}),
message: intl.get('cannot_delete_bill_that_has_payment_transactions'),
intent: Intent.DANGER,
});
}

7
client/src/containers/Purchases/Bills/BillsLanding/BillsActionsBar.js
View File

@@ -13,7 +13,8 @@ import {
import classNames from 'classnames';
import { useHistory } from 'react-router-dom';
import { FormattedMessage as T, useIntl } from 'react-intl';
import { FormattedMessage as T } from 'components';
import intl from 'react-intl-universal';
import DashboardActionsBar from 'components/Dashboard/DashboardActionsBar';
import { If, DashboardActionViewsList } from 'components';
@@ -33,7 +34,7 @@ function BillActionsBar({
const history = useHistory();
// React intl.
const { formatMessage } = useIntl();
// Bills list context.
const { billsViews } = useBillsListContext();
@@ -79,7 +80,7 @@ function BillActionsBar({
true ? (
<T id={'filter'} />
) : (
`${filterCount} ${formatMessage({ id: 'filters_applied' })}`
`${filterCount} ${intl.get('filters_applied')}`
)
}
icon={<Icon icon={'filter-16'} iconSize={16} />}

2
client/src/containers/Purchases/Bills/BillsLanding/BillsEmptyStatus.js
View File

@@ -2,7 +2,7 @@ import React from 'react';
import { Button, Intent } from '@blueprintjs/core';
import { useHistory } from 'react-router-dom';
import { EmptyStatus } from 'components';
import { FormattedMessage as T } from 'react-intl';
import { FormattedMessage as T } from 'components';
export default function BillsEmptyStatus() {
const history = useHistory();

33
client/src/containers/Purchases/Bills/BillsLanding/components.js
View File

@@ -10,7 +10,8 @@ import {
Tag,
ProgressBar,
} from '@blueprintjs/core';
import { useIntl, FormattedMessage as T } from 'react-intl';
import intl from 'react-intl-universal';
import { FormattedMessage as T } from 'components';
import { Icon, If, Choose, Money } from 'components';
import { safeCallback, isBlank, calculateStatus } from 'utils';
import moment from 'moment';
@@ -22,38 +23,38 @@ export function ActionsMenu({
payload: { onEdit, onOpen, onDelete, onQuick },
row: { original },
}) {
const { formatMessage } = useIntl();
return (
<Menu>
<MenuItem
icon={<Icon icon="reader-18" />}
text={formatMessage({ id: 'view_details' })}
text={intl.get('view_details')}
/>
<MenuDivider />
<MenuItem
icon={<Icon icon="pen-18" />}
text={formatMessage({ id: 'edit_bill' })}
text={intl.get('edit_bill')}
onClick={safeCallback(onEdit, original)}
/>
<If condition={!original.is_open}>
<MenuItem
icon={<Icon icon={'check'} iconSize={18} />}
text={formatMessage({ id: 'mark_as_opened' })}
text={intl.get('mark_as_opened')}
onClick={safeCallback(onOpen, original)}
/>
</If>
<If condition={original.is_open && !original.is_fully_paid}>
<MenuItem
icon={<Icon icon="quick-payment-16" iconSize={16} />}
text={formatMessage({ id: 'add_payment' })}
text={intl.get('add_payment')}
onClick={safeCallback(onQuick, original)}
/>
</If>
<MenuItem
text={formatMessage({ id: 'delete_bill' })}
text={intl.get('delete_bill')}
intent={Intent.DANGER}
onClick={safeCallback(onDelete, original)}
icon={<Icon icon="trash-16" iconSize={16} />}
@@ -148,60 +149,60 @@ export function ActionsCell(props) {
* Retrieve bills table columns.
*/
export function useBillsTableColumns() {
const { formatMessage } = useIntl();
return React.useMemo(
() => [
{
id: 'bill_date',
Header: formatMessage({ id: 'bill_date' }),
Header: intl.get('bill_date'),
accessor: (r) => moment(r.bill_date).format('YYYY MMM DD'),
width: 110,
className: 'bill_date',
},
{
id: 'vendor',
Header: formatMessage({ id: 'vendor_name' }),
Header: intl.get('vendor_name'),
accessor: 'vendor.display_name',
width: 180,
className: 'vendor',
},
{
id: 'bill_number',
Header: formatMessage({ id: 'bill_number' }),
Header: intl.get('bill_number'),
accessor: (row) => (row.bill_number ? `#${row.bill_number}` : null),
width: 100,
className: 'bill_number',
},
{
id: 'amount',
Header: formatMessage({ id: 'amount' }),
Header: intl.get('amount'),
accessor: AmountAccessor,
width: 120,
className: 'amount',
},
{
id: 'status',
Header: formatMessage({ id: 'status' }),
Header: intl.get('status'),
accessor: StatusAccessor,
width: 160,
className: 'status',
},
{
id: 'due_date',
Header: formatMessage({ id: 'due_date' }),
Header: intl.get('due_date'),
accessor: (r) => moment(r.due_date).format('YYYY MMM DD'),
width: 110,
className: 'due_date',
},
{
id: 'reference_no',
Header: formatMessage({ id: 'reference_no' }),
Header: intl.get('reference_no'),
accessor: 'reference_no',
width: 90,
className: 'reference_no',
},
],
[formatMessage],
[],
);
}