Tasks settings sidebar [workflow's editor] about tideflow

[issuehunt-oss]

@joseconstela has funded $50.00 to this issue.

---

• Submit pull request via IssueHunt to receive this reward.
• Want to contribute? Chip in to this issue via IssueHunt.
• Checkout the IssueHunt Issue Explorer to see more funded issues.
• Need help from developers? Add your repository on IssueHunt to raise funds.

[issuehunt-oss]

@joseconstela has funded $100.00 to this issue.

---

• Submit pull request via IssueHunt to receive this reward.
• Want to contribute? Chip in to this issue via IssueHunt.
• Checkout the IssueHunt Issue Explorer to see more funded issues.
• Need help from developers? Add your repository on IssueHunt to raise funds.

[bobthekingofegypt]

I thought I'd have a look at this. Few things I'm not sure about

• Screenshot shows a save button in the sidebar, is that intentional? How should that save button function compared to the workflow save button? I added a done button for now that just hides the sidebar.
• What should happen to the edit text link in the card when the side panel is open, I've hidden it for now but not sure how that is for usability.
• when you create a new workflow it defaults to editing the first card, it's hard to understand the link between the sidebar and the currently editing card, especially on a wide monitor where the side bar is quite far away. Maybe a different background color for currently active card or some other visual link. Or not start in edit mode.
• handling responsiveness, this wont really work well on mobile, I'm not sure there is a mobile strategy yet but this panel is absolutely positioned with a high z-index so will cover everything. It would probably need to be modal on mobile in the future.

[joseconstela]

Hello @bobthekingofegypt

Thanks for your points and suggestions!

• save button in the sidebar: The save button on the sidebar is meant to only save the settings for the selected step, not the entire flow. Hiding the sidebar works perfectly for this. So changing the copy to "Done" is perfect as in your PR :)

One behaviour I've encountered: the settings doesn't seem to get stored if you hide and re-open a task - and the card title doesn't updates.

• edit text link in the card and defaults to editing the first card I think both of your points on not starting in edit mode and having a different background color for currently active card are the way to go for usability and ux. 💯

• handling responsiveness very valid points! I would consider it mobile-friendly down the road, not just now.

[joseconstela]

I've pushed new changes into the master branch that disables the auto editing the first card, and hightlights the task that is in edit-mode.

[bobthekingofegypt]

Having never used meteor I was sort expecting it to all be magically reactive I didn't realise the in-progress forms where just hidden. I've added another changes that replicates that behaviour by having invisible sidebars for each step that track the changes until it is saved.

Highlight color looks nice.

[joseconstela]

Thanks @bobthekingofegypt this looks stunning! Yeah you are right. I would have expected the same, but it's Blaze, and me doing front-end stuff 🤣

I've made one change in top. Let me know what you think :)

[issuehunt-oss]

@joseconstela has rewarded $135.00 to @bobthekingofegypt. See it on IssueHunt

• 💰 Total deposit: $150.00
• 🎉 Repository reward(0%): $0.00
• 🔧 Service fee(10%): $15.00