mirror of https://github.com/BTCPrivate/copay.git
Merge pull request #213 from jamal-jackson/feature/address_book
Added new empty address book design
This commit is contained in:
commit
046fd92522
|
@ -0,0 +1,27 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg width="128px" height="128px" viewBox="0 0 128 128" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: sketchtool 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
|
||||||
|
<title>CF22B02A-463B-4798-B448-F6A878730EDC</title>
|
||||||
|
<desc>Created with sketchtool.</desc>
|
||||||
|
<defs>
|
||||||
|
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
|
||||||
|
<stop stop-color="#EFF2FF" offset="0%"></stop>
|
||||||
|
<stop stop-color="#F7F7F7" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="Settings" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="1.7.4---Address-book-(Empty)" transform="translate(-122.000000, -125.000000)">
|
||||||
|
<g id="Header/Jumbo-W-Text/Light" transform="translate(0.000000, 70.000000)">
|
||||||
|
<g id="users-24px-outline-2_a-add" transform="translate(64.000000, 41.000000)">
|
||||||
|
<g id="Group" transform="translate(58.000000, 14.000000)">
|
||||||
|
<circle id="Oval-2" fill="url(#linearGradient-1)" cx="64" cy="64" r="64"></circle>
|
||||||
|
<path d="M59.8058824,65.8235294 C51.3947922,65.8235294 43.9338216,67.7071485 39.0313235,69.3457199 C35.4125294,70.5591485 33,73.9396246 33,77.7275294 L33,89.442577 L62.7843137,89.442577" id="Shape" stroke="#647CE8" stroke-width="2"></path>
|
||||||
|
<path d="M65.8843137,68.4285714 L65.8843137,68.4285714 C57.6608647,68.4285714 50.9921569,58.8658095 50.9921569,50.7142857 L50.9921569,47.7619048 C50.9921569,39.610381 57.6608647,33 65.8843137,33 L65.8843137,33 C74.1077627,33 80.7764706,39.610381 80.7764706,47.7619048 L80.7764706,50.7142857 C80.7764706,58.8658095 74.1077627,68.4285714 65.8843137,68.4285714 L65.8843137,68.4285714 Z" id="Shape" stroke="#647CE8" stroke-width="2"></path>
|
||||||
|
<path d="M85.2745098,77.2857143 L85.2745098,95" id="Shape" stroke="#647CE8" stroke-width="2"></path>
|
||||||
|
<path d="M77.1294118,85.2745098 L95,85.2745098" id="Shape" stroke="#647CE8" stroke-width="2"></path>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 2.2 KiB |
|
@ -1,4 +1,4 @@
|
||||||
<ion-view>
|
<ion-view id="add-address">
|
||||||
<ion-nav-bar class="bar-royal">
|
<ion-nav-bar class="bar-royal">
|
||||||
<ion-nav-title>
|
<ion-nav-title>
|
||||||
<span translate>Add Contact</span>
|
<span translate>Add Contact</span>
|
||||||
|
@ -16,7 +16,7 @@
|
||||||
|
|
||||||
<form name="addressbookForm" no-validate>
|
<form name="addressbookForm" no-validate>
|
||||||
|
|
||||||
<div class="card list">
|
<div class="list">
|
||||||
<label class="item item-input item-stacked-label">
|
<label class="item item-input item-stacked-label">
|
||||||
<span class="input-label" translate>Name</span>
|
<span class="input-label" translate>Name</span>
|
||||||
<input type="text"
|
<input type="text"
|
||||||
|
@ -29,11 +29,12 @@
|
||||||
<span class="input-label" translate>Email</span>
|
<span class="input-label" translate>Email</span>
|
||||||
<input type="text"
|
<input type="text"
|
||||||
id="email"
|
id="email"
|
||||||
|
placeholder="name@example.com"
|
||||||
name="email"
|
name="email"
|
||||||
ng-model="addressbookEntry.email">
|
ng-model="addressbookEntry.email">
|
||||||
</label>
|
</label>
|
||||||
<label class="item item-input item-stacked-label">
|
<label class="item item-input item-stacked-label">
|
||||||
<span class="input-label" translate>Address</span>
|
<span class="input-label" translate>Bitcoin Address</span>
|
||||||
<div class="input-notification">
|
<div class="input-notification">
|
||||||
<i class="icon ion-checkmark-circled balanced"
|
<i class="icon ion-checkmark-circled balanced"
|
||||||
ng-show="!addressbookForm.address.$invalid"></i>
|
ng-show="!addressbookForm.address.$invalid"></i>
|
||||||
|
|
|
@ -39,12 +39,22 @@
|
||||||
|
|
||||||
</ion-item>
|
</ion-item>
|
||||||
</ion-list>
|
</ion-list>
|
||||||
<div class="row text-center absolute-center" ng-show="isEmptyList">
|
<div class="text-center absolute-center" ng-show="isEmptyList">
|
||||||
<div id="add-contact" class="col col-80 center-block">
|
<div id="add-contact" class="col col-80 center-block">
|
||||||
<img class="col" src="img/item-ico-contact.svg">
|
<div class="row">
|
||||||
<a class="col col-40 center-block" ui-sref="tabs.addressbook.add">
|
<img class="col col-60 center-block" src="img/address-book-add.svg">
|
||||||
Add Contact
|
</div>
|
||||||
</a>
|
<div class="row text-center">
|
||||||
|
<h2 class="col" translate>No contacts yet</h2>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<p class="text-center" translate>
|
||||||
|
You haven’t added any contacts to your address book yet. Get started by adding your first one.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<button class="button button-block button-positive col" ui-sref="tabs.addressbook.add" translate>Add Contact</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ion-content>
|
</ion-content>
|
||||||
|
|
|
@ -1000,6 +1000,7 @@ input[type=number] {
|
||||||
@import "views/bitpayCard";
|
@import "views/bitpayCard";
|
||||||
@import "views/address-book";
|
@import "views/address-book";
|
||||||
@import "views/wallet-backup-phrase";
|
@import "views/wallet-backup-phrase";
|
||||||
|
@import "views/address-book";
|
||||||
@import 'views/onboarding/onboarding';
|
@import 'views/onboarding/onboarding';
|
||||||
@import "views/includes/walletActivity";
|
@import "views/includes/walletActivity";
|
||||||
@import "views/includes/wallets";
|
@import "views/includes/wallets";
|
||||||
|
|
|
@ -1,10 +1,15 @@
|
||||||
|
#add-address{
|
||||||
|
.list{
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
}
|
||||||
#view-address-book {
|
#view-address-book {
|
||||||
.scroll{
|
.scroll{
|
||||||
height:100%;
|
height:100%;
|
||||||
}
|
}
|
||||||
#add-contact{
|
#add-contact{
|
||||||
img{
|
img{
|
||||||
width: 6rem;
|
width: 10rem;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
a{
|
a{
|
||||||
|
@ -61,4 +66,4 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue