copay/views/includes/sidebar.html

87 lines
3.0 KiB
HTML

<div ng-init="init()">
<header>
<div class="left p15" ng-show="!$root.wallet">
<span class="db m5t text-italic" translate>You have no wallets</span>
</div>
<div ng-show="$root.wallet">
<div class="col1">
<div class="avatar-wallet">{{$root.wallet.getName() | limitTo: 1}}</div>
</div>
<div class="col2" ng-class="{'col2_full':!wallets.length}">
<div class="oh m5t m10r">
<div class="name-wallet">
<div class="ellipsis">{{$root.wallet.getName()}}</div>
</div>
<div class="size-12"> {{$root.wallet.requiredCopayers}} of {{$root.wallet.totalCopayers}} </div>
</div>
</div>
</div>
<div class="col3">
<a ng-class="{'selected':walletSelection}"
ng-click="toggleWalletSelection()">
<span ng-show="!walletSelection">
<i class="icon-arrow-down2"></i>
</span>
<span ng-show="walletSelection">
<i class="icon-arrow-up2"></i>
</span>
</a>
</div>
</header>
<div>
<ul class="side-nav wallets" ng-class="{'pullDown': walletSelection}">
<li
ng-if="wallets[0]"
ng-repeat="item in wallets track by $index"
class="nav-item"
ng-if="item.id != $root.wallet.id"
ng-click="switchWallet(item.id)">
<div class="col1">
<div class="avatar-wallet">{{(item.name || item.id) | limitTo: 1}}</div>
</div>
<div class="col2">
<a href class="size-12 wallet-item">
<span class="ellipsis name-wallet">{{item.name || item.id}}</span>
<span class="size-12 type-wallet">{{item.requiredCopayers}}
<span translate>of</span> {{item.totalCopayers}}
</span>
</a>
</div>
</li>
<li class="nav-item">
<div class="buttons-sidebar" title="Add wallet" ng-click="$root.go('add')">
<div class="col1">
<i class="fi-plus size-21"></i>
</div>
<div class="col2">
<span class="tu text-bold" translate>Add wallet</span> <br>
<span class="text-light" translate>Create, join or import</span>
</div>
</div>
</li>
</ul>
</div>
<ul class="side-nav" ng-if="(!walletSelection || !wallets[0]) && $root.wallet.isComplete()">
<li data-ng-repeat="item in menu" ui-route="{{item.link}}" class="nav-item" data-ng-class="{active: isActive(item)}">
<a href="#!/{{item.link}}" ng-click="toggleCollapse()" class="db p20h">
<i class="size-21 m20r {{item.icon}}"></i> {{item.title|translate}}
<span class="right">
<span class="label alert" ng-if="item.link=='homeWallet' && $root.wallet.pendingTxProposalsCountForUs > 0">
{{$root.wallet.pendingTxProposalsCountForUs}}
</span>
</span>
</a>
</li>
</ul>
<div class="sidebar-footer text-center">
<a href="#!/" class="db">
<img src="img/logo-negative-beta.svg" alt="Copay" width="100">
</a>
<div ng-include="'views/includes/version.html'"></div>
</div>
</div>