Add Resize Quick Button

[TG1999]

Fixes #[Add issue number here.]

Make sure these boxes are checked before your pull request (PR) is ready to be reviewed and merged. Thanks!

• tests pass -- look for a green checkbox ✔️ a few minutes after opening your PR -- or run tests locally with npm test
• code is in uniquely-named feature branch and has no merge conflicts
• PR is descriptively titled
• ask @publiclab/is-reviewers for help, in a comment below

We're happy to help you get this ready -- don't be afraid to ask for help, and don't be discouraged if your tests fail at first!

If tests do fail, click on the red X to learn why by reading the logs.

Please be sure you've reviewed our contribution guidelines at https://publiclab.org/contributing-to-public-lab-software

Thanks!

[harshkhandeparkar]

@TG1999 please:

1. Provide a link to the issue in the PR body.
2. Descriptively title the PR.
3. Change the intermediateHtmlStepUi.js file as it has contains the quick buttons HTML code

image-sequencer/examples/lib/intermediateHtmlStepUi.js

Lines 3 to 51 in 8fd4efc

	return '<div class="row insertDiv">\
	<div class="col-md-6" style="margin-top:5%">\
	<section id="insertStep" class="panel panel-primary">\
	<div class="form-inline">\
	<div class="panel-body">\
	<p class="info">Select a new module to add to your sequence.</p>\
	<div class="row center-align radio-group">\
	<div>\
	<button type="button" class="btn btn-default btn-circle btn-xl radio" data-value="brightness">\
	<i class="fa fa-sun-o fa-4x"></i>\
	</button>\
	<p>Brightness</p>\
	</div>\
	<div>\
	<button type="button" class="btn btn-default btn-circle btn-xl radio" data-value="contrast">\
	<i class="fa fa-adjust fa-4x"></i>\
	</button>\
	<p>Contrast</p>\
	</div>\
	<div>\
	<button type="button" class="btn btn-default btn-circle btn-xl radio" data-value="saturation">\
	<i class="fa fa-tint fa-4x"></i>\
	</button>\
	<p>Saturation</p>\
	</div>\
	<div>\
	<button type="button" class="btn btn-default btn-circle btn-xl radio" data-value="rotate">\
	<i class="fa fa-rotate-right fa-4x"></i>\
	</button>\
	<p>Rotate</p>\
	</div>\
	<div>\
	<button type="button" class="btn btn-default btn-circle btn-xl radio" data-value="crop">\
	<i class="fa fa-crop fa-4x"></i>\
	</button>\
	<p>Crop</p>\
	</div>\
	</div>\
	<div class="center-align">\
	<select class="form-control input-lg" id="selectStep">\
	<!-- The default null selection has been appended manually in demo.js\
	This is because the options in select are overritten when options are appended.-->\
	</select>\
	<button class="btn btn-success btn-lg" name="add" id="add-step-btn">Add Step</button>\
	</div>\
	</div>\
	</div>\
	</section>\
	</div>';

[harshkhandeparkar]

Please add the changes to intermediateHtmlStepUi.js file

[jywarren]

Hi, just checking if you've gotten stuck on this at all, or if I could help in any way? Thanks!

[harshithpabbati]

#782
This was already done :)
Thanks