From 57841f66411eb71e33521b7c7c5e4db412a8e263 Mon Sep 17 00:00:00 2001
From: David Mendez <dmendez@ebi.ac.uk>
Date: Wed, 27 Oct 2021 10:50:53 +0100
Subject: [PATCH] Target Classifications: make component standalone
---
.../target/NameAndClassification.vue | 2 +
.../target/TargetCrystalStructures.vue | 39 +++++++++++--------
web-components-submodule | 2 +-
3 files changed, 25 insertions(+), 18 deletions(-)
diff --git a/components/report_cards/target/NameAndClassification.vue b/components/report_cards/target/NameAndClassification.vue
index 5f7263b..70b1b0b 100644
--- a/components/report_cards/target/NameAndClassification.vue
+++ b/components/report_cards/target/NameAndClassification.vue
@@ -63,6 +63,8 @@
:protein-classifications="
nameAndClassificationData._metadata.protein_classification
"
+ :item-i-d="itemID"
+ :entity-i-d="entityID"
/>
</div>
</v-col>
diff --git a/components/report_cards/target/TargetCrystalStructures.vue b/components/report_cards/target/TargetCrystalStructures.vue
index 4a4a7b2..056f3bf 100644
--- a/components/report_cards/target/TargetCrystalStructures.vue
+++ b/components/report_cards/target/TargetCrystalStructures.vue
@@ -6,19 +6,28 @@
</template>
<template v-if="!loading && thereAreAccessions">
<v-card-text>
- <v-btn
- v-for="accession in uniProtAccessions"
- :key="accession"
- depressed
- color="primary"
- :href="`https://www.uniprot.org/uniprot/${accession}`"
- target="_blank"
- class="a-button"
- >
- {{ accession }}
+ <v-row>
+ <v-col
+ v-for="accession in uniProtAccessions"
+ :key="accession"
+ cols="6"
+ sm="3"
+ lg="2"
+ >
+ <div class="d-flex justify-center align-center">
+ <v-btn
+ depressed
+ color="primary"
+ :href="`https://www.uniprot.org/uniprot/${accession}`"
+ target="_blank"
+ >
+ {{ accession }}
- <v-icon> mdi-open-in-new </v-icon>
- </v-btn>
+ <v-icon> mdi-open-in-new </v-icon>
+ </v-btn>
+ </div>
+ </v-col>
+ </v-row>
</v-card-text>
</template>
</v-card>
@@ -95,8 +104,4 @@ export default {
}
</script>
-<style lang="scss" scoped>
-.a-button {
- margin-right: 5px;
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/web-components-submodule b/web-components-submodule
index 35d960d..90d092e 160000
--- a/web-components-submodule
+++ b/web-components-submodule
@@ -1 +1 @@
-Subproject commit 35d960ddb1ba11b49ce4becc53ce7651770e54b3
+Subproject commit 90d092e3a4d86cffc1c80164cea2129f6474b407
--
GitLab