From a208894762cb402de7efe9f89b8e9cf494f5a92d Mon Sep 17 00:00:00 2001
From: SuriyaR <suriya.blazews@gmail.com>
Date: Wed, 31 Jul 2019 16:24:35 +0530
Subject: [PATCH] Changes

---
 .../components/header/header.component.html   |  33 ++++-
 .../siteheader/siteheader.component.html      |  14 ++
 .../block-detail/block-detail.component.html  |   2 +-
 .../graph-detail/graph-detail.component.html  |   6 +-
 .../home/graph-list/graph-list.component.html | 133 +++++++-----------
 5 files changed, 93 insertions(+), 95 deletions(-)

diff --git a/src/app/shared/components/header/header.component.html b/src/app/shared/components/header/header.component.html
index 9b3fc65..ebbe903 100755
--- a/src/app/shared/components/header/header.component.html
+++ b/src/app/shared/components/header/header.component.html
@@ -3,16 +3,39 @@
     <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>
+		  <!-- <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> -->
+                  </ul>
 
-          </li>
+          </li> -->
+          <li >
+              <span>You are on </span> 
+              <ul class="list-unstyled d-inline-block">
+                  <li class="nav-item dropdown">
+                      <a
+                        class="nav-link dropdown-toggle bg-white"
+                        id="navbarDropdown"
+                        role="button"
+                        data-toggle="dropdown"
+                        aria-haspopup="true"
+                        aria-expanded="false"
+                      >
+                     Beta
+                      </a>
+                      <div class="dropdown-menu net_dropdwn" aria-labelledby="navbarDropdown">
+                        <a class="dropdown-item p-2" target = '_blank' href="https://explorer2.epic.tech">Alpha</a
+                        >
+                       
+                      </div>
+                    </li>
+              </ul>
+               <span> Network </span>
+            </li>
           <li class="nav-item px-2 dropdown bg-white">
             
             <span class="flag " [ngStyle]="{ 'background-image': 'url(assets/img/' + translate.getCurrentLang() + '.jpg)'}"></span> 
@@ -38,7 +61,7 @@
     </div>
   </nav>
  <div *ngIf="TimeArr" class="d-sm-none text-center">
-      <h1 class="test_msg d-inline-block mb-0 align-middle mr-3">{{'home.HEADER_TEXT' | translate}}</h1>
+      <!-- <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}}
           <ul class="list-unstyled d-inline-block bg-white p-2 mb-0">
             <li class="d-inline-block"><span id="days">{{TimeArr.d}}d:</span></li>
diff --git a/src/app/shared/components/siteheader/siteheader.component.html b/src/app/shared/components/siteheader/siteheader.component.html
index ffc0842..020e663 100644
--- a/src/app/shared/components/siteheader/siteheader.component.html
+++ b/src/app/shared/components/siteheader/siteheader.component.html
@@ -16,6 +16,20 @@
         </button>
       </div>
       <div class="mble_view_hdr">
+          <span>You are on </span>
+          <ul class="list-unstyled d-inline-block">
+            <li class="nav-item dropdown">
+
+              <a class="nav-link dropdown-toggle bg-white" href="#" id="navbarDropdown" role="button"
+                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Beta
+              </a>
+              <div class="dropdown-menu net_dropdwn" aria-labelledby="navbarDropdown">
+                <a class="dropdown-item p-2" href="https://explorer2.epic.tech">Alpha</a>
+              </div>
+            </li>
+          </ul>
+          <span> Network </span>
         <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>-->
diff --git a/src/app/view/block-view/block-detail/block-detail.component.html b/src/app/view/block-view/block-detail/block-detail.component.html
index dc00963..0a8e078 100644
--- a/src/app/view/block-view/block-detail/block-detail.component.html
+++ b/src/app/view/block-view/block-detail/block-detail.component.html
@@ -1,7 +1,7 @@
 <div class="view_content py-4">
   <div *ngIf="hasdata" class="container">
 	  <div *ngIf="TimeArr" class="box_shadow_large detail_div p-3 mb-4">
-            <h1 class="test_msg align-middle mb-0 d-inline-block mr-3 pl-3">{{'home.HEADER_TEXT' | translate}}</h1>
+            <!-- <h1 class="test_msg align-middle mb-0 d-inline-block mr-3 pl-3">{{'home.HEADER_TEXT' | translate}}</h1> -->
             <!-- <h1 class="test_msg align-middle mb-0 float-right d-inline-block pl-3">{{'home.COUNTDOWN' | translate}}
                 <ul class="list-unstyled d-inline-block  mb-0 txt_primary timer">
                   <li class="d-inline-block"><span id="days">{{TimeArr.d}}d:</span></li>
diff --git a/src/app/view/graph-view/graph-detail/graph-detail.component.html b/src/app/view/graph-view/graph-detail/graph-detail.component.html
index 1943851..ad578bc 100644
--- a/src/app/view/graph-view/graph-detail/graph-detail.component.html
+++ b/src/app/view/graph-view/graph-detail/graph-detail.component.html
@@ -44,7 +44,7 @@
     </div>
       <div class="col-md-3">
           <div *ngIf="TimeArr" class="box_shadow_large detail_div p-3 mb-4">
-              <h1 class="test_msg align-middle mr-3 pl-3">{{'home.HEADER_TEXT' | translate}}</h1>
+              <!-- <h1 class="test_msg align-middle mr-3 pl-3">{{'home.HEADER_TEXT' | translate}}</h1> -->
               <!-- <h1 class="test_msg align-middle mb-0 pl-3">{{'home.COUNTDOWN' | translate}}
                   <ul class="list-unstyled mt-2  mb-0 txt_primary">
                     <li class="d-inline-block"><span id="days">{{TimeArr.d}}d:</span></li>
@@ -63,11 +63,11 @@
           <li class="mb-1" *ngIf="this.title!='Blocks Mined'"><a routerLink="/chart/blocks-mined">{{'home.BLOCKS_MINED' | translate}}</a></li>
           <li class="mb-1" *ngIf="this.title!='Transaction Fees'"><a routerLink="/chart/transaction-fees">{{'home.TRANSACTION_FEES' | translate}}</a></li>
           <li class="mb-1" *ngIf="this.title!='Supply Growth'"><a routerLink="/chart/supply-growth">{{'home.SUPPLY_GROWTH' | translate}}</a></li>
-          <li class="mb-1" *ngIf="this.title!='HashRate Growth Chart'"><a routerLink="/chart/hashrate-growth-chart">{{'home.HASHRATE_GROWTH_CHART' | translate}}</a></li>
+          <!-- <li class="mb-1" *ngIf="this.title!='HashRate Growth Chart'"><a routerLink="/chart/hashrate-growth-chart">{{'home.HASHRATE_GROWTH_CHART' | translate}}</a></li> -->
           <li class="mb-1" *ngIf="this.title!='Transactions by time'"><a routerLink="/chart/block-interval">{{'home.BLOCK_INTERVAL' | translate}}</a></li>
           <li class="mb-1" *ngIf="this.title!='Transactions Vs Date'"><a routerLink="/chart/transactions-vs-date">{{'home.TRANSACTIONS_VS_DATE' | translate}}</a></li>
           <li class="mb-1" *ngIf="this.title!='Stackbar Chart'"><a routerLink="/chart/stackchart">Stackbar Chart</a></li>
-          <li class="mb-1" *ngIf="this.title!='Pie Chart'"><a routerLink="/chart/piechart">Pie Chart</a></li>
+          <!-- <li class="mb-1" *ngIf="this.title!='Pie Chart'"><a routerLink="/chart/piechart">Pie Chart</a></li> -->
         </ul>
        </div>
       </div>
diff --git a/src/app/view/home/graph-list/graph-list.component.html b/src/app/view/home/graph-list/graph-list.component.html
index e4ecd31..5307929 100644
--- a/src/app/view/home/graph-list/graph-list.component.html
+++ b/src/app/view/home/graph-list/graph-list.component.html
@@ -262,46 +262,51 @@
 </div>
 
   <div [ngClass]="{'col-md-6 col-lg-4 mb-4' : true, 'd-none' : viewchart}">
-    <div class="box_shadow">
-      <div class="blocks">
-        <h2 class="chart_heading d-inline-block">{{'home.HASHRATE_GROWTH_CHART' | translate}}</h2>
-        <span class="txn_count" *ngIf="this.hg_last">{{
-          this.hg_last | number
-        }}</span>
-        <div class="chart_show">
-          <epic-explorer-plotly *ngIf="blockGraphData.data" [data]="blockGraphData.data" [layout]="blockGraphData.layout">
-          </epic-explorer-plotly>
-          <div *ngIf="!blockGraphData.data" class="feedback_div news_desc text-center">
-            <div class="graph_img background_loading mx-auto mb-3"></div>
-            <div class=" p-3 bg-white">
-              <p class="mb-2 background_loading para_load"></p>
-              <p class="mb-2 background_loading para_load"></p>
-              <p class="mb-2 background_loading para_load"></p>
-              <p class="mb-2 background_loading para_load"></p>
-              <p class="mb-2 background_loading para_load"></p>
-              <p class="mb-2 background_loading para_load"></p>
-              <p class="mb-2 background_loading para_load"></p>
+      <div class="box_shadow">
+          <div class="blocks">
+            <h2 class="chart_heading d-inline-block">Blocks by Algorithm</h2>
+            <span class="txn_count" *ngIf="this.sg_last">{{
+              this.sg_last | number
+            }}</span>
+    
+            <div class="chart_show">
+              <epic-explorer-plotly *ngIf="stackGraphData.data" [data]="stackGraphData.data" [layout]="stackGraphData.layout">
+              </epic-explorer-plotly>
+              <div *ngIf="!stackGraphData.data" class="feedback_div news_desc text-center">
+                <div class="graph_img background_loading mx-auto mb-3"></div>
+                <div class=" p-3 bg-white">
+                  <p class="mb-2 background_loading para_load"></p>
+                  <p class="mb-2 background_loading para_load"></p>
+                  <p class="mb-2 background_loading para_load"></p>
+                  <p class="mb-2 background_loading para_load"></p>
+                  <p class="mb-2 background_loading para_load"></p>
+                  <p class="mb-2 background_loading para_load"></p>
+                  <p class="mb-2 background_loading para_load"></p>
+                </div>
+              </div>
             </div>
           </div>
+          <div class="day_filter">
+            <a href="JavaScript:void(0);" (click)="stackchartreq('', '', '1 week'); selectedItem10 = 1" id="1"
+              #item1 [ngClass]="{ active: selectedItem10 == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
+            <a href="JavaScript:void(0);" (click)="
+            stackchartreq('', '', '15 days'); selectedItem10 = 2
+              " id="2" #item2 [ngClass]="{ active: selectedItem10 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
+            <a href="JavaScript:void(0);" (click)="
+            stackchartreq('', '', '30 days'); selectedItem10 = 3
+              " id="3" #item3 [ngClass]="{ active: selectedItem10 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
+            <a href="JavaScript:void(0);" (click)="
+            stackchartreq('', '', '60 days'); selectedItem10 = 4
+              " id="4" #item4 [ngClass]="{ active: selectedItem10 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
+            <a href="JavaScript:void(0);" (click)="
+            stackchartreq('', '', '3 months'); selectedItem10 = 5
+              " id="5" #item5 [ngClass]="{ active: selectedItem10 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
+          </div>
+          <div class="explore_all text-right">
+            <a routerLink="/chart/stackchart"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i
+                  class="fa fa-long-arrow-right"></i></span></a>
+          </div>
         </div>
-      </div>
-      <div class="day_filter">
-          <a href="JavaScript:void(0);" (click)="Transactiondoublelinechartreq('', '', '1 week'); selectedItem9 = 1" id="1" #item1
-          [ngClass]="{ active: selectedItem9 == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
-        <a href="JavaScript:void(0);" (click)="Transactiondoublelinechartreq('', '', '15 days'); selectedItem9 = 2" id="2" #item2
-          [ngClass]="{ active: selectedItem9 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
-        <a href="JavaScript:void(0);" (click)="Transactiondoublelinechartreq('', '', '30 days'); selectedItem9 = 3" id="3" #item3
-          [ngClass]="{ active: selectedItem9 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
-        <a href="JavaScript:void(0);" (click)="Transactiondoublelinechartreq('', '', '60 days'); selectedItem9 = 4" id="4" #item4
-          [ngClass]="{ active: selectedItem9 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
-        <a href="JavaScript:void(0);" (click)="Transactiondoublelinechartreq('', '', '3 months'); selectedItem9 = 5" id="5" #item5
-          [ngClass]="{ active: selectedItem9 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
-      </div>
-      <div class="explore_all text-right">
-        <a routerLink="/chart/hashrate-growth-chart"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i
-              class="fa fa-long-arrow-right"></i></span></a>
-      </div>
-    </div>
   </div>
   <div [ngClass]="{'col-md-6 col-lg-4 mb-4' : true, 'd-none' : viewchart}">
     <div class="box_shadow">
@@ -392,55 +397,11 @@
     </div>
   </div>
 
-  <div [ngClass]="{'col-md-6 col-lg-4 mb-4' : true, 'd-none' : viewchart}">
-    <div class="box_shadow">
-      <div class="blocks">
-        <h2 class="chart_heading d-inline-block">Stackbar Chart</h2>
-        <span class="txn_count" *ngIf="this.sg_last">{{
-          this.sg_last | number
-        }}</span>
+  <!-- <div [ngClass]="{'col-md-6 col-lg-4 mb-4' : true, 'd-none' : viewchart}">
+   
+  </div> -->
 
-        <div class="chart_show">
-          <epic-explorer-plotly *ngIf="stackGraphData.data" [data]="stackGraphData.data" [layout]="stackGraphData.layout">
-          </epic-explorer-plotly>
-          <div *ngIf="!stackGraphData.data" class="feedback_div news_desc text-center">
-            <div class="graph_img background_loading mx-auto mb-3"></div>
-            <div class=" p-3 bg-white">
-              <p class="mb-2 background_loading para_load"></p>
-              <p class="mb-2 background_loading para_load"></p>
-              <p class="mb-2 background_loading para_load"></p>
-              <p class="mb-2 background_loading para_load"></p>
-              <p class="mb-2 background_loading para_load"></p>
-              <p class="mb-2 background_loading para_load"></p>
-              <p class="mb-2 background_loading para_load"></p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="day_filter">
-        <a href="JavaScript:void(0);" (click)="stackchartreq('', '', '1 week'); selectedItem10 = 1" id="1"
-          #item1 [ngClass]="{ active: selectedItem10 == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
-        <a href="JavaScript:void(0);" (click)="
-        stackchartreq('', '', '15 days'); selectedItem10 = 2
-          " id="2" #item2 [ngClass]="{ active: selectedItem10 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
-        <a href="JavaScript:void(0);" (click)="
-        stackchartreq('', '', '30 days'); selectedItem10 = 3
-          " id="3" #item3 [ngClass]="{ active: selectedItem10 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
-        <a href="JavaScript:void(0);" (click)="
-        stackchartreq('', '', '60 days'); selectedItem10 = 4
-          " id="4" #item4 [ngClass]="{ active: selectedItem10 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
-        <a href="JavaScript:void(0);" (click)="
-        stackchartreq('', '', '3 months'); selectedItem10 = 5
-          " id="5" #item5 [ngClass]="{ active: selectedItem10 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
-      </div>
-      <div class="explore_all text-right">
-        <a routerLink="/chart/stackchart"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i
-              class="fa fa-long-arrow-right"></i></span></a>
-      </div>
-    </div>
-  </div>
-
-  <div [ngClass]="{'col-md-6 col-lg-4 mb-4' : true, 'd-none' : viewchart}">
+  <!-- <div [ngClass]="{'col-md-6 col-lg-4 mb-4' : true, 'd-none' : viewchart}">
     <div class="box_shadow">
       <div class="blocks">
         <h2 class="chart_heading d-inline-block">Pie Chart</h2>
@@ -486,6 +447,6 @@
               class="fa fa-long-arrow-right"></i></span></a>
       </div>
     </div>
-  </div>
+  </div> -->
 
 </div>