EpicCash/epic_explorer
4
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity

Merge branch 'master' of https://gitlab.com/epic-tech/explorer2.epic.tech-angular8

Browse Source
This commit is contained in:
raja.blaze 2019-08-12 18:20:56 +05:30
commit f9ade3b88b
4 changed files with 36 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/app/view/home/block-detail-list/block-detail-list.component.html
View File

@ -25,7 +25,7 @@
</div> </div>
</div> --> </div> -->
<div class="row" *ngIf="latestblockdetail"> <div class="row" *ngIf="latestblockdetail">
<div class="col-md-2"> <div class="col-md-3">
<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-2"> <div class="col-md-3">
<div <div
class="text-center detail_div" class="text-center detail_div"
> >
@ -48,12 +48,12 @@
class="count mb-0" class="count mb-0"
[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">
<div class="text-center detail_div" #minhgt> <div class="text-center detail_div" #minhgt>
<p class="mb-2 desc">{{ "home.LATEST_BLOCK1" | translate }}</p> <p class="mb-2 desc">{{ "home.LATEST_BLOCK1" | translate }}</p>
<div <div
@ -61,42 +61,42 @@
[ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''" [ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''"
> >
<!-- <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>
<!-- <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 class="difficulty_datas"> <div class="difficulty_datas">
<span class="day60_txt">ProgPow : </span> <span class="day60_txt">ProgPow : </span>
<!-- <span>Target:</span> --> <span>Target:</span>
<span class="diff_span" style="width:85px;" 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 class="difficulty_datas"> <div class="difficulty_datas">
<span class="day60_txt"> RandomX : </span> <span class="day60_txt"> RandomX : </span>
<!-- <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>
<!-- <p class="difficulty_datas"> <p class="difficulty_datas">
ProgPow : {{ latestblockdetail.targetdifficultyprogpow | number }} / ProgPow : {{ latestblockdetail.targetdifficultyprogpow | number }} /
{{ latestblockdetail.TotalDifficultyProgpow | number }} {{ latestblockdetail.TotalDifficultyProgpow | number }}
</p> </p>
<p class="difficulty_datas"> <p class="difficulty_datas">
RandomX : {{ latestblockdetail.targetdifficultyrandomx | number }} / RandomX : {{ latestblockdetail.targetdifficultyrandomx | number }} /
{{ latestblockdetail.TotalDifficultyRandomx | number }} {{ latestblockdetail.TotalDifficultyRandomx | number }}
</p> --> </p>
</div>
</div> </div>
</div> </div>
</div> -->
<div class="col-md-3"> <div class="col-md-3">
<div class="text-center detail_div" #minhgt> <div class="text-center detail_div" #minhgt>
<p class="mb-2 desc">{{ "home.LATEST_BLOCK2" | translate }}</p> <p class="mb-2 desc">{{ "home.LATEST_BLOCK2" | translate }}</p>
<div <div
class=" text-center d-inline-block" class=" text-left mx-auto d-inline-block"
[ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''" [ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''"
> >
@ -130,7 +130,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-2"> <div class="col-md-3">
<div <div
class="text-center detail_div" class="text-center detail_div"
> >

24
src/app/view/home/latestblocks/latestblocks.component.html
View File

@ -168,33 +168,33 @@
<div class="mobile_table peer_table"> <div class="mobile_table peer_table">
<div class="row"> <div class="">
<div class="col-6 col-md-4 tble_col"> <div class=" tble_col">
<div class="block_div"> <div class="block_div">
<h5 class="mb-0">Capabilities</h5> <h5 class="mb-0">Capabilities</h5>
</div> </div>
</div> </div>
<div class="col-6 col-md-4 tble_col"> <div class=" tble_col">
<div class="block_div"> <div class="block_div text-left">
<h5 class="mb-0">User Agent</h5> <h5 class="mb-0">User Agent</h5>
</div> </div>
</div> </div>
<div class="col-6 col-md-4 tble_col"> <div class=" tble_col">
<div class="block_div"> <div class="block_div">
<h5 class="mb-0">Version</h5> <h5 class="mb-0">Version</h5>
</div> </div>
</div> </div>
<div class="col-6 col-md-4 tble_col"> <div class="tble_col">
<div class="block_div"> <div class="block_div">
<h5 class="mb-0">Addr</h5> <h5 class="mb-0">Addr</h5>
</div> </div>
</div> </div>
<div class="col-7 col-sm-6 col-md-4 tble_col"> <div class=" tble_col">
<div class="block_div"> <div class="block_div text-left pl-4">
<h5 class="mb-0">Direction</h5> <h5 class="mb-0">Direction</h5>
</div> </div>
</div> </div>
<div class="col-5 col-sm-6 col-md-4 tble_col"> <div class="tble_col">
<div class="block_div"> <div class="block_div">
<h5 class="mb-0">Total Difficulty</h5> <h5 class="mb-0">Total Difficulty</h5>
</div> </div>
@ -255,7 +255,7 @@
<span class="blck_value">{{ peer.user_agent }}</span> <span class="blck_value">{{ peer.user_agent }}</span>
</div> </div>
</div> </div>
<div class="col-6 col-md-3 tble_col"> <div class="col-6 col-md-3 tble_col ver_col">
<div class="block_div"> <div class="block_div">
<h6>Version</h6> <h6>Version</h6>
<span class="blck_value">{{ peer.version }}</span> <span class="blck_value">{{ peer.version }}</span>
@ -274,9 +274,9 @@
</div> </div>
</div> </div>
<div class="col-6 col-md-3 tble_col"> <div class="col-6 col-md-3 tble_col">
<div class="block_div" title="Cuckaroo : {{ peer.total_difficulty.cuckaroo | number }}, Cuckatoo : {{ peer.total_difficulty.cuckatoo | number }}, Progpow : {{ peer.total_difficulty.progpow | number }}, Randomx : {{ peer.total_difficulty.randomx | number }}"> <div class="block_div peers_diff text-left" title="Cuckaroo : {{ peer.total_difficulty.cuckaroo | number }}, Cuckatoo : {{ peer.total_difficulty.cuckatoo | number }}, Progpow : {{ peer.total_difficulty.progpow | number }}, Randomx : {{ peer.total_difficulty.randomx | number }}">
<h6>Total Difficulty</h6> <h6>Total Difficulty</h6>
<span class="blck_value peers_diff">{{ peer.total_difficulty.cuckaroo }},{{ peer.total_difficulty.cuckatoo}},{{ peer.total_difficulty.progpow}},{{ peer.total_difficulty.randomx}}</span> <span class="blck_value ">{{ peer.total_difficulty.cuckaroo }},{{ peer.total_difficulty.cuckatoo}},{{ peer.total_difficulty.progpow}},{{ peer.total_difficulty.randomx}}</span>
</div> </div>
</div> </div>
</div> </div>

7
src/assets/css/responsive.css
View File

@ -1,14 +1,17 @@
@media(min-width: 992px){ @media(min-width: 992px){
.block_div {min-width: 136px; text-align: center;padding: .75rem; } .block_div {min-width: 136px; text-align: center;padding: .75rem; }
.peer_table .block_div{min-width: 180px;} .peer_table .block_div{min-width: 148px; text-align: center;}
.mobile_table{border-bottom: 1px solid #dee2e6; padding: 0 15px;display: table; width: 100%;} .mobile_table{border-bottom: 1px solid #dee2e6; padding: 0 15px;display: table; width: 100%;}
.view_moble_tble{border-bottom: 1px solid #dee2e6;} .view_moble_tble{border-bottom: 1px solid #dee2e6;}
.mobile_table .row{display: table;} .mobile_table .row{display: table;}
.mobile_table .tble_col{padding: 0;display: table-cell; max-width: unset; flex: unset;} .mobile_table .tble_col{padding: 0;display: table-cell; max-width: unset; flex: unset;}
.mobile_table h6, .view_moble_tble h6, .peer_mobile_table h6{display: none;} .mobile_table h6, .view_moble_tble h6, .peer_mobile_table h6{display: none;}
.view_moble_tble .block_div{text-align: left;} .view_moble_tble .block_div{text-align: left;}
.peer_table_data .col-md-3 { flex: 0 0 16%; max-width: 16%;} .peer_table_data .col-md-3 { flex: 0 0 13%; max-width: 13%;}
.peer_table{ margin-left: -20px; border-bottom: none} .peer_table{ margin-left: -20px; border-bottom: none}
.peer_table .tble_col{display: inline-block;}
/* .ver_col .block_div{min-width: 10px;max-width: 15px;} */
.block_div.peers_diff{ min-width: 368px; }
} }
@media(max-width: 1199px){ @media(max-width: 1199px){

8
src/assets/css/style.css
View File

@ -512,12 +512,8 @@ margin-right: 10px;
min-width: 5rem; min-width: 5rem;
padding: 0; padding: 0;
} }
.peers_diff{
width: 160px; .peers_diff .blck_value{word-wrap: break-word;}
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
}
/**********************************************Dark Theme CSS********************************/ /**********************************************Dark Theme CSS********************************/
body.dark_theme { body.dark_theme {
background-color: #27314b; background-color: #27314b;