Matias Alejo Garcia
commit
55c539ece4
|
|
@ -1,9 +1,9 @@
|
|||
.insight {
|
||||
font-family: Ubuntu, sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-size: 34px;
|
||||
color: #FFFFFF !important;
|
||||
font-family: 'Ubuntu', sans-serif;
|
||||
font-size: 34px;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
line-height: 25px;
|
||||
margin-right: 50px;
|
||||
}
|
||||
|
|
@ -13,15 +13,14 @@
|
|||
html,
|
||||
body {
|
||||
color: #373D42;
|
||||
font-family: Ubuntu, sans-serif;
|
||||
font-family: 'Ubuntu', sans-serif;
|
||||
height: 100%;
|
||||
/* The html and body elements cannot have any padding or margin. */
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
font-family: Ubuntu, sans-serif;
|
||||
color: #373D42;
|
||||
|
||||
font-family: 'Ubuntu', sans-serif;
|
||||
}
|
||||
|
||||
/* Wrapper for page content to push down footer */
|
||||
|
|
@ -34,105 +33,103 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
|||
padding: 0 0 60px;
|
||||
}
|
||||
|
||||
.m10h {margin: 0 10px;}
|
||||
.m20h {margin: 0 20px;}
|
||||
.m5v {margin: 5px 0;}
|
||||
.m20v {margin: 20px 0;}
|
||||
.m10v {margin: 10px 0;}
|
||||
.m50v {margin: 50px 0;}
|
||||
.m10b {margin-bottom: 10px;}
|
||||
.m10h { margin: 0 10px; }
|
||||
.m20h { margin: 0 20px; }
|
||||
.m5v { margin: 5px 0; }
|
||||
.m20v { margin: 20px 0; }
|
||||
.m10v { margin: 10px 0; }
|
||||
.m50v { margin: 50px 0; }
|
||||
.m10b { margin-bottom: 10px; }
|
||||
|
||||
.vm {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.vm { vertical-align: middle; }
|
||||
|
||||
.navbar-default {
|
||||
min-height: 60px;
|
||||
padding: 0;
|
||||
background-color: #8DC429;
|
||||
border-bottom: 4px solid #64920F;
|
||||
color: #fff;
|
||||
min-height: 60px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.navbar-form {
|
||||
margin: 12px 0;
|
||||
}
|
||||
.navbar-form { margin: 12px 0; }
|
||||
|
||||
.navbar-default .navbar-nav>li>a {
|
||||
color: #F4FBE8;
|
||||
font-family: Ubuntu, sans-serif;
|
||||
font-family: 'Ubuntu', sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a:hover {
|
||||
color: #373D42;
|
||||
background-color: #fff;
|
||||
-moz-box-shadow: 0px 4px 0px 0px rgba(55,61,56,1);
|
||||
-webkit-box-shadow: 0px 4px 0px 0px rgba(55,61,56,1);
|
||||
-moz-box-shadow: 0px 4px 0px 0px rgba(55,61,56,1);
|
||||
box-shadow: 0px 4px 0px 0px rgba(55,61,56,1);
|
||||
color: #373D42;
|
||||
}
|
||||
|
||||
.navbar-form .form-control {
|
||||
border: 0;
|
||||
background-color: #7CAD23;
|
||||
border-radius: 3px;
|
||||
background: #7CAD23;
|
||||
-moz-box-shadow: 1px 1px 0px 0px rgba(255,255,255,0.41), inset 1px 1px 3px 0px rgba(0,0,0,0.10);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border: 0;
|
||||
-webkit-box-shadow: 1px 1px 0px 0px rgba(255,255,255,0.41), inset 1px 1px 3px 0px rgba(0,0,0,0.10);
|
||||
-moz-box-shadow: 1px 1px 0px 0px rgba(255,255,255,0.41), inset 1px 1px 3px 0px rgba(0,0,0,0.10);
|
||||
box-shadow: 1px 1px 0px 0px rgba(255,255,255,0.41), inset 1px 1px 3px 0px rgba(0,0,0,0.10);
|
||||
}
|
||||
|
||||
#search {
|
||||
color: #fff;
|
||||
font-family: Ubuntu, sans-serif;
|
||||
font-family: 'Ubuntu', sans-serif;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
#search::-webkit-input-placeholder {
|
||||
font-family: Ubuntu, sans-serif;
|
||||
font-weight: 100;
|
||||
font-style: italic;
|
||||
font-size: 15px;
|
||||
color: #BCDF7E;
|
||||
font-family: 'Ubuntu', sans-serif;
|
||||
font-size: 15px;
|
||||
font-style: italic;
|
||||
font-weight: 100;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
|
||||
#search::-moz-placeholder {
|
||||
font-family: Ubuntu, sans-serif;
|
||||
font-weight: 100;
|
||||
font-size: 15px;
|
||||
color: #BCDF7E;
|
||||
font-family: 'Ubuntu', sans-serif;
|
||||
font-size: 15px;
|
||||
font-weight: 100;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.status {
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
background-color: #597338;
|
||||
border-radius: 3px;
|
||||
background: #597338;
|
||||
float: right;
|
||||
padding: 8px 15px;
|
||||
margin: 11px 0;
|
||||
font-weight: 300;
|
||||
margin: 11px 0;
|
||||
padding: 8px 15px;
|
||||
}
|
||||
|
||||
.status i {
|
||||
margin: 0 5px;
|
||||
}
|
||||
.status i { margin: 0 5px; }
|
||||
|
||||
.col-gray {
|
||||
width: 267px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
background-color: #F4F4F4;
|
||||
padding: 15px;
|
||||
margin-top: 21px;
|
||||
border-radius: 5px;
|
||||
margin-top: 21px;
|
||||
padding: 15px;
|
||||
width: 267px;
|
||||
}
|
||||
|
||||
.ellipsis {
|
||||
width: 100%;
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.line20 {
|
||||
|
|
@ -151,45 +148,42 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
|||
}
|
||||
|
||||
.block-id {
|
||||
background: #373D42;
|
||||
background-color: #373D42;
|
||||
border: 3px solid #FFFFFF;
|
||||
width: 165px;
|
||||
height: 165px;
|
||||
margin: 10px auto;
|
||||
border-radius: :;px;
|
||||
width: 165px;
|
||||
}
|
||||
|
||||
.block-id h3 {
|
||||
font-weight: bold;
|
||||
color: #FFFFFF;
|
||||
font-weight: bold;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.icon-block {
|
||||
color: #FFFFFF;
|
||||
font-size: 27px;
|
||||
color: white;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.block-tx {
|
||||
overflow: hidden;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
background-color: #F4F4F4;
|
||||
border-radius: 2px;
|
||||
background: #F4F4F4;
|
||||
margin: 20px 0 10px;
|
||||
overflow: hidden;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.block-tx p {
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin: 0 5px;
|
||||
border-radius: 2px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.btn-primary {
|
||||
background: #8DC429;
|
||||
background-color: #8DC429;
|
||||
border: 2px solid #76AF0F;
|
||||
}
|
||||
|
||||
|
|
@ -199,45 +193,39 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
|||
.btn-success.active, .open .dropdown-toggle.btn-success,
|
||||
.btn-danger:hover, .btn-danger:focus, .btn-danger:active,
|
||||
.btn-danger.active, .open .dropdown-toggle.btn-danger {
|
||||
background: #fff;
|
||||
background-color: #fff;
|
||||
border: 2px solid #ccc;
|
||||
color: #373D42;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
background: #E7E7E7;
|
||||
background-color: #E7E7E7;
|
||||
border: 2px solid #DCDCDC;
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
background: #2FA4D7;
|
||||
background-color: #2FA4D7;
|
||||
border: 2px solid #237FA7;
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
background: #AC0015;
|
||||
background-color: #AC0015;
|
||||
border: 2px solid #6C0000;
|
||||
}
|
||||
|
||||
#status .table {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
#status .table { margin-bottom: 45px; }
|
||||
|
||||
.progress-bar-info {
|
||||
background-color: #8DC429;
|
||||
}
|
||||
.progress-bar-info { background-color: #8DC429; }
|
||||
|
||||
#home .col-gray {
|
||||
width: 100%;
|
||||
}
|
||||
#home .col-gray { width: 100%; }
|
||||
|
||||
/* Set the fixed height of the footer here */
|
||||
#footer {
|
||||
height: 51px;
|
||||
background-color: #373D42;
|
||||
border-top: 4px solid #656E76;
|
||||
color: #fff;
|
||||
height: 51px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
|
@ -246,53 +234,32 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
#footer a.insight small {
|
||||
font-size: 11px;
|
||||
}
|
||||
.line-footer {
|
||||
border-top: 2px dashed #ccc;
|
||||
}
|
||||
#footer a.insight small { font-size: 11px; }
|
||||
.line-footer { border-top: 2px dashed #ccc; }
|
||||
|
||||
.line-bot {
|
||||
padding: 0 0 10px 0;
|
||||
margin-bottom: 10px;
|
||||
border-bottom: 2px solid #EAEAEA;
|
||||
padding: 0 0 10px 0;
|
||||
}
|
||||
|
||||
.line-mid { padding: 15px 0;}
|
||||
.line-top {
|
||||
padding: 10px 0;
|
||||
margin-top: 5px;
|
||||
border-top: 1px solid #EAEAEA;
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
/* Custom page CSS
|
||||
-------------------------------------------------- */
|
||||
/* Not required for template or sticky footer method. */
|
||||
|
||||
#wrap > .container {
|
||||
padding: 60px 15px 0;
|
||||
}
|
||||
#wrap > .container { padding: 60px 15px 0; }
|
||||
|
||||
.container .text-muted {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.container .text-muted a { color: #eee; }
|
||||
|
||||
.container .text-muted a {
|
||||
color: #eee;
|
||||
}
|
||||
#footer > .container { padding: auto 15px; }
|
||||
|
||||
#footer > .container {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.code { font-size: 80%; }
|
||||
|
||||
.code {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
.address {
|
||||
font-size: 11px;
|
||||
}
|
||||
.address { font-size: 11px; }
|
||||
|
||||
#search { width: 300px; }
|
||||
|
||||
|
|
@ -306,79 +273,53 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
|||
|
||||
/*Animations*/
|
||||
.fader.ng-enter {
|
||||
transition: opacity 1s;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 1s;
|
||||
-moz-transition: opacity 1s;
|
||||
-o-transition: opacity 1s;
|
||||
transition: opacity 1s;
|
||||
}
|
||||
|
||||
.fader.ng-enter-active {
|
||||
opacity: 1;
|
||||
}
|
||||
.fader.ng-enter-active { opacity: 1; }
|
||||
|
||||
.tx-bg {
|
||||
background-color: #F4F4F4;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
min-height: 340px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: -9999;
|
||||
}
|
||||
|
||||
.badge {
|
||||
padding: 1px 9px 2px;
|
||||
-moz-border-radius: 9px;
|
||||
-webkit-border-radius: 9px;
|
||||
background-color: #999999;
|
||||
border-radius: 9px;
|
||||
color: #ffffff;
|
||||
font-size: 12.025px;
|
||||
font-weight: bold;
|
||||
padding: 1px 9px 2px;
|
||||
white-space: nowrap;
|
||||
color: #ffffff;
|
||||
background-color: #999999;
|
||||
-webkit-border-radius: 9px;
|
||||
-moz-border-radius: 9px;
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
.badge:hover {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.badge-error {
|
||||
background-color: #b94a48;
|
||||
}
|
||||
.badge-error:hover {
|
||||
background-color: #953b39;
|
||||
}
|
||||
.badge-warning {
|
||||
background-color: #f89406;
|
||||
}
|
||||
.badge-warning:hover {
|
||||
background-color: #c67605;
|
||||
}
|
||||
.badge-success {
|
||||
background-color: #468847;
|
||||
}
|
||||
.badge-success:hover {
|
||||
background-color: #356635;
|
||||
}
|
||||
.badge-info {
|
||||
background-color: #3a87ad;
|
||||
}
|
||||
.badge-info:hover {
|
||||
background-color: #2d6987;
|
||||
}
|
||||
.badge-inverse {
|
||||
background-color: #333333;
|
||||
}
|
||||
.badge-inverse:hover {
|
||||
background-color: #1a1a1a;
|
||||
}
|
||||
|
||||
.expanded-tx {
|
||||
border-bottom: 1px dashed #444;
|
||||
}
|
||||
|
||||
|
||||
.expanded-tx small {
|
||||
font-size: 80%;
|
||||
}
|
||||
.badge-error { background-color: #b94a48; }
|
||||
.badge-error:hover { background-color: #953b39; }
|
||||
.badge-warning { background-color: #f89406; }
|
||||
.badge-warning:hover { background-color: #c67605; }
|
||||
.badge-success { background-color: #468847; }
|
||||
.badge-success:hover { background-color: #356635; }
|
||||
.badge-info { background-color: #3a87ad; }
|
||||
.badge-info:hover { background-color: #2d6987; }
|
||||
.badge-inverse { background-color: #333333; }
|
||||
.badge-inverse:hover { background-color: #1a1a1a; }
|
||||
|
||||
.status .t {
|
||||
color: white;
|
||||
|
|
@ -386,22 +327,28 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
|||
padding:0px 5px;
|
||||
}
|
||||
|
||||
.status .text-danger {
|
||||
background: red;
|
||||
}
|
||||
.status .text-danger { background: red; }
|
||||
|
||||
.status .text-warning {
|
||||
background: yellow;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.btn-copy {
|
||||
.btn-copy, .btn-expand {
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
background: #FFFFFF;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 2px;
|
||||
border: 2px solid #E4E4E4;
|
||||
color: #9b9b9b;
|
||||
margin-left: 5px;
|
||||
padding: 2px 6px;
|
||||
display: inline-block;
|
||||
height: 25px;
|
||||
outline: none;
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
}
|
||||
.btn-copy { margin-left: 5px; }
|
||||
.btn-expand { margin-right: 5px; }
|
||||
|
||||
.transaction-vin-vout .ellipsis { margin-bottom: 10px; }
|
||||
.transaction-vin-vout .btc-value { margin-left: 15px; }
|
||||
|
|
|
|||
|
|
@ -1,14 +1,15 @@
|
|||
<section data-ng-controller="AddressController" data-ng-init="findOne()">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="bs-sidebar hidden-print affix col-gray">
|
||||
<div class="text-center m10v">
|
||||
<qrcode size="200" data="{{address.addrStr}}"></qrcode>
|
||||
<h4><span class="glyphicon glyphicon-qrcode"></span> Address</h4>
|
||||
<a class="ellipsis" href="/#!/address/{{address.addrStr}}">{{address.addrStr}}</a>
|
||||
<div class="bs-sidebar hidden-print affix col-gray">
|
||||
<div class="text-center m20v">
|
||||
<qrcode size="160" data="{{address.addrStr}}"></qrcode>
|
||||
<div class="m10v">
|
||||
<button class="pull-right btn-copy" clip-copy="address.addrStr"><span class="glyphicon glyphicon-paperclip"></span></button>
|
||||
<a class="ellipsis" href="/#!/address/{{address.addrStr}}">{{address.addrStr}}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="m50v">
|
||||
<div class="m20v">
|
||||
<h4>Summary</h4>
|
||||
<table class="table">
|
||||
<tbody>
|
||||
|
|
@ -33,7 +34,6 @@
|
|||
</div> <!-- END OF TRANSACTIONS TABLE -->
|
||||
</div>
|
||||
</div> <!-- END OF COL-MD-3 -->
|
||||
|
||||
<div class="col-md-9">
|
||||
<div data-ng-controller="transactionsController" data-ng-init="load('address')">
|
||||
<h2>Transactions <small>Transactions for this address</small></h2>
|
||||
|
|
|
|||
|
|
@ -9,14 +9,12 @@
|
|||
</div>
|
||||
</div>
|
||||
<p class="lead text-center m20v">{{pagination.current}}</p>
|
||||
|
||||
<div class="m50v">
|
||||
<a class="btn btn-primary" href="#!/blocks-date/{{pagination.prev}}"><small>← {{pagination.prev}}</small></a>
|
||||
<a class="btn btn-primary" href="#!/blocks-date/{{pagination.next}}"><small>{{pagination.next}} →</small></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-9">
|
||||
<div class="page-header">
|
||||
<h1>
|
||||
|
|
@ -47,11 +45,6 @@
|
|||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ul class="pager" data-ng-show="blocks.length">
|
||||
<li class="previous"><a href="#!/blocks-date/{{pagination.prev}}">← {{pagination.prev}}</a></li>
|
||||
<li class="disabled"><a href="#">{{pagination.current}}</a></li>
|
||||
<li class="next"><a href="#!/blocks-date/{{pagination.next}}">{{pagination.next}} →</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="text-center text-muted" data-ng-hide="!blocks || blocks.length">No blocks yet.</h2>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<div data-ng-include src="'/views/transaction/tx.html'"></div>
|
||||
</div>
|
||||
<div class="progress progress-striped active" data-ng-show="!txs.length || loading">
|
||||
<div class="progress-bar" style="width: 100%">
|
||||
<div class="progress-bar progress-bar-info" style="width: 100%">
|
||||
<span>Loading...</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,98 +1,97 @@
|
|||
<div class="line-bot">
|
||||
<a href="/#!/tx/{{tx.txid}}">{{tx.txid}}</a> <a href="#" class="btn-copy" clip-copy="tx.txid"><span class="glyphicon glyphicon-paperclip"></span></a>
|
||||
<a class="pull-right" style="margin-left:10px" data-ng-click="itemsExpanded = !itemsExpanded">
|
||||
<span class="glyphicon" data-ng-class="{'glyphicon-minus-sign': itemsExpanded, 'glyphicon-plus-sign': !itemsExpanded}" tooltip="Show/Hide items details" tooltip-placement="left"></span>
|
||||
</a>
|
||||
<span class="pull-right">{{tx.time * 1000 | date:'medium'}}</span>
|
||||
<time class="pull-right">{{tx.time * 1000 | date:'medium'}}</time>
|
||||
<button class="btn-expand" data-ng-click="itemsExpanded = !itemsExpanded"><span class="glyphicon glyphicon-plus" data-ng-class="{'glyphicon-minus': itemsExpanded}" tooltip="Show/Hide items details" tooltip-placement="right"></span></button>
|
||||
<a href="/#!/tx/{{tx.txid}}">{{tx.txid}}</a>
|
||||
<button class="btn-copy" clip-copy="tx.txid"><span class="glyphicon glyphicon-paperclip"></span></button>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="row line-mid">
|
||||
<div class="col-md-5">
|
||||
<div class="ellipsis row" data-ng-show="tx.isCoinBase" data-ng-repeat="vin in tx.vin">
|
||||
<div class="col-md-10">
|
||||
<p class="ellipsis">No Inputs (Newly Generated Coins)</p>
|
||||
<div class="row" data-ng-show="tx.isCoinBase">
|
||||
<div class="col-md-12 transaction-vin-vout" data-ng-repeat="vin in tx.vin">
|
||||
<div class="text-muted pull-right btc-value"><small>{{vin.reward}} BTC</small></div>
|
||||
<div class="ellipsis">
|
||||
<span>No Inputs (Newly Generated Coins)</span>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-muted pull-right"> <small>{{vin.reward}} BTC</small></p>
|
||||
</div>
|
||||
|
||||
<div data-ng-show="!tx.isCoinBase">
|
||||
<ul class="list-unstyled" data-ng-repeat="vin in tx.vinSimple" data-ng-show="!itemsExpanded">
|
||||
<li class="row">
|
||||
<div class="col-md-8">
|
||||
<div class="ellipsis">
|
||||
<span data-ng-show="vin.notAddr">{{vin.addr}}</span>
|
||||
<a data-ng-show="!vin.notAddr" href="/#!/address/{{vin.addr}}">{{vin.addr}}</a>
|
||||
<div class="row" data-ng-show="!tx.isCoinBase">
|
||||
<div data-ng-repeat="vin in tx.vinSimple" data-ng-show="!itemsExpanded">
|
||||
<div class="col-md-12 transaction-vin-vout">
|
||||
<div class="text-muted pull-right btc-value"><small>{{vin.value}} BTC</small></div>
|
||||
<div class="ellipsis">
|
||||
<span data-ng-show="vin.notAddr">{{vin.addr}}</span>
|
||||
<a href="/#!/address/{{vin.addr}}" data-ng-show="!vin.notAddr">{{vin.addr}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-ng-repeat="vin in tx.vin" data-ng-show="itemsExpanded">
|
||||
<div class="col-md-12 transaction-vin-vout">
|
||||
<div class="text-muted pull-right btc-value"><small>{{vin.value}} BTC</small></div>
|
||||
<div class="ellipsis">
|
||||
<a class="glyphicon glyphicon-chevron-right" href="/#!/tx/{{vin.txid}}" title="Outpoint: {{vin.txid}},{{vin.vout}}"></a>
|
||||
<span data-ng-show="vin.notAddr">{{vin.addr}}</span>
|
||||
<a href="/#!/address/{{vin.addr}}" data-ng-show="!vin.notAddr">{{vin.addr}}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body" style="word-wrap:break-word">
|
||||
<small>
|
||||
<strong>scriptSig</strong>
|
||||
{{vin.scriptSig.asm}}
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-right text-muted"><small>{{vin.value}} BTC</small></p>
|
||||
</ul>
|
||||
|
||||
<ul class="list-unstyled" data-ng-repeat="vin in tx.vin" data-ng-show="itemsExpanded">
|
||||
<li class="row expanded-tx">
|
||||
<a class="col-md-1 glyphicon glyphicon-arrow-right" href="/#!/tx/{{vin.txid}}" alt="Outpoint: {{vin.txid}},{{vin.vout}}" tooltip="Outpoint: {{vin.txid}},{{vin.vout}}" tooltip-placement="right" >
|
||||
</a>
|
||||
<div class="col-md-8">
|
||||
<div class="ellipsis">
|
||||
<span data-ng-show="vin.notAddr">{{vin.addr}}</span>
|
||||
<a data-ng-show="!vin.notAddr" href="/#!/address/{{vin.addr}}">{{vin.addr}}</a>
|
||||
</div>
|
||||
<div style="word-wrap:break-word">
|
||||
<small><strong>scriptSig</strong> {{vin.scriptSig.asm}}</small>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-right text-muted"><small>{{vin.value}} BTC</small></p>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-1 text-center">
|
||||
<span class="glyphicon glyphicon-arrow-right lead"> </span>
|
||||
<span class="glyphicon glyphicon-chevron-right text-primary"></span>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="row">
|
||||
<div data-ng-repeat="vout in tx.voutSimple" data-ng-show="!itemsExpanded">
|
||||
<div class="col-md-9">
|
||||
<div class="col-md-12 transaction-vin-vout">
|
||||
<div class="text-muted pull-right btc-value"><small>{{vout.value}} BTC</small></div>
|
||||
<div class="ellipsis">
|
||||
<span data-ng-show="vout.notAddr">{{vout.addr}}</span>
|
||||
<a href="/#!/address/{{address}}" data-ng-show="!vout.notAddr" data-ng-repeat="address in vout.addr.split(',')">{{address}}</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<p class="text-right text-muted"> <small>{{vout.value}} BTC</small></p>
|
||||
</div>
|
||||
</div>
|
||||
<div data-ng-repeat="vout in tx.vout" data-ng-show="itemsExpanded">
|
||||
<div class="col-md-9 expanded-tx">
|
||||
<div class="col-md-12 transaction-vin-vout">
|
||||
<div class="text-muted pull-right btc-value"><small>{{vout.value}} BTC</small></div>
|
||||
<div class="ellipsis">
|
||||
<a href="/#!/address/{{address}}" data-ng-repeat="address in vout.scriptPubKey.addresses">{{address}}</a>
|
||||
</div>
|
||||
<small><strong>type</strong> {{vout.scriptPubKey.type}}</small>
|
||||
<div>
|
||||
<small><strong>scriptPubKey</strong> {{vout.scriptPubKey.asm}}</small>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body" style="word-wrap:break-word">
|
||||
<small>
|
||||
<p>
|
||||
<strong>Type</strong>
|
||||
{{vout.scriptPubKey.type}}
|
||||
</p>
|
||||
<p>
|
||||
<strong>scriptPubKey</strong>
|
||||
{{vout.scriptPubKey.asm}}
|
||||
</p>
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<p class="text-right text-muted"> <small>{{vout.value}} BTC</small></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="line-top">
|
||||
<div class="m5v">
|
||||
<div class="pull-right">
|
||||
<button data-ng-show="tx.confirmations" type="button" class="btn btn-success">
|
||||
{{tx.confirmations}} Confirmations
|
||||
</button>
|
||||
<button data-ng-show="!tx.confirmations" type="button" class="btn btn-danger">
|
||||
Unconfirmed Transaction!
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary">{{tx.valueOut}} BTC</button>
|
||||
</div>
|
||||
<small data-ng-show="!tx.isCoinBase" class="text-muted">Fees: {{tx.fees}}</small>
|
||||
<small data-ng-show="!tx.isCoinBase" class="text-muted">Fees: {{tx.fees}}</small>
|
||||
<div class="pull-right">
|
||||
<button data-ng-show="tx.confirmations" class="btn btn-success">{{tx.confirmations}} Confirmations</button>
|
||||
<button data-ng-show="!tx.confirmations" class="btn btn-danger">Unconfirmed Transaction!</button>
|
||||
<button class="btn btn-primary">{{tx.valueOut}} BTC</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue