opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-09-24 16:30:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #15072 from dannon/fix-collection-info-nav

Browse Source 
Update routing for collection info display, a11y tweaks.
This commit is contained in:
David López
2022-11-29 10:25:02 +01:00
committed by GitHub
parent 28dadd8570 4248722275
commit fcdf3656c0
1 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/History/Content/ContentItem.vue
+22 -6
View File
@@ -4,7 +4,13 @@
:class="['content-item m-1 p-0 rounded btn-transparent-background', contentCls]"
:data-hid="id"
:data-state="state">
<div class="p-1 cursor-pointer" draggable @dragstart="onDragStart" @click.stop="onClick">
<div
class="p-1 cursor-pointer"
draggable
tabindex="0"
@dragstart="onDragStart"
@click.stop="onClick"
@keypress="onClick">
<div class="d-flex justify-content-between">
<span class="p-1 font-weight-bold">
<span v-if="selectable" class="selector">
@@ -21,21 +27,31 @@
:icon="['far', 'square']"
@click.stop="$emit('update:selected', true)" />
</span>
<span v-if="highlight == 'input'" v-b-tooltip.hover title="Input" @click.stop="toggleHighlights">
<span
v-if="highlight == 'input'"
v-b-tooltip.hover
title="Input"
tabindex="0"
@click.stop="toggleHighlights"
@keypress="toggleHighlights">
<font-awesome-icon class="text-info" icon="arrow-circle-up" />
</span>
<span
v-else-if="highlight == 'noInputs'"
v-b-tooltip.hover
title="No Inputs for this item"
@click.stop="toggleHighlights">
tabindex="0"
@click.stop="toggleHighlights"
@keypress="toggleHighlights">
<font-awesome-icon icon="minus-circle" />
</span>
<span
v-else-if="highlight == 'output'"
v-b-tooltip.hover
title="Inputs highlighted for this item"
@click.stop="toggleHighlights">
tabindex="0"
@click.stop="toggleHighlights"
@keypress="toggleHighlights">
<font-awesome-icon icon="check-circle" />
</span>
<span v-if="hasStateIcon" class="state-icon">
@@ -185,7 +201,7 @@ export default {
edit: `/collection/${id}/edit`,
showDetails:
this.item.job_source_id && this.item.job_source_type === "Job"
? `jobs/${this.item.job_source_id}/view`
? `/jobs/${this.item.job_source_id}/view`
: null,
};
}
@@ -219,7 +235,7 @@ export default {
this.$router.push(this.itemUrls.edit);
},
onShowCollectionInfo() {
backboneRoute(this.itemUrls.showDetails);
this.$router.push(this.itemUrls.showDetails);
},
onTags(newTags) {
this.$emit("tag-change", this.item, newTags);