EUbOPEN: add compounds browser

components/Disclaimer.vue

@@ -2,7 +2,7 @@
   <v-dialog :value="showDisclaimerDialog" max-width="800px">
     <v-card>
       <v-card-title class="text-h5 grey lighten-2">
-        Initial Version
+        Initial Version Description
       </v-card-title>
 
       <v-card-text>

layouts/entityBrowser.vue

+<template>
+  <v-app>
+    <Notifications />
+    <MainAppBar :permanently-pinned="true">
+      <template #logo>
+        <Logo />
+      </template>
+    </MainAppBar>
+    <v-main class="lowered">
+      <nuxt />
+    </v-main>
+    <Footer />
+  </v-app>
+</template>
+
+<script>
+import MainAppBar from '~/web-components-submodule/components/common/Masthead/MainAppBar.vue'
+import Footer from '~/components/footer/Footer.vue'
+import Notifications from '~/web-components-submodule/components/common/Notifications.vue'
+import Logo from '~/components/Logo.vue'
+
+export default {
+  components: {
+    MainAppBar,
+    Footer,
+    Notifications,
+    Logo,
+  },
+}
+</script>
+<style scoped>
+.lowered {
+  margin-top: 80px;
+}
+</style>

package.json

@@ -16,7 +16,7 @@
     "apexcharts": "^3.26.1",
     "copy-to-clipboard": "^3.3.1",
     "core-js": "^3.8.3",
-    "d3": "^7.0.0",
+    "d3": "^6.7.0",
     "dotenv": "^8.2.0",
     "nuxt": "^2.14.12",
     "vue-apexcharts": "^1.6.1"

pages/compound/browse.vue → pages/compound/browse/_state.vue

@@ -9,6 +9,7 @@ export default {
   components: {
     EBCompoundsBrowser,
   },
+  layout: 'entityBrowser',
   data() {
     return {
       isEmbedded: false,

pages/index.vue

@@ -17,6 +17,16 @@
         an open access chemogenomic library comprising about 5,000 well
         annotated compounds covering roughly 1,000 different proteins.
       </p>
+      <div class="d-flex justify-space-between flex-wrap align-center">
+        <div class="buttons-container">
+          <v-btn depressed color="primary" nuxt to="/compound/browse/state">
+            Explore all Compounds
+          </v-btn>
+        </div>
+        <div class="buttons-container">
+          <v-btn depressed color="primary" nuxt> Explore all Targets </v-btn>
+        </div>
+      </div>
     </v-col>
     <v-col cols="12" md="6">
       <v-img
@@ -36,3 +46,8 @@ export default {
   },
 }
 </script>
+<style scoped lang="scss">
+.buttons-container {
+  padding: 5px;
+}
+</style>

web-components-submodule @ 0186348d

-Subproject commit 6e14f50d6975490861689cd3f838830632b7448d
+Subproject commit 0186348d5eac97548cf6647eb5ea34c5eb7fa5b1