@jescon-technologies/react-native-ui-kit 0.0.3 → 0.0.5

package/src/Components/RawMaterial.js

@@ -0,0 +1,261 @@
+import {View, Text, Dimensions, ScrollView} from 'react-native';
+import React, {useContext, useEffect, useState} from 'react';
+import { NetworkServiceCall } from '@jescon-technologies/react-native-ui-kit';
+import {notifyMessage} from '../CommonStyle/ComponentFunctions';
+import {normalize} from '../CommonStyle/componentStyle';
+import Loader from '../Custom/Loader';
+import CTextHeader from '../Custom/TableComponent/CTextHeader';
+import STextInput from '../StaticComponents/STextInput';
+import ContextBio from '../ContextAPI/ContextBio';
+import { APIURL } from '../../../../../src/Common/apiConstants';
+
+const RawMaterial = props => {
+  const {argument} = props;
+  const [isLoading, setIsLoading] = useState(false);
+  // const [data, setData] = useState(null);
+  const { invoiceData, setInvoiceData } = useContext(ContextBio);
+
+  const data = invoiceData?.workOrder[argument.workOrderIndex]?.details[argument.detailIndex]?.workorderstageproductdetail;
+
+  // console.log('invoicedataaaaaaaaaaaaa',JSON.stringify(invoiceData.workOrder[argument.workOrderIndex].details[argument.detailIndex].rawMaterial))
+
+  // useEffect for API call
+  // useEffect(() => {
+  //   getData();
+  // }, []);
+
+  // Function for fetch data from API
+  function getData() {
+    setIsLoading(true);
+    let buttonapi = `${APIURL}invget/invcommonget/rninsuworkorderproductdetail ${argument.argument}`;
+    console.log('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>', buttonapi);
+    NetworkServiceCall('get', buttonapi).then(function (response) {
+      if (response.httpstatus == 200) {
+        // setData(response.data.data);
+        setInvoiceData(prevData => {
+          const updatedWorkOrder = prevData.workOrder.map((item, index) => {
+            if (index === argument.workOrderIndex) {
+              const updatedDetails = item.details.map((detail, detailIndex) => {
+                if (detailIndex === argument.detailIndex) {
+                  return {...detail, rawMaterial: response.data.data};
+                }
+                return detail;
+              });
+
+              return {...item, details: updatedDetails};
+            }
+            return item;
+          });
+
+          return {
+            ...prevData,
+            workOrder: updatedWorkOrder,
+            EditStatus: true,
+          };
+        });
+        setIsLoading(false);
+        console.log(
+          'RESPONSEEEEEEEEEEE FROM CONSULTATTION22222222',
+          JSON.stringify(response.data.data),
+        );
+      } else {
+        notifyMessage('Data Not Found.....');
+        setIsLoading(false);
+      }
+    });
+    // getLoading(v => setIsLoading(false));
+  }
+
+  return (
+    <View style={{width: Dimensions.get('screen').width * 0.95}}>
+      {/* Container for the page title */}
+      <View
+        style={{
+          borderWidth: 0,
+          justifyContent: 'center',
+          alignItems: 'center',
+          marginTop: normalize(5),
+          marginVertical: normalize(5),
+          alignSelf: 'center',
+        }}>
+        <Text
+          style={{
+            fontSize: normalize(14),
+            fontWeight: 'bold',
+            color: '#094485',
+          }}>
+          Raw Material
+        </Text>
+      </View>
+      {isLoading ? (
+        <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
+          <Loader />
+        </View>
+      ) : (
+        <ScrollView horizontal={true} style={{marginVertical: normalize(3)}}>
+          <View>
+            {
+              // Table header section
+              data != undefined && data != null ? (
+                <View style={{flexDirection: 'row'}}>
+                  <CTextHeader
+                    text={'Product'}
+                    fontSize={10}
+                    widthArr={Dimensions.get('screen').width * 0.35}
+                    bgColor={'rgba(184, 184, 191,0.3)'}
+                    color={'#094485'}
+                    borderColor={'lightgrey'}
+                    marginHorizontal={normalize(2)}
+                    borderRadius={5}
+                    elevation={0}
+                  />
+                  <CTextHeader
+                    text={'Batch'}
+                    fontSize={10}
+                    widthArr={Dimensions.get('screen').width * 0.19}
+                    bgColor={'rgba(184, 184, 191,0.3)'}
+                    color={'#094485'}
+                    borderColor={'lightgrey'}
+                    marginHorizontal={normalize(2)}
+                    borderRadius={5}
+                    elevation={0}
+                  />
+                  <CTextHeader
+                    text={'Quantity'}
+                    fontSize={10}
+                    widthArr={Dimensions.get('screen').width * 0.19}
+                    bgColor={'rgba(184, 184, 191,0.3)'}
+                    color={'#094485'}
+                    borderColor={'lightgrey'}
+                    marginHorizontal={normalize(2)}
+                    borderRadius={5}
+                    elevation={0}
+                  />
+                  <CTextHeader
+                    text={'Unit'}
+                    fontSize={10}
+                    widthArr={Dimensions.get('screen').width * 0.2}
+                    bgColor={'rgba(184, 184, 191,0.3)'}
+                    color={'#094485'}
+                    borderColor={'lightgrey'}
+                    marginHorizontal={normalize(2)}
+                    borderRadius={5}
+                    elevation={0}
+                  />
+                </View>
+              ) : null
+            }
+            {data != undefined && data != null
+              ? data.map((item, i) => (
+                  <View
+                    key={i}
+                    style={{
+                      flexDirection: 'row',
+                    }}>
+                    {/* Product */}
+                    <View
+                      style={{
+                        borderWidth: 1,
+                        borderColor: 'lightgrey',
+                        elevation: 0,
+                        borderRadius: 5,
+                        width: Dimensions.get('screen').width * 0.35,
+                        paddingTop: 5,
+                        paddingBottom: 5,
+                        height: Dimensions.get('screen').height * 0.056,
+                        alignItems: 'flex-start',
+                        justifyContent: 'center',
+                        paddingHorizontal: normalize(10),
+                      }}>
+                      <Text
+                        style={{
+                          fontWeight: 'bold',
+                          color: 'black',
+                          fontSize: normalize(10),
+                        }}>
+                        {item.productname}
+                      </Text>
+                    </View>
+                    {/* Batch */}
+                    <View
+                      style={{
+                        borderWidth: 1,
+                        borderColor: 'lightgrey',
+                        elevation: 0,
+                        borderRadius: 5,
+                        width: Dimensions.get('screen').width * 0.2,
+                        paddingTop: 5,
+                        paddingBottom: 5,
+                        height: Dimensions.get('screen').height * 0.056,
+                        alignItems: 'flex-start',
+                        justifyContent: 'center',
+                        paddingHorizontal: normalize(10),
+                      }}>
+                      <Text
+                        style={{
+                          fontWeight: 'bold',
+                          color: 'black',
+                          fontSize: normalize(10),
+                        }}>
+                        {item.batch}
+                      </Text>
+                    </View>
+                    {/* Quantity */}
+                    <View
+                      style={{
+                        borderWidth: 1,
+                        borderColor: 'lightgrey',
+                        elevation: 0,
+                        borderRadius: 5,
+                        width: Dimensions.get('screen').width * 0.195,
+                        paddingTop: 5,
+                        paddingBottom: 5,
+                        height: Dimensions.get('screen').height * 0.056,
+                        alignItems: 'flex-start',
+                        justifyContent: 'center',
+                        paddingHorizontal: normalize(10),
+                      }}>
+                      <Text
+                        style={{
+                          fontWeight: 'bold',
+                          color: 'black',
+                          fontSize: normalize(10),
+                        }}>
+                        {item.quantityto}
+                      </Text>
+                    </View>
+                    {/* Unit */}
+                    <View
+                      style={{
+                        borderWidth: 1,
+                        borderColor: 'lightgrey',
+                        elevation: 0,
+                        borderRadius: 5,
+                        width: Dimensions.get('screen').width * 0.2,
+                        paddingTop: 5,
+                        paddingBottom: 5,
+                        height: Dimensions.get('screen').height * 0.056,
+                        alignItems: 'flex-start',
+                        justifyContent: 'center',
+                        paddingHorizontal: normalize(10),
+                      }}>
+                      <Text
+                        style={{
+                          fontWeight: 'bold',
+                          color: 'black',
+                          fontSize: normalize(10),
+                        }}>
+                        {item.unitname}
+                      </Text>
+                    </View>
+                  </View>
+                ))
+              : null}
+          </View>
+        </ScrollView>
+      )}
+    </View>
+  );
+};
+
+export default RawMaterial;