diff --git a/components/report_cards/chemical_probe/ProbeProfile.vue b/components/report_cards/chemical_probe/ProbeProfile.vue
index 087d59fca02731026692eb5e27c8b3048fef1f1b..9a97c5a4aef509bda5faa43a74789df1d1f1977e 100644
--- a/components/report_cards/chemical_probe/ProbeProfile.vue
+++ b/components/report_cards/chemical_probe/ProbeProfile.vue
@@ -1,61 +1,18 @@
<template>
<v-card>
<v-card-text>
- <p class="text-justify">
- PFI-6 shows potent activity on MLLT1/3. PFI-6 is universally inactive in
- the SGC Bromodomain panel, and showed no activity in an Invitrogen panel
- of 40 kinases (screening conducted at 10µM). Additionally, PFI-6 shows
- no activity in a panel of 25 PDEs, ion channels and GPCRs >50µM. The
- negative control, PFI-6N, is not reactive against MLLT1 >30µM, MLLT3
- >30µM, YEATS2 >30µM and YEATS4 >30µM.
- </p>
- <v-simple-table dense>
- <thead>
- <tr>
- <th></th>
- <th class="text-left">MLLT1</th>
- <th class="text-left">MLLT3</th>
- <th class="text-left">YEATS2</th>
- <th class="text-left">YEATS4</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>HTRF IC50 (µM)</td>
- <td>0.14</td>
- <td>0.16</td>
- <td>>40</td>
- <td>>40</td>
- </tr>
- <tr>
- <td>BLI Kd (µM)</td>
- <td>0.11</td>
- <td>0.11</td>
- <td>>n.d.</td>
- <td>>n.d.</td>
- </tr>
- <tr>
- <td>ITC Kd (µM)</td>
- <td>0.082</td>
- <td>0.076</td>
- <td>>n.d.</td>
- <td>>n.d.</td>
- </tr>
- <tr>
- <td>DSF (Tm Shift) (K)</td>
- <td>3.61</td>
- <td>5.13</td>
- <td>>0.00</td>
- <td>>-0.02</td>
- </tr>
- </tbody>
- </v-simple-table>
+ <EntityRelations />
</v-card-text>
</v-card>
</template>
<script>
-export default {}
+import EntityRelations from '~/web-components-submodule/components/common/ReportCards/EntityRelations/EntityRelations.vue'
+export default {
+ components: {
+ EntityRelations,
+ },
+}
</script>
<style></style>
diff --git a/components/report_cards/target/ActivityCharts.vue b/components/report_cards/target/ActivityCharts.vue
new file mode 100644
index 0000000000000000000000000000000000000000..9a97c5a4aef509bda5faa43a74789df1d1f1977e
--- /dev/null
+++ b/components/report_cards/target/ActivityCharts.vue
@@ -0,0 +1,18 @@
+<template>
+ <v-card>
+ <v-card-text>
+ <EntityRelations />
+ </v-card-text>
+ </v-card>
+</template>
+
+<script>
+import EntityRelations from '~/web-components-submodule/components/common/ReportCards/EntityRelations/EntityRelations.vue'
+export default {
+ components: {
+ EntityRelations,
+ },
+}
+</script>
+
+<style></style>
diff --git a/nuxt.config.js b/nuxt.config.js
index 0407cf64d805f7a163ad1b0d1d83d7e0442020f9..552306f7dbdb4bbc04560dbb2857cc476de2860a 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -36,7 +36,7 @@ export default {
css: [],
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
- plugins: [],
+ plugins: [{ src: '~/plugins/vue-apexchart.js', ssr: false }],
// Auto import components: https://go.nuxtjs.dev/config-components
components: true,
diff --git a/package-lock.json b/package-lock.json
index 92a2b9e8fff647d92887aeb1bc7a81664bede2c8..7d85f8cf369f75ec3efe95968a134dfdb4614c07 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3316,6 +3316,19 @@
"picomatch": "^2.0.4"
}
},
+ "apexcharts": {
+ "version": "3.26.1",
+ "resolved": "https://registry.npmjs.org/apexcharts/-/apexcharts-3.26.1.tgz",
+ "integrity": "sha512-Z/pfGTsL4YUm1tHd6a0d0G2hX4XUmhEI0b/5BxVK69dEB/XXvVMX9hKCkcIx+kPyVqVFCuo91ZjCdqjMcmSVBA==",
+ "requires": {
+ "svg.draggable.js": "^2.2.2",
+ "svg.easing.js": "^2.0.0",
+ "svg.filter.js": "^2.0.2",
+ "svg.pathmorphing.js": "^0.1.3",
+ "svg.resize.js": "^1.4.3",
+ "svg.select.js": "^3.0.1"
+ }
+ },
"aproba": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
@@ -14249,6 +14262,70 @@
"resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
"integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q="
},
+ "svg.draggable.js": {
+ "version": "2.2.2",
+ "resolved": "https://registry.npmjs.org/svg.draggable.js/-/svg.draggable.js-2.2.2.tgz",
+ "integrity": "sha512-JzNHBc2fLQMzYCZ90KZHN2ohXL0BQJGQimK1kGk6AvSeibuKcIdDX9Kr0dT9+UJ5O8nYA0RB839Lhvk4CY4MZw==",
+ "requires": {
+ "svg.js": "^2.0.1"
+ }
+ },
+ "svg.easing.js": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/svg.easing.js/-/svg.easing.js-2.0.0.tgz",
+ "integrity": "sha1-iqmUawqOJ4V6XEChDrpAkeVpHxI=",
+ "requires": {
+ "svg.js": ">=2.3.x"
+ }
+ },
+ "svg.filter.js": {
+ "version": "2.0.2",
+ "resolved": "https://registry.npmjs.org/svg.filter.js/-/svg.filter.js-2.0.2.tgz",
+ "integrity": "sha1-kQCOFROJ3ZIwd5/L5uLJo2LRwgM=",
+ "requires": {
+ "svg.js": "^2.2.5"
+ }
+ },
+ "svg.js": {
+ "version": "2.7.1",
+ "resolved": "https://registry.npmjs.org/svg.js/-/svg.js-2.7.1.tgz",
+ "integrity": "sha512-ycbxpizEQktk3FYvn/8BH+6/EuWXg7ZpQREJvgacqn46gIddG24tNNe4Son6omdXCnSOaApnpZw6MPCBA1dODA=="
+ },
+ "svg.pathmorphing.js": {
+ "version": "0.1.3",
+ "resolved": "https://registry.npmjs.org/svg.pathmorphing.js/-/svg.pathmorphing.js-0.1.3.tgz",
+ "integrity": "sha512-49HWI9X4XQR/JG1qXkSDV8xViuTLIWm/B/7YuQELV5KMOPtXjiwH4XPJvr/ghEDibmLQ9Oc22dpWpG0vUDDNww==",
+ "requires": {
+ "svg.js": "^2.4.0"
+ }
+ },
+ "svg.resize.js": {
+ "version": "1.4.3",
+ "resolved": "https://registry.npmjs.org/svg.resize.js/-/svg.resize.js-1.4.3.tgz",
+ "integrity": "sha512-9k5sXJuPKp+mVzXNvxz7U0uC9oVMQrrf7cFsETznzUDDm0x8+77dtZkWdMfRlmbkEEYvUn9btKuZ3n41oNA+uw==",
+ "requires": {
+ "svg.js": "^2.6.5",
+ "svg.select.js": "^2.1.2"
+ },
+ "dependencies": {
+ "svg.select.js": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/svg.select.js/-/svg.select.js-2.1.2.tgz",
+ "integrity": "sha512-tH6ABEyJsAOVAhwcCjF8mw4crjXSI1aa7j2VQR8ZuJ37H2MBUbyeqYr5nEO7sSN3cy9AR9DUwNg0t/962HlDbQ==",
+ "requires": {
+ "svg.js": "^2.2.5"
+ }
+ }
+ }
+ },
+ "svg.select.js": {
+ "version": "3.0.1",
+ "resolved": "https://registry.npmjs.org/svg.select.js/-/svg.select.js-3.0.1.tgz",
+ "integrity": "sha512-h5IS/hKkuVCbKSieR9uQCj9w+zLHoPh+ce19bBYyqF53g6mnPB8sAtIbe1s9dh2S2fCmYX2xel1Ln3PJBbK4kw==",
+ "requires": {
+ "svg.js": "^2.6.5"
+ }
+ },
"svgo": {
"version": "1.3.2",
"resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
@@ -15120,6 +15197,11 @@
"resolved": "https://registry.npmjs.org/vue/-/vue-2.6.12.tgz",
"integrity": "sha512-uhmLFETqPPNyuLLbsKz6ioJ4q7AZHzD8ZVFNATNyICSZouqP2Sz0rotWQC8UNBF6VGSCs5abnKJoStA6JbCbfg=="
},
+ "vue-apexcharts": {
+ "version": "1.6.1",
+ "resolved": "https://registry.npmjs.org/vue-apexcharts/-/vue-apexcharts-1.6.1.tgz",
+ "integrity": "sha512-ILn3/55IvZQUgsc7+jKDjPfHfGUlcUQi/lDrLjRe5g7gfjj99o8otXoHwMeib3CBHYdQXNG9foe1vzv7RdUzXA=="
+ },
"vue-client-only": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/vue-client-only/-/vue-client-only-2.0.0.tgz",
diff --git a/package.json b/package.json
index 4dc3804009328c71fa8160702e730a85ece44e79..a187150b1c69b2d481cfdedb0aaf6f345d3a95bd 100644
--- a/package.json
+++ b/package.json
@@ -13,10 +13,12 @@
},
"dependencies": {
"@nuxtjs/axios": "^5.12.5",
+ "apexcharts": "^3.26.1",
"copy-to-clipboard": "^3.3.1",
"core-js": "^3.8.3",
"dotenv": "^8.2.0",
- "nuxt": "^2.14.12"
+ "nuxt": "^2.14.12",
+ "vue-apexcharts": "^1.6.1"
},
"devDependencies": {
"@nuxtjs/eslint-config": "^5.0.0",
diff --git a/plugins/vue-apexchart.js b/plugins/vue-apexchart.js
new file mode 100644
index 0000000000000000000000000000000000000000..ce88321e75af4d04b7b137d2ce9ca406ffa8df6d
--- /dev/null
+++ b/plugins/vue-apexchart.js
@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import VueApexCharts from 'vue-apexcharts'
+Vue.use(VueApexCharts)
+Vue.component('Apexchart', VueApexCharts)
\ No newline at end of file
diff --git a/report_cards_structure/TargetReportCardGenerator.js b/report_cards_structure/TargetReportCardGenerator.js
index eba21df4bce55d7a791450df4ddd6f2fcfb4751a..af505ffe29202e8ef55ab937fd506fda290685b7 100644
--- a/report_cards_structure/TargetReportCardGenerator.js
+++ b/report_cards_structure/TargetReportCardGenerator.js
@@ -1,4 +1,5 @@
import NameAndClassification from '~/components/report_cards/target/NameAndClassification.vue'
+import ActivityCharts from '~/components/report_cards/target/ActivityCharts.vue'
const methods = {
generateReportCardStructure() {
@@ -11,6 +12,12 @@ const methods = {
component: NameAndClassification,
index: 0,
},
+ {
+ id: 'ActivityCharts',
+ title: 'Activity Charts',
+ component: ActivityCharts,
+ index: 1,
+ },
],
}
},
diff --git a/web-components-submodule b/web-components-submodule
index 982f444222a7e98da795df6ee4941162705d5220..7a9657d2ecc8d448f2599d2626d43d44a5aee0a6 160000
--- a/web-components-submodule
+++ b/web-components-submodule
@@ -1 +1 @@
-Subproject commit 982f444222a7e98da795df6ee4941162705d5220
+Subproject commit 7a9657d2ecc8d448f2599d2626d43d44a5aee0a6