Add new menu item 'network' && fixes table for network page (baking-b…

…ad#423)

src/App.vue

@@ -190,4 +190,8 @@ input:-webkit-autofill:active  {
 .v-content-class {
   margin-top: var(--main-header-weight);
 }
+
+.hide-pagination-count .v-data-footer__pagination{
+  display: none;
+}
 </style>

src/components/MainHeaderDescriptive.vue

@@ -10,6 +10,9 @@
       <v-btn text small :to="{ name: 'search' }" class="text--secondary" active-class="bg-before-transparent">
         Search
       </v-btn>
+      <v-btn text small :to="{ path: networksPath }" class="text--secondary" active-class="bg-before-transparent">
+        Networks
+      </v-btn>
       <v-btn text small :to="{ path: `/stats/${config.networks[0]}/general` }" class="text--secondary" active-class="bg-before-transparent">
         Stats
       </v-btn>
@@ -56,6 +59,9 @@ export default {
     },
     isDarkTheme() {
       return this.$vuetify.theme.dark;
+    },
+    networksPath() {
+      return `/${this.$route.params.network || 'mainnet'}/`
     }
   },
 }

src/components/Tables/RecentlyCalledContracts.vue

@@ -4,10 +4,10 @@
       <v-data-table
         :items="recentlyCalledContracts"
         :headers="recentlyCalledTableHeaders"
-        class="ba-1 mt-4 avg-gas-consumption"
+        :class="['ba-1 mt-4 avg-gas-consumption', {'hide-pagination-count' : hidePaginationCount}]"
         :hide-default-footer="!pageable"
         :page.sync="page"
-        :items-per-page="itemsPerPage"
+        :options="{itemsPerPage}"
         :footer-props="{
             itemsPerPageOptions: []
         }"
@@ -58,6 +58,10 @@ export default {
       type: Boolean,
       default: true,
     },
+    hidePaginationCount: {
+      type: Boolean,
+      default: false,
+    },
     pageable: {
       type: Boolean,
       default: false,
@@ -172,4 +176,5 @@ export default {
     font-weight: 400;
   }
 }
+
 </style>

src/views/network/NetworkTab.vue

@@ -5,8 +5,9 @@
         <h3 class="text--secondary font-weight-regular header-table">Recently called contracts</h3>
         <RecentlyCalledContracts
           class="mt-4"
+          hide-pagination-count
           :network="network"
-          :items-per-page="10"
+          :items-per-page="7"
           :updateable="false"
           pageable
         />