Show avatar until video becomes available

This commit is contained in:
Kevin Sawicki
2013-07-27 10:39:24 -07:00
parent c723dd5406
commit bca15a7589
2 changed files with 6 additions and 5 deletions

View File

@@ -21,8 +21,7 @@ class ParticipantView extends View
@video.click => @toggleClass('large')
@avatar.click => @toggleClass('large')
emailMd5 = crypto.createHash('md5').update(@participant.state.email).digest('hex')
@avatar.css('background-image': "url(http://www.gravatar.com/avatar/#{emailMd5}?s=160)")
@video.css('background-image', "url('#{participant.getState().avatar_url}')")
@removeButton.click @onClickRemove
@toggleVideoButton.click @onClickToggleVideo
@@ -69,4 +68,4 @@ class ParticipantViewContainer extends View
rootView.append(this)
this
module.exports = {ParticipantView, ParticipantViewContainer}
module.exports = {ParticipantView, ParticipantViewContainer}

View File

@@ -75,11 +75,13 @@
video {
width: @small-width;
display: block;
background-repeat: no-repeat;
background-position: center;
}
.avatar {
display: none;
}
.volume-container {
.volume-container {
position: relative;
width: @small-width;
@@ -109,7 +111,7 @@
border-radius: 2px 2px 0 0;
cursor: pointer;
}
.volume-container {
.volume-container {
width: @large-width;
height: 5px;