Skip to content

I
InvestCustomer
Commit 67d5a8be by Giang Tran
Options

Merge branch 'dev_phase2' into 05_May

parents 6ebd08d4 b21af32d
Showing with 76 additions and 250 deletions
ios/Invest.xcodeproj/project.pbxproj
...@@ -903,7 +903,7 @@ ...@@ -903,7 +903,7 @@
CODE_SIGN_ENTITLEMENTS = Invest/Invest.entitlements; CODE_SIGN_ENTITLEMENTS = Invest/Invest.entitlements;
CODE_SIGN_IDENTITY = "Apple Development"; CODE_SIGN_IDENTITY = "Apple Development";
CODE_SIGN_STYLE = Automatic; CODE_SIGN_STYLE = Automatic;
CURRENT_PROJECT_VERSION = 5; CURRENT_PROJECT_VERSION = 7;
DEVELOPMENT_TEAM = MXZ24GRH48; DEVELOPMENT_TEAM = MXZ24GRH48;
ENABLE_BITCODE = NO; ENABLE_BITCODE = NO;
GCC_PREPROCESSOR_DEFINITIONS = ( GCC_PREPROCESSOR_DEFINITIONS = (
...@@ -937,7 +937,7 @@ ...@@ -937,7 +937,7 @@
CODE_SIGN_ENTITLEMENTS = Invest/Invest.entitlements; CODE_SIGN_ENTITLEMENTS = Invest/Invest.entitlements;
CODE_SIGN_IDENTITY = "Apple Development"; CODE_SIGN_IDENTITY = "Apple Development";
CODE_SIGN_STYLE = Automatic; CODE_SIGN_STYLE = Automatic;
CURRENT_PROJECT_VERSION = 5; CURRENT_PROJECT_VERSION = 7;
DEVELOPMENT_TEAM = MXZ24GRH48; DEVELOPMENT_TEAM = MXZ24GRH48;
INFOPLIST_FILE = Invest/Info.plist; INFOPLIST_FILE = Invest/Info.plist;
LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
......
ios/Invest/Info.plist
...@@ -24,8 +24,6 @@ ...@@ -24,8 +24,6 @@
<string>$(MARKETING_VERSION)</string> <string>$(MARKETING_VERSION)</string>
<key>CFBundleSignature</key> <key>CFBundleSignature</key>
<string>????</string> <string>????</string>
<key>UIRequiresFullScreen</key>
<true/>
<key>CFBundleURLTypes</key> <key>CFBundleURLTypes</key>
<array> <array>
<dict> <dict>
...@@ -92,6 +90,8 @@ ...@@ -92,6 +90,8 @@
<array> <array>
<string>armv7</string> <string>armv7</string>
</array> </array>
<key>UIRequiresFullScreen</key>
<true/>
<key>UISupportedInterfaceOrientations</key> <key>UISupportedInterfaceOrientations</key>
<array> <array>
<string>UIInterfaceOrientationPortrait</string> <string>UIInterfaceOrientationPortrait</string>
......
src/Screens/Home/Home.js
import React, {useEffect, useState} from 'react'; import React, {useEffect, useState} from 'react';
import {View, Alert, Platform} from 'react-native'; import {Alert, Platform} from 'react-native';
import {connect} from 'react-redux'; import {connect} from 'react-redux';
import {getTransaction} from '../../apis/Functions/users'; import {getTransaction} from '../../apis/Functions/users';
import {getImagesHome} from '../../apis/Functions/General'; import {getImagesHome} from '../../apis/Functions/General';
import {getPriceTable} from '../../apis/Functions/Home';
import I18n from '../../helper/i18/i18n'; import I18n from '../../helper/i18/i18n';
import HomeView from './HomeView'; import HomeView from './HomeView';
import {getListCategoryProduct} from '../../apis/Functions/Transaction'; import {getListCategoryProduct} from '../../apis/Functions/Transaction';
import {hideLoading, showLoading} from '../../actions/loadingAction';
import _ from 'lodash';
const Home = (props) => { const Home = (props) => {
const [data, setData] = useState({total_deposit: 0, total_withdraw: 0}); const [data, setData] = useState({total_deposit: 0, total_withdraw: 0});
const [dataPrice, setDataPrice] = useState([ const [dataPrice, setDataPrice] = useState([]);
{ const [dataPriceFilter, setDataPriceFilter] = useState([]);
name: 'GCEM21',
change: 0.2,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: false,
},
{
name: 'GCEM21',
change: 0.5,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: true,
},
{
name: 'GCEM21',
change: 0.1,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: false,
},
{
name: 'GCEM21',
change: 0.6,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: true,
},
{
name: 'GCEM21',
change: 0.3,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: false,
},
{
name: 'GCEM21',
change: 0.9,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: false,
},
{
name: 'GCEM21',
change: 0.2,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: false,
},
{
name: 'GCEM21',
change: 0.3,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: true,
},
{
name: 'GCEM21',
change: 0.5,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: true,
},
{
name: 'GCEM21',
change: 0.1,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: false,
},
{
name: 'GCEM21',
change: 0.7,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: true,
},
{
name: 'GCEM21',
change: 0.4,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: true,
},
{
name: 'GCEM21',
change: 0.5,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: false,
},
{
name: 'GCEM21',
change: 0.5,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: false,
},
{
name: 'GCEM21',
change: 0.8,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: false,
},
{
name: 'GCEM21',
change: 0.3,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: true,
},
{
name: 'GCEM21',
change: 0.4,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: false,
},
{
name: 'GCEM21',
change: 0.5,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: true,
},
{
name: 'GCEM21',
change: 0.4,
changePercent: 0.1,
openPrice: 1777.2,
closePrice: 17778.3,
highPrice: 1778.9,
lowPrice: 1777,
time: 'Gold (Globex): June 2021',
isUp: false,
},
]);
const [listImage, setListImage] = useState([]); const [listImage, setListImage] = useState([]);
const [filters, setFilters] = useState([]); const [filters, setFilters] = useState([]);
const [filterId, setFilterId] = useState(-1); const [filterId, setFilterId] = useState(-1);
useEffect(() => { useEffect(() => {
getData(); getData();
initSocket();
}, []);
useEffect(() => {
const newList = filterId == -1 ? [...dataPrice] : _.filter([...dataPrice], item => item.category_id == filterId);
setDataPriceFilter(newList);
}, [dataPrice]);
const initSocket = () => {
let io = require('socket.io-client'); let io = require('socket.io-client');
let socket = io.connect('http://222.252.22.174:8087', { let socket = io.connect('http://222.252.22.174:8087', {
transports: ['websocket'], transports: ['websocket'],
...@@ -232,14 +35,16 @@ const Home = (props) => { ...@@ -232,14 +35,16 @@ const Home = (props) => {
reconnect: true, reconnect: true,
}); });
socket.on('response-update-price', (message) => { socket.on('response-update-price', (message) => {
console.log('received message', message); receivedMessage(message);
}); });
}, []); };
const onReceivedMessage = (message) => { const receivedMessage = (message) => {
console.log(message); setDataPrice(message);
}; };
const getData = async () => { const getData = async () => {
props.showLoading();
const res = await getTransaction({}); const res = await getTransaction({});
if (res.data.code == 200 && res.data.data) { if (res.data.code == 200 && res.data.data) {
setData(res.data.data); setData(res.data.data);
...@@ -268,18 +73,32 @@ const Home = (props) => { ...@@ -268,18 +73,32 @@ const Home = (props) => {
} else { } else {
Alert.alert(I18n.t('Notification'), res.data.message); Alert.alert(I18n.t('Notification'), res.data.message);
} }
const resPriceHome = await getPriceTable({});
if (resPriceHome.data.code == 200 && resPriceHome.data.data) {
setDataPrice(resPriceHome.data.data);
setDataPriceFilter(resPriceHome.data.data);
} else {
Alert.alert(I18n.t('Notification'), I18n.t('Can_not_get_data'));
}
props.hideLoading();
console.log('filterId', filterId);
};
const changeFilter = (id) => {
setFilterId(id);
const newList = id == -1 ? [...dataPrice] : _.filter([...dataPrice], item => item.category_id == id);
setDataPriceFilter(newList);
console.log(id, newList);
}; };
return ( return <HomeView
<HomeView
data={data} data={data}
dataPrice={dataPrice} dataPrice={dataPriceFilter}
listImage={listImage} listImage={listImage}
filterId={filterId} filterId={filterId}
filters={filters} filters={filters}
setFilterId={setFilterId} setFilterId={changeFilter}
/> />;
);
}; };
const mapStateToProps = (state) => { const mapStateToProps = (state) => {
...@@ -287,4 +106,4 @@ const mapStateToProps = (state) => { ...@@ -287,4 +106,4 @@ const mapStateToProps = (state) => {
user: state.userReducer, user: state.userReducer,
}; };
}; };
export default connect(mapStateToProps, {})(Home); export default connect(mapStateToProps, {showLoading, hideLoading})(Home);
src/Screens/Home/HomeView.js
import React from 'react'; import React from 'react';
import { import {
View, View,
Text,
ImageBackground, ImageBackground,
StyleSheet, StyleSheet,
ScrollView, ScrollView,
} from 'react-native'; } from 'react-native';
import HeaderHome from '../../components/Header/HeaderHome'; import HeaderHome from '../../components/Header/HeaderHome';
import Footer from './Footer'; import {getFontXD} from '../../Config/Functions';
import {HEIGHT, HEIGHTXD, toPriceVnd, getFontXD} from '../../Config/Functions';
import R from '../../assets/R'; import R from '../../assets/R';
import AppText from '../../components/AppText';
import SwiperComponent from './SwiperComponent'; import SwiperComponent from './SwiperComponent';
import PriceListView from './PriceListView'; import PriceListView from './PriceListView';
......
src/Screens/Home/ItemPrice.js
...@@ -23,14 +23,14 @@ const ItemPrice = (props) => { ...@@ -23,14 +23,14 @@ const ItemPrice = (props) => {
<Text style={[styles.txtBlack, {marginBottom: HEIGHTXD(5)}]}> <Text style={[styles.txtBlack, {marginBottom: HEIGHTXD(5)}]}>
{item.name} {item.name}
</Text> </Text>
<Progress.Bar progress={item.change} {/*<Progress.Bar progress={item.change}*/}
width={WIDTHXD(200)} {/* width={WIDTHXD(200)}*/}
height={HEIGHTXD(8)} {/* height={HEIGHTXD(8)}*/}
color={R.colors.green} {/* color={R.colors.green}*/}
backgroundColor={R.colors.red} {/* backgroundColor={R.colors.red}*/}
borderWidth={0} {/* borderWidth={0}*/}
borderRadius={0} {/* borderRadius={0}*/}
/> {/*/>*/}
</View> </View>
<Block padding={[0, 0]} space={'between'} flex={1}> <Block padding={[0, 0]} space={'between'} flex={1}>
<View <View
...@@ -47,12 +47,12 @@ const ItemPrice = (props) => { ...@@ -47,12 +47,12 @@ const ItemPrice = (props) => {
justifyContent: 'space-between', justifyContent: 'space-between',
alignItems: 'center', alignItems: 'center',
}}> }}>
<Image source={item.isUp ? R.images.iconTriangleUp : R.images.iconTriangleDown} style={styles.imgIcon} /> <Image source={item.is_up ? R.images.iconTriangleUp : R.images.iconTriangleDown} style={styles.imgIcon} />
<Text style={[styles.txtBlack, {flexWrap: 'wrap', color: item.isUp ? R.colors.green : R.colors.red2}]}> <Text style={[styles.txtBlack, {flexWrap: 'wrap', color: item.is_up ? R.colors.green : R.colors.red2}]}>
{item.change} {item.change}
</Text> </Text>
</View> </View>
<Text style={[styles.txtMoney, {color: item.isUp ? R.colors.green : R.colors.red2}]}>{`${item.change}%`}</Text> <Text style={[styles.txtMoney, {color: item.is_up ? R.colors.green : R.colors.red2}]}>{`${item.change_percent}%`}</Text>
</View> </View>
</Block> </Block>
<Block padding={[0, 0]} space={'between'} flex={1}> <Block padding={[0, 0]} space={'between'} flex={1}>
...@@ -73,9 +73,9 @@ const ItemPrice = (props) => { ...@@ -73,9 +73,9 @@ const ItemPrice = (props) => {
<Text style={[styles.txtBlack, {flexWrap: 'wrap'}]} <Text style={[styles.txtBlack, {flexWrap: 'wrap'}]}
ellipsizeMode='tail'> ellipsizeMode='tail'>
{item.openPrice} {item.open_price}
</Text> </Text>
<Image source={item.isUp ? R.images.iconTriangleUp : R.images.iconTriangleDown} style={styles.imgIcon} /> <Image source={item.is_up ? R.images.iconTriangleUp : R.images.iconTriangleDown} style={styles.imgIcon} />
</View> </View>
<View <View
style={{ style={{
...@@ -84,7 +84,7 @@ const ItemPrice = (props) => { ...@@ -84,7 +84,7 @@ const ItemPrice = (props) => {
justifyContent: 'space-between', justifyContent: 'space-between',
alignItems: 'center', alignItems: 'center',
}}> }}>
<Text style={[styles.txtMoney, {color: R.colors.gray}]}>{item.closePrice}</Text> <Text style={[styles.txtMoney, {color: R.colors.gray6}]}>{item.close_price}</Text>
<Image source={R.images.iconCheck2} style={styles.imgIcon} /> <Image source={R.images.iconCheck2} style={styles.imgIcon} />
</View> </View>
</View> </View>
...@@ -104,7 +104,7 @@ const ItemPrice = (props) => { ...@@ -104,7 +104,7 @@ const ItemPrice = (props) => {
justifyContent: 'center', justifyContent: 'center',
}}> }}>
<Text style={[styles.txtBlack, {flexWrap: 'wrap'}]}> <Text style={[styles.txtBlack, {flexWrap: 'wrap'}]}>
{item.highPrice} {item.high_price}
</Text> </Text>
<Text style={[styles.txtGray, {flexWrap: 'wrap'}]}> <Text style={[styles.txtGray, {flexWrap: 'wrap'}]}>
H H
...@@ -116,7 +116,7 @@ const ItemPrice = (props) => { ...@@ -116,7 +116,7 @@ const ItemPrice = (props) => {
flexDirection: 'row', flexDirection: 'row',
justifyContent: 'center', justifyContent: 'center',
}}> }}>
<Text style={styles.txtMoney}>{item.lowPrice}</Text> <Text style={styles.txtMoney}>{item.low_price}</Text>
<Text style={[styles.txtGray, {flexWrap: 'wrap'}]}> <Text style={[styles.txtGray, {flexWrap: 'wrap'}]}>
L L
</Text> </Text>
...@@ -167,7 +167,7 @@ const styles = StyleSheet.create({ ...@@ -167,7 +167,7 @@ const styles = StyleSheet.create({
txtGray: { txtGray: {
fontSize: getFontXD(28), fontSize: getFontXD(28),
color: R.colors.gray, color: R.colors.gray6,
}, },
txtTime: { txtTime: {
......
src/Screens/Home/PriceListView.js
import React, {useState} from 'react'; import React, {useState, useEffect} from 'react';
import { import {
View, View,
Text, Text,
...@@ -105,7 +105,7 @@ const styles = StyleSheet.create({ ...@@ -105,7 +105,7 @@ const styles = StyleSheet.create({
alignItems: 'center', alignItems: 'center',
}, },
imgIcon: { imgIcon: {
width: WIDTHXD(30), width: WIDTHXD(20),
height: WIDTHXD(35), height: WIDTHXD(35),
resizeMode: 'contain', resizeMode: 'contain',
}, },
......
src/apis/Functions/Home.js 0 → 100644
import {GetData} from '../helpers';
import url from '../url';
export const getPriceTable = async (body) =>
GetData(url.urlGetPriceTable, body)
.then((res) => res)
.catch((err) => err);
src/apis/url.js
...@@ -26,6 +26,7 @@ export default { ...@@ -26,6 +26,7 @@ export default {
//Home //Home
urlGetTransaction: root + 'api/v1/customers/statistic-transaction', urlGetTransaction: root + 'api/v1/customers/statistic-transaction',
urlGetPriceTable: `${root}api/v1/customers/update-price-table`,
//History //History
urlGetListHistory: root + 'api/v1/customers/get-list-transaction-history', urlGetListHistory: root + 'api/v1/customers/get-list-transaction-history',
......
src/assets/colors.js
...@@ -45,6 +45,7 @@ const colors = { ...@@ -45,6 +45,7 @@ const colors = {
gray1: '#bfbfbf', gray1: '#bfbfbf',
gray4: '#e6e6e6', gray4: '#e6e6e6',
gray5: 'rgba(226,232,235, 1)', gray5: 'rgba(226,232,235, 1)',
gray6: '#929292',
orange: '#FF9C00', orange: '#FF9C00',
lightBlue: '#1a8cff', lightBlue: '#1a8cff',
lightBlue1: '#008ae6', lightBlue1: '#008ae6',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment