add a temporary voice call button

ara4n · ara4n · commit 08ba0457e83a · 2015-11-18T21:17:58.000Z
diff --git a/src/skins/vector/css/molecules/MessageComposer.css b/src/skins/vector/css/molecules/MessageComposer.css
@@ -72,15 +72,21 @@ limitations under the License.
 }
 
 .mx_MessageComposer_upload,
-.mx_MessageComposer_call {
+.mx_MessageComposer_voicecall,
+.mx_MessageComposer_videocall {
     display: table-cell;
     vertical-align: middle;
     padding-left: 10px;
     padding-right: 10px;
     cursor: pointer;
 }
 
-.mx_MessageComposer_call {
+.mx_MessageComposer_videocall {
+    padding-right: 10px;
+    padding-top: 4px;
+}
+
+.mx_MessageComposer_voicecall {
     padding-right: 10px;
     padding-top: 4px;
 }
diff --git a/src/skins/vector/views/molecules/MessageComposer.js b/src/skins/vector/views/molecules/MessageComposer.js
@@ -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() {
         var me = this.props.room.getMember(MatrixClientPeg.get().credentials.userId);
         var uploadInputStyle = {display: 'none'};
@@ -71,7 +79,10 @@ module.exports = React.createClass({
                             <img src="img/upload.png" width="17" height="22"/>
                             <input type="file" style={uploadInputStyle} ref="uploadInput" onChange={this.onUploadFileSelected} />
                         </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"/>
                         </div>
                     </div>
