WIP Version 0.0.1

2026-02-18 22:00:31 +00:00 · 2020-05-08 04:36:04 +02:00
parent bd7eb0eb76
commit 71cc561bb2
151 changed files with 1742 additions and 1081 deletions
--- a/client/src/containers/Accounting/MakeJournalEntriesHeader.js
+++ b/client/src/containers/Accounting/MakeJournalEntriesHeader.js
@@ -0,0 +1,103 @@
+import React, {useMemo, useCallback} from 'react';
+import {
+  InputGroup,
+  FormGroup,
+  Intent,
+  Position,
+} from '@blueprintjs/core';
+import {DateInput} from '@blueprintjs/datetime';
+import {useIntl} from 'react-intl';
+import {Row, Col} from 'react-grid-system';
+import moment from 'moment';
+import {momentFormatter} from 'utils';
+import Icon from 'components/Icon';
+import CurrenciesSelectList from 'components/CurrenciesSelectList';
+import ErrorMessage from 'components/ErrorMessage';
+
+export default function MakeJournalEntriesHeader({
+  formik: { errors, touched, setFieldValue, getFieldProps }
+}) {
+  const intl = useIntl();
+ 
+  const handleDateChange = useCallback((date) => {
+    const formatted = moment(date).format('YYYY-MM-DD');
+    setFieldValue('date', formatted);
+  }, [setFieldValue]);
+
+  const infoIcon = useMemo(() =>
+    (<Icon icon="info-circle" iconSize={12} />), []);
+
+  return (
+    <div class="make-journal-entries__header">
+      <Row>
+        <Col sm={3}>
+          <FormGroup
+            label={'Journal number'}
+            labelInfo={infoIcon}
+            className={'form-group--journal-number'}
+            intent={(errors.journal_number && touched.journal_number) && Intent.DANGER}
+            helperText={<ErrorMessage name="journal_number" {...{errors, touched}} />}
+            fill={true}>
+
+            <InputGroup
+              intent={(errors.journal_number && touched.journal_number) && Intent.DANGER}
+              fill={true}
+              {...getFieldProps('journal_number')} />
+          </FormGroup>
+        </Col>
+
+        <Col sm={2}>
+          <FormGroup
+            label={intl.formatMessage({'id': 'date'})}
+            intent={(errors.date && touched.date) && Intent.DANGER}
+            helperText={<ErrorMessage name="date" {...{errors, touched}} />}
+            minimal={true}>
+
+            <DateInput
+              {...momentFormatter('YYYY/MM/DD')}
+              defaultValue={new Date()}
+              onChange={handleDateChange}
+              popoverProps={{ position: Position.BOTTOM }} />
+          </FormGroup>
+        </Col>
+
+        <Col sm={4}>
+          <FormGroup
+            label={intl.formatMessage({'id': 'description'})}
+            className={'form-group--description'}
+            intent={(errors.name && touched.name) && Intent.DANGER}
+            helperText={<ErrorMessage name="description" {...{errors, touched}} />}
+            fill={true}>
+
+            <InputGroup
+              intent={(errors.name && touched.name) && Intent.DANGER}
+              fill={true}
+              {...getFieldProps('description')} />
+          </FormGroup>
+        </Col>
+      </Row>
+
+      <Row>
+        <Col sm={3}>
+          <FormGroup
+            label={'Reference'}
+            labelInfo={infoIcon}
+            className={'form-group--reference'}
+            intent={(errors.reference && touched.reference) && Intent.DANGER}
+            helperText={<ErrorMessage name="reference" {...{errors, touched}} />}
+            fill={true}>
+
+            <InputGroup
+              intent={(errors.reference && touched.reference) && Intent.DANGER}
+              fill={true}
+              {...getFieldProps('reference')} />
+          </FormGroup>
+        </Col>
+
+        <Col sm={4}>
+          <CurrenciesSelectList />
+        </Col>
+      </Row>
+    </div>
+  );
+}