Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-05-05 15:47:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #5412 from pichalite/cropperjs

Browse Source 
Ability to crop profile images before uploading
This commit is contained in:
psychobunny
2017-02-06 14:33:49 -05:00
committed by GitHub
parent 959315c8f7 b757f563df
commit dbc3113940
10 changed files with 192 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/views/modals/crop_picture.tpl Normal file
View File

@@ -0,0 +1,22 @@
<div id="crop-picture-modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="crop-picture" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="crop-picture">[[user:crop_picture]]</h3>
</div>
<div class="modal-body">
<div id="upload-progress-box" class="progress hide">
<div id="upload-progress-bar" class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0">
</div>
</div>
<img id="cropped-image" src="{url}" >
</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary crop-btn">[[user:upload_cropped_picture]]</button>
</div>
</div>
</div>
</div>