Initial project

2021-07-21 22:07:38 +08:00
commit ae30de057d
465 changed files with 52080 additions and 0 deletions
@@ -0,0 +1,97 @@
+<template>
+  <div class="navbar-container d-flex content align-items-center">
+
+    <!-- Nav Menu Toggler -->
+    <ul class="nav navbar-nav d-xl-none">
+      <li class="nav-item">
+        <b-link
+          class="nav-link"
+          @click="toggleVerticalMenuActive"
+        >
+          <feather-icon
+            icon="MenuIcon"
+            size="21"
+          />
+        </b-link>
+      </li>
+    </ul>
+
+    <!-- Left Col -->
+    <div class="bookmark-wrapper align-items-center flex-grow-1 d-none d-lg-flex">
+      <b-media no-body>
+        <b-media-aside class="mr-75">
+          <b-avatar
+            badge
+            rounded
+            size="42"
+            :src="selected_chain.logo"
+            class="badge-minimal"
+            badge-variant="success"
+          />
+        </b-media-aside>
+        <b-media-body class="my-auto">
+          <h6 class="mb-0 text-uppercase">
+            {{ selected_chain.chain_name }}
+          </h6>
+          <small v-b-tooltip.hover.bottom="'Data Provider'">{{ selected_chain.api }}</small>
+        </b-media-body>
+      </b-media>
+    </div>
+
+    <dark-Toggler class="d-none d-lg-block" />
+    <!-- Right Col -->
+    <b-navbar-nav class="nav align-items-center ml-auto">
+      <dark-Toggler class="d-none d-lg-block" />
+      <search-bar />
+      <notification-dropdown />
+      <locale />
+    </b-navbar-nav>
+  </div>
+</template>
+
+<script>
+import {
+  BLink, BNavbarNav, BMedia, BMediaAside, BAvatar, BMediaBody, VBTooltip,
+} from 'bootstrap-vue'
+import DarkToggler from '@core/layouts/components/app-navbar/components/DarkToggler.vue'
+import Locale from '@core/layouts/components/app-navbar/components/Locale.vue'
+import SearchBar from '@core/layouts/components/app-navbar/components/SearchBar.vue'
+// import CartDropdown from '@core/layouts/components/app-navbar/components/CartDropdown.vue'
+import NotificationDropdown from '@core/layouts/components/app-navbar/components/NotificationDropdown.vue'
+import store from '@/store'
+// import UserDropdown from '@core/layouts/components/app-navbar/components/UserDropdown.vue'
+
+export default {
+  components: {
+    BLink,
+    BNavbarNav,
+    BAvatar,
+    BMedia,
+    BMediaAside,
+    BMediaBody,
+
+    // Navbar Components
+    DarkToggler,
+    Locale,
+    SearchBar,
+    // CartDropdown,
+    NotificationDropdown,
+    // UserDropdown,
+  },
+  directives: {
+    'b-tooltip': VBTooltip,
+  },
+  props: {
+    toggleVerticalMenuActive: {
+      type: Function,
+      default: () => {},
+    },
+  },
+  computed: {
+    selected_chain() {
+      const c = this.$route.params.chain
+      return store.state.chains.chains[c]
+    },
+  },
+}
+</script>
@@ -0,0 +1,15 @@
+<template>
+  <layout-full>
+    <router-view />
+  </layout-full>
+</template>
+
+<script>
+import LayoutFull from '@core/layouts/layout-full/LayoutFull.vue'
+
+export default {
+  components: {
+    LayoutFull,
+  },
+}
+</script>
@@ -0,0 +1,38 @@
+<template>
+  <layout-horizontal>
+
+    <router-view />
+
+    <template #navbar="{ toggleVerticalMenuActive }">
+      <app-navbar-horizontal-layout-brand />
+      <navbar :toggle-vertical-menu-active="toggleVerticalMenuActive" />
+    </template>
+
+    <!-- <app-customizer
+      v-if="showCustomizer"
+      slot="customizer"
+    /> -->
+  </layout-horizontal>
+</template>
+
+<script>
+import LayoutHorizontal from '@core/layouts/layout-horizontal/LayoutHorizontal.vue'
+// import AppCustomizer from '@core/layouts/components/app-customizer/AppCustomizer.vue'
+// import { $themeConfig } from '@themeConfig'
+import AppNavbarHorizontalLayoutBrand from '@core/layouts/components/app-navbar/AppNavbarHorizontalLayoutBrand.vue'
+import Navbar from '../components/Navbar.vue'
+
+export default {
+  components: {
+    LayoutHorizontal,
+    // AppCustomizer,
+    Navbar,
+    AppNavbarHorizontalLayoutBrand,
+  },
+  data() {
+    return {
+      // showCustomizer: $themeConfig.layout.customizer,
+    }
+  },
+}
+</script>
@@ -0,0 +1,35 @@
+<template>
+  <layout-vertical>
+
+    <router-view />
+
+    <template #navbar="{ toggleVerticalMenuActive }">
+      <navbar :toggle-vertical-menu-active="toggleVerticalMenuActive" />
+    </template>
+
+    <!-- <app-customizer
+      v-if="showCustomizer"
+      slot="customizer"
+    /> -->
+  </layout-vertical>
+</template>
+
+<script>
+import LayoutVertical from '@core/layouts/layout-vertical/LayoutVertical.vue'
+// import AppCustomizer from '@core/layouts/components/app-customizer/AppCustomizer.vue'
+// import { $themeConfig } from '@themeConfig'
+import Navbar from '../components/Navbar.vue'
+
+export default {
+  components: {
+    // AppCustomizer,
+    LayoutVertical,
+    Navbar,
+  },
+  data() {
+    return {
+      // showCustomizer: $themeConfig.layout.customizer,
+    }
+  },
+}
+</script>