extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-13 17:38:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix uploaded photo in avatar widget not being updated after cropping it. Additionally, fixes avatar size used in lists (eg. nm)

Browse Source
This commit is contained in:
Hadi Nategh 2021-04-28 12:45:03 +02:00
parent d469d56f7c
commit 3f3748dc87
4 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
api/js/etemplate/et2_widget_image.js
View File

@ -412,6 +412,8 @@ var et2_avatar = /** @class */ (function (_super) {
et2_avatar.prototype._buildEditableLayer = function (_noDelete) { et2_avatar.prototype._buildEditableLayer = function (_noDelete) {
var self = this; var self = this;
// editable mask layer (eml) // editable mask layer (eml)
var wrapper = jQuery(document.createElement('div')).addClass('avatar').insertAfter(this.image);
this.image.appendTo(wrapper);
var eml = jQuery(document.createElement('div')) var eml = jQuery(document.createElement('div'))
.addClass('eml') .addClass('eml')
.insertAfter(this.image); .insertAfter(this.image);
@ -448,7 +450,7 @@ var et2_avatar = /** @class */ (function (_super) {
template: egw.webserverUrl + '/api/templates/default/avatar_edit.xet?2' template: egw.webserverUrl + '/api/templates/default/avatar_edit.xet?2'
}, et2_dialog._create_parent(_egw_or_appname)); }, et2_dialog._create_parent(_egw_or_appname));
}; };
dialog(egw.lang('Edit avatar'), { photo: self.options.contact_id }, buttons, null); dialog(egw.lang('Edit avatar'), self.options, buttons, null);
}) })
.appendTo(eml); .appendTo(eml);
// delete button // delete button

4
api/js/etemplate/et2_widget_image.ts
View File

@ -531,6 +531,8 @@ class et2_avatar extends et2_image
{ {
let self = this; let self = this;
// editable mask layer (eml) // editable mask layer (eml)
let wrapper = jQuery(document.createElement('div')).addClass('avatar').insertAfter(this.image);
this.image.appendTo(wrapper);
let eml = jQuery(document.createElement('div')) let eml = jQuery(document.createElement('div'))
.addClass('eml') .addClass('eml')
.insertAfter(this.image); .insertAfter(this.image);
@ -577,7 +579,7 @@ class et2_avatar extends et2_image
}, et2_dialog._create_parent(_egw_or_appname)); }, et2_dialog._create_parent(_egw_or_appname));
}; };
dialog(egw.lang('Edit avatar'),{photo:self.options.contact_id}, buttons, null); dialog(egw.lang('Edit avatar'),self.options, buttons, null);
}) })
.appendTo(eml); .appendTo(eml);

2
api/templates/default/avatar_edit.xet
View File

@ -4,7 +4,7 @@
<overlay> <overlay>
<template id="etemplate.avatar_edit" template="" lang="" group="0" version="16.2"> <template id="etemplate.avatar_edit" template="" lang="" group="0" version="16.2">
<vbox> <vbox>
<avatar crop="true" id="cropper_image" contact_id="$cont[photo]" width ="200" height="auto"/> <avatar crop="true" id="cropper_image" contact_id="$cont[contact_id]" src="$cont[src]" width ="200" height="auto"/>
<hbox> <hbox>
<buttononly id="rotate_reset" label="Reset" image="recur" background_image="1" onclick="jQuery('#_cropper_image').cropper('reset');"/> <buttononly id="rotate_reset" label="Reset" image="recur" background_image="1" onclick="jQuery('#_cropper_image').cropper('reset');"/>
<buttononly id="rotate_l" label="Rotate Left" image="rotate_l" background_image="1" onclick="jQuery('#_cropper_image').cropper('rotate',-90);"/> <buttononly id="rotate_l" label="Rotate Left" image="rotate_l" background_image="1" onclick="jQuery('#_cropper_image').cropper('rotate',-90);"/>

8
api/templates/default/etemplate2.css
View File

@ -3134,7 +3134,15 @@ a.chzn-single.et2_country-select span.img {
padding-top: 0; padding-top: 0;
} }
.et2_avatar { .et2_avatar {
overflow: hidden;
width: 40px; width: 40px;
height: 40px;
background-image: url(images/photo.png);
background-size: 35px 35px;
background-repeat: no-repeat;
background-position: center;
bottom:25%;
top:25%;
} }
.tox-tbtn.tox-tbtn--select.tox-tbtn--bespoke:nth-child(2) {width: 60px;} .tox-tbtn.tox-tbtn--select.tox-tbtn--bespoke:nth-child(2) {width: 60px;}