registration

app/assets/javascripts/application.js

@@ -3,5 +3,7 @@
 //= require bootstrap-sprockets
 //= require jquery3
 //= require jquery_ujs
+//= require cropperjs/dist/cropper
+//= require jquery-cropper/dist/jquery-cropper
 //= require simple_form_password_with_hints
 //= require simple_form_bs5_file_input

app/assets/stylesheets/application.sass

@@ -2,5 +2,6 @@
 @import 'appstack/light'
 @import 'simple_form_password_with_hints'
 @import 'simple_form_bs5_file_input'
+@import 'cropperjs/dist/cropper'
 @import 'commons/*'
 @import 'application/*'

app/views/devise/registrations/new.html.erb

@@ -41,7 +41,10 @@
                   input_html: { autocomplete: "new-password" } %>
       <%= f.input :picture,
                         as: :single_deletable_file,
-                        input_html: { accept: '.png' } %>
+                        input_html: { accept: '.jpg,.jpeg,.png' },
+                        preview: 200,
+                        resize: 1,
+                        direct_upload: true %>
     </div>
   </div>
   <%= f.button :submit, t(".sign_up"), class: 'btn btn-primary' %>