Commit 162ffa3d authored by David Mendez's avatar David Mendez
Browse files

Search by IDs: use resize observer for search by ids status component

parent 068a86a0
<template>
<div>
<resize-observer v-if="isEmbedded" @notify="handleResize" />
<v-container v-if="!initialStateLoaded">
<v-skeleton-loader type="article, image"></v-skeleton-loader>
</v-container>
......@@ -61,6 +62,8 @@
<script>
import { mapState } from 'vuex'
import { resizeMessagesMixin } from '~/mixins/embedding/resizeMessages.js'
import { embeddingStateMixin } from '~/mixins/embedding/embeddingState.js'
import ProcessDetails from '~/components/advanced_search/search_by_ids/status/ProcessDetails.vue'
import TextToClipboard from '~/web-components-submodule/components/common/TextToClipboard.vue'
export default {
......@@ -68,6 +71,7 @@ export default {
ProcessDetails,
TextToClipboard,
},
mixins: [resizeMessagesMixin, embeddingStateMixin],
computed: mapState({
initialStateLoaded: (state) =>
state.advanced_search.search_by_ids.search_state.initialStateLoaded,
......
......@@ -16,6 +16,7 @@ import { embeddingStateMixin } from '~/mixins/embedding/embeddingState.js'
import { datasetMixin } from '~/web-components-submodule/mixins/datasets/datasetMixin.js'
import ChEMBLDataTable from '~/web-components-submodule/components/common/dataSets/data_table/ChEMBLDataTable.vue'
import DrugWarningInfo from '~/web-components-submodule/store/datasets/generators/compound/DrugWarningInfo.js'
import EntityNames from '~/web-components-submodule/standardisation/EntityNames.js'
export default {
components: {
......@@ -37,6 +38,7 @@ export default {
propertiesGroups: {
1: { id: 'report_card_table', selected: true, allHeaders: [] },
},
entityID: EntityNames.DrugWarning.entityID,
customDataRepresentationParams: {
possiblePageSizes: [5, 10],
itemsPerPage: 5,
......
......@@ -57,6 +57,9 @@ export default {
entityJoinDestinationTemplate:
process.env.ENTITY_JOIN_DESTINATION_TEMPLATE ||
'www.ebi.ac.uk/chembl/g/#browse/<BROWSER_NAME>/full_state/<GENERATED_STATE>',
tiny_url_template:
process.env.TINY_URL_TEMPLATE ||
'https://wwwdev.ebi.ac.uk/chembl/g/tiny/<TINY_HASH>',
},
/*
** Headers of the page
......
<template>
<div><SearchByIDsStatus /></div>
<div><SearchByIDsStatus id-for-parent="SearchByIDsStatus" /></div>
</template>
<script>
......
Subproject commit 1af65656c8fe65b75d234ab362c236cc6b1d2e82
Subproject commit 7966cfc38146870084ecacee032ca5c9e2dcb2f0
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment