Untitled
unknown
plain_text
4 years ago
20 kB
3
Indexable
{this.state.surchargeview == true ? (<View style={{ flexDirection: 'column', paddingVertical: 5 }}> {this.state.amounttype == 'ofr' ? (<View style={{ flexDirection: 'column' }}> <View style={{ flexDirection: 'row', }}> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', height: 50, marginVertical: '0.5%' }}> <Text style={{ fontSize: 13, color: '#000000', fontFamily: 'Montserrat-Bold', bottom: 5 }}>Code</Text> </View> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', height: 50, marginVertical: '0.5%' }}> <Text style={{ fontSize: 13, color: '#000000', fontFamily: 'Montserrat-Bold', bottom: 5 }}>Amount</Text> </View> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', height: 50, marginVertical: '0.5%' }}> <Text style={{ fontSize: 13, color: '#000000', fontFamily: 'Montserrat-Bold', bottom: 5 }}>Amt[$]</Text> </View> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', height: 50, marginVertical: '0.5%' }}> <Text style={{ fontSize: 13, color: '#000000', fontFamily: 'Montserrat-Bold', bottom: 5 }}>Vatos</Text> </View> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', height: 50, marginVertical: '0.5%' }}> <Text style={{ fontSize: 13, color: '#000000', fontFamily: 'Montserrat-Bold', bottom: 5 }}>Allin</Text> </View> </View> </View>) : (<View style={{ flexDirection: 'column' }}> <View style={{ flexDirection: 'row', }}> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', height: 50, marginVertical: '0.5%' }}> <Text style={{ fontSize: 13, color: '#000000', fontFamily: 'Montserrat-Bold', bottom: 5 }}>Code</Text> </View> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', height: 50, marginVertical: '0.5%' }}> <Text style={{ fontSize: 13, color: '#000000', fontFamily: 'Montserrat-Bold', bottom: 5 }}>Amount</Text> </View> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', height: 50, marginVertical: '0.5%' }}> <Text style={{ fontSize: 13, color: '#000000', fontFamily: 'Montserrat-Bold', bottom: 5 }}>Amt[$]</Text> </View> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', height: 50, marginVertical: '0.5%' }}> <Text style={{ fontSize: 13, color: '#000000', fontFamily: 'Montserrat-Bold', bottom: 5 }}>Vatos</Text> </View> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', height: 50, marginVertical: '0.5%' }}> <Text style={{ fontSize: 13, color: '#000000', fontFamily: 'Montserrat-Bold', bottom: 5 }}>Allin</Text> </View> </View> </View>)} {this.state.amounttype == 'ofr' ? (<View style={{ flexDirection: 'column' }}> <FlatList data={this.state.surchargelist1} extraData={this.state.refresh} renderItem={({ item, index }) => ( <View style={{ flexDirection: 'row' }}> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', marginVertical: '0.5%', height: 30 }}> <Text style={{ fontSize: 12, color: '#000000', bottom: 3, fontFamily: 'Montserrat-Medium' }}>{item.chgs}</Text> </View> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', marginVertical: '0.5%', height: 30 }}> <Text style={{ fontSize: 12, color: '#000000', bottom: 3, fontFamily: 'Montserrat-Medium' }}>{item.locamt}</Text> </View> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', marginVertical: '0.5%', height: 30 }}> <Text style={{ fontSize: 12, color: '#000000', bottom: 3, fontFamily: 'Montserrat-Medium' }}>{item.usdamt}</Text> </View> {/* <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', marginVertical: '0.5%', height: 30 }}> {item.tos == 'Y' ? (<Image resizeMode="contain" source={require('../Images/footer_icons/tick.png')} style={{ height: 15, width: 20, bottom: 3 }} />) : (<Image resizeMode="contain" source={require('../Images/footer_icons/delete.png')} style={{ height: 15, width: 20, bottom: 3, }} />)} </View> */} <TouchableOpacity onPress={() => { this.ontoschange(index, item.tos) }} style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', marginVertical: '0.5%', height: 30 }}> {item.tos == "Y" ? (<Image resizeMode="contain" source={require('../Images/footer_icons/tick.png')} style={{ height: 15, width: 20, bottom: 1 }} />) : (<Image resizeMode="contain" source={require('../Images/footer_icons/delete.png')} style={{ height: 15, width: 20, bottom: 1, }} />)} </TouchableOpacity> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', marginVertical: '0.5%', height: 30 }}> {item.allin == true ? (<Image resizeMode="contain" source={require('../Images/footer_icons/tick.png')} style={{ height: 15, width: 20, bottom: 3 }} />) : (<Image resizeMode="contain" source={require('../Images/footer_icons/delete.png')} style={{ height: 15, width: 20, bottom: 3, }} />)} </View> </View> )} /> </View>) : (<View style={{ flexDirection: 'column' }}> { this.state.surchargelist1.map((item, index) => // <Allinsurcharge // value={this.state.surchargelist1[index]} // functionToPass1={this.parentfunction} // /> <View style={{ flexDirection: 'row' }}> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', marginVertical: '0.5%', height: 30 }}> <Text style={{ fontSize: 12, color: '#000000', bottom: 3, fontFamily: 'Montserrat-Medium' }}>{item.chgs}</Text> </View> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', marginVertical: '0.5%', height: 30 }}> <Text style={{ fontSize: 12, color: '#000000', bottom: 3, fontFamily: 'Montserrat-Medium' }}>{item.locamt}</Text> </View> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', marginVertical: '0.5%', height: 30 }}> <Text style={{ fontSize: 12, color: '#000000', bottom: 3, fontFamily: 'Montserrat-Medium' }}>{item.usdamt}</Text> </View> <TouchableOpacity onPress={() => { this.ontoschange(index, item.tos) }} style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', marginVertical: '0.5%', height: 30 }}> {item.tos == "Y" ? (<Image resizeMode="contain" source={require('../Images/footer_icons/tick.png')} style={{ height: 15, width: 20, bottom: 1 }} />) : (<Image resizeMode="contain" source={require('../Images/footer_icons/delete.png')} style={{ height: 15, width: 20, bottom: 1, }} />)} </TouchableOpacity> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', marginVertical: '0.5%', height: 30 }}> {this.state.allinview.includes(item.chgs) != true ? (item.allin == true ? (<TouchableOpacity onPress={() => { this.press(index, item.usdamt, item.check) }} // onPress={this.allincalculation.bind(this,item.usdamt,this.state.allincheckboxcolor,this.state.allinflag)} style={{ flexDirection: 'column', flex: 0.5, alignItems: 'center', justifyContent: 'center', backgroundColor: this.state.allincheckboxcolor, borderRadius: 0, width: '30%', height: 40, bordercolor: '#ff6666', borderWidth: 0.5 }}> {item.check ? (<Icon2 name="ios-checkbox" size={25} color={'#1E8449'}></Icon2>) : (<Icon2 name="ios-square-outline" size={25} color={'#ffff'}></Icon2> )} </TouchableOpacity>) : null) : null} </View> </View> ) } {/* <FlatList keyExtractor={this.keyExtractor} data={this.state.surchargelist1} renderItem={({ item,index }) => ( <View style={{ flexDirection: 'row' }}> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', marginVertical: '0.5%', height: 30 }}> <Text style={{ fontSize: 12, color: '#000000', bottom: 3, fontFamily: 'Montserrat-Medium' }}>{item.chgs}</Text> </View> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', marginVertical: '0.5%', height: 30 }}> <Text style={{ fontSize: 12, color: '#000000', bottom: 3, fontFamily: 'Montserrat-Medium' }}>{item.locamt}</Text> </View> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', marginVertical: '0.5%', height: 30 }}> <Text style={{ fontSize: 12, color: '#000000', bottom: 3, fontFamily: 'Montserrat-Medium' }}>{item.usdamt}</Text> </View> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', marginVertical: '0.5%', height: 30 }}> {item.tosDis == true ? (<Image resizeMode="contain" source={require('../Images/footer_icons/tick.png')} style={{ height: 15, width: 20, bottom: 3 }} />) : (<Image resizeMode="contain" source={require('../Images/footer_icons/delete.png')} style={{ height: 15, width: 20, bottom: 3, }} />)} </View> <View style={{ flexDirection: 'column', flex: 0.2, alignItems: 'center', justifyContent: 'center', backgroundColor: '#FED9E2', borderRadius: 0, marginHorizontal: "1%", width: '96%', marginVertical: '0.5%', height: 30 }}> <TouchableOpacity onPress={() => {this.press(item) }} // onPress={this.allincalculation.bind(this,item.usdamt,this.state.allincheckboxcolor,this.state.allinflag)} style={{ flexDirection: 'column', flex:0.5, alignItems: 'center', justifyContent: 'center', backgroundColor:this.state.allincheckboxcolor, borderRadius: 0,width:'30%',height:40,bordercolor:'#ff6666',borderWidth:0.5 }}> {item.check ? ( <Icon2 name="ios-checkbox" size={10} color={'#ff6666'}></Icon2> ) : ( <Icon2 name="ios-square-outline" size={30} color={'#dcdcdc'}></Icon2> )} </TouchableOpacity> </View> </View> )} /> */} </View>)} </View>) : null}
Editor is loading...