forked from osdio/noder-react-native
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathuserTopicPage.js
More file actions
127 lines (104 loc) · 2.79 KB
/
userTopicPage.js
File metadata and controls
127 lines (104 loc) · 2.79 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
var React = require('react-native')
var moment = require('moment')
var TopicRow = require('./TopicRow')
var Topic = require('../containers/Topic')
var sceneConfig = require('../configs/sceneConfig')
var config = require('../configs/config')
var window = require('../util/window')
var { width, height } = window.get()
var {
View,
StyleSheet,
ScrollView,
Component,
Text,
StatusBarIOS,
Image,
ListView,
TouchableHighlight,
Navigator,
} = React
class UserTopicPage extends Component {
constructor(props) {
super(props)
this.ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2})
this.data = this.props.data || []
this.state = {
ds: this.ds.cloneWithRows(this.data)
}
}
componentWillReceiveProps(nextProps) {
if (nextProps.data != this.props.data) {
this.setState({
ds: this.ds.cloneWithRows(nextProps.data)
})
}
}
_onRowPress(topic) {
this.props.router.toTopic({
topic: topic,
from: 'user'
})
}
_renderRowFooter(topic) {
var date = moment(topic.last_reply_at).startOf('minute').fromNow();
let dateItem = (
<Text
key='dateText'
style={[styles['topicFooter text'],styles['topicFooter date']]}>
{date}
</Text>
)
let authorItem = (
<Text
key='authorText'
style={[styles['topicFooter text'],styles['topicFooter author']]}>
{topic.author.loginname}
</Text>
)
return [dateItem, authorItem]
}
_renderRow(topic) {
return (
<TopicRow
onPress={this._onRowPress.bind(this)}
topic={topic}
footer={this._renderRowFooter(topic)}
></TopicRow>
)
}
render() {
return (
<View style={[styles.container,this.props.style]}>
<ListView
showsVerticalScrollIndicator={true}
initialListSize={10}
pagingEnabled={false}
removeClippedSubviews={true}
dataSource={this.state.ds}
renderRow={this._renderRow.bind(this)}
/>
</View>
)
}
}
var styles = StyleSheet.create({
container: {
width: width
},
"topicFooter text": {
"fontSize": 11,
"color": "rgba(0, 0, 0, 0.3)"
},
"topicFooter date": {
"position": "absolute",
"right": 0,
"top": 0
},
"topicFooter author": {
position: 'absolute',
left: 0,
top: 0
}
})
module.exports = UserTopicPage