QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-17 13:20: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

16
client/src/containers/Sales/Receipts/ReceiptDetails/ReceiptPaper.js
View File

@@ -1,20 +1,20 @@
import React from 'react';
import { useReceiptDrawerContext } from './ReceiptDrawerProvider';
import PaperTemplate from 'containers/Drawers/PaperTemplate/PaperTemplate';
import { formatMessage } from 'services/intl';
import intl from 'react-intl-universal';
export default function ReceiptPaper() {
const { receipt, entries } = useReceiptDrawerContext();
const propLabels = {
labels: {
name: formatMessage({ id: 'receipt_' }),
billedTo: formatMessage({ id: 'billed_to' }),
date: formatMessage({ id: 'receipt_date_' }),
refNo: formatMessage({ id: 'receipt_no' }),
billedFrom: formatMessage({ id: 'billed_from' }),
amount: formatMessage({ id: 'receipt_amount' }),
dueDate: formatMessage({ id: 'due_date_' }),
name: intl.get('receipt_'),
billedTo: intl.get('billed_to'),
date: intl.get('receipt_date_'),
refNo: intl.get('receipt_no'),
billedFrom: intl.get('billed_from'),
amount: intl.get('receipt_amount'),
dueDate: intl.get('due_date_'),
},
};

21
client/src/containers/Sales/Receipts/ReceiptForm/ReceiptForm.js
View File

@@ -1,7 +1,7 @@
import React, { useMemo } from 'react';
import { Formik, Form } from 'formik';
import { Intent } from '@blueprintjs/core';
import { useIntl } from 'react-intl';
import intl from 'react-intl-universal';
import { omit, sumBy, isEmpty } from 'lodash';
import classNames from 'classnames';
import { useHistory } from 'react-router-dom';
@@ -39,7 +39,6 @@ function ReceiptForm({
preferredDepositAccount,
baseCurrency,
}) {
const { formatMessage } = useIntl();
const history = useHistory();
// Receipt form context.
@@ -78,9 +77,7 @@ function ReceiptForm({
const handleErrors = (errors, { setErrors }) => {
if (errors.some((e) => e.type === ERROR.SALE_RECEIPT_NUMBER_NOT_UNIQUE)) {
setErrors({
receipt_number: formatMessage({
id: 'sale_receipt_number_not_unique',
}),
receipt_number: intl.get('sale_receipt_number_not_unique'),
});
}
};
@@ -97,9 +94,7 @@ function ReceiptForm({
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);
@@ -117,12 +112,10 @@ function ReceiptForm({
// Handle the request success.
const onSuccess = (response) => {
AppToaster.show({
message: formatMessage(
{
id: isNewMode
? 'the_receipt_has_been_created_successfully'
: 'the_receipt_has_been_edited_successfully',
},
message: intl.get(
isNewMode
? 'the_receipt_has_been_created_successfully'
: 'the_receipt_has_been_edited_successfully',
{ number: values.receipt_number },
),
intent: Intent.SUCCESS,

14
client/src/containers/Sales/Receipts/ReceiptForm/ReceiptForm.schema.js
View File

@@ -1,33 +1,33 @@
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 Schema = Yup.object().shape({
customer_id: Yup.string()
.label(formatMessage({ id: 'customer_name_' }))
.label(intl.get('customer_name_'))
.required(),
receipt_date: Yup.date()
.required()
.label(formatMessage({ id: 'receipt_date_' })),
.label(intl.get('receipt_date_')),
receipt_number: Yup.string()
.nullable()
.max(DATATYPES_LENGTH.STRING)
.label(formatMessage({ id: 'receipt_no_' })),
.label(intl.get('receipt_no_')),
deposit_account_id: Yup.number()
.required()
.label(formatMessage({ id: 'deposit_account_' })),
.label(intl.get('deposit_account_')),
reference_no: Yup.string().min(1).max(DATATYPES_LENGTH.STRING),
receipt_message: Yup.string()
.trim()
.min(1)
.max(DATATYPES_LENGTH.STRING)
.label(formatMessage({ id: 'receipt_message_' })),
.label(intl.get('receipt_message_')),
statement: Yup.string()
.trim()
.min(1)
.max(DATATYPES_LENGTH.TEXT)
.label(formatMessage({ id: 'note' })),
.label(intl.get('note')),
closed: Yup.boolean(),
entries: Yup.array().of(
Yup.object().shape({

2
client/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormFloatingActions.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 { useFormikContext } from 'formik';
import { useHistory } from 'react-router-dom';
import classNames from 'classnames';

2
client/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormFooter.js
View File

@@ -2,7 +2,7 @@ import React from 'react';
import { FormGroup, TextArea } from '@blueprintjs/core';
import { FastField } from 'formik';
import classNames from 'classnames';
import { FormattedMessage as T } from 'react-intl';
import { FormattedMessage as T } from 'components';
import { Dragzone, Postbox, Row, Col } from 'components';
import { CLASSES } from 'common/classes';
import { inputIntent } from 'utils';

4
client/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormHeader.js
View File

@@ -7,7 +7,7 @@ import { CLASSES } from 'common/classes';
import ReceiptFormHeaderFields from './ReceiptFormHeaderFields';
import { PageFormBigNumber } from 'components';
import { formatMessage } from 'services/intl';
import intl from 'react-intl-universal';
import withSettings from 'containers/Settings/withSettings';
import { compose } from 'redux';
@@ -35,7 +35,7 @@ function ReceiptFormHeader({
onReceiptNumberChanged={onReceiptNumberChanged}
/>
<PageFormBigNumber
label={formatMessage({ id: 'due_amount' })}
label={intl.get('due_amount')}
amount={totalDueAmount}
currencyCode={baseCurrency}
/>

2
client/src/containers/Sales/Receipts/ReceiptForm/ReceiptFormHeaderFields.js
View File

@@ -6,7 +6,7 @@ import {
ControlGroup,
} from '@blueprintjs/core';
import { DateInput } from '@blueprintjs/datetime';
import { FormattedMessage as T } from 'react-intl';
import { FormattedMessage as T } from 'components';
import classNames from 'classnames';
import { FastField, ErrorMessage } from 'formik';
import { CLASSES } from 'common/classes';

7
client/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptActionsBar.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 { If, DashboardActionViewsList } from 'components';
import DashboardActionsBar from 'components/Dashboard/DashboardActionsBar';
@@ -31,7 +32,7 @@ function ReceiptActionsBar({
setReceiptsTableState,
}) {
const history = useHistory();
const { formatMessage } = useIntl();
const [filterCount, setFilterCount] = useState(0);
@@ -77,7 +78,7 @@ function ReceiptActionsBar({
filterCount <= 0 ? (
<T id={'filter'} />
) : (
`${filterCount} ${formatMessage({ id: 'filters_applied' })}`
`${filterCount} ${intl.get('filters_applied')}`
)
}
icon={<Icon icon={'filter-16'} iconSize={16} />}

2
client/src/containers/Sales/Receipts/ReceiptsLanding/ReceiptsEmptyStatus.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 ReceiptsEmptyStatus() {
const history = useHistory();

33
client/src/containers/Sales/Receipts/ReceiptsLanding/components.js
View File

@@ -1,5 +1,6 @@
import React from 'react';
import { FormattedMessage as T, useIntl } from 'react-intl';
import { FormattedMessage as T } from 'components';
import intl from 'react-intl-universal';
import {
Position,
Menu,
@@ -18,34 +19,34 @@ export function ActionsMenu({
payload: { onEdit, onDelete, onClose, onDrawer },
row: { original: receipt },
}) {
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_receipt' })}
text={intl.get('edit_receipt')}
onClick={safeCallback(onEdit, receipt)}
/>
<If condition={!receipt.is_closed}>
<MenuItem
icon={<Icon icon={'check'} iconSize={18} />}
text={formatMessage({ id: 'mark_as_closed' })}
text={intl.get('mark_as_closed')}
onClick={safeCallback(onClose, receipt)}
/>
</If>
<MenuItem
icon={<Icon icon={'receipt-24'} iconSize={16} />}
text={formatMessage({ id: 'receipt_paper' })}
text={intl.get('receipt_paper')}
onClick={safeCallback(onDrawer, receipt)}
/>
<MenuItem
text={formatMessage({ id: 'delete_receipt' })}
text={intl.get('delete_receipt')}
intent={Intent.DANGER}
onClick={safeCallback(onDelete, receipt)}
icon={<Icon icon="trash-16" iconSize={16} />}
@@ -93,60 +94,60 @@ export function StatusAccessor(receipt) {
* Retrieve receipts table columns.
*/
export function useReceiptsTableColumns() {
const { formatMessage } = useIntl();
return React.useMemo(
() => [
{
id: 'receipt_date',
Header: formatMessage({ id: 'receipt_date' }),
Header: intl.get('receipt_date'),
accessor: (r) => moment(r.receipt_date).format('YYYY MMM DD'),
width: 140,
className: 'receipt_date',
},
{
id: 'customer',
Header: formatMessage({ id: 'customer_name' }),
Header: intl.get('customer_name'),
accessor: 'customer.display_name',
width: 140,
className: 'customer_id',
},
{
id: 'receipt_number',
Header: formatMessage({ id: 'receipt_number' }),
Header: intl.get('receipt_number'),
accessor: 'receipt_number',
width: 140,
className: 'receipt_number',
},
{
id: 'deposit_account',
Header: formatMessage({ id: 'deposit_account' }),
Header: intl.get('deposit_account'),
accessor: 'deposit_account.name',
width: 140,
className: 'deposit_account',
},
{
id: 'amount',
Header: formatMessage({ id: 'amount' }),
Header: intl.get('amount'),
accessor: (r) => <Money amount={r.amount} currency={r.currency_code} />,
width: 140,
className: 'amount',
},
{
id: 'status',
Header: formatMessage({ id: 'status' }),
Header: intl.get('status'),
accessor: StatusAccessor,
width: 140,
className: 'status',
},
{
id: 'reference_no',
Header: formatMessage({ id: 'reference_no' }),
Header: intl.get('reference_no'),
accessor: 'reference_no',
width: 140,
className: 'reference_no',
},
],
[formatMessage],
[],
);
}