Various demo UI fixes - checklist

[jywarren]

Small but helpful list of tweaks we could break out into first-timers-only issues! (once the demo refactor is done (#214)

• Disable/dim the Save button until step inputs have been changed
• Disable/dim the Add step button until a module is selected
• Show a Press save to see changes next to each step's Save button
• Add a download button at the bottom, in a panel next to the Add Step button

[jywarren]

Here's where the Save button is made:

image-sequencer/examples/lib/defaultHtmlStepUi.js

Lines 94 to 96 in 630eb77

	$(step.ui.querySelector("div.details")).append(
	"<p><button class='btn btn-default btn-save'>Save</button></p>"
	);

We can use the same kinds of selectors to modify it, add more text, change the styling -- using Bootstrap styles:

https://getbootstrap.com/docs/3.3/css/

[tech4GT]

Breaking these up to make some first timer issues!!

[jywarren]

awesome!!!

…

On Mon, Jul 16, 2018 at 7:34 AM Varun Gupta ***@***.***> wrote: Breaking these up to make some first timer issues!! — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#232 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AABfJzq6k_uDhOGTU7cP_8E_h6HbCDWLks5uHHodgaJpZM4TuEVK> .

[Mridul97]

Hello, I made changes to show 'Press save to see changes' next to each step's 'Save' button and add a 'download' button next to the 'Add Step' button. Please take a look. Pull request #325.

[tech4GT]

I think this issue is done, closing this up now!