galette/templates/default/components/forms/picture.html.twig

   1 <div class="field ui items">
   2     <label>{{ _T("Picture:") }}</label>
   3     <div class="item">
   4         <div class="content">
   5     {% if member.hasPicture() == 1 %}
   6             <div class="extra ui basic fitted segment">
   7                 <div class="ui toggle checkbox">
   8                     <input type="checkbox" name="del_photo" id="del_photo" value="1"/>
   9                     <label for="del_photo" class="labelalign">{{ _T("Delete image") }}</label>
  10                 </div>
  11             </div>
  12     {% endif %}
  13             <div class="description">
  14                 <div class="ui file action input">
  15                     <input id="photo_new" type="file" name="photo"/>
  16                     <label for="photo_new" class="ui button{% if callstatic('\\Galette\\Core\\Galette', 'isDemo') %} disabled{% endif %}">
  17                         <i class="blue upload icon" aria-hidden="true"></i>
  18                         {% if member.hasPicture() == 1 %}{{ _T("Choose another file") }}{% else %}{{ _T("Choose a file") }}{% endif %}
  19                     </label>
  20                 </div>
  21             </div>
  22     {% if preferences.pref_force_picture_ratio == 1 %}
  23             {% set system_ratio = (preferences.pref_member_picture_ratio == 'square_ratio') ? _T("Square (1:1)") : (preferences.pref_member_picture_ratio == 'portrait_ratio') ? _T("Portrait (3:4)") : (preferences.pref_member_picture_ratio == 'landscape_ratio') ? _T("Landscape (4:3)") %}
  24             <div id="crop_focus_field" class="extra ui basic fitted segment displaynone">
  25                 <div class="inline field">
  26                     <label for="crop_focus">{{ _T("Cropping focus") }}</label>
  27                     <select name="crop_focus" id="crop_focus" class="ui dropdown nochosen">
  28                         <option value="center">{{ _T("Center") }}</option>
  29                         <option value="top">{{ _T("Top") }}</option>
  30                         <option value="bottom">{{ _T("Bottom") }}</option>
  31                         <option value="left">{{ _T("Left") }}</option>
  32                         <option value="right">{{ _T("Right") }}</option>
  33                     </select>
  34                     <i class="tooltip circular inverted primary small icon info" data-html="{{ _T("Choose the area of the original image to preserve after cropping to the final ratio defined in the settings : %ratio")|replace({"%ratio": system_ratio}) }}" aria-hidden="true"></i>
  35                 </div>
  36             </div>
  37     {% endif %}
  38         </div>
  39     </div>
  40 </div>