mirror of https://github.com/BTCPrivate/copay.git
Merge pull request #240 from jamal-jackson/feature/send_tab_view
updated list view on send tab
This commit is contained in:
commit
e6c68ec3c2
|
@ -22,30 +22,37 @@
|
||||||
<span translate>Contacts</span>
|
<span translate>Contacts</span>
|
||||||
<a ng-show="hasContacts" ui-sref="tabs.send.addressbook"><i class="icon ion-ios-plus-empty list-add-button"></i></a>
|
<a ng-show="hasContacts" ui-sref="tabs.send.addressbook"><i class="icon ion-ios-plus-empty list-add-button"></i></a>
|
||||||
</div>
|
</div>
|
||||||
<a class="item item-icon-left item-icon-right ng-hide" ng-show="!hasContacts" ui-sref="tabs.send.addressbook">
|
<div class="list">
|
||||||
<gravatar class="send-gravatar" name="" width="30" email=""></gravatar>
|
<a class="item item-icon-left item-icon-right ng-hide" ng-show="!hasContacts" ui-sref="tabs.send.addressbook">
|
||||||
<span translate>Add a Contact</span>
|
<gravatar class="send-gravatar" name="" width="30" email=""></gravatar>
|
||||||
<i class="icon nav-item-arrow-right"></i>
|
<span translate>Add a Contact</span>
|
||||||
</a>
|
<i class="icon nav-item-arrow-right"></i>
|
||||||
<a class="item item-icon-left item-icon-right ng-hide" ng-repeat="item in list" ng-show="hasContacts && !item.isWallet" ng-click="goToAmount(item)">
|
</a>
|
||||||
<gravatar class="send-gravatar" name="{{item.name}}" width="30" email="{{item.email}}"></gravatar>
|
<a class="item item-icon-left item-icon-right ng-hide" ng-repeat="item in list" ng-show="hasContacts && !item.isWallet" ng-click="goToAmount(item)">
|
||||||
{{item.name}}
|
<gravatar class="send-gravatar" name="{{item.name}}" width="30" email="{{item.email}}"></gravatar>
|
||||||
<i class="icon nav-item-arrow-right"></i>
|
{{item.name}}
|
||||||
</a>
|
<i class="icon nav-item-arrow-right"></i>
|
||||||
<div class="show-more" ng-show="contactsShowMore" ng-click="showMore()" translate>
|
</a>
|
||||||
Show more
|
<div class="show-more" ng-show="contactsShowMore" ng-click="showMore()" translate>
|
||||||
|
Show more
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card" ng-show="hasWallets && !oneWallet">
|
<div class="card" ng-show="hasWallets && !oneWallet">
|
||||||
<div class="item item-heading">
|
<div class="list">
|
||||||
<span translate>Transfer to Wallet</span>
|
<div class="item item-heading">
|
||||||
|
<span translate>Transfer to Wallet</span>
|
||||||
|
</div>
|
||||||
|
<a class="item item-icon-left item-icon-right ng-hide" ng-repeat="item in list" ng-show="hasWallets && item.isWallet" ng-click="goToAmount(item)">
|
||||||
|
<!-- <i ng-show="item.isWallet" class="icon ion-briefcase size-21" ng-style="{'color':item.color}"></i> -->
|
||||||
|
<i class="icon big-icon-svg" ng-show="item.isWallet">
|
||||||
|
<img src="img/icon-wallet.svg" ng-style="{'background-color': item.color}" class="bg"/>
|
||||||
|
</i>
|
||||||
|
{{item.name}}
|
||||||
|
<i class="icon nav-item-arrow-right"></i>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<a class="item item-icon-left item-icon-right ng-hide" ng-repeat="item in list" ng-show="hasWallets && item.isWallet" ng-click="goToAmount(item)">
|
|
||||||
<i ng-show="item.isWallet" class="icon ion-briefcase size-21" ng-style="{'color':item.color}"></i>
|
|
||||||
{{item.name}}
|
|
||||||
<i class="icon nav-item-arrow-right"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</ion-content>
|
</ion-content>
|
||||||
</ion-view>
|
</ion-view>
|
||||||
|
|
|
@ -23,4 +23,47 @@
|
||||||
color: #387ef5;
|
color: #387ef5;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
.list {
|
||||||
|
.item {
|
||||||
|
color: #444;
|
||||||
|
border-top: none;
|
||||||
|
padding-top: 1.5rem;
|
||||||
|
padding-bottom: 1.5rem;
|
||||||
|
.big-icon-svg {
|
||||||
|
left:5px;
|
||||||
|
& > .bg{
|
||||||
|
width:30px;
|
||||||
|
height:30px;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:before {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
width: 80%;
|
||||||
|
height: 1px;
|
||||||
|
background: rgba(221, 221, 221, 0.3);
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
&.item-divider {
|
||||||
|
color: rgba(74, 74, 74, .8);
|
||||||
|
}
|
||||||
|
&.item-heading {
|
||||||
|
&:before {
|
||||||
|
top: 99%;
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:nth-child(2) {
|
||||||
|
&:before {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.item-note {
|
||||||
|
color: rgb(58, 58, 58);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue