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%;} #wrap {min-height: 100%;}
#main {overflow:auto; #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; #footer {position: relative;
margin-top: -30px; /* negative value of footer height */ margin-top: -91px; /* negative value of footer height */
height: 30px; height: 91px;
clear:both; clear:both;
padding: 5px 2rem; padding: 5px 2rem;
} }
@ -257,17 +257,17 @@ hr { margin: 2.25rem 0;}
} }
.video-small { .video-small {
width: 120px; width: 80px;
height: 120px; height: 80px;
margin: 20px; border-radius: 1rem;
display: inline; display: inline;
float:left; float: right;
} }
.online { .online {
border: 10px solid green; border: 3px solid green;
} }
.offline { .offline {
border: 10px solid gray; border: 3px solid gray;
} }
.tx-copayers { .tx-copayers {

45
index.html
View File

@ -99,13 +99,33 @@
<div id="footer" data-ng-controller="FooterController" ng-show="$root.wallet"> <div id="footer" data-ng-controller="FooterController" ng-show="$root.wallet">
<link rel="stylesheet" ng-href="{{theme}}"> <link rel="stylesheet" ng-href="{{theme}}">
<div class="row"> <div class="row">
<span class="size-12"> <div class="large-2 columns">
{{$root.wallet.requiredCopayers}}-of-{{$root.wallet.totalCopayers}} wallet <strong><div>{{$root.getWalletDisplay()}}</div></strong>
</span> <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>
<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> <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>
-->
</div> </div>
<!-- Templates --> <!-- Templates -->
@ -230,23 +250,6 @@
{{$root.wallet.requiredCopayers}} copayers needed for signing transactions {{$root.wallet.requiredCopayers}} copayers needed for signing transactions
</div> </div>
</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> </script>