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

Merge pull request #3268 from bechi/ui-glidera-01 

UI-Glidera
This commit is contained in:
Gustavo Maximiliano Cortez 2015-10-05 11:32:14 -03:00
parent a75acf8ea4 4e36f88b1c
commit b817a14a65
9 changed files with 248 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
public/img/bought-pending.svg Normal file
View File

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-264 387.9 66 66"
enable-background="new -264 387.9 66 66" xml:space="preserve">
<title>Oval 356 + ios7-redo</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" sketch:type="MSPage">
<g id="Copay-v1-Buy-_x2013_-Main" transform="translate(-36.000000, -736.000000)" sketch:type="MSArtboardGroup">
<g id="Oval-356-_x2B_-ios7-redo" transform="translate(37.000000, 737.000000)" sketch:type="MSLayerGroup">
<path fill="#1ABC9C" d="M-232,452.9c-18.2,0-33-14.8-33-33c0-18.2,14.8-33,33-33s33,14.8,33,33C-199,438.1-213.8,452.9-232,452.9
z M-232,388.9c-17.1,0-31,13.9-31,31s13.9,31,31,31c17.1,0,31-13.9,31-31S-214.9,388.9-232,388.9z"/>
<g id="plus-round" transform="translate(14.933333, 14.933333)" sketch:type="MSShapeGroup">
<path id="Shape" fill="#1ABC9C" d="M-244.1,402.2v-11.5c0-1.5-1.3-2.7-2.8-2.7s-2.8,1.2-2.8,2.7v11.5h-11.5
c-1.5,0-2.7,1.3-2.7,2.8s1.2,2.8,2.7,2.8h11.5v11.5c0,1.5,1.3,2.7,2.8,2.7s2.8-1.2,2.8-2.7v-11.5h11.5c1.5,0,2.7-1.3,2.7-2.8
s-1.2-2.8-2.7-2.8H-244.1z"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

37
public/img/bought.svg Normal file
View File

@ -0,0 +1,37 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-258 383.9 79 75"
enable-background="new -258 383.9 79 75" xml:space="preserve">
<title>Oval 356 + ios7-redo + Shape Copy 5</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" sketch:type="MSPage">
<g id="Copay-v1-Buy-_x2013_-Main" transform="translate(-18.000000, -990.000000)" sketch:type="MSArtboardGroup">
<g id="Oval-356-_x2B_-ios7-redo-_x2B_-Shape-Copy-5" transform="translate(19.000000, 991.000000)" sketch:type="MSLayerGroup">
<g id="Oval-356-_x2B_-ios7-redo" sketch:type="MSShapeGroup">
<g>
<circle id="Oval-356_1_" fill="#FFFFFF" cx="-226" cy="415.9" r="32"/>
<path fill="#1ABC9C" d="M-226,448.9c-18.2,0-33-14.8-33-33c0-18.2,14.8-33,33-33s33,14.8,33,33
C-193,434.1-207.8,448.9-226,448.9z M-226,384.9c-17.1,0-31,13.9-31,31s13.9,31,31,31c17.1,0,31-13.9,31-31
S-208.9,384.9-226,384.9z"/>
</g>
<g id="plus-round" transform="translate(14.933333, 14.933333)">
<path id="Shape" fill="#1ABC9C" d="M-238.1,398.2v-11.5c0-1.5-1.3-2.7-2.8-2.7s-2.8,1.2-2.8,2.7v11.5h-11.5
c-1.5,0-2.7,1.3-2.7,2.8s1.2,2.8,2.7,2.8h11.5v11.5c0,1.5,1.3,2.7,2.8,2.7s2.8-1.2,2.8-2.7v-11.5h11.5c1.5,0,2.7-1.3,2.7-2.8
s-1.2-2.8-2.7-2.8H-238.1z"/>
</g>
</g>
<g>
<path id="Shape-Copy-4_1_" sketch:type="MSShapeGroup" fill="#2C3E50" d="M-212,440.9c0,8.3,6.7,15,15,15s15-6.7,15-15
c0-8.3-6.7-15-15-15S-212,432.6-212,440.9z"/>
<path fill="#FFFFFF" d="M-197,456.9c-8.8,0-16-7.2-16-16s7.2-16,16-16s16,7.2,16,16S-188.2,456.9-197,456.9z M-197,426.9
c-7.7,0-14,6.3-14,14s6.3,14,14,14s14-6.3,14-14S-189.3,426.9-197,426.9z"/>
</g>
<path id="Path-Copy" sketch:type="MSShapeGroup" fill="#FFFFFF" d="M-188.3,436l-9.5,11.9c-0.1,0.1-0.2,0.2-0.3,0.2
c-0.2,0-0.3-0.1-0.3-0.2c-0.1-0.1-5.4-5-5.4-5l-0.1-0.1c0-0.1-0.1-0.1-0.1-0.2s0-0.2,0.1-0.2c0,0,0,0,0.1-0.1
c0.5-0.5,1.6-1.6,1.7-1.7c0.1-0.1,0.2-0.2,0.3-0.2c0.2,0,0.3,0.1,0.4,0.2s3.1,2.9,3.1,2.9l7.6-9.5c0.1-0.1,0.1-0.1,0.2-0.1
c0.1,0,0.2,0,0.2,0.1l2.1,1.6c0.1,0.1,0.1,0.1,0.1,0.2C-188.2,435.9-188.3,436-188.3,436L-188.3,436z"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

42
public/img/buy-bitcoin.svg Normal file
View File

@ -0,0 +1,42 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-257 387.9 80 66"
enable-background="new -257 387.9 80 66" xml:space="preserve">
<title>fi-bitcoin-circle + Oval 356 + ios7-redo Copy 4</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" sketch:type="MSPage">
<g id="Copay-v1-Buy-_x2013_-Main" transform="translate(-34.000000, -387.000000)" sketch:type="MSArtboardGroup">
<g id="fi-bitcoin-circle-_x2B_-Oval-356-_x2B_-ios7-redo-Copy-4" transform="translate(34.000000, 387.000000)" sketch:type="MSLayerGroup">
<g id="fi-bitcoin-circle" sketch:type="MSShapeGroup">
<g id="g99">
<path id="Shape" fill="#2C3E50" d="M-225.2,409.8l-1.7,6.9c2,0.5,8,2.5,9-1.4C-216.9,411.2-223.2,410.3-225.2,409.8
L-225.2,409.8z"/>
<path id="Shape_1_" fill="#2C3E50" d="M-227.8,420.3l-1.9,7.6c2.3,0.6,9.6,2.9,10.7-1.4C-217.9,422-225.4,420.8-227.8,420.3
L-227.8,420.3z"/>
<path id="Shape_2_" fill="#2C3E50" d="M-217.4,389.3c-16.9-4.2-34,6.1-38.3,23c-4.2,16.9,6.1,34.1,23,38.3
c16.9,4.2,34.1-6.1,38.3-23C-190.2,410.6-200.4,393.5-217.4,389.3L-217.4,389.3z M-211.1,415.4c-0.5,3.1-2.2,4.6-4.4,5.1
c3.1,1.6,4.7,4.1,3.2,8.4c-1.9,5.3-6.3,5.8-12.2,4.7l-1.4,5.7l-3.5-0.9l1.4-5.7c-0.9-0.2-1.8-0.5-2.8-0.7l-1.4,5.7l-3.5-0.9
l1.4-5.8c-0.8-0.2-1.6-0.4-2.5-0.6l-4.5-1.1l1.7-4c0,0,2.6,0.7,2.5,0.6c1,0.2,1.4-0.4,1.6-0.8l2.3-9.1c0.1,0,0.3,0.1,0.4,0.1
c-0.1-0.1-0.3-0.1-0.4-0.1l1.6-6.5c0-0.7-0.2-1.7-1.6-2c0.1,0-2.5-0.6-2.5-0.6l0.9-3.7l4.8,1.2l0,0c0.7,0.2,1.5,0.3,2.2,0.5
l1.4-5.7l3.5,0.9l-1.4,5.6c0.9,0.2,1.9,0.4,2.8,0.7l1.4-5.5l3.5,0.9l-1.4,5.7C-213.7,408.9-210.5,411.2-211.1,415.4
L-211.1,415.4z"/>
</g>
</g>
<g id="Oval-356-_x2B_-ios7-redo" transform="translate(48.000000, 34.000000)" sketch:type="MSShapeGroup">
<g>
<circle id="Oval-356_1_" fill="#1ABC9C" cx="-242" cy="402.9" r="15"/>
<path fill="#FFFFFF" d="M-242,418.9c-8.8,0-16-7.2-16-16s7.2-16,16-16s16,7.2,16,16S-233.2,418.9-242,418.9z M-242,388.9
c-7.7,0-14,6.3-14,14s6.3,14,14,14s14-6.3,14-14S-234.3,388.9-242,388.9z"/>
</g>
<g id="plus-round" transform="translate(7.000000, 7.000000)">
<path id="Shape_3_" fill="#FFFFFF" d="M-242.3,394.6h-5.4v-5.4c0-0.7-0.6-1.3-1.3-1.3s-1.3,0.6-1.3,1.3v5.4h-5.4
c-0.7,0-1.3,0.6-1.3,1.3c0,0.7,0.6,1.3,1.3,1.3h5.4v5.4c0,0.7,0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3v-5.4h5.4c0.7,0,1.3-0.6,1.3-1.3
C-241,395.2-241.6,394.6-242.3,394.6L-242.3,394.6z"/>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

41
public/img/sell-bitcoin.svg Normal file
View File

@ -0,0 +1,41 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-257 387.9 80 66"
enable-background="new -257 387.9 80 66" xml:space="preserve">
<title>fi-bitcoin-circle copy + Oval 356 Copy + ios7-redo copy Copy</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" sketch:type="MSPage">
<g id="Copay-v1-Buy-_x2013_-Main" transform="translate(-34.000000, -502.000000)" sketch:type="MSArtboardGroup">
<g id="fi-bitcoin-circle-copy-_x2B_-Oval-356-Copy-_x2B_-ios7-redo-copy-Copy" transform="translate(34.000000, 502.000000)" sketch:type="MSLayerGroup">
<g id="fi-bitcoin-circle-copy" sketch:type="MSShapeGroup">
<g id="g99">
<path id="Shape" fill="#2C3E50" d="M-225.2,409.8l-1.7,6.9c2,0.5,8,2.5,9-1.4C-216.9,411.2-223.2,410.3-225.2,409.8
L-225.2,409.8z"/>
<path id="Shape_1_" fill="#2C3E50" d="M-227.8,420.3l-1.9,7.6c2.3,0.6,9.6,2.9,10.7-1.4C-217.9,422-225.4,420.8-227.8,420.3
L-227.8,420.3z"/>
<path id="Shape_2_" fill="#2C3E50" d="M-217.4,389.3c-16.9-4.2-34,6.1-38.3,23c-4.2,16.9,6.1,34.1,23,38.3
c16.9,4.2,34.1-6.1,38.3-23C-190.2,410.6-200.4,393.5-217.4,389.3L-217.4,389.3z M-211.1,415.4c-0.5,3.1-2.2,4.6-4.4,5.1
c3.1,1.6,4.7,4.1,3.2,8.4c-1.9,5.3-6.3,5.8-12.2,4.7l-1.4,5.7l-3.5-0.9l1.4-5.7c-0.9-0.2-1.8-0.5-2.8-0.7l-1.4,5.7l-3.5-0.9
l1.4-5.8c-0.8-0.2-1.6-0.4-2.5-0.6l-4.5-1.1l1.7-4c0,0,2.6,0.7,2.5,0.6c1,0.2,1.4-0.4,1.6-0.8l2.3-9.1c0.1,0,0.3,0.1,0.4,0.1
c-0.1-0.1-0.3-0.1-0.4-0.1l1.6-6.5c0-0.7-0.2-1.7-1.6-2c0.1,0-2.5-0.6-2.5-0.6l0.9-3.7l4.8,1.2l0,0c0.7,0.2,1.5,0.3,2.2,0.5
l1.4-5.7l3.5,0.9l-1.4,5.6c0.9,0.2,1.9,0.4,2.8,0.7l1.4-5.5l3.5,0.9l-1.4,5.7C-213.7,408.9-210.5,411.2-211.1,415.4
L-211.1,415.4z"/>
</g>
</g>
<g id="Oval-356-Copy-_x2B_-ios7-redo-copy" transform="translate(48.000000, 34.000000)" sketch:type="MSShapeGroup">
<g>
<circle id="Oval-356-Copy_1_" fill="#F6A623" cx="-242" cy="402.9" r="15"/>
<path fill="#FFFFFF" d="M-242,418.9c-8.8,0-16-7.2-16-16s7.2-16,16-16s16,7.2,16,16S-233.2,418.9-242,418.9z M-242,388.9
c-7.7,0-14,6.3-14,14s6.3,14,14,14s14-6.3,14-14S-234.3,388.9-242,388.9z"/>
</g>
<g id="minus-round" transform="translate(7.000000, 13.800000)">
<path id="Shape_3_" fill="#FFFFFF" d="M-242.3,387.9h-13.5c-0.7,0-1.3,0.5-1.3,1.2s0.6,1.2,1.3,1.2h13.5c0.7,0,1.3-0.5,1.3-1.2
S-241.6,387.9-242.3,387.9L-242.3,387.9z"/>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

20
public/img/sold-pending.svg Normal file
View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-264 387.9 66 66"
enable-background="new -264 387.9 66 66" xml:space="preserve">
<title>Oval 356 + ios7-redo Copy</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" sketch:type="MSPage">
<g id="Copay-v1-Buy-_x2013_-Main" transform="translate(-18.000000, -847.000000)" sketch:type="MSArtboardGroup">
<g id="Oval-356-_x2B_-ios7-redo-Copy" transform="translate(19.000000, 848.000000)" sketch:type="MSLayerGroup">
<path fill="#F6A623" d="M-232,452.9c-18.2,0-33-14.8-33-33c0-18.2,14.8-33,33-33s33,14.8,33,33C-199,438.1-213.8,452.9-232,452.9
z M-232,388.9c-17.1,0-31,13.9-31,31s13.9,31,31,31c17.1,0,31-13.9,31-31S-214.9,388.9-232,388.9z"/>
<g id="minus-round-copy" transform="translate(15.000000, 31.000000)" sketch:type="MSShapeGroup">
<path id="Shape" fill="#F6A623" d="M-232.7,387.9h-28.6c-1.5,0-2.7,1.1-2.7,2.4c0,1.3,1.2,2.4,2.7,2.4h28.6
c1.5,0,2.7-1.1,2.7-2.4C-230,389-231.2,387.9-232.7,387.9L-232.7,387.9z"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

39
public/img/sold.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-258 383.9 79 75"
enable-background="new -258 383.9 79 75" xml:space="preserve">
<title>Oval 356 + ios7-redo Copy + Shape Copy 5</title>
<desc>Created with Sketch.</desc>
<g id="Page-1" sketch:type="MSPage">
<g id="Copay-v1-Buy-_x2013_-Main" transform="translate(-18.000000, -867.000000)" sketch:type="MSArtboardGroup">
<g id="Oval-356-_x2B_-ios7-redo-Copy-_x2B_-Shape-Copy-5" transform="translate(19.000000, 868.000000)" sketch:type="MSLayerGroup">
<g id="Oval-356-_x2B_-ios7-redo-Copy" sketch:type="MSShapeGroup">
<g>
<circle id="Oval-356_1_" fill="#FFFFFF" cx="-226" cy="415.9" r="32"/>
<path fill="#F6A623" d="M-226,448.9c-18.2,0-33-14.8-33-33c0-18.2,14.8-33,33-33s33,14.8,33,33
C-193,434.1-207.8,448.9-226,448.9z M-226,384.9c-17.1,0-31,13.9-31,31s13.9,31,31,31c17.1,0,31-13.9,31-31
S-208.9,384.9-226,384.9z"/>
</g>
<g id="minus-round-copy" transform="translate(15.000000, 31.000000)">
<path id="Shape" fill="#F6A623" d="M-226.7,383.9h-28.6c-1.5,0-2.7,1.1-2.7,2.4c0,1.3,1.2,2.4,2.7,2.4h28.6
c1.5,0,2.7-1.1,2.7-2.4C-224,385-225.2,383.9-226.7,383.9L-226.7,383.9z"/>
</g>
</g>
<g id="Shape-Copy-5-_x2B_-Path-Copy-2" transform="translate(46.000000, 42.000000)" sketch:type="MSShapeGroup">
<g>
<path id="Shape-Copy-5_1_" fill="#2C3E50" d="M-258,398.9c0,8.3,6.7,15,15,15s15-6.7,15-15c0-8.3-6.7-15-15-15
S-258,390.6-258,398.9z"/>
<path fill="#FFFFFF" d="M-243,414.9c-8.8,0-16-7.2-16-16s7.2-16,16-16s16,7.2,16,16S-234.2,414.9-243,414.9z M-243,384.9
c-7.7,0-14,6.3-14,14s6.3,14,14,14s14-6.3,14-14S-235.3,384.9-243,384.9z"/>
</g>
<path id="Path-Copy-2" fill="#FFFFFF" d="M-234.3,394l-9.5,11.9c-0.1,0.1-0.2,0.2-0.3,0.2c-0.2,0-0.3-0.1-0.3-0.2
c-0.1-0.1-5.4-5-5.4-5l-0.1-0.1c0-0.1-0.1-0.1-0.1-0.2s0-0.2,0.1-0.2c0,0,0,0,0.1-0.1c0.5-0.5,1.6-1.6,1.7-1.7
c0.1-0.1,0.2-0.2,0.3-0.2c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,3.1,2.9,3.1,2.9l7.6-9.5c0.1-0.1,0.1-0.1,0.2-0.1c0.1,0,0.2,0,0.2,0.1
l2.1,1.6c0.1,0.1,0.1,0.1,0.1,0.2C-234.2,393.9-234.3,394-234.3,394L-234.3,394z"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

35
public/views/glidera.html
View File

@ -140,8 +140,8 @@
<li ng-show="index.glideraPermissions.transact &&
(index.glideraStatus.userCanBuy || index.glideraStatus.userCanTransact)" class="line-b line-t p20 pointer"
ng-click="$root.go('buyGlidera')">
<i class="icon-buy-btc size-24 m5r"></i>
<span>Buy Bitcoin</span>
<img src="../img/buy-bitcoin.svg" alt="buy bitcoin" width="40">
<span class="m10 text-normal text-bold">Buy Bitcoin</span>
<span class="right text-gray">
<i class="icon-arrow-right3 size-24 right"></i>
</span>
@ -150,11 +150,11 @@
ng-show="index.glideraPermissions.transact &&
(index.glideraStatus.userCanSell || index.glideraStatus.userCanTransact)"
ng-click="$root.go('sellGlidera')">
<i class="icon-sell-btc size-24 m5r"></i>
<span>Sell Bitcoin</span>
<span class="right text-gray">
<i class="icon-arrow-right3 size-24 right"></i>
</span>
<img src="../img/sell-bitcoin.svg" alt="buy bitcoin" width="40">
<span class="m10 text-normal text-bold">Sell Bitcoin</span>
<span class="right text-gray">
<i class="icon-arrow-right3 size-24 right"></i>
</span>
</li>
</ul>
@ -168,29 +168,30 @@
ng-click="glidera.openTxModal(index.glideraToken, tx)"
class="row collapse last-transactions-content">
<div class="large-3 medium-3 small-3 columns">
<span class="label tu radius" ng-show="tx.type == 'BUY'"
ng-style="{'background-color':index.backgroundColor}">Bought</span>
<span class="label tu gray radius" ng-show="tx.type == 'SELL'">Sold</span>
<img src="../img/bought.svg" alt="bought" width="39" ng-show="tx.type == 'BUY' && tx.status == 'COMPLETE'">
<img src="../img/bought-pending.svg" alt="bought" width="33" ng-show="tx.type == 'BUY' && tx.status == 'PROCESSING'">
<img src="../img/sold.svg" alt="bought" width="39" ng-show="tx.type == 'SELL' && tx.status == 'COMPLETE'">
<img src="../img/sold-pending.svg" alt="bought" width="33" ng-show="tx.type == 'SELL' && tx.status == 'PROCESSING'">
</div>
<div class="large-4 medium-4 small-4 columns">
<span class="size-16">
<span class="size-14 text-bold">
{{tx.subtotal|currency:'':2}} {{tx.currency}}
</span>
</div>
<div class="large-4 medium-4 small-4 columns text-right">
<div class="m5t size-12 text-gray">
<time ng-if="tx.transactionDate">{{tx.transactionDate | amTimeAgo}}</time>
<div ng-show="tx.status == 'COMPLETE'">
<time ng-if="tx.transactionDate">{{tx.transactionDate | amTimeAgo}}</time>
</div>
<div ng-show="tx.status == 'PROCESSING'">
<span class="label outline gray radius text-gray text-info" ng-if="tx.status == 'PROCESSING'">Processing</span>
</div>
</div>
</div>
<div class="large-1 medium-1 small-1 columns text-right">
<i class="icon-arrow-right3 size-18"></i>
</div>
<div class="size-12 text-gray columns m5t">
<span class="text-success" ng-if="tx.status == 'COMPLETE'">Completed</span>
<span class="text-info" ng-if="tx.status == 'PROCESSING'">Processing</span>
<span class="text-warning" ng-if="tx.status == 'ERROR'">Error</span>
</div>
</div>
</div>

37
public/views/modals/glidera-tx-details.html
View File

@ -7,30 +7,35 @@
</section>
<section class="middle tab-bar-section">
<h1 class="title ellipsis" ng-style="{'color':color}">
Transaction
Details
</h1>
</section>
</nav>
<div class="modal-content fix-modals-touch">
<div class="header-modal text-center">
<span class="label tu radius" ng-show="tx.type == 'BUY'"
ng-style="{'background-color':color}">Bought</span>
<span class="label tu gray radius" ng-show="tx.type == 'SELL'">Sold</span>
<div class="size-42">
{{tx.subtotal|currency:'':2}} {{tx.currency}}
<div class="header-modal bg-gray text-center">
<div class="p20">
<img src="../img/bought.svg" alt="bought" width="80" ng-show="tx.type == 'BUY' && tx.status == 'COMPLETE'">
<img src="../img/bought-pending.svg" alt="bought" width="65" ng-show="tx.type == 'BUY' && tx.status == 'PROCESSING'">
<img src="../img/sold.svg" alt="bought" width="80" ng-show="tx.type == 'SELL' && tx.status == 'COMPLETE'">
<img src="../img/sold-pending.svg" alt="bought" width="65" ng-show="tx.type == 'SELL' && tx.status == 'PROCESSING'">
</div>
<div class="size-12 text-gray">
<span class="text-success" ng-if="tx.status == 'COMPLETE'">Completed</span>
<span class="text-info" ng-if="tx.status == 'PROCESSING'">Processing</span>
<span class="text-warning" ng-if="tx.status == 'ERROR'">Error</span>
<span ng-show="tx.type == 'BUY'">Bought</span>
<span ng-show="tx.type == 'SELL'">Sold</span>
<div class="size-36 m20b">
{{tx.subtotal|currency:'':2}} {{tx.currency}}
</div>
</div>
<h4 class="title m0">Details</h4>
<ul class="no-bullet size-14 m0">
<li class="line-b p10 oh">
<span class="text-gray">Status</span>
<span class="text-success right" ng-if="tx.status == 'COMPLETE'">Completed</span>
<span class="text-info right" ng-if="tx.status == 'PROCESSING'">Processing</span>
<span class="text-warning right" ng-if="tx.status == 'ERROR'">Error</span>
</li>
<li ng-show="tx.transactionDate" class="line-b p10 oh">
<span class="text-gray">Date</span>
<span class="right">{{tx.transactionDate | amCalendar}}</span>
@ -39,10 +44,8 @@
<li ng-show="tx.price" class="line-b p10 oh">
<span class="text-gray">Exchange rate</span>
<span class="right">{{tx.price|currency:'':2}} {{tx.currency}}/BTC</span>
</li>
</ul>
<h4 class="title m0">&nbsp;</h4>
<ul class="no-bullet size-14 m0">
</li>
<li ng-show="tx.subtotal" class="line-b p10 oh">
<span class="text-gray">Subtotal</span>
<span class="right">{{tx.subtotal|currency:'':2}} {{tx.currency}}</span>

10
src/css/main.css
View File

@ -502,6 +502,12 @@ input[type=number]::-webkit-outer-spin-button {
border: 1px solid #4B6178;
}
.label.outline.gray {
font-size: 90%;
background: transparent;
border: 1px solid #A9B6C2;
}
.label.success {background-color: #1ABC9C;}
.label.alert {background-color: #ED4A43;}
.label.gray {background-color: #4B6178;}
@ -1046,6 +1052,10 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
font-size: 14px;
}
.bg-gray {
background-color: #F1F3F5;
}
.bg-circle {
background: #253547;
border-radius: 100%;