-
Notifications
You must be signed in to change notification settings - Fork 73
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #638 from dannon/workflow-list-updates
Website updates from hackathon
- Loading branch information
Showing
18 changed files
with
8,249 additions
and
7,510 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,4 @@ | ||
| marko~=1.0 | ||
| packaging~=21.0 | ||
| planemo>=0.74.5 | ||
| requests~=2.32 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,79 @@ | ||
| <script setup lang="ts"> | ||
| import { useWorkflowStore } from "~/stores/workflows"; | ||
| const store = useWorkflowStore(); | ||
| const validFilters = computed(() => store.validFilters); | ||
| const invalidFilters = computed(() => store.invalidFilters); | ||
| const allFilters = computed(() => store.allFilters); | ||
| const handleFilterClick = (filter: string) => { | ||
| store.toggleFilter(filter); | ||
| }; | ||
| </script> | ||
|
|
||
| <template> | ||
| <div id="filters" class="mb-4"> | ||
| <TransitionGroup name="filter-transition"> | ||
| <UBadge | ||
| v-for="filter in allFilters" | ||
| :key="filter" | ||
| :variant="store.selectedFilters.includes(filter) ? 'solid' : 'soft'" | ||
| :class="['badge m-1', { incompatible: !validFilters.includes(filter) }]" | ||
| @click="validFilters.includes(filter) ? handleFilterClick(filter) : null" | ||
| :data-tooltip="!validFilters.includes(filter) ? 'Incompatible with current selection' : null"> | ||
| {{ filter }} | ||
| </UBadge> | ||
| </TransitionGroup> | ||
| </div> | ||
| </template> | ||
|
|
||
| <style scoped> | ||
| .incompatible { | ||
| opacity: 0.65; | ||
| cursor: not-allowed; | ||
| background-color: transparent !important; | ||
| box-shadow: none !important; | ||
| transition: all 0.3s ease; /* Add transition for a nice visual effect */ | ||
| } | ||
| .incompatible:hover { | ||
| opacity: 0.85; /* Slightly increase opacity on hover for better feedback */ | ||
| } | ||
| .filter-transition-move, | ||
| .filter-transition-enter-active, | ||
| .filter-transition-leave-active { | ||
| transition: all 0.5s ease; | ||
| } | ||
| .filter-transition-enter-from, | ||
| .filter-transition-leave-to { | ||
| opacity: 0; | ||
| transform: translateY(20px); | ||
| } | ||
| .filter-transition-leave-active { | ||
| position: absolute; | ||
| } | ||
| /* Custom tooltip styles */ | ||
| [data-tooltip] { | ||
| position: relative; | ||
| } | ||
| [data-tooltip]:hover::after { | ||
| content: attr(data-tooltip); | ||
| position: absolute; | ||
| bottom: 100%; | ||
| left: 50%; | ||
| transform: translateX(-50%); | ||
| padding: 0.25rem 0.5rem; | ||
| background-color: rgba(0, 0, 0, 0.8); | ||
| color: white; | ||
| border-radius: 0.25rem; | ||
| font-size: 0.75rem; | ||
| white-space: nowrap; | ||
| z-index: 10; | ||
| margin-bottom: 0.25rem; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| <script setup lang="ts"> | ||
| import { useWorkflowStore } from "~/stores/workflows"; | ||
| // TODO: Could use any other identifier instead of trsId that seems fit | ||
| const props = defineProps<{ | ||
| /** List of Trs Ids for most popular workflows */ | ||
| workflowTrsIds: string[]; | ||
| }>(); | ||
| const workflowStore = useWorkflowStore(); | ||
| const workflows = computed(() => { | ||
| return props.workflowTrsIds?.map((trsID) => workflowStore.getWorkflowByTrsId(trsID)); | ||
| }); | ||
| </script> | ||
|
|
||
| <template> | ||
| <div class="w-full max-w-6xl mx-auto"> | ||
| <h2 class="text-xl my-6 text-white text-center font-semibold"> | ||
| Get started with one of our most popular workflows, or browse the full library below. | ||
| </h2> | ||
| <div class="grid grid-cols-3 gap-4 mx-auto px-4"> | ||
| <WorkflowCard v-for="workflow in workflows" :key="workflow.definition.uuid" :workflow="workflow" compact /> | ||
| </div> | ||
| </div> | ||
| </template> |
Oops, something went wrong.