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 @@ | @@ -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> |