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

prelim website scan handler ui

This commit is contained in:
Marty Alcala 2016-10-14 15:21:16 -04:00
parent 2a7ed47548
commit a24da40cb9
7 changed files with 80 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/js/directives/incomingDataMenu.js
View File

@ -7,8 +7,15 @@ angular.module('copayApp.directives')
templateUrl: 'views/includes/incomingDataMenu.html',
link: function(scope, element, attrs) {
$rootScope.$on('incomingDataMenu.showMenu', function() {
scope.showMenu = true;
console.log('in showMenu handler');
$timeout(function() {
console.log('in showMenu timeout');
scope.showMenu = true;
});
});
$timeout(function() {
scope.showMenu = true;
}, 2000);
scope.$watch('showMenu', function() {
console.log('scope.showMenu', scope.showMenu);
if(!scope.showMenu) {

4
src/sass/views/includes/actionSheet.scss
View File

@ -12,8 +12,8 @@ action-sheet {
transition: transform 250ms cubic-bezier(0.4, 0.0, 0.2, 1);
z-index: 100;
padding-top: 1.75rem;
padding-left: 2rem;
padding-right: .75rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
color: #2f2f2f;
padding-bottom: 3.5rem;
max-width: 550px;

31
src/sass/views/includes/incomingDataMenu.scss Normal file
View File

@ -0,0 +1,31 @@
incoming-data-menu {
.incoming-data-menu {
&__header {
padding-bottom: 1rem;
}
&__url {
background: rgba(203, 203, 203, .13);
padding: .5rem;
padding-left: 0;
border-radius: 4px;
display: flex;
align-items: center;
&__icon {
padding: 0 9px 0 10px;
display: flex;
align-items: center;
//margin-right: .5rem;
//border-right: 1px solid #E4E4E4;
}
&__text {
color: #4A4A4A;
font-size: 14px;
border-left: 1px solid #E4E4E4;
padding-left: 1rem;
}
}
}
}

7
src/sass/views/includes/walletSelector.scss
View File

@ -1,7 +1,12 @@
wallet-selector {
$border-color: #EFEFEF;
.bp-action-sheet__sheet {
padding-left: 2rem;
padding-right: .75rem;
}
.wallet-selector {
.wallet {
border: 0;

1
src/sass/views/views.scss
View File

@ -23,6 +23,7 @@
@import "includes/wallets";
@import "includes/modals/modals";
@import "includes/clickToAccept";
@import "includes/incomingDataMenu";
@import "includes/slideToAccept";
@import "includes/slideToAcceptSuccess";
@import "includes/tx-details";

23
www/img/icon-lock-green.svg Normal file
View File

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="20px" viewBox="0 0 16 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 40.1 (33804) - http://www.bohemiancoding.com/sketch -->
<title>ui-24px-outline-1_lock</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Addresss-(Secure-URL)" transform="translate(-9.000000, -9.000000)" stroke-width="2" stroke="#12E5B6">
<g id="Items/Bitcoin-Address">
<g id="Items/Bitcoin-Address-Copy">
<g id="ui-24px-outline-1_lock" transform="translate(10.955302, 10.000000)">
<g id="Group">
<path d="M6.5,0 L6.5,0 C4.225,0 2.4375,1.8 2.4375,4.09090909 L2.4375,6.54545455 L10.5625,6.54545455 L10.5625,4.09090909 C10.5625,1.8 8.775,0 6.5,0 L6.5,0 Z" id="Shape"></path>
<rect id="Rectangle-path" x="0" y="6.54545455" width="13" height="11.4545455"></rect>
<ellipse id="Oval" cx="6.5" cy="11.4545455" rx="1.625" ry="1.63636364"></ellipse>
<path d="M6.5,13.0909091 L6.5,14.7272727" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

10
www/views/includes/incomingDataMenu.html
View File

@ -1,4 +1,12 @@
<action-sheet
action-sheet-show="showMenu">
hi
<div class="incoming-data-menu__header">Website</div>
<div class="incoming-data-menu__url">
<div class="incoming-data-menu__url__icon">
<img src="img/icon-lock-green.svg">
</div>
<div class="incoming-data-menu__url__text">
https://bitpay.com
</div>
</div>
</action-sheet>