You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

90 lines
2.2 KiB
JavaScript

'use strict'
const React = require('react')
const ReactDOM = require('react-dom')
const create = require('create-react-class')
const Promise = require('bluebird')
const debounce = require('debounce')
const jdenticon = require('jdenticon')
const FilterList = require('./filterList.js')
let RoomListItem = create({
displayName: "RoomListItem",
getInitialState: function() {
6 years ago
let room = this.props.content
let client = this.props.properties.client
let avatar = <svg id="avatar" ref={this.jdenticonRef}/>
let roomState = room.getLiveTimeline().getState('f')
let avatarState = roomState.getStateEvents('m.room.avatar')
if (avatarState.length > 0) {
let event = avatarState[avatarState.length-1].event
let hs = client.baseUrl
let media_mxc = event.content.url.slice(6)
let url = `${hs}/_matrix/media/v1/thumbnail/${media_mxc}?width=128&height=128&method=scale`
avatar = <img id="avatar" src={url}></img>
}
return {
6 years ago
filterName: room.name.toUpperCase(),
unread: Math.random() > 0.7,
avatar: avatar
}
},
6 years ago
jdenticonRef: function(ref) {
jdenticon.update(ref, this.props.content.roomId)
},
setRef: function(ref) {
if (ref == null) {
return
}
this.setState({ref: ref})
ref.addEventListener("click", () => {this.props.select(this.props.listId)})
},
render: function() {
if (this.state.filterName.indexOf(this.props.filter) == -1) {
return null
}
let className = "roomListItem"
if (this.props.selected) {
className += " active"
}
if (this.state.unread) {
className += " unread"
}
return <div className={className} ref={this.setRef}>
6 years ago
{this.state.avatar}
6 years ago
<span id="name">{this.props.content.name}</span>
</div>
}
})
let Sidebar = create({
displayName: "Sidebar",
getInitialState: function() {
return {
filter: ""
}
},
setFilter: function(filter) {
this.setState({
filter: filter.toUpperCase()
})
},
render: function() {
return <div className="sidebar">
6 years ago
<FilterList items={this.props.rooms} properties={{client: this.props.client}} element={RoomListItem} callback={(roomId) => {this.props.selectRoom(roomId)}}/>
</div>
}
})
module.exports = Sidebar