QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-18 05:40: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/Sales/Estimates/EstimateForm/EstimateFloatingActions.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 { CLASSES } from 'common/classes';
import classNames from 'classnames';
import { useHistory } from 'react-router-dom';

22
client/src/containers/Sales/Estimates/EstimateForm/EstimateForm.js
View File

@@ -1,7 +1,8 @@
import React, { useMemo } from 'react';
import { Formik, Form } from 'formik';
import { Intent } from '@blueprintjs/core';
import { FormattedMessage as T, useIntl } from 'react-intl';
import { FormattedMessage as T } from 'components';
import intl from 'react-intl-universal';
import { omit, sumBy, isEmpty } from 'lodash';
import classNames from 'classnames';
import { useHistory } from 'react-router-dom';
@@ -36,7 +37,6 @@ function EstimateForm({
estimateIncrementMode,
baseCurrency,
}) {
const { formatMessage } = useIntl();
const history = useHistory();
const {
estimate,
@@ -72,9 +72,7 @@ function EstimateForm({
const handleErrors = (errors, { setErrors }) => {
if (errors.some((e) => e.type === ERROR.ESTIMATE_NUMBER_IS_NOT_UNQIUE)) {
setErrors({
estimate_number: formatMessage({
id: 'estimate_number_is_not_unqiue',
}),
estimate_number: intl.get('estimate_number_is_not_unqiue'),
});
}
};
@@ -93,9 +91,7 @@ function EstimateForm({
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);
@@ -111,12 +107,10 @@ function EstimateForm({
};
const onSuccess = (response) => {
AppToaster.show({
message: formatMessage(
{
id: isNewMode
? 'the_estimate_has_been_edited_successfully'
: 'the_estimate_has_been_created_successfully',
},
message: intl.get(
isNewMode
? 'the_estimate_has_been_edited_successfully'
: 'the_estimate_has_been_created_successfully',
{ number: values.estimate_number },
),
intent: Intent.SUCCESS,

14
client/src/containers/Sales/Estimates/EstimateForm/EstimateForm.schema.js
View File

@@ -1,32 +1,32 @@
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.number()
.label(formatMessage({ id: 'customer_name_' }))
.label(intl.get('customer_name_'))
.required(),
estimate_date: Yup.date()
.required()
.label(formatMessage({ id: 'estimate_date_' })),
.label(intl.get('estimate_date_')),
expiration_date: Yup.date()
.required()
.label(formatMessage({ id: 'expiration_date_' })),
.label(intl.get('expiration_date_')),
estimate_number: Yup.string()
.max(DATATYPES_LENGTH.STRING)
.label(formatMessage({ id: 'estimate_number_' })),
.label(intl.get('estimate_number_')),
reference: Yup.string().min(1).max(DATATYPES_LENGTH.STRING).nullable(),
note: Yup.string()
.trim()
.min(1)
.max(DATATYPES_LENGTH.STRING)
.label(formatMessage({ id: 'note' })),
.label(intl.get('note')),
terms_conditions: Yup.string()
.trim()
.min(1)
.max(DATATYPES_LENGTH.TEXT)
.label(formatMessage({ id: 'note' })),
.label(intl.get('note')),
delivered: Yup.boolean(),
entries: Yup.array().of(
Yup.object().shape({

2
client/src/containers/Sales/Estimates/EstimateForm/EstimateFormFooter.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 { CLASSES } from 'common/classes';

4
client/src/containers/Sales/Estimates/EstimateForm/EstimateFormHeader.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';
@@ -28,7 +28,7 @@ function EstimateFormHeader({
<div className={classNames(CLASSES.PAGE_FORM_HEADER)}>
<EstimateFormHeaderFields />
<PageFormBigNumber
label={formatMessage({ id: 'amount' })}
label={intl.get('amount')}
amount={totalDueAmount}
currencyCode={baseCurrency}
/>

2
client/src/containers/Sales/Estimates/EstimateForm/EstimateFormHeaderFields.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 { FastField, ErrorMessage } from 'formik';
import {
momentFormatter,

7
client/src/containers/Sales/Estimates/EstimatesLanding/EstimatesActionsBar.js
View File

@@ -12,7 +12,8 @@ import {
} from '@blueprintjs/core';
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';
@@ -30,7 +31,7 @@ function EstimateActionsBar({
setEstimatesTableState,
}) {
const history = useHistory();
const { formatMessage } = useIntl();
const [filterCount, setFilterCount] = useState(0);
@@ -75,7 +76,7 @@ function EstimateActionsBar({
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/Estimates/EstimatesLanding/EstimatesEmptyStatus.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 EstimatesEmptyStatus() {
const history = useHistory();

43
client/src/containers/Sales/Estimates/EstimatesLanding/components.js
View File

@@ -10,7 +10,8 @@ import {
Position,
} from '@blueprintjs/core';
import { Money, Choose, Icon, If } from 'components';
import { FormattedMessage as T, useIntl } from 'react-intl';
import { FormattedMessage as T } from 'components';
import intl from 'react-intl-universal';
import { safeCallback } from 'utils';
import moment from 'moment';
@@ -59,29 +60,29 @@ export function ActionsMenu({
onConvert,
},
}) {
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_estimate' })}
text={intl.get('edit_estimate')}
onClick={safeCallback(onEdit, original)}
/>
<MenuItem
icon={<Icon icon="convert_to" />}
text={formatMessage({ id: 'convert_to_invoice' })}
text={intl.get('convert_to_invoice')}
onClick={safeCallback(onConvert, original)}
/>
<If condition={!original.is_delivered}>
<MenuItem
icon={<Icon icon={'check'} iconSize={18} />}
text={formatMessage({ id: 'mark_as_delivered' })}
text={intl.get('mark_as_delivered')}
onClick={safeCallback(onDeliver, original)}
/>
</If>
@@ -89,37 +90,37 @@ export function ActionsMenu({
<Choose.When condition={original.is_delivered && original.is_approved}>
<MenuItem
icon={<Icon icon={'close-black'} />}
text={formatMessage({ id: 'mark_as_rejected' })}
text={intl.get('mark_as_rejected')}
onClick={safeCallback(onReject, original)}
/>
</Choose.When>
<Choose.When condition={original.is_delivered && original.is_rejected}>
<MenuItem
icon={<Icon icon={'check'} iconSize={18} />}
text={formatMessage({ id: 'mark_as_approved' })}
text={intl.get('mark_as_approved')}
onClick={safeCallback(onApprove, original)}
/>
</Choose.When>
<Choose.When condition={original.is_delivered}>
<MenuItem
icon={<Icon icon={'check'} iconSize={18} />}
text={formatMessage({ id: 'mark_as_approved' })}
text={intl.get('mark_as_approved')}
onClick={safeCallback(onApprove, original)}
/>
<MenuItem
icon={<Icon icon={'close-black'} />}
text={formatMessage({ id: 'mark_as_rejected' })}
text={intl.get('mark_as_rejected')}
onClick={safeCallback(onReject, original)}
/>
</Choose.When>
</Choose>
<MenuItem
icon={<Icon icon={'receipt-24'} iconSize={16} />}
text={formatMessage({ id: 'estimate_paper' })}
text={intl.get('estimate_paper')}
onClick={safeCallback(onDrawer, original)}
/>
<MenuItem
text={formatMessage({ id: 'delete_estimate' })}
text={intl.get('delete_estimate')}
intent={Intent.DANGER}
onClick={safeCallback(onDelete, original)}
icon={<Icon icon="trash-16" iconSize={16} />}
@@ -148,13 +149,13 @@ function ActionsCell(props) {
}
export function useEstiamtesTableColumns() {
const { formatMessage } = useIntl();
return React.useMemo(
() => [
{
id: 'estimate_date',
Header: formatMessage({ id: 'estimate_date' }),
Header: intl.get('estimate_date'),
accessor: 'estimate_date',
Cell: DateCell,
width: 140,
@@ -162,14 +163,14 @@ export function useEstiamtesTableColumns() {
},
{
id: 'customer',
Header: formatMessage({ id: 'customer_name' }),
Header: intl.get('customer_name'),
accessor: 'customer.display_name',
width: 140,
className: 'customer_id',
},
{
id: 'expiration_date',
Header: formatMessage({ id: 'expiration_date' }),
Header: intl.get('expiration_date'),
accessor: 'expiration_date',
Cell: DateCell,
width: 140,
@@ -177,7 +178,7 @@ export function useEstiamtesTableColumns() {
},
{
id: 'estimate_number',
Header: formatMessage({ id: 'estimate_number' }),
Header: intl.get('estimate_number'),
accessor: (row) =>
row.estimate_number ? `#${row.estimate_number}` : null,
width: 140,
@@ -185,26 +186,26 @@ export function useEstiamtesTableColumns() {
},
{
id: 'amount',
Header: formatMessage({ id: 'amount' }),
Header: intl.get('amount'),
accessor: AmountAccessor,
width: 140,
className: 'amount',
},
{
id: 'status',
Header: formatMessage({ id: 'status' }),
Header: intl.get('status'),
accessor: (row) => statusAccessor(row),
width: 140,
className: 'status',
},
{
id: 'reference_no',
Header: formatMessage({ id: 'reference_no' }),
Header: intl.get('reference_no'),
accessor: 'reference',
width: 90,
className: 'reference',
}
],
[formatMessage],
[],
);
}