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

UI changes

Browse Source
This commit is contained in:
Prema 2019-08-08 11:47:54 +05:30
parent aa9dfe2eba
commit ec5c30d14c
3 changed files with 37 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/app/shared/components/header/header.component.html
View File

@ -2,20 +2,9 @@
<nav class="navbar navbar-expand navbar-light bg-transparent">
<div class="container-fluid">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<!-- <li *ngIf="TimeArr" class="d-none d-sm-inline-block"><h1 class="test_msg d-inline-block mb-0 align-middle mr-3">{{'home.HEADER_TEXT' | translate}}</h1>
<h1 class="test_msg align-middle mr-3 d-inline-block mb-0">{{'home.COUNTDOWN' | translate}}</h1>
<ul class="list-unstyled d-inline-block bg-white p-2 mb-0 timer">
<li class="d-inline-block"><span id="days">{{TimeArr.d}}d:</span></li>
<li class="d-inline-block"><span id="hours">{{TimeArr.h}}h:</span></li>
<li class="d-inline-block"><span id="minutes">{{TimeArr.m}}m:</span></li>
<li class="d-inline-block"><span id="seconds">{{TimeArr.s}}s</span></li>
</ul>
</li> -->
<li >
<div >
<span>You are on </span>
<ul class="list-unstyled d-inline-block">
<ul class="list-unstyled d-inline-block mb-0">
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle bg-white"
@ -35,12 +24,24 @@
</li>
</ul>
<span> Network </span>
</li>
</div>
<ul class="navbar-nav ml-auto">
<!-- <li *ngIf="TimeArr" class="d-none d-sm-inline-block"><h1 class="test_msg d-inline-block mb-0 align-middle mr-3">{{'home.HEADER_TEXT' | translate}}</h1>
<h1 class="test_msg align-middle mr-3 d-inline-block mb-0">{{'home.COUNTDOWN' | translate}}</h1>
<ul class="list-unstyled d-inline-block bg-white p-2 mb-0 timer">
<li class="d-inline-block"><span id="days">{{TimeArr.d}}d:</span></li>
<li class="d-inline-block"><span id="hours">{{TimeArr.h}}h:</span></li>
<li class="d-inline-block"><span id="minutes">{{TimeArr.m}}m:</span></li>
<li class="d-inline-block"><span id="seconds">{{TimeArr.s}}s</span></li>
</ul>
</li> -->
<li class="nav-item px-2 dropdown bg-white">
<span class="flag " [ngStyle]="{ 'background-image': 'url(assets/img/' + translate.getCurrentLang() + '.jpg)'}"></span>
<!--<span class="flag" ngIf="translate.getCurrentLang() =='de'" style="background-image: url('assets/img/german.jpg')"></span>-->
<select class="langbut py-2" #langSelect (change)="translate.changeLang(langSelect.value)">
<select class="langbut py-2 ml-1" #langSelect (change)="translate.changeLang(langSelect.value)">
<option *ngFor="let lang of translate.getLanguage()" [value]="lang" [selected]="lang == translate.getCurrentLang()">{{translate.langLabel[lang]}}</option>
</select>
<i class="arrow_drpdwn"></i>

27
src/app/shared/components/siteheader/siteheader.component.html
View File

@ -4,18 +4,9 @@
class="txt_primary">Epic </span><span>Explorer</span></a>
<div class="ml-auto">
<div class="ml-auto ">
<a class="chart_heading d-sm-none" routerLink="/"><span class="txt_primary">Epic</span><span>Explorer</span></a>
<div class="position-relative d-none d-sm-inline-block">
<input type="text" [(ngModel)]="search" #ctrl="ngModel" class="form-control search_input"
(keyup.enter)="ctrl.value ? onSearch(ctrl.value) : ''" placeholder="Search by hash or height">
<button class="btn search_btn" (click)="ctrl.value ? onSearch(ctrl.value) : ''">
<!-- <a href="/blockdetail/{{ ctrl.value }}" > -->
<i class="fa fa-search"></i>
<!-- </a> -->
</button>
</div>
<div class="mble_view_hdr">
<div class="d-inline-block mr-3">
<span>You are on </span>
<ul class="list-unstyled d-inline-block">
<li class="nav-item dropdown">
@ -30,10 +21,22 @@
</li>
</ul>
<span> Network </span>
</div>
<div class="position-relative d-none d-sm-inline-block">
<input type="text" [(ngModel)]="search" #ctrl="ngModel" class="form-control search_input"
(keyup.enter)="ctrl.value ? onSearch(ctrl.value) : ''" placeholder="Search by hash or height">
<button class="btn search_btn" (click)="ctrl.value ? onSearch(ctrl.value) : ''">
<!-- <a href="/blockdetail/{{ ctrl.value }}" > -->
<i class="fa fa-search"></i>
<!-- </a> -->
</button>
</div>
<div class="mble_view_hdr">
<div class="nav-item dropdown bg-white px-2 d-inline-block ml-2 order-1 order-sm-2">
<span class="flag " [ngStyle]="{ 'background-image': 'url(assets/img/' + translate.getCurrentLang() + '.jpg)'}"></span>
<!--<span class="flag" ngIf="translate.getCurrentLang() =='de'" style="background-image: url('assets/img/german.jpg')"></span>-->
<select class="langbut py-2" #langSelect (change)="translate.changeLang(langSelect.value)">
<select class="langbut py-2 ml-1" #langSelect (change)="translate.changeLang(langSelect.value)">
<option *ngFor="let lang of translate.getLanguage()" [value]="lang" [selected]="lang == translate.getCurrentLang()">{{translate.langLabel[lang]}}</option>
</select>
<i class="arrow_drpdwn"></i>

11
src/app/view/home/home-worksapce.component.ts
View File

@ -9,6 +9,11 @@ import { Router } from '@angular/router';
<div class="body_bg py-4">
<div class="chart_section mt-4">
<div class="container">
<div class="block_details mb-5">
<div class="container">
<app-block-detail-list></app-block-detail-list>
</div>
</div>
<div class="explore_charts pt-3">
<epic-explorer-graph-list
[viewchart]="viewchartvar"
@ -26,11 +31,7 @@ import { Router } from '@angular/router';
</div>
</div>
</div>
<div class="block_details mt-5">
<div class="container">
<app-block-detail-list></app-block-detail-list>
</div>
</div>
<div class="latest_blocks my-5">
<div class="container">
<div class="filter_shadow">