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.

Sign up for GitHub

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

Added the resize quick button #782

Merged
merged 7 commits into from
Feb 18, 2019
Merged

Added the resize quick button #782

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
d2b4217
Added the resize module
harshithpabbati Feb 16, 2019
dbef2fd
Added the resize quick button
harshithpabbati Feb 16, 2019
349d078
Made the icon to fit into the box
harshithpabbati Feb 16, 2019
3df09de
Added the footer to the main page
harshithpabbati Feb 16, 2019
8ca127c
Added the resize quick button
harshithpabbati Feb 16, 2019
5e44c6d
Added the resize quick button
harshithpabbati Feb 16, 2019
f8bf9b6
Added the resize quick button
harshithpabbati Feb 16, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 27 additions & 4 deletions examples/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -86,6 +86,12 @@ <h1><a href="/" target='_blank' class="name-header">Image Sequencer</a></h1>
</div>
<p class="info">Select a new module to add to your sequence.</p>
<div class="row center-align radio-group">
<div>
<div class="radio" data-value="resize">
<i class="icon-resize-full fa-4x i-over"></i>
Copy link
Member

Choose a reason for hiding this comment

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

You have to add the classes fa fa-4x i-over and fa-name-of-icon. Do you have any other difficulty?

</div>
<p>Resize</p>
</div>
<div>
<div class="radio" data-value="brightness">
<i class="fa fa-sun-o fa-4x i-over"></i>
Expand Down Expand Up @@ -186,19 +192,36 @@ <h2 style="margin-top:20px">Save</h2>
</section>
</div>
</div>

<button id="move-up"><i class="fa fa-arrow-circle-o-up"></i></button>
</body>
<footer>
<hr style="margin:20px;"><center><a class="color:grey;" id="clear-cache">Clear offline cache</a></center>
<div class="row">
Copy link
Member

Choose a reason for hiding this comment

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

I think you have made this branch from your footer branch and not from main. Please remove these changes(footer)

<div class="col-md-6 col-sm-12">
<h2>Need Help?</h2>
<p>
Post a link to this and ask for help from other community members on <a href="https://publiclab.org/">PublicLab.org</a>
</p>
<p>
<a class="btn btn-primary" href="https://github.com/publiclab/image-sequencer/issues/new">Ask a question &raquo;</a>
</p>
</div>
<div class="col-md-6 col-sm-12">
<h2>Improve This Tool</h2>
<p>
This is an open source toolkit which you can help add to and improve on <a href="https://github.com">Github</a>
</p>
<p>
<a class="btn btn-primary" href="https://github.com/publiclab/image-sequencer">View the code &raquo;</a>
</p>
</div>
</footer>

<button id="move-up"><i class="fa fa-arrow-circle-o-up"></i></button>

<script type="text/javascript">
$(function() {
var sequencer;
})
</script>

</body>

</html>
6 changes: 6 additions & 0 deletions examples/lib/intermediateHtmlStepUi.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,12 @@ function IntermediateHtmlStepUi(_sequencer, step, options) {
<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>\
<div class="radio" data-value="resize">\
<i class="fa icon-resize-full fa-4x"></i>\
Copy link
Member

Choose a reason for hiding this comment

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

Also here.

</div>\
<p>Resize</p>\
</div>\
<div>\
<div class="radio" data-value="brightness">\
<i class="fa fa-sun-o fa-4x i-over"></i>\
Expand Down