Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Changes approach for setting the required tabs from URL parameters #358

Merged
merged 3 commits into from
Sep 28, 2023
Merged

Changes approach for setting the required tabs from URL parameters #358

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
625afc2
changes approach for setting the required tabs from URL parameters
jsheunis Sep 28, 2023
bcffb31
get tab param from route in created()
jsheunis Sep 28, 2023
922fc67
fix button icon sizing
jsheunis Sep 28, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
89 changes: 52 additions & 37 deletions datalad_catalog/catalog/assets/app_component_dataset.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -481,35 +481,16 @@ const datasetView = () =>
}
}
},
tabsChanged(currentTabs, previousTabs) {
this.setCorrectTab(
this.$root.selectedDataset.has_subdatasets,
this.$root.selectedDataset.has_files
)
},
setCorrectTab(has_subdatasets, has_files) {
// now set the correct tab:
var tabs = this.$refs['alltabs'].$children.filter(
child => typeof child.$vnode.key === 'string' || child.$vnode.key instanceof String
).map(child => child.$vnode.key)
var tab_param = this.$route.params.tab_name;
setCorrectTab(tab_param) {
// the set of available tabs have been updated in component
// data in either created() or beforeRouteUpdate()
var tabs = this.$root.selectedDataset.available_tabs.map(v => v.toLowerCase());
// If no tab parameter is supplied via the router, set to first tab
if (!tab_param) {
if (has_subdatasets) {
this.tabIndex = 0;
}
else {
if (has_files) {
this.tabIndex = 1;
}
else {
if (tabs.length > 2) {
this.tabIndex = 2;
} else {
this.tabIndex = 0;
}
}
}
this.tabIndex = 0
}
// If a tab parameter is supplied via the router, navigate to that tab if
// part of available tabs, otherwise first tab
else {
selectTab = tabs.indexOf(tab_param)
if (selectTab >= 0) {
Expand Down Expand Up @@ -629,11 +610,28 @@ const datasetView = () =>
else {
this.$root.selectedDataset.has_files = false;
}
// // now set the correct tab:
// this.setCorrectTab(
// this.$root.selectedDataset.has_subdatasets,
// this.$root.selectedDataset.has_files
// )
// Now list all tabs and set the correct one
// order in DOM: subdatasets, content, publications, funding, provenance,
sDs = this.$root.selectedDataset
available_tabs = ['subdatasets', 'content']
standard_tabs = ['publications', 'funding', 'provenance']
// add available standard tabs
for (var t=0; t<standard_tabs.length; t++) {
if (sDs[standard_tabs[t]] && sDs[standard_tabs[t]].length) {
available_tabs.push(standard_tabs[t])
}
}
// add available additional_display tabs
if (sDs.additional_display && sDs.additional_display.length) {
for (var t=0; t<sDs.additional_display.length; t++) {
available_tabs.push(sDs.additional_display[t].name)
}
}
// finally set the root data and then set the correct tab
this.$root.selectedDataset.available_tabs = available_tabs
this.setCorrectTab(
to.params.tab_name,
)
next();
},
async created() {
Expand Down Expand Up @@ -717,15 +715,32 @@ const datasetView = () =>
else {
this.$root.selectedDataset.has_files = false;
}
// this.setCorrectTab(
// this.$root.selectedDataset.has_subdatasets,
// this.$root.selectedDataset.has_files
// )
// Now list all tabs and set the correct one
// order in DOM: subdatasets, content, publications, funding, provenance,
sDs = this.$root.selectedDataset
available_tabs = ['subdatasets', 'content']
standard_tabs = ['publications', 'funding', 'provenance']
// add available standard tabs
for (var t=0; t<standard_tabs.length; t++) {
if (sDs[standard_tabs[t]] && sDs[standard_tabs[t]].length) {
available_tabs.push(standard_tabs[t])
}
}
// add available additional_display tabs
if (sDs.additional_display && sDs.additional_display.length) {
for (var t=0; t<sDs.additional_display.length; t++) {
available_tabs.push(sDs.additional_display[t].name)
}
}
// finally set the root data and then set the correct tab
this.$root.selectedDataset.available_tabs = available_tabs
this.setCorrectTab(
this.$route.params.tab_name,
)
},
mounted() {
this.tag_options_filtered = this.tag_options;
this.tag_options_available = this.tag_options;
this.tabIndex = 0;
}
}
})
4 changes: 2 additions & 2 deletions datalad_catalog/catalog/templates/dataset-template.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,14 +24,14 @@
<div style="display: flex; flex-direction: row;">
<span v-show="displayData.url"><b-button variant="outline-dark" size="sm" v-b-modal.modal-1>
<img src="data:image/png;base64,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"
alt="datalad_d" height="15em" class="mb-1"/>
alt="datalad_d" height="14em" class="mb-1"/>
Download with DataLad</b-button>&nbsp;</span>
<span v-show="displayData.is_github"><b-button variant="outline-dark" size="sm" @click="gotoURL(displayData.url)"><i class="fab fa-github"></i> View on GitHub</b-button>&nbsp;</span>
<span v-show="displayData.is_gin"><b-button variant="outline-dark" size="sm" @click="gotoURL(displayData.url)"><img src="artwork/ginfavicon.png" style="height: 1em;"></img> View on GIN</b-button>&nbsp;</span>
<span v-show="selectedDataset.doi"><b-button variant="outline-dark" size="sm" v-b-modal.modal-2 @click="getCitationText(selectedDataset.doi)"><i class="fas fa-quote-right"></i> Cite</b-button>&nbsp;</span>
<span v-if="displayData.show_export"><b-button variant="outline-dark" size="sm" :href="displayData.file_path" :download="displayData.download_filename"><i class="fas fa-share"></i> Export metadata</b-button>&nbsp;</span>
<span v-show="displayData.is_github"><b-button variant="outline-dark" size="sm" @click="openWithBinder(displayData.url)"><img src="data:image/png;base64,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"
alt="binder_logo" height="16em" class="mb-1">Explore with Binder</b-button></span>
alt="binder_logo" height="14em" class="mb-1">Explore with Binder</b-button></span>
<span style="margin-left: auto;">
<span v-show="selectedDataset.access_request_contact"><b-button variant="outline-dark" size="sm" :href="displayData.access_request_mailto"><i class="far fa-envelope"></i> Request access</b-button>&nbsp;</span>
<span v-show="selectedDataset.access_request_url"><b-button variant="outline-dark" size="sm" @click="gotoURL(selectedDataset.access_request_url)"><i class="fas fa-share"></i> Request access</b-button></span>
Expand Down
Loading