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.

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

Refactor workflow step display stuff toward TS & reuse. #17004

Closed

Conversation

jmchilton
Copy link
Member

  • Bring the workflow preview step list more inline with the invocation step list (reuse naming steps logic, add icons).
  • Migrate refactored bits of WorkflowInvocationStep.vue to Typescript.

How to test the changes?

(Select all options that apply)

  • I've included appropriate automated tests.
  • This is a refactoring of components with existing test coverage.
  • Instructions for manual testing are as follows:
    1. [add testing steps and prerequisites here if you didn't write automated tests covering all your changes]

License

  • I agree to license these and all my past contributions to the core galaxy codebase under the MIT license.

@jmchilton jmchilton added area/UI-UX kind/refactoring cleanup or refactoring of existing code, no functional changes labels Nov 9, 2023
Comment on lines 68 to 71
watch(props, () => {
initStores();
});
initStores();

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
watch(props, () => {
initStores();
});
initStores();
watch(
props,
() => {
initStores();
},
{ immediate: true }
);

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Amazing - thank you for this trick!

@@ -2,9 +2,11 @@
<div class="d-flex" :data-step="workflowStep.id">
<div class="ui-portlet-section" style="width: 100%">
<div class="portlet-header portlet-title portlet-operations cursor-pointer" @click="toggleStep">
<i :class="'portlet-title-icon fa mr-1 ' + stepIcon"></i>
<WorkflowStepIcon :class="portlet - title - icon" :step-type="workflowStepType" />

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<WorkflowStepIcon :class="portlet - title - icon" :step-type="workflowStepType" />
<WorkflowStepIcon class="portlet-title-icon" :step-type="workflowStepType" />

@jmchilton jmchilton force-pushed the merge_preview_invocation branch 2 times, most recently from 32febd3 to 57622ae Compare November 22, 2023 21:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/UI-UX kind/refactoring cleanup or refactoring of existing code, no functional changes
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants