BTCPrivate
/
copay
mirror of https://github.com/BTCPrivate/copay.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

basic video footer

This commit is contained in:
Manuel Araoz 2014-04-29 19:12:14 -03:00
parent a9eb53e90f
commit fb8a52fd6a
2 changed files with 33 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
css/main.css
View File

@ -14,11 +14,11 @@ html, body {height: 100%;}
#wrap {min-height: 100%;}
#main {overflow:auto;
padding-bottom: 30px;} /* must be same height as the footer */
padding-bottom: 91px;} /* must be same height as the footer */
#footer {position: relative;
margin-top: -30px; /* negative value of footer height */
height: 30px;
margin-top: -91px; /* negative value of footer height */
height: 91px;
clear:both;
padding: 5px 2rem;
}
@ -257,17 +257,17 @@ hr { margin: 2.25rem 0;}
}
.video-small {
width: 120px;
height: 120px;
margin: 20px;
width: 80px;
height: 80px;
border-radius: 1rem;
display: inline;
float:left;
float: right;
}
.online {
border: 10px solid green;
border: 3px solid green;
}
.offline {
border: 10px solid gray;
border: 3px solid gray;
}
.tx-copayers {

45
index.html
View File

@ -99,13 +99,33 @@
<div id="footer" data-ng-controller="FooterController" ng-show="$root.wallet">
<link rel="stylesheet" ng-href="{{theme}}">
<div class="row">
<span class="size-12">
{{$root.wallet.requiredCopayers}}-of-{{$root.wallet.totalCopayers}} wallet
</span>
<div class="large-2 columns">
<strong><div>{{$root.getWalletDisplay()}}</div></strong>
<span class="size-12">
{{$root.wallet.requiredCopayers}}-of-{{$root.wallet.totalCopayers}} wallet
</span>
</div>
<div class="large-2 columns" style="float:right;"
ng-repeat="copayer in $root.wallet.getRegisteredPeerIds()">
<video
ng-class="($root.wallet.getOnlinePeerIDs().indexOf(copayer) != -1) ? 'online' : 'offline'"
class="video-small"
autoplay ng-show="$root.videoSrc[copayer]"
ng-src="{{$root.getVideoURL(copayer)}}"
id="{{copayer + '-video'}}" muted="true"
title="{{copayer + (copayer == $root.wallet.network.peerId?' (You)':'')}}" ></video>
<img ng-show="!$root.videoSrc[copayer]"
ng-class="($root.wallet.getOnlinePeerIDs().indexOf(copayer) != -1) ? 'online' : 'offline'"
class="video-small"
src="./img/satoshi.gif"
title="{{copayer + (copayer == $root.wallet.network.peerId?' (You)':'')}}" />
</div>
</div>
<div class="large-8 columns text-right">
<!--
<div class="large-2 columns text-right">
<a class="size-12" ng-if="themes.length > 1" ng-click="change_theme(th)" ng-repeat="th in themes">{{th}} {{$last ? '' : '&middot; '}}</a>
</div>
-->
</div>
<!-- Templates -->
@ -230,23 +250,6 @@
{{$root.wallet.requiredCopayers}} copayers needed for signing transactions
</div>
</div>
<div class="row">
<div class="large-4 columns"
ng-repeat="copayer in $root.wallet.getRegisteredPeerIds()">
<video
ng-class="($root.wallet.getOnlinePeerIDs().indexOf(copayer) != -1) ? 'online' : 'offline'"
class="video-small"
autoplay ng-show="$root.videoSrc[copayer]"
ng-src="{{$root.getVideoURL(copayer)}}"
id="{{copayer + '-video'}}" muted="true"
title="{{copayer + (copayer == $root.wallet.network.peerId?' (You)':'')}}" ></video>
<img ng-show="!$root.videoSrc[copayer]"
ng-class="($root.wallet.getOnlinePeerIDs().indexOf(copayer) != -1) ? 'online' : 'offline'"
class="video-small"
src="./img/satoshi.gif"
title="{{copayer + (copayer == $root.wallet.network.peerId?' (You)':'')}}" />
</div>
</div>
</script>