general avatar polishing

This commit is contained in:
Manuel Araoz 2014-05-08 15:48:00 -03:00
commit 032ae804b1
2 changed files with 14 additions and 14 deletions

View file

@ -123,19 +123,15 @@
<div class="large-9 medium-9 small-9 columns"> <div class="large-9 medium-9 small-9 columns">
<div class="bottom-copay" <div class="bottom-copay"
ng-repeat="c in $root.wallet.getRegisteredPeerIds()"> ng-repeat="c in $root.wallet.getRegisteredPeerIds()">
<video <video ng-if="$root.videoInfo[c.peerId]"
ng-if="$root.videoInfo[c.peerId]" avatar peer="{{c}}"
class="video-small"
autoplay autoplay
confvideo
peer="{{c.peerId}}"
ng-src="{{$root.getVideoURL(c.peerId)}}" ng-src="{{$root.getVideoURL(c.peerId)}}"
title="{{c.peerId + (c.peerId == $root.wallet.network.peerId?' (You)':'')}}" ></video> ></video>
<img ng-if="!$root.videoInfo[c.peerId]" <img ng-if="!$root.videoInfo[c.peerId]"
ng-class="($root.wallet.getOnlinePeerIDs().indexOf(c.peerId) != -1) ? 'online' : 'offline'" avatar peer="{{c}}"
class="video-small"
src="./img/satoshi.gif" src="./img/satoshi.gif"
title="{{c.peerId + (c.peerId == $root.wallet.network.peerId?' (You)':'')}}" /> />
<span ng-if="c.nick" style="position:absolute; bottom:-10px; width: 80px; overflow: hidden;">{{c.nick}}</span> <span ng-if="c.nick" style="position:absolute; bottom:-10px; width: 80px; overflow: hidden;">{{c.nick}}</span>
</div> </div>
</div> </div>
@ -240,7 +236,7 @@
</select> </select>
</div> </div>
<div class="large-6 columns"> <div class="large-6 columns">
<h6>Select required number of signatures</h6> <h6>Select required signatures</h6>
<select ng-model="requiredCopayers" ng-options="requiredCopayers as requiredCopayers for requiredCopayers in RCValues"> <select ng-model="requiredCopayers" ng-options="requiredCopayers as requiredCopayers for requiredCopayers in RCValues">
</select> </select>
</div> </div>

View file

@ -89,12 +89,16 @@ angular.module('copay.directives')
}); });
} }
} }
}).directive('confvideo', function($rootScope) { }).directive('avatar', function($rootScope) {
return { return {
link: function(scope, element, attrs) { link: function(scope, element, attrs) {
var peer = attrs.peer; var peer = JSON.parse(attrs.peer)
element.addClass(($rootScope.wallet.getOnlinePeerIDs().indexOf(peer) != -1) ? 'online' : 'offline'); var peerId = peer.peerId;
var muted = $rootScope.getVideoMutedStatus(peer); var nick = peer.nick;
element.addClass(($rootScope.wallet.getOnlinePeerIDs().indexOf(peerId) != -1) ? 'online' : 'offline');
element.addClass('video-small');
element.attr('title', peerId + (peerId == $rootScope.wallet.network.peerId?' (You)':''));
var muted = $rootScope.getVideoMutedStatus(peerId);
if (muted) { if (muted) {
element.attr("muted", true); element.attr("muted", true);
} }