Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
I
InvestCustomer
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
1
Merge Requests
1
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Giang Tran
InvestCustomer
Commits
67d5a8be
Commit
67d5a8be
authored
May 11, 2021
by
Giang Tran
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'dev_phase2' into 05_May
parents
6ebd08d4
b21af32d
Show whitespace changes
Inline
Side-by-side
Showing
9 changed files
with
76 additions
and
250 deletions
+76
-250
project.pbxproj
ios/Invest.xcodeproj/project.pbxproj
+2
-2
Info.plist
ios/Invest/Info.plist
+2
-2
Home.js
src/Screens/Home/Home.js
+42
-223
HomeView.js
src/Screens/Home/HomeView.js
+1
-4
ItemPrice.js
src/Screens/Home/ItemPrice.js
+17
-17
PriceListView.js
src/Screens/Home/PriceListView.js
+2
-2
Home.js
src/apis/Functions/Home.js
+8
-0
url.js
src/apis/url.js
+1
-0
colors.js
src/assets/colors.js
+1
-0
No files found.
ios/Invest.xcodeproj/project.pbxproj
View file @
67d5a8be
...
...
@@ -903,7 +903,7 @@
CODE_SIGN_ENTITLEMENTS
=
Invest/Invest.entitlements
;
CODE_SIGN_IDENTITY
=
"Apple Development"
;
CODE_SIGN_STYLE
=
Automatic
;
CURRENT_PROJECT_VERSION
=
5
;
CURRENT_PROJECT_VERSION
=
7
;
DEVELOPMENT_TEAM
=
MXZ24GRH48
;
ENABLE_BITCODE
=
NO
;
GCC_PREPROCESSOR_DEFINITIONS
=
(
...
...
@@ -937,7 +937,7 @@
CODE_SIGN_ENTITLEMENTS
=
Invest/Invest.entitlements
;
CODE_SIGN_IDENTITY
=
"Apple Development"
;
CODE_SIGN_STYLE
=
Automatic
;
CURRENT_PROJECT_VERSION
=
5
;
CURRENT_PROJECT_VERSION
=
7
;
DEVELOPMENT_TEAM
=
MXZ24GRH48
;
INFOPLIST_FILE
=
Invest/Info.plist
;
LD_RUNPATH_SEARCH_PATHS
=
"$(inherited) @executable_path/Frameworks"
;
...
...
ios/Invest/Info.plist
View file @
67d5a8be
...
...
@@ -24,8 +24,6 @@
<
string
>
$
(
MARKETING_VERSION
)<
/string
>
<
k
e
y
>
CFBundleSignature
<
/k
e
y
>
<
string
>
????
<
/string
>
<
k
e
y
>
UIRequiresFullScreen
<
/k
e
y
>
<
tru
e
/
>
<
k
e
y
>
CFBundleURLTypes
<
/k
e
y
>
<
a
rr
a
y
>
<
d
i
c
t
>
...
...
@@ -92,6 +90,8 @@
<
a
rr
a
y
>
<
string
>
armv7
<
/string
>
<
/
a
rr
a
y
>
<
k
e
y
>
UIRequiresFullScreen
<
/k
e
y
>
<
tru
e
/
>
<
k
e
y
>
UISupportedInterfaceOrientations
<
/k
e
y
>
<
a
rr
a
y
>
<
string
>
UIInterfaceOrientationPortrait
<
/string
>
...
...
src/Screens/Home/Home.js
View file @
67d5a8be
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
{
getTransaction
}
from
'../../apis/Functions/users'
;
import
{
getImagesHome
}
from
'../../apis/Functions/General'
;
import
{
getPriceTable
}
from
'../../apis/Functions/Home'
;
import
I18n
from
'../../helper/i18/i18n'
;
import
HomeView
from
'./HomeView'
;
import
{
getListCategoryProduct
}
from
'../../apis/Functions/Transaction'
;
import
{
hideLoading
,
showLoading
}
from
'../../actions/loadingAction'
;
import
_
from
'lodash'
;
const
Home
=
(
props
)
=>
{
const
[
data
,
setData
]
=
useState
({
total_deposit
:
0
,
total_withdraw
:
0
});
const
[
dataPrice
,
setDataPrice
]
=
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
[
dataPrice
,
setDataPrice
]
=
useState
([]);
const
[
dataPriceFilter
,
setDataPriceFilter
]
=
useState
([]);
const
[
listImage
,
setListImage
]
=
useState
([]);
const
[
filters
,
setFilters
]
=
useState
([]);
const
[
filterId
,
setFilterId
]
=
useState
(
-
1
);
useEffect
(()
=>
{
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
socket
=
io
.
connect
(
'http://222.252.22.174:8087'
,
{
transports
:
[
'websocket'
],
...
...
@@ -232,14 +35,16 @@ const Home = (props) => {
reconnect
:
true
,
});
socket
.
on
(
'response-update-price'
,
(
message
)
=>
{
console
.
log
(
'received message'
,
message
);
receivedMessage
(
message
);
});
},
[])
;
}
;
const
onR
eceivedMessage
=
(
message
)
=>
{
console
.
log
(
message
);
const
r
eceivedMessage
=
(
message
)
=>
{
setDataPrice
(
message
);
};
const
getData
=
async
()
=>
{
props
.
showLoading
();
const
res
=
await
getTransaction
({});
if
(
res
.
data
.
code
==
200
&&
res
.
data
.
data
)
{
setData
(
res
.
data
.
data
);
...
...
@@ -268,18 +73,32 @@ const Home = (props) => {
}
else
{
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
(
<
HomeView
return
<
HomeView
data
=
{
data
}
dataPrice
=
{
dataPrice
}
dataPrice
=
{
dataPriceFilter
}
listImage
=
{
listImage
}
filterId
=
{
filterId
}
filters
=
{
filters
}
setFilterId
=
{
setFilterId
}
/
>
);
setFilterId
=
{
changeFilter
}
/>
;
};
const
mapStateToProps
=
(
state
)
=>
{
...
...
@@ -287,4 +106,4 @@ const mapStateToProps = (state) => {
user
:
state
.
userReducer
,
};
};
export
default
connect
(
mapStateToProps
,
{})(
Home
);
export
default
connect
(
mapStateToProps
,
{
showLoading
,
hideLoading
})(
Home
);
src/Screens/Home/HomeView.js
View file @
67d5a8be
import
React
from
'react'
;
import
{
View
,
Text
,
ImageBackground
,
StyleSheet
,
ScrollView
,
}
from
'react-native'
;
import
HeaderHome
from
'../../components/Header/HeaderHome'
;
import
Footer
from
'./Footer'
;
import
{
HEIGHT
,
HEIGHTXD
,
toPriceVnd
,
getFontXD
}
from
'../../Config/Functions'
;
import
{
getFontXD
}
from
'../../Config/Functions'
;
import
R
from
'../../assets/R'
;
import
AppText
from
'../../components/AppText'
;
import
SwiperComponent
from
'./SwiperComponent'
;
import
PriceListView
from
'./PriceListView'
;
...
...
src/Screens/Home/ItemPrice.js
View file @
67d5a8be
...
...
@@ -23,14 +23,14 @@ const ItemPrice = (props) => {
<
Text
style
=
{[
styles
.
txtBlack
,
{
marginBottom
:
HEIGHTXD
(
5
)}]}
>
{
item
.
name
}
<
/Text
>
<
Progress
.
Bar
progress
=
{
item
.
change
}
width
=
{
WIDTHXD
(
200
)
}
height
=
{
HEIGHTXD
(
8
)
}
color
=
{
R
.
colors
.
green
}
backgroundColor
=
{
R
.
colors
.
red
}
borderWidth
=
{
0
}
borderRadius
=
{
0
}
/
>
{
/*<Progress.Bar progress={item.change}*/
}
{
/* width={WIDTHXD(200)}*/
}
{
/* height={HEIGHTXD(8)}*/
}
{
/* color={R.colors.green}*/
}
{
/* backgroundColor={R.colors.red}*/
}
{
/* borderWidth={0}*/
}
{
/* borderRadius={0}*/
}
{
/*/>*/
}
<
/View
>
<
Block
padding
=
{[
0
,
0
]}
space
=
{
'between'
}
flex
=
{
1
}
>
<
View
...
...
@@ -47,12 +47,12 @@ const ItemPrice = (props) => {
justifyContent
:
'space-between'
,
alignItems
:
'center'
,
}}
>
<
Image
source
=
{
item
.
is
U
p
?
R
.
images
.
iconTriangleUp
:
R
.
images
.
iconTriangleDown
}
style
=
{
styles
.
imgIcon
}
/
>
<
Text
style
=
{[
styles
.
txtBlack
,
{
flexWrap
:
'wrap'
,
color
:
item
.
is
U
p
?
R
.
colors
.
green
:
R
.
colors
.
red2
}]}
>
<
Image
source
=
{
item
.
is
_u
p
?
R
.
images
.
iconTriangleUp
:
R
.
images
.
iconTriangleDown
}
style
=
{
styles
.
imgIcon
}
/
>
<
Text
style
=
{[
styles
.
txtBlack
,
{
flexWrap
:
'wrap'
,
color
:
item
.
is
_u
p
?
R
.
colors
.
green
:
R
.
colors
.
red2
}]}
>
{
item
.
change
}
<
/Text
>
<
/View
>
<
Text
style
=
{[
styles
.
txtMoney
,
{
color
:
item
.
is
Up
?
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
>
<
/Block
>
<
Block
padding
=
{[
0
,
0
]}
space
=
{
'between'
}
flex
=
{
1
}
>
...
...
@@ -73,9 +73,9 @@ const ItemPrice = (props) => {
<
Text
style
=
{[
styles
.
txtBlack
,
{
flexWrap
:
'wrap'
}]}
ellipsizeMode
=
'tail'
>
{
item
.
open
P
rice
}
{
item
.
open
_p
rice
}
<
/Text
>
<
Image
source
=
{
item
.
is
U
p
?
R
.
images
.
iconTriangleUp
:
R
.
images
.
iconTriangleDown
}
style
=
{
styles
.
imgIcon
}
/
>
<
Image
source
=
{
item
.
is
_u
p
?
R
.
images
.
iconTriangleUp
:
R
.
images
.
iconTriangleDown
}
style
=
{
styles
.
imgIcon
}
/
>
<
/View
>
<
View
style
=
{{
...
...
@@ -84,7 +84,7 @@ const ItemPrice = (props) => {
justifyContent
:
'space-between'
,
alignItems
:
'center'
,
}}
>
<
Text
style
=
{[
styles
.
txtMoney
,
{
color
:
R
.
colors
.
gray
}]}
>
{
item
.
closeP
rice
}
<
/Text
>
<
Text
style
=
{[
styles
.
txtMoney
,
{
color
:
R
.
colors
.
gray
6
}]}
>
{
item
.
close_p
rice
}
<
/Text
>
<
Image
source
=
{
R
.
images
.
iconCheck2
}
style
=
{
styles
.
imgIcon
}
/
>
<
/View
>
<
/View
>
...
...
@@ -104,7 +104,7 @@ const ItemPrice = (props) => {
justifyContent
:
'center'
,
}}
>
<
Text
style
=
{[
styles
.
txtBlack
,
{
flexWrap
:
'wrap'
}]}
>
{
item
.
high
P
rice
}
{
item
.
high
_p
rice
}
<
/Text
>
<
Text
style
=
{[
styles
.
txtGray
,
{
flexWrap
:
'wrap'
}]}
>
H
...
...
@@ -116,7 +116,7 @@ const ItemPrice = (props) => {
flexDirection
:
'row'
,
justifyContent
:
'center'
,
}}
>
<
Text
style
=
{
styles
.
txtMoney
}
>
{
item
.
low
P
rice
}
<
/Text
>
<
Text
style
=
{
styles
.
txtMoney
}
>
{
item
.
low
_p
rice
}
<
/Text
>
<
Text
style
=
{[
styles
.
txtGray
,
{
flexWrap
:
'wrap'
}]}
>
L
<
/Text
>
...
...
@@ -167,7 +167,7 @@ const styles = StyleSheet.create({
txtGray
:
{
fontSize
:
getFontXD
(
28
),
color
:
R
.
colors
.
gray
,
color
:
R
.
colors
.
gray
6
,
},
txtTime
:
{
...
...
src/Screens/Home/PriceListView.js
View file @
67d5a8be
import
React
,
{
useState
}
from
'react'
;
import
React
,
{
useState
,
useEffect
}
from
'react'
;
import
{
View
,
Text
,
...
...
@@ -105,7 +105,7 @@ const styles = StyleSheet.create({
alignItems
:
'center'
,
},
imgIcon
:
{
width
:
WIDTHXD
(
3
0
),
width
:
WIDTHXD
(
2
0
),
height
:
WIDTHXD
(
35
),
resizeMode
:
'contain'
,
},
...
...
src/apis/Functions/Home.js
0 → 100644
View file @
67d5a8be
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
View file @
67d5a8be
...
...
@@ -26,6 +26,7 @@ export default {
//Home
urlGetTransaction
:
root
+
'api/v1/customers/statistic-transaction'
,
urlGetPriceTable
:
`
${
root
}
api/v1/customers/update-price-table`
,
//History
urlGetListHistory
:
root
+
'api/v1/customers/get-list-transaction-history'
,
...
...
src/assets/colors.js
View file @
67d5a8be
...
...
@@ -45,6 +45,7 @@ const colors = {
gray1
:
'#bfbfbf'
,
gray4
:
'#e6e6e6'
,
gray5
:
'rgba(226,232,235, 1)'
,
gray6
:
'#929292'
,
orange
:
'#FF9C00'
,
lightBlue
:
'#1a8cff'
,
lightBlue1
:
'#008ae6'
,
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment