BTCPrivate
/
copay
mirror of https://github.com/BTCPrivate/copay.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #213 from jamal-jackson/feature/address_book 

Added new empty address book design
This commit is contained in:
Gustavo Maximiliano Cortez 2016-09-29 09:40:17 -03:00 committed by GitHub
parent 90dece4fc3 4d36c7ab27
commit 046fd92522
5 changed files with 54 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
public/img/address-book-add.svg Normal file
View File

@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

7
public/views/addressbook.add.html
View File

@ -1,4 +1,4 @@
<ion-view>
<ion-view id="add-address">
<ion-nav-bar class="bar-royal">
<ion-nav-title>
<span translate>Add Contact</span>
@ -16,7 +16,7 @@
<form name="addressbookForm" no-validate>
<div class="card list">
<div class="list">
<label class="item item-input item-stacked-label">
<span class="input-label" translate>Name</span>
<input type="text"
@ -29,11 +29,12 @@
<span class="input-label" translate>Email</span>
<input type="text"
id="email"
placeholder="name@example.com"
name="email"
ng-model="addressbookEntry.email">
</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">
<i class="icon ion-checkmark-circled balanced"
ng-show="!addressbookForm.address.$invalid"></i>

20
public/views/addressbook.html
View File

@ -39,12 +39,22 @@
</ion-item>
</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">
<img class="col" src="img/item-ico-contact.svg">
<a class="col col-40 center-block" ui-sref="tabs.addressbook.add">
Add Contact
</a>
<div class="row">
<img class="col col-60 center-block" src="img/address-book-add.svg">
</div>
<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>
</ion-content>

1
src/sass/main.scss
View File

@ -1000,6 +1000,7 @@ input[type=number] {
@import "views/bitpayCard";
@import "views/address-book";
@import "views/wallet-backup-phrase";
@import "views/address-book";
@import 'views/onboarding/onboarding';
@import "views/includes/walletActivity";
@import "views/includes/wallets";

9
src/sass/views/address-book.scss
View File

@ -1,10 +1,15 @@
#add-address{
.list{
background: #ffffff;
}
}
#view-address-book {
.scroll{
height:100%;
}
#add-contact{
img{
width: 6rem;
width: 10rem;
display: inline-block;
}
a{
@ -61,4 +66,4 @@
}
}
}
}
}