Block splitted

This commit is contained in:
raja.blaze 2019-08-09 17:53:06 +05:30
parent 550e69568c
commit 7a7f4c34ba
4 changed files with 62 additions and 27 deletions

View File

@ -18,7 +18,8 @@
"VIEWALL": "Alle Diagramme anzeigen", "VIEWALL": "Alle Diagramme anzeigen",
"BLOCKCHAIN_HEIGHT": "Blockchain Höhe", "BLOCKCHAIN_HEIGHT": "Blockchain Höhe",
"LATEST_BLOCK": "Letzter Block", "LATEST_BLOCK": "Letzter Block",
"LATEST_BLOCK1": "Aktuelle Schwierigkeit", "LATEST_BLOCK1": "Aktuelle Zielschwierigkeit",
"LATEST_BLOCK2": "Aktuelle Gesamtschwierigkeit",
"COIN_IN": "Zirkulierende Versorgung", "COIN_IN": "Zirkulierende Versorgung",
"HEIGHT": "Höhe", "HEIGHT": "Höhe",
"HASH": "Hash", "HASH": "Hash",

View File

@ -18,7 +18,8 @@
"VIEWALL": "View All Charts", "VIEWALL": "View All Charts",
"BLOCKCHAIN_HEIGHT": "Blockchain Height", "BLOCKCHAIN_HEIGHT": "Blockchain Height",
"LATEST_BLOCK": "Latest Block", "LATEST_BLOCK": "Latest Block",
"LATEST_BLOCK1": "Current Difficulty", "LATEST_BLOCK1": "Current Target Difficulty",
"LATEST_BLOCK2": "Current Total Difficulty",
"COIN_IN": "Circulating Supply", "COIN_IN": "Circulating Supply",
"HEIGHT": "Height", "HEIGHT": "Height",
"HASH": "Hash", "HASH": "Hash",

View File

@ -25,7 +25,7 @@
</div> </div>
</div> --> </div> -->
<div class="row" *ngIf="latestblockdetail"> <div class="row" *ngIf="latestblockdetail">
<div class="col-md-3"> <div class="col-md-2">
<div <div
class="text-center detail_div" class="text-center detail_div"
> >
@ -39,7 +39,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="col-md-3"> <div class="col-md-2">
<div <div
class="text-center detail_div" class="text-center detail_div"
> >
@ -49,8 +49,8 @@
[ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''" [ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''"
> >
{{ latestblockdetail.letest_block_num }} {{ latestblockdetail.letest_block_num }}
<span class="">{{ latestblockdetail.letest_block_duration }}</span>
</p> </p>
<span class="">{{ latestblockdetail.letest_block_duration }}</span>
</div> </div>
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
@ -63,28 +63,23 @@
<!-- <p class="difficulty_datas">Cuckaroo : {{latestblockdetail.targetdifficultycuckaroo | number}} / {{latestblockdetail.TotalDifficultyCuckatoo | number}}</p> --> <!-- <p class="difficulty_datas">Cuckaroo : {{latestblockdetail.targetdifficultycuckaroo | number}} / {{latestblockdetail.TotalDifficultyCuckatoo | number}}</p> -->
<div class="difficulty_datas"> <div class="difficulty_datas">
<span class="day60_txt">Cuckoo</span> <span class="day60_txt">Cuckoo : </span>
<div> <!-- <span>Target:</span> -->
<span>Target:</span><span>{{ latestblockdetail.targetdifficultycuckatoo | number }}, </span> <span>{{ latestblockdetail.targetdifficultycuckatoo | number }}</span>
<span>Total :</span><span>{{ latestblockdetail.TotalDifficultyCuckatoo | number }}</span> <!-- <span>Total :</span><span>{{ latestblockdetail.TotalDifficultyCuckatoo | number }}</span> -->
</div>
</div> </div>
<div class="difficulty_datas"> <div class="difficulty_datas">
<span class="day60_txt">ProgPow </span> <span class="day60_txt">ProgPow : </span>
<div> <!-- <span>Target:</span> -->
<span>Target:</span><span class="diff_span" title="{{ latestblockdetail.targetdifficultyprogpow | number }}">{{ latestblockdetail.targetdifficultyprogpow | number }} </span>, <span class="diff_span" style="width:85px;" title="{{ latestblockdetail.targetdifficultyprogpow | number }}">{{ latestblockdetail.targetdifficultyprogpow | number }}</span>
<span>Total:</span><span class="diff_span" title="{{ latestblockdetail.TotalDifficultyProgpow | number }}">{{ latestblockdetail.TotalDifficultyProgpow | number }}</span> <!-- <span>Total:</span><span class="diff_span" title="{{ latestblockdetail.TotalDifficultyProgpow | number }}">{{ latestblockdetail.TotalDifficultyProgpow | number }}</span> -->
</div>
</div> </div>
<div class="difficulty_datas"> <div class="difficulty_datas">
<span class="day60_txt"> RandomX </span> <span class="day60_txt"> RandomX : </span>
<div> <!-- <span>Target:</span> -->
<span>Target:</span><span>{{ latestblockdetail.targetdifficultyrandomx | number }}, </span> <span>{{ latestblockdetail.targetdifficultyrandomx | number }}</span>
<span>Total:</span><span>{{ latestblockdetail.TotalDifficultyRandomx | number }}</span> <!-- <span>Total:</span><span>{{ latestblockdetail.TotalDifficultyRandomx | number }}</span> -->
</div>
</div> </div>
<!-- <p class="difficulty_datas"> <!-- <p class="difficulty_datas">
ProgPow : {{ latestblockdetail.targetdifficultyprogpow | number }} / ProgPow : {{ latestblockdetail.targetdifficultyprogpow | number }} /
@ -98,6 +93,44 @@
</div> </div>
</div> </div>
<div class="col-md-3"> <div class="col-md-3">
<div class="text-center detail_div" #minhgt>
<p class="mb-2 desc">{{ "home.LATEST_BLOCK2" | translate }}</p>
<div
class=" text-center d-inline-block"
[ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''"
>
<!-- <p class="difficulty_datas">Cuckaroo : {{latestblockdetail.targetdifficultycuckaroo | number}} / {{latestblockdetail.TotalDifficultyCuckatoo | number}}</p> -->
<div class="difficulty_datas">
<span class="day60_txt">Cuckoo : </span>
<!-- <span>Target:</span><span>{{ latestblockdetail.targetdifficultycuckatoo | number }}, </span> -->
<!-- <span>Total :</span> -->
<span>{{ latestblockdetail.TotalDifficultyCuckatoo | number }}</span>
</div>
<div class="difficulty_datas">
<span class="day60_txt">ProgPow : </span>
<!-- <span>Target:</span><span class="diff_span" title="{{ latestblockdetail.targetdifficultyprogpow | number }}">{{ latestblockdetail.targetdifficultyprogpow | number }} </span>, -->
<!-- <span>Total:</span> -->
<span class="diff_span" style="width:110px;" title="{{ latestblockdetail.TotalDifficultyProgpow | number }}">{{ latestblockdetail.TotalDifficultyProgpow | number }}</span>
</div>
<div class="difficulty_datas">
<span class="day60_txt"> RandomX : </span>
<!-- <span>Target:</span><span>{{ latestblockdetail.targetdifficultyrandomx | number }}, </span> -->
<!-- <span>Total:</span> -->
<span >{{ latestblockdetail.TotalDifficultyRandomx | number }}</span>
</div>
<!-- <p class="difficulty_datas">
ProgPow : {{ latestblockdetail.targetdifficultyprogpow | number }} /
{{ latestblockdetail.TotalDifficultyProgpow | number }}
</p>
<p class="difficulty_datas">
RandomX : {{ latestblockdetail.targetdifficultyrandomx | number }} /
{{ latestblockdetail.TotalDifficultyRandomx | number }}
</p> -->
</div>
</div>
</div>
<div class="col-md-2">
<div <div
class="text-center detail_div" class="text-center detail_div"
> >

View File

@ -283,10 +283,10 @@ a:focus {
padding: 10px 20px; padding: 10px 20px;
} }
.detail_div { .detail_div {
background-color: #ecf2ff; background-color: #fff;
border: 1px solid rgb(220, 228, 245); border: 1px solid #fff;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
padding: 20px; padding: 10px ;
transition: 0.3s linear all; transition: 0.3s linear all;
min-height: 100%; min-height: 100%;
display: flex; display: flex;
@ -301,7 +301,7 @@ a:focus {
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.detail_div .desc { .detail_div .desc {
font-size: 20px; font-size: 18px;
} }
.detail_div .count span { .detail_div .count span {
font-size: 15px; font-size: 15px;
@ -656,7 +656,7 @@ body.dark_theme {
.diff_margin{margin-bottom: -10px !important; margin-top: -10px !important;} .diff_margin{margin-bottom: -10px !important; margin-top: -10px !important;}
@keyframes yellowfade { @keyframes yellowfade {
from { from {
background: yellow; background: white;
} }
to { to {
background: transparent; background: transparent;