Squash and migrate to navexplorer/navexplorer-frontend

.env.dist

@@ -0,0 +1,13 @@
+# This file is a "template" of which env vars need to be defined for your application
+# Copy this file to .env file for development, create environment variables when deploying to production
+# https://symfony.com/doc/current/best_practices/configuration.html#infrastructure-related-configuration
+
+###> symfony/framework-bundle ###
+APP_ENV=prod
+APP_SECRET=NOT_A_SECRET
+#TRUSTED_PROXIES=127.0.0.1,127.0.0.2
+#TRUSTED_HOSTS=localhost,example.com
+###< symfony/framework-bundle ###
+
+BACKEND_MAINNET=http://backend.navexplorer.com
+BACKEND_TESTNET=http://backend.navexplorer.com:8080

.gitignore

@@ -0,0 +1,19 @@
+.idea
+
+###> symfony/framework-bundle ###
+.env
+/public/bundles/
+/var/
+/vendor/
+###< symfony/framework-bundle ###
+
+###> symfony/web-server-bundle ###
+.web-server-pid
+###< symfony/web-server-bundle ###
+
+###> symfony/webpack-encore-pack ###
+/node_modules/
+/public/build/
+###< symfony/webpack-encore-pack ###
+
+docker/logs/nginx/*

assets/css/app.scss

@@ -0,0 +1,134 @@
+@import 'open-iconic';
+
+@import 'colors';
+@import 'buttons';
+@import 'table';
+@import 'header';
+@import 'footer';
+@import 'transaction';
+@import 'form';
+@import 'chart';
+@import 'search';
+@import 'soft-fork';
+@import 'distribution';
+
+.body {
+  padding-bottom: 50px;
+}
+
+a {
+  color: $purple;
+  span {
+    position: absolute;
+    top: -9999px;
+    left: -9999px;
+  }
+}
+
+a.disabled {
+  pointer-events: none;
+  opacity: 0.5;
+  color: $grey;
+}
+
+a:hover {
+  color: $blue;
+  text-decoration: none;
+}
+
+p {
+  margin-bottom: 0.5rem;
+}
+
+.badge {
+  font-weight: normal;
+}
+
+small {
+  color: $grey;
+}
+
+.container-fluid {
+  max-width: 1200px;
+}
+
+
+.badge-transaction-count {
+  margin-right: 1rem;
+}
+
+.badge-staking {
+  margin-right: 1rem;
+}
+
+.block-summary,
+.transaction-summary {
+  margin-bottom: 1.25rem;
+}
+
+.block-links {
+  padding: 0.5rem 0.25rem;
+  vertical-align: top;
+  border-top: 1px solid #DFD7CA;
+}
+
+.block-transactions {
+  margin-bottom: 28px;
+
+
+  ul {
+    list-style: none;
+    padding: initial;
+  }
+
+  li {
+    clear: both;
+    overflow: hidden;
+  }
+}
+
+
+
+.card-list {
+  margin-bottom: 2rem;
+
+  .card-header {
+    font-size: 1.25rem;
+  }
+
+  .card-body {
+    padding: 0.5rem;
+  }
+
+  .list-group-title {
+    font-weight: bold;
+  }
+
+  .list-group-item {
+    padding: 0.25rem 1.25rem;
+  }
+}
+
+.break-word {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+
+  /* These are technically the same, but use both */
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+
+  -ms-word-break: break-all;
+  /* This is the dangerous one in WebKit, as it breaks things wherever */
+  word-break: break-all;
+  /* Instead use this non-standard one: */
+  word-break: break-word;
+
+  /* Adds a hyphen where the word breaks, if supported (No Blink) */
+  -ms-hyphens: auto;
+  -moz-hyphens: auto;
+  -webkit-hyphens: none;
+  hyphens: none;
+
+}

assets/css/buttons.scss

@@ -0,0 +1,10 @@
+.btn-info {
+  color: #fff;
+  background-color: $purple;
+  border-color: $purple;
+}
+
+.btn-info:hover {
+  background-color: $dark-purple;
+  border-color: $dark-purple;
+}

assets/css/chart.scss

@@ -0,0 +1,8 @@
+svg {
+  .legend {
+    font-size: 0.875rem;
+  }
+  rect {
+    stroke-width: 2;
+  }
+}

assets/css/colors.scss

@@ -0,0 +1,9 @@
+$purple: #7d59b5;
+$dark-purple: #4d3474;
+$blue: hsl(199, 81%, 59%);
+$grey: grey;
+$green: green;
+$light-grey: #f9f9f9;
+$white: #ffffff;
+$off-white: #cccccc;
+$yellow: #f0c067

assets/css/distribution.scss

@@ -0,0 +1,14 @@
+.distribution {
+  svg {
+    margin-bottom: 1rem;
+  }
+
+  table {
+    .box {
+      width: 1rem;
+      height: 1rem;
+      display: inline-block;
+      border-radius: 0.25rem;
+    }
+  }
+}

assets/css/footer.scss

@@ -0,0 +1,43 @@
+footer {
+  position: fixed;
+  //height: 20px;
+  bottom: 0;
+  width: 100%;
+  border-top: $purple 5px solid;
+  background-color: $dark-purple;
+  margin-top: 2rem;
+  padding: 0.25rem;
+  color: $off-white;
+
+  .network {
+    float:left;
+
+    ul {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+
+      li {
+        display: inline-block;
+        padding-right: 0.2rem;
+
+        a {
+          color: $grey;
+          text-transform: capitalize;
+        }
+        a:hover {
+          color: $white;
+        }
+        a.active {
+          pointer-events: none;
+          color: $white;
+        }
+
+      }
+
+      li:not(:first-child):before {
+        content: "| ";
+      }
+    }
+  }
+}

assets/css/form.scss

@@ -0,0 +1,24 @@
+.form-filter {
+  float: right;
+  margin-top: 0.5rem;
+
+  span {
+    font-size: 1rem;
+  }
+
+  label {
+    padding-left: 0.5rem;
+  }
+
+  input {
+    margin-left: 0.25rem;
+  }
+}
+
+.form-filter-disabled {
+  pointer-events: none;
+
+  label, input {
+    opacity: 0.5;
+  }
+}

assets/css/header.scss

@@ -0,0 +1,70 @@
+header {
+  margin-bottom: 1.25rem;
+  background-color: $light-grey;
+  border-bottom: $purple 5px solid;
+
+  @media (max-width: 575px) {
+    a {
+      display:none;
+    }
+  }
+
+  a, a:hover {
+    color: $blue;
+  }
+
+  h1 {
+    font-size: 4.4em;
+    margin-bottom: 12px;
+    padding: 0.5rem;
+
+    @media (min-width: 576px) {
+      padding: 14px 0 2px 210px;
+
+      span {
+        display: none;
+      }
+
+      background: url("/images/logo-extended.png") 0 100% no-repeat;
+      background-size: 200px 62px;
+    }
+  }
+
+  .navbar-dark .navbar-nav .nav-link {
+    color: #FFF;
+    text-shadow: 0 0.075em 0.075em rgba(0,0,0,.5);
+    font-size: 1.1em;
+    line-height: 22px;
+    font-weight: 100;
+    text-transform: inherit;
+    padding: 0.5rem 1.8rem 0.5rem 0;
+  }
+
+  .bg-nav {
+    background-color: $dark-purple;
+  }
+}
+
+
+.alpha-warning {
+  position: sticky;
+  top: 0;
+  z-index: 1000;
+  font-size: 14px;
+  background-color: #dc3545;
+  color: $white;
+  padding: 0.5rem;
+  text-align: center;
+}
+
+
+.testnet-warning {
+  position: sticky;
+  top: 0;
+  z-index: 1000;
+  font-size: 14px;
+  background-color: $blue;
+  color: $white;
+  padding: 0.5rem;
+  text-align: center;
+}