mirror of https://github.com/BTCPrivate/copay.git
table style
This commit is contained in:
parent
8765ac5ca5
commit
2dc4cb26e1
|
@ -836,6 +836,20 @@ label small.has-error {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
table { border-collapse: collapse; text-align: left; width: 100%; border: none;
|
||||||
|
box-shadow: -2px 1px 9px 1px #DDDDDD;
|
||||||
|
-webkit-box-shadow: -2px 1px 5px 1px #DDDDDD;
|
||||||
|
-moz-box-shadow: -2px 1px 5px 1px #DDDDDD;
|
||||||
|
-o-box-shadow: -2px 1px 5px 1px #DDDDDD;
|
||||||
|
|
||||||
|
}
|
||||||
|
thead tr{ text-transform: uppercase; border-top: 1px solid #FFFFFF; height: 46px}
|
||||||
|
table td, .datagrid table th { padding: 15px 15px; height: 58px} }
|
||||||
|
table thead th {background-color: #F5F5F8; color:#949BAD; font-size: 13px; font-weight: normal; !important}
|
||||||
|
table tbody td { color: #000000; font-size: 14px;border-bottom: 1px solid #F1F1F3; }
|
||||||
|
table tbody tr:last-child td { border-bottom: none; }
|
||||||
|
|
||||||
|
|
||||||
table tr.active {
|
table tr.active {
|
||||||
background: #CBECE6;
|
background: #CBECE6;
|
||||||
}
|
}
|
||||||
|
|
|
@ -42,48 +42,51 @@
|
||||||
<div class="row" ng-init="getWallets()">
|
<div class="row" ng-init="getWallets()">
|
||||||
<div class="large-12 columns">
|
<div class="large-12 columns">
|
||||||
<h2>Manage wallets</h2>
|
<h2>Manage wallets</h2>
|
||||||
<table width="100%" role="grid">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
<th>Type</th>
|
|
||||||
<th>Status</th>
|
|
||||||
<th>Balance</th>
|
|
||||||
<th>Actions</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr
|
|
||||||
data-ng-repeat="item in wallets | orderBy:'name'"
|
|
||||||
ng-init="isReady = item.isReady();
|
|
||||||
networkName = item.getNetworkName()"
|
|
||||||
ng-class="{'deleting':loading==item.id}">
|
|
||||||
<td>{{item.name || item.id }}</td>
|
|
||||||
<td width="120">{{item.requiredCopayers}} of {{item.totalCopayers}} - {{networkName}}</td>
|
|
||||||
<td width="200">{{isReady ? 'Complete' : 'Waiting for copayers...'}}</td>
|
|
||||||
<td width="200">
|
|
||||||
<span ng-if="!isReady">-</span>
|
|
||||||
<span ng-if="isReady">
|
|
||||||
{{item.balanceInfo.totalBalance || 0 |noFractionNumber}} {{item.settings.unitName}}
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
<td width="90" class="text-center">
|
|
||||||
|
|
||||||
<div ng-show="loading != item.id">
|
<div class="datagrid">
|
||||||
<a title="Download Backup" class="text-gray" ng-click="downloadWalletBackup(item)"
|
<table>
|
||||||
ng-show="!isSafari"><i class="fi-download size-18 m10r"></i></a>
|
<thead>
|
||||||
<a title="View Backup" ng-click="viewWalletBackup(item)"
|
<tr>
|
||||||
ng-show="isSafari"><i class="fi-eye"></i></a>
|
<th>Name</th>
|
||||||
|
<th>Type</th>
|
||||||
<a title="Delete Wallet" ng-really-message="{{'Are you sure you want to delete the wallet'}} {{(item.name || item.id)}}"
|
<th>Status</th>
|
||||||
ng-really-click="deleteWallet(item)"
|
<th>Balance</th>
|
||||||
ng-show="loading != item.id"><i class="fi-trash text-gray size-18"></i></a>
|
<th>Actions</th>
|
||||||
</div>
|
</tr>
|
||||||
<span ng-show="loading == item.id"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
|
</thead>
|
||||||
</td>
|
<tbody>
|
||||||
</tr>
|
<tr
|
||||||
</tbody>
|
data-ng-repeat="item in wallets | orderBy:'name'"
|
||||||
</table>
|
ng-init="isReady = item.isReady();
|
||||||
|
networkName = item.getNetworkName()"
|
||||||
|
ng-class="{'deleting':loading==item.id}">
|
||||||
|
<td>{{item.name || item.id }}</td>
|
||||||
|
<td width="120px">{{item.requiredCopayers}} of {{item.totalCopayers}} - {{networkName}}</td>
|
||||||
|
<td width="200px">{{isReady ? 'Complete' : 'Waiting for copayers...'}}</td>
|
||||||
|
<td width="200px">
|
||||||
|
<span ng-if="!isReady">-</span>
|
||||||
|
<span ng-if="isReady">
|
||||||
|
{{item.balanceInfo.totalBalance || 0 |noFractionNumber}} {{item.settings.unitName}}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
<td width="70px" class="text-center">
|
||||||
|
|
||||||
|
<div ng-show="loading != item.id">
|
||||||
|
<a title="Download Backup" class="text-gray" ng-click="downloadWalletBackup(item)"
|
||||||
|
ng-show="!isSafari"><i class="fi-download size-18 m10r"></i></a>
|
||||||
|
<a title="View Backup" ng-click="viewWalletBackup(item)"
|
||||||
|
ng-show="isSafari"><i class="fi-eye"></i></a>
|
||||||
|
|
||||||
|
<a title="Delete Wallet" ng-really-message="{{'Are you sure you want to delete the wallet'}} {{(item.name || item.id)}}"
|
||||||
|
ng-really-click="deleteWallet(item)"
|
||||||
|
ng-show="loading != item.id"><i class="fi-trash text-gray size-18"></i></a>
|
||||||
|
</div>
|
||||||
|
<span ng-show="loading == item.id"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue