Commit bbc4ac7db28702192b97f4341501c087760fe29b

Authored by Gustavo
1 parent 1ccdc019

HTML code to render the cropping modal

Showing 1 changed file with 29 additions and 0 deletions   Show diff stats
users/templates/users/modal_crop.html 0 → 100644
... ... @@ -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">&times;</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>
... ...