Compare commits
No commits in common. 'master' and 'mto' have entirely different histories.
@ -1,5 +1,4 @@
|
||||
{
|
||||
"java.compile.nullAnalysis.mode": "automatic",
|
||||
"eslint.enable": false,
|
||||
"java.configuration.updateBuildConfiguration": "automatic"
|
||||
"eslint.enable": false
|
||||
}
|
||||
@ -1,103 +0,0 @@
|
||||
import { FC, useContext } from 'react'
|
||||
import { FlatList, Image, ScrollView, Text, TextInput, View } from 'react-native'
|
||||
import { SalesOrderContext } from '../screens/salesorder/SalesOrderContex';
|
||||
import { InputNumber } from './InputNumber';
|
||||
import NumericInput from 'react-native-numeric-input'
|
||||
import { CardItem } from './CardItem';
|
||||
import { Avatar } from '@ui-kitten/components';
|
||||
|
||||
const OneToMany = () => {
|
||||
|
||||
const { lines, setLines } = useContext(SalesOrderContext);
|
||||
|
||||
const setCantidad = (productoId: number, nuevaCantidad: number) => {
|
||||
|
||||
setLines(lines.map(line => {
|
||||
if (line.producto.id == productoId) {
|
||||
line.cantidad = nuevaCantidad;
|
||||
}
|
||||
return line;
|
||||
}))
|
||||
|
||||
}
|
||||
|
||||
const setPrecio = (productoId: number, nuevoPrecio: number) => {
|
||||
setLines(lines.map(line => {
|
||||
if (line.producto.id == productoId) {
|
||||
line.precio = nuevoPrecio;
|
||||
}
|
||||
return line;
|
||||
}))
|
||||
}
|
||||
|
||||
return (
|
||||
<ScrollView >
|
||||
<FlatList
|
||||
data={lines}
|
||||
renderItem={({ item }) =>
|
||||
<View className='flex-row'>
|
||||
<CardItem>
|
||||
<View className='flex-row'>
|
||||
<View>
|
||||
<Image
|
||||
source={{ uri: 'https://images.philips.com/is/image/PhilipsConsumer/271V8_69-IMS-en_HK?$jpglarge$&wid=1250' }}
|
||||
style={{
|
||||
width: 100,
|
||||
height: 80
|
||||
}}
|
||||
/>
|
||||
<NumericInput
|
||||
value={item.cantidad}
|
||||
onChange={value => setCantidad(item.producto.id, value)}
|
||||
onLimitReached={(isMax, msg) => console.log(isMax, msg)}
|
||||
minValue={1}
|
||||
totalWidth={100}
|
||||
totalHeight={50}
|
||||
iconSize={50}
|
||||
step={1}
|
||||
valueType='integer'
|
||||
rounded
|
||||
textColor='#B0228C'
|
||||
iconStyle={{ backgroundColor: 'white' }}
|
||||
rightButtonBackgroundColor='#1d4ed8'
|
||||
leftButtonBackgroundColor='#0ea5e9'
|
||||
type='plus-minus'
|
||||
/>
|
||||
</View>
|
||||
|
||||
<View className='mx-4'>
|
||||
<Text className='text-xl text-center'>{item.producto.nombre}</Text>
|
||||
<View className='flex-row justify-center'>
|
||||
<Text className=' my-2 font-bold text-black text-4xl text-center'>{item.precio * item.cantidad}</Text>
|
||||
<Text className=' my-2 ml-2 text-3xl text-left text-teal-500'>$</Text>
|
||||
</View>
|
||||
|
||||
<View className='flex-row items-center border-b-2 border-sky-500'>
|
||||
<TextInput
|
||||
id={'precio'}
|
||||
value={String(item.precio)}
|
||||
onChangeText={value => setPrecio(item.producto.id, Number(value))}
|
||||
placeholder={'Precio'}
|
||||
keyboardType="decimal-pad"
|
||||
className='p-2 h-10 text-right '
|
||||
/>
|
||||
<Text>/ unidad</Text>
|
||||
</View>
|
||||
|
||||
</View>
|
||||
|
||||
|
||||
</View>
|
||||
|
||||
</CardItem>
|
||||
|
||||
|
||||
|
||||
</View>
|
||||
}
|
||||
/>
|
||||
</ScrollView>
|
||||
)
|
||||
}
|
||||
|
||||
export default OneToMany
|
||||
@ -1,4 +0,0 @@
|
||||
interface Product {
|
||||
id: number;
|
||||
nombre: string;
|
||||
}
|
||||
@ -1,63 +0,0 @@
|
||||
import React, { FC, useContext } from 'react'
|
||||
import { FlatList, Text, TouchableOpacity, View } from 'react-native'
|
||||
|
||||
import { useNavigation } from '@react-navigation/native';
|
||||
|
||||
import { NativeStackNavigationProp } from '@react-navigation/native-stack';
|
||||
import { Avatar, Layout } from '@ui-kitten/components';
|
||||
import { CardItem } from '../../components/CardItem';
|
||||
import { SalesOrderContext } from './SalesOrderContex';
|
||||
|
||||
interface Props {
|
||||
entities: [],
|
||||
screenName: string,
|
||||
columnDisplay: string
|
||||
}
|
||||
|
||||
export const ProductItem: FC<Props> = ({ entities, screenName, columnDisplay }) => {
|
||||
|
||||
const navigation = useNavigation<NativeStackNavigationProp<any>>();
|
||||
const {lines, setLines, add} = useContext(SalesOrderContext);
|
||||
return (
|
||||
<>
|
||||
|
||||
<FlatList
|
||||
|
||||
data={entities}
|
||||
renderItem={({ item }) =>
|
||||
|
||||
<TouchableOpacity
|
||||
onPress={() => {
|
||||
// Pass and merge params back to home screen
|
||||
const newLine: SalesOrderLine = {
|
||||
producto: { id: item['id'], nombre: item["nombre"] },
|
||||
cantidad: 1,
|
||||
precio: item["precio"]
|
||||
}
|
||||
add(newLine)
|
||||
navigation.pop();
|
||||
}}
|
||||
>
|
||||
<CardItem>
|
||||
<View className='flex-row'>
|
||||
<Avatar
|
||||
size='giant'
|
||||
source={{ uri: 'https://images.philips.com/is/image/PhilipsConsumer/271V8_69-IMS-en_HK?$jpglarge$&wid=1250' }}
|
||||
/>
|
||||
<Text className='mx-4'>
|
||||
{item[columnDisplay]}
|
||||
</Text>
|
||||
</View>
|
||||
|
||||
</CardItem>
|
||||
|
||||
</TouchableOpacity>
|
||||
|
||||
}
|
||||
keyExtractor={item => item["id"]}
|
||||
/>
|
||||
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@ -1,8 +0,0 @@
|
||||
interface SalesOrder {
|
||||
id: number;
|
||||
numero: string;
|
||||
cliente: {
|
||||
id: number;
|
||||
};
|
||||
detalle: SalesOrderLine[];
|
||||
}
|
||||
@ -1,37 +0,0 @@
|
||||
import React, { createContext, useState } from 'react';
|
||||
import AsyncStorage from '@react-native-async-storage/async-storage';
|
||||
|
||||
|
||||
type SalesOrderContextProps = {
|
||||
lines: SalesOrderLine[],
|
||||
add: (newLine:SalesOrderLine)=>void,
|
||||
remove: (productId: number)=>void,
|
||||
setLines: (lines: SalesOrderLine[])=>void
|
||||
}
|
||||
|
||||
export const SalesOrderContext = createContext({} as SalesOrderContextProps);
|
||||
|
||||
export const SalesOrderProvider = ({ children }: {children: JSX.Element | JSX.Element[]})=> {
|
||||
|
||||
const [lines, setLines] = useState<SalesOrderLine[]>([]);
|
||||
|
||||
const add = (newLine:SalesOrderLine) => {
|
||||
setLines([...lines,newLine]);
|
||||
}
|
||||
|
||||
const remove = (productId:number) => {
|
||||
setLines(lines.filter(line => line.producto.id === productId));
|
||||
}
|
||||
|
||||
return (
|
||||
<SalesOrderContext.Provider value={{
|
||||
lines,
|
||||
add,
|
||||
remove,
|
||||
setLines
|
||||
}}>
|
||||
{ children }
|
||||
</SalesOrderContext.Provider>
|
||||
)
|
||||
}
|
||||
|
||||
@ -1,6 +0,0 @@
|
||||
interface SalesOrderLine {
|
||||
id?: number
|
||||
producto: Product,
|
||||
cantidad: number,
|
||||
precio: number
|
||||
}
|
||||
|
After Width: | Height: | Size: 15 KiB |
Loading…
Reference in new issue