Merge pull request #792 from threefoldtech/development_dashboard_minting

add minting website to dashboard

packages/dashboard/src/Dashboard.vue

@@ -223,6 +223,7 @@ interface SidenavItem {
   icon: string;
   prefix: string;
   active?: boolean;
+  hidden?: boolean;
   hyperlink?: boolean;
   children: Array<{
     label?: string;
@@ -269,6 +270,9 @@ export default class Dashboard extends Vue {
     });
   }
   async mounted() {
+    this.routes = this.routes.filter(route => {
+      if (!route.hidden) return route;
+    });
     await this.subscribe();
     this.accounts = this.$store.state.portal.accounts;
     if (this.$route.path === "/" && !this.$api) {
@@ -461,6 +465,13 @@ export default class Dashboard extends Vue {
       prefix: "/other/bootstrap",
       children: [],
     },
+    {
+      label: "Minting",
+      icon: "cash-multiple",
+      prefix: "/other/minting",
+      children: [],
+      hidden: window.configs.APP_NETWORK !== "main",
+    },
     {
       label: "Monitoring",
       icon: "equalizer",

packages/dashboard/src/other/router/index.ts

@@ -2,12 +2,16 @@ import Vue from "vue";
 import VueRouter, { RouteConfig } from "vue-router";
 
 import BootstrapView from "../views/BootstrapView.vue";
-
+import MintingView from "../views/MintingView.vue";
 Vue.use(VueRouter);
 
 export const otherRoutes: Array<RouteConfig> = [
   {
     path: "/other/bootstrap",
     component: BootstrapView,
   },
+  {
+    path: "/other/minting",
+    component: MintingView,
+  },
 ];

packages/dashboard/src/other/views/MintingView.vue

@@ -0,0 +1,10 @@
+<template>
+  <div style="padding-top: 64px; height: 100vh">
+    <iframe
+      src="https://alpha.minting.tfchain.grid.tf/"
+      style="border: none; background-color: white"
+      width="100%"
+      height="100%"
+    />
+  </div>
+</template>