Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
A
Ad1Appraisal-Mobile
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
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
Dida Adams Arizona
Ad1Appraisal-Mobile
Commits
189cd67d
Commit
189cd67d
authored
Mar 06, 2020
by
didam
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
didam
parent
c56c1bd5
Changes
7
Hide whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
63 additions
and
4 deletions
+63
-4
copper.jpeg
app/assets/dummyNotif/copper.jpeg
+0
-0
joro.jpeg
app/assets/dummyNotif/joro.jpeg
+0
-0
kagatau.jpg
app/assets/dummyNotif/kagatau.jpg
+0
-0
luffy.jpeg
app/assets/dummyNotif/luffy.jpeg
+0
-0
history.js
app/container/history/history.js
+1
-1
notif.js
app/container/notif/notif.js
+57
-3
images.js
app/library/images.js
+5
-0
No files found.
app/assets/dummyNotif/copper.jpeg
0 → 100644
View file @
189cd67d
6.73 KB
app/assets/dummyNotif/joro.jpeg
0 → 100644
View file @
189cd67d
13 KB
app/assets/dummyNotif/kagatau.jpg
0 → 100644
View file @
189cd67d
179 KB
app/assets/dummyNotif/luffy.jpeg
0 → 100644
View file @
189cd67d
114 KB
app/container/history/history.js
View file @
189cd67d
...
...
@@ -15,7 +15,7 @@ class History extends Component {
<
Container
>
<
View
style
=
{{
height
:
'10%'
,
width
:
'100%'
,
backgroundColor
:
'#e4b300'
,
zIndex
:
1
}}
>
<
View
style
=
{{
alignItems
:
'center'
,
justifyContent
:
'center'
,
marginTop
:
20
}}
>
<
Text
style
=
{{
color
:
'#fff
'
,
fontSize
:
20
,
fontStyle
:
'italic'
}}
>
My
History
<
/Text
>
<
Text
style
=
{{
fontWeight
:
'bold
'
,
fontSize
:
20
,
fontStyle
:
'italic'
}}
>
My
History
<
/Text
>
<
/View
>
<
View
style
=
{{
alignItems
:
'center'
,
justifyContent
:
'center'
}}
>
<
View
style
=
{{
height
:
50
,
width
:
50
,
borderRadius
:
50
,
backgroundColor
:
'#f5f5f5'
,
marginTop
:
20
,
zIndex
:
2
}}
/
>
...
...
app/container/notif/notif.js
View file @
189cd67d
import
React
,
{
Component
}
from
'react'
;
import
{
Container
,
Text
}
from
'native-base'
;
import
{
Container
}
from
'native-base'
;
import
{
View
,
Text
,
ScrollView
,
Image
}
from
'react-native'
;
import
Images
from
'../../library/images'
;
class
Notif
extends
Component
{
constructor
(
props
)
{
super
(
props
)
this
.
state
=
{
data
:
[
{
image
:
Images
.
joro
,
name
:
'Juminten'
},
{
image
:
Images
.
luffy
,
name
:
'Mr. Anonym'
},
{
image
:
Images
.
kagatau
,
name
:
'John Nanang'
},
{
image
:
Images
.
copper
,
name
:
'Prabu Maskapai'
},
]
}
}
render
()
{
return
(
<
Container
style
=
{{
alignItems
:
'center'
,
justifyContent
:
'center'
,}}
>
<
Text
>
Ini
Notif
<
/Text
>
<
Container
>
<
View
style
=
{{
height
:
'10%'
,
width
:
'100%'
,
backgroundColor
:
'#e4b300'
,
zIndex
:
1
}}
>
<
View
style
=
{{
alignItems
:
'center'
,
justifyContent
:
'center'
,
marginTop
:
20
}}
>
<
Text
style
=
{{
fontSize
:
20
,
fontStyle
:
'italic'
,
fontWeight
:
'bold'
}}
>
Notification
<
/Text
>
<
/View
>
<
View
style
=
{{
alignItems
:
'center'
,
justifyContent
:
'center'
}}
>
<
View
style
=
{{
height
:
50
,
width
:
50
,
borderRadius
:
50
,
backgroundColor
:
'#f5f5f5'
,
marginTop
:
20
,
zIndex
:
2
}}
/
>
<
/View
>
<
/View
>
<
View
style
=
{{
backgroundColor
:
'#f5f5f5'
,
paddingHorizontal
:
20
,
zIndex
:
3
,
height
:
'90%'
}}
>
<
ScrollView
style
=
{{
flex
:
1
}}
showsVerticalScrollIndicator
=
{
false
}
>
{
this
.
state
.
data
.
map
((
item
,
index
)
=>
{
return
(
<
View
style
=
{{
marginTop
:
index
==
0
?
30
:
15
,
marginBottom
:
index
==
this
.
state
.
data
.
length
-
1
?
20
:
0
,
backgroundColor
:
'#e4b300'
,
padding
:
0
,
paddingTop
:
15
,
borderRadius
:
5
}}
>
<
View
style
=
{{
flexDirection
:
'row'
}}
>
<
View
style
=
{{
width
:
'20%'
,
justifyContent
:
'center'
,
alignItems
:
'flex-end'
}}
>
<
Image
style
=
{{
width
:
50
,
height
:
50
,
borderRadius
:
50
,
borderColor
:
'#fff'
,
borderWidth
:
2
}}
source
=
{
item
.
image
}
/
>
<
/View
>
<
View
style
=
{{
width
:
'80%'
,
marginLeft
:
15
,
alignItems
:
'center'
,
flexDirection
:
'row'
}}
>
<
Text
style
=
{{
fontSize
:
14
,
fontWeight
:
'bold'
,
fontStyle
:
'italic'
}}
>
{
item
.
name
}
<
/Text
>
<
Text
style
=
{{
fontSize
:
12
,
fontStyle
:
'italic'
}}
>
Need
Approval
from
you
!
<
/Text
>
<
/View
>
<
/View
>
<
View
style
=
{{
width
:
'100%'
,
height
:
1
,
backgroundColor
:
'#dbdbdb'
,
marginTop
:
10
}}
/
>
<
/View
>
)
})}
<
/ScrollView
>
<
/View
>
<
/Container
>
);
}
...
...
app/library/images.js
View file @
189cd67d
...
...
@@ -8,6 +8,11 @@ const Images = {
background2
:
require
(
'../assets/Background2.jpg'
),
background3
:
require
(
'../assets/Background3.jpg'
),
//Dummy
luffy
:
require
(
'../assets/dummyNotif/luffy.jpeg'
),
copper
:
require
(
'../assets/dummyNotif/copper.jpeg'
),
joro
:
require
(
'../assets/dummyNotif/joro.jpeg'
),
kagatau
:
require
(
'../assets/dummyNotif/kagatau.jpg'
),
//ICONS
IconAppraisal
:
require
(
'../assets/Icon/IconAppraisal.png'
),
...
...
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