shamim2883 · December 14, 2020 07:12 · shamim2883 · Dec 14, 2020
diff --git a/Purchase.js b/Purchase.js
 import React from "react";
 import BellowList from './Components/BellowList';
 import {
  List,
  Show,
  Create,
  Edit,
  Datagrid,
  SimpleForm,
  SimpleFormIterator,
  SimpleShowLayout,
  TextField,
  NumberField,
  TextInput,
  NumberInput,
  SelectInput,
  ReferenceInput,
  ArrayInput,
  AutocompleteInput,
  Filter,
  required,
  Pagination,
 } from 'react-admin';

 const PurchasesFilter = (props) => (
  <Filter {...props}>
      <TextInput label="Search" source="_search" alwaysOn />
      <SelectInput source="_category" label="Category" choices={[
          { id: 'allopathic', name: 'allopathic' },
          { id: 'healthcare', name: 'Healthcare' },
      ]} />
      <ReferenceInput source="_c_id" label="Company" reference="v1/companies" filterToQuery={searchText => ({ _search: searchText })} sort={{ field: 'c_name', order: 'ASC' }}>
          <AutocompleteInput optionValue="c_id" optionText="c_name"  />
      </ReferenceInput>
      <ReferenceInput source="_ph_id" label="Pharmacy" reference="v1/users" filter={{ _role: 'pharmacy' }} filterToQuery={searchText => ({ _search: searchText })}>
          <AutocompleteInput optionValue="u_id" optionText="u_name"  />
      </ReferenceInput>
      <SelectInput source="_status" choices={[
        { id: 'pending', name: 'Pending' },
        { id: 'sync', name: 'Sync' },
      ]} />
  </Filter>
 );

 const PurchasesPagination = props => (<div><Pagination {...props} /><BellowList context="Purchases" {...props} /></div>);

 export const PurchasesList = (props) => (
  <List {...props} pagination={<PurchasesPagination />} title="Purchases" filters={<PurchasesFilter />} perPage={25} sort={{ field: 'pu_id', order: 'DESC' }} >
      <Datagrid rowClick="edit">
          <TextField source="pu_inv_id" label="Invoice id" />
          <TextField source="ph_name" label="Pharmacy" sortable={false} />
          <TextField source="m_name" label="Name" />
          <TextField source="m_form" label="Form" />
          <TextField source="m_strength" label="Strength" />
          <TextField source="m_unit" label="Unit" />
          <NumberField source="pu_qty" label="Quantity" />
          <NumberField source="pu_price" label="TP Price" />
          <NumberField source="m_d_price" label="Sell Price" />
          <NumberField source="m_price" label="MRP" />
          <NumberField source="pu_price_total" label="Total" />
          <NumberField source="discount_percent" label="MRP Percent" />
          <NumberField source="profit_percent" label="Profit Percent" />
          <TextField source="pu_status" label="Status" />
      </Datagrid>
  </List>
 );

 export const PurchasesCreate = (props) => (
  <Create {...props}>
      <SimpleForm redirect="list">
      <ReferenceInput source="pu_ph_id" label="Pharmacy" reference="v1/users" filter={{ _role: 'pharmacy' }} filterToQuery={searchText => ({ _search: searchText })}>
          <AutocompleteInput optionValue="u_id" optionText="u_name"  />
      </ReferenceInput>
      <NumberInput source="pu_inv_id" label="Invoice id" />
      <NumberInput source="d_percent" label="Additional Discount Percent" />
      {/*
      <FileInput source="csvFile" label="Upload file (.csv)" accept="text/csv" >
            <FileField source="src" title="title" />
      </FileInput>
      */}
      <ArrayInput source="items" label="Medicines with Quantity" validate={[required()]}>
          <SimpleFormIterator>
            <ReferenceInput helperText={false} fullWidth label="Medicine" source="pu_m_id" reference="v1/medicines" filterToQuery={searchText => ({ _search: searchText })} filter={{ _status: 'active', _available: 1 }} sort={{ field: 'm_name', order: 'ASC' }}>
              <AutocompleteInput optionValue="m_id" optionText={(choice) => !!choice && `${choice.m_name} (${choice.m_form}) (${choice.m_strength}) (${choice.m_price}Tk) (${choice.m_d_price}Tk/${choice.m_unit}) (${choice.m_company})`} shouldRenderSuggestions={(val) => { return !!val && val.trim().length > 0 }} />
            </ReferenceInput>
            <NumberInput source="pu_qty" label="Quantity" helperText={false} />
            <NumberInput source="pu_price" label="Price" helperText={false} />
          </SimpleFormIterator>
        </ArrayInput>
      </SimpleForm>
  </Create>
 );

 export const PurchasesEdit = (props) => (
  <Edit {...props}>
      <SimpleForm>
          <TextInput disabled source="pu_inv_id" label="Invoice id" />
          <TextInput disabled  source="pu_ph_id" label="Pharmacy id" />
          <TextInput disabled  source="m_name" label="Name" />
          <TextInput disabled  source="m_form" label="Form" />
          <TextInput disabled  source="m_strength" label="Strength" />
          <TextInput disabled  source="m_unit" label="Unit" />
          <NumberInput source="pu_qty" label="Quantity" />
          <NumberInput source="pu_price" label="Price" />
      </SimpleForm>
  </Edit>
 );

 export const PurchasesShow = (props) => (
  <Show {...props}>
      <SimpleShowLayout>
          <TextField source="pu_inv_id" label="Invoice id" />
          <TextField source="pu_ph_id" label="Pharmacy id" />
          <TextField source="m_name" label="Name" />
          <TextField source="m_form" label="Form" />
          <TextField source="m_strength" label="Strength" />
          <TextField source="m_unit" label="Unit" />
          <NumberField source="pu_qty" label="Quantity" />
          <NumberField source="pu_price" label="Price" />
      </SimpleShowLayout>
  </Show>
 );
	import React from "react";
	import BellowList from './Components/BellowList';
	import {
	List,
	Show,
	Create,
	Edit,
	Datagrid,
	SimpleForm,
	SimpleFormIterator,
	SimpleShowLayout,
	TextField,
	NumberField,
	TextInput,
	NumberInput,
	SelectInput,
	ReferenceInput,
	ArrayInput,
	AutocompleteInput,
	Filter,
	required,
	Pagination,
	} from 'react-admin';

	const PurchasesFilter = (props) => (
	<Filter {...props}>
	<TextInput label="Search" source="_search" alwaysOn />
	<SelectInput source="_category" label="Category" choices={[
	{ id: 'allopathic', name: 'allopathic' },
	{ id: 'healthcare', name: 'Healthcare' },
	]} />
	<ReferenceInput source="_c_id" label="Company" reference="v1/companies" filterToQuery={searchText => ({ _search: searchText })} sort={{ field: 'c_name', order: 'ASC' }}>
	<AutocompleteInput optionValue="c_id" optionText="c_name" />
	</ReferenceInput>
	<ReferenceInput source="_ph_id" label="Pharmacy" reference="v1/users" filter={{ _role: 'pharmacy' }} filterToQuery={searchText => ({ _search: searchText })}>
	<AutocompleteInput optionValue="u_id" optionText="u_name" />
	</ReferenceInput>
	<SelectInput source="_status" choices={[
	{ id: 'pending', name: 'Pending' },
	{ id: 'sync', name: 'Sync' },
	]} />
	</Filter>
	);

	const PurchasesPagination = props => (<div><Pagination {...props} /><BellowList context="Purchases" {...props} /></div>);

	export const PurchasesList = (props) => (
	<List {...props} pagination={<PurchasesPagination />} title="Purchases" filters={<PurchasesFilter />} perPage={25} sort={{ field: 'pu_id', order: 'DESC' }} >
	<Datagrid rowClick="edit">
	<TextField source="pu_inv_id" label="Invoice id" />
	<TextField source="ph_name" label="Pharmacy" sortable={false} />
	<TextField source="m_name" label="Name" />
	<TextField source="m_form" label="Form" />
	<TextField source="m_strength" label="Strength" />
	<TextField source="m_unit" label="Unit" />
	<NumberField source="pu_qty" label="Quantity" />
	<NumberField source="pu_price" label="TP Price" />
	<NumberField source="m_d_price" label="Sell Price" />
	<NumberField source="m_price" label="MRP" />
	<NumberField source="pu_price_total" label="Total" />
	<NumberField source="discount_percent" label="MRP Percent" />
	<NumberField source="profit_percent" label="Profit Percent" />
	<TextField source="pu_status" label="Status" />
	</Datagrid>
	</List>
	);

	export const PurchasesCreate = (props) => (
	<Create {...props}>
	<SimpleForm redirect="list">
	<ReferenceInput source="pu_ph_id" label="Pharmacy" reference="v1/users" filter={{ _role: 'pharmacy' }} filterToQuery={searchText => ({ _search: searchText })}>
	<AutocompleteInput optionValue="u_id" optionText="u_name" />
	</ReferenceInput>
	<NumberInput source="pu_inv_id" label="Invoice id" />
	<NumberInput source="d_percent" label="Additional Discount Percent" />
	{/*
	<FileInput source="csvFile" label="Upload file (.csv)" accept="text/csv" >
	<FileField source="src" title="title" />
	</FileInput>
	*/}
	<ArrayInput source="items" label="Medicines with Quantity" validate={[required()]}>
	<SimpleFormIterator>
	<ReferenceInput helperText={false} fullWidth label="Medicine" source="pu_m_id" reference="v1/medicines" filterToQuery={searchText => ({ _search: searchText })} filter={{ _status: 'active', _available: 1 }} sort={{ field: 'm_name', order: 'ASC' }}>
	<AutocompleteInput optionValue="m_id" optionText={(choice) => !!choice && `${choice.m_name} (${choice.m_form}) (${choice.m_strength}) (${choice.m_price}Tk) (${choice.m_d_price}Tk/${choice.m_unit}) (${choice.m_company})`} shouldRenderSuggestions={(val) => { return !!val && val.trim().length > 0 }} />
	</ReferenceInput>
	<NumberInput source="pu_qty" label="Quantity" helperText={false} />
	<NumberInput source="pu_price" label="Price" helperText={false} />
	</SimpleFormIterator>
	</ArrayInput>
	</SimpleForm>
	</Create>
	);

	export const PurchasesEdit = (props) => (
	<Edit {...props}>
	<SimpleForm>
	<TextInput disabled source="pu_inv_id" label="Invoice id" />
	<TextInput disabled source="pu_ph_id" label="Pharmacy id" />
	<TextInput disabled source="m_name" label="Name" />
	<TextInput disabled source="m_form" label="Form" />
	<TextInput disabled source="m_strength" label="Strength" />
	<TextInput disabled source="m_unit" label="Unit" />
	<NumberInput source="pu_qty" label="Quantity" />
	<NumberInput source="pu_price" label="Price" />
	</SimpleForm>
	</Edit>
	);

	export const PurchasesShow = (props) => (
	<Show {...props}>
	<SimpleShowLayout>
	<TextField source="pu_inv_id" label="Invoice id" />
	<TextField source="pu_ph_id" label="Pharmacy id" />
	<TextField source="m_name" label="Name" />
	<TextField source="m_form" label="Form" />
	<TextField source="m_strength" label="Strength" />
	<TextField source="m_unit" label="Unit" />
	<NumberField source="pu_qty" label="Quantity" />
	<NumberField source="pu_price" label="Price" />
	</SimpleShowLayout>
	</Show>
	);