Commit bbc4ac7db28702192b97f4341501c087760fe29b
1 parent
1ccdc019
Exists in
master
and in
3 other branches
HTML code to render the cropping modal
Showing
1 changed file
with
29 additions
and
0 deletions
Show diff stats
... | ... | @@ -0,0 +1,29 @@ |
1 | +{% load static i18n %} | |
2 | +<!-- MODAL TO CROP THE IMAGE --> | |
3 | +<div class="modal fade" id="modalCrop" data-keyboard="false" data-backdrop="static"> | |
4 | + <div class="modal-dialog"> | |
5 | + <div class="modal-content"> | |
6 | + <div class="modal-header"> | |
7 | + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> | |
8 | + <span aria-hidden="true">×</span> | |
9 | + </button> | |
10 | + <h4 class="modal-title">Crop the photo</h4> | |
11 | + </div> | |
12 | + <div class="modal-body"> | |
13 | + <img src="" id="image" style="max-width: 100%;"> | |
14 | + </div> | |
15 | + <div class="modal-footer"> | |
16 | + <div class="btn-group pull-left" role="group"> | |
17 | + <button type="button" class="btn btn-default js-zoom-in"> | |
18 | + <span class="glyphicon glyphicon-zoom-in"></span> | |
19 | + </button> | |
20 | + <button type="button" class="btn btn-default js-zoom-out"> | |
21 | + <span class="glyphicon glyphicon-zoom-out"></span> | |
22 | + </button> | |
23 | + </div> | |
24 | + <button type="button" class="btn btn-raised btn-default" data-dismiss="modal" id = "crop_cancel">{% trans 'Cancel' %}</button> | |
25 | + <button type="button" class="btn btn-success btn-raised post-button js-crop-and-upload">{% trans 'Crop' %} </button> | |
26 | + </div> | |
27 | + </div> | |
28 | + </div> | |
29 | +</div> | ... | ... |