Project

General

Profile

Development #26251

avatar: cadrage côté client de l'image chargée

Added by Paul Marillonnet about 6 years ago. Updated over 5 years ago.

Status:
En cours
Priority:
Normal
Category:
-
Target version:
-
Start date:
08 September 2018
Due date:
% Done:

0%

Estimated time:
Patch proposed:
Yes
Planning:

Description

Pour laisser l'usager préciser où sur l'image chargée l'avatar se situe


Files

avatar_location_corner_up-left.png (1.76 KB) avatar_location_corner_up-left.png Paul Marillonnet, 08 September 2018 01:19 PM
avatar_location_center.png (1.73 KB) avatar_location_center.png Paul Marillonnet, 08 September 2018 01:19 PM
avatar_location_unselected.png (1.84 KB) avatar_location_unselected.png Paul Marillonnet, 08 September 2018 01:19 PM
0001-wip-add-client-side-cropper-to-profile-image-field-2.patch (70.7 KB) 0001-wip-add-client-side-cropper-to-profile-image-field-2.patch Benjamin Dauvergne, 28 March 2019 12:22 PM

Related issues

Related to Authentic 2 - Development #26022: photo de profil / avatar dans le profilFermé03 September 2018

Actions

History

#1

Updated by Paul Marillonnet about 6 years ago

#3

Updated by Paul Marillonnet about 6 years ago

Peut-être simplement un widget laissant 5 options à l'usager lors de l'édition de ses informations de compte.
Ces cinq options de cadrage seraient donc l'un des 4 coins de l'image chargée, ou le centre.
Cf fichiers attachés, avec un idée d'affichage lorsque :
- l'usager ne sélectionne aucun cadrage
- l'usager cadre l'avatar sur le coin haut-gauche de l'image
- l'usager cadre l'avatar au centre de l'image

#4

Updated by Benjamin Dauvergne over 5 years ago

Autre possibilité, utiliser http://scottcheng.github.io/cropit/

#5

Updated by Benjamin Dauvergne over 5 years ago

  • Assignee set to Benjamin Dauvergne
#6

Updated by Benjamin Dauvergne over 5 years ago

Pas encore commitable mais ça fonctionne.

Reste à séparer le js dans un fichier séparé, à revoir le HTML et la feuille de style par défaut.

#7

Updated by Benjamin Dauvergne over 5 years ago

  • Status changed from Solution proposée to En cours

Also available in: Atom PDF