add a temporary voice call button

pull/397/head
Matthew Hodgson 2015-11-18 21:17:58 +00:00
parent 098491e350
commit 08ba0457e8
2 changed files with 20 additions and 3 deletions

View File

@ -72,7 +72,8 @@ limitations under the License.
} }
.mx_MessageComposer_upload, .mx_MessageComposer_upload,
.mx_MessageComposer_call { .mx_MessageComposer_voicecall,
.mx_MessageComposer_videocall {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
padding-left: 10px; padding-left: 10px;
@ -80,7 +81,12 @@ limitations under the License.
cursor: pointer; cursor: pointer;
} }
.mx_MessageComposer_call { .mx_MessageComposer_videocall {
padding-right: 10px;
padding-top: 4px;
}
.mx_MessageComposer_voicecall {
padding-right: 10px; padding-right: 10px;
padding-top: 4px; padding-top: 4px;
} }

View File

@ -53,6 +53,14 @@ module.exports = React.createClass({
}); });
}, },
onVoiceCallClick: function(ev) {
dis.dispatch({
action: 'place_call',
type: 'voice',
room_id: this.props.room.roomId
});
},
render: function() { render: function() {
var me = this.props.room.getMember(MatrixClientPeg.get().credentials.userId); var me = this.props.room.getMember(MatrixClientPeg.get().credentials.userId);
var uploadInputStyle = {display: 'none'}; var uploadInputStyle = {display: 'none'};
@ -71,7 +79,10 @@ module.exports = React.createClass({
<img src="img/upload.png" width="17" height="22"/> <img src="img/upload.png" width="17" height="22"/>
<input type="file" style={uploadInputStyle} ref="uploadInput" onChange={this.onUploadFileSelected} /> <input type="file" style={uploadInputStyle} ref="uploadInput" onChange={this.onUploadFileSelected} />
</div> </div>
<div className="mx_MessageComposer_call" onClick={this.onCallClick}> <div className="mx_MessageComposer_voicecall" onClick={this.onVoiceCallClick}>
<img src="img/voice.png" width="16" height="26"/>
</div>
<div className="mx_MessageComposer_videocall" onClick={this.onCallClick}>
<img src="img/call.png" width="28" height="20"/> <img src="img/call.png" width="28" height="20"/>
</div> </div>
</div> </div>