@SuppressWarnings("serial")
@Override
public void editPhoto(final byte[] imageData) {
this.removeAllComponents();
LOG.debug("Receive avatar upload with size: " + imageData.length);
try {
originalImage = ImageIO.read(new ByteArrayInputStream(imageData));
} catch (IOException e) {
throw new UserInvalidInputException("Invalid image type");
}
originalImage = ImageUtil.scaleImage(originalImage, 650, 650);
MHorizontalLayout previewBox =
new MHorizontalLayout()
.withSpacing(true)
.withMargin(new MarginInfo(false, true, true, false))
.withWidth("100%");
Resource defaultPhoto =
UserAvatarControlFactory.createAvatarResource(AppContext.getUserAvatarId(), 100);
previewImage = new Embedded(null, defaultPhoto);
previewImage.setWidth("100px");
previewBox.with(previewImage).withAlign(previewImage, Alignment.TOP_LEFT);
VerticalLayout previewBoxRight = new VerticalLayout();
previewBoxRight.setMargin(new MarginInfo(false, true, false, true));
Label lbPreview =
new Label(
"<p style='margin: 0px;'><strong>To the left is what your profile photo will look like.</strong></p>"
+ "<p style='margin-top: 0px;'>To make adjustment, you can drag around and resize the selection square below. "
+ "When you are happy with your photo, click the “Accept“ button.</p>",
ContentMode.HTML);
previewBoxRight.addComponent(lbPreview);
MHorizontalLayout controlBtns = new MHorizontalLayout();
controlBtns.setSizeUndefined();
Button cancelBtn =
new Button(
AppContext.getMessage(GenericI18Enum.BUTTON_CANCEL),
new Button.ClickListener() {
@Override
public void buttonClick(ClickEvent event) {
EventBusFactory.getInstance()
.post(new ProfileEvent.GotoProfileView(ProfilePhotoUploadViewImpl.this, null));
}
});
cancelBtn.setStyleName(UIConstants.THEME_GRAY_LINK);
Button acceptBtn =
new Button(
AppContext.getMessage(GenericI18Enum.BUTTON_ACCEPT),
new Button.ClickListener() {
@Override
public void buttonClick(ClickEvent event) {
if (scaleImageData != null && scaleImageData.length > 0) {
try {
BufferedImage image = ImageIO.read(new ByteArrayInputStream(scaleImageData));
UserAvatarService userAvatarService =
ApplicationContextUtil.getSpringBean(UserAvatarService.class);
userAvatarService.uploadAvatar(
image, AppContext.getUsername(), AppContext.getUserAvatarId());
Page.getCurrent().getJavaScript().execute("window.location.reload();");
} catch (IOException e) {
throw new MyCollabException("Error when saving user avatar", e);
}
}
}
});
acceptBtn.setStyleName(UIConstants.BUTTON_ACTION);
acceptBtn.setIcon(FontAwesome.CHECK);
controlBtns.with(acceptBtn, cancelBtn).alignAll(Alignment.MIDDLE_LEFT);
previewBoxRight.addComponent(controlBtns);
previewBoxRight.setComponentAlignment(controlBtns, Alignment.TOP_LEFT);
previewBox.addComponent(previewBoxRight);
previewBox.setExpandRatio(previewBoxRight, 1.0f);
this.addComponent(previewBox);
CssLayout cropBox = new CssLayout();
cropBox.addStyleName(UIConstants.PHOTO_CROPBOX);
cropBox.setWidth("100%");
VerticalLayout currentPhotoBox = new VerticalLayout();
Resource resource =
new ByteArrayImageResource(ImageUtil.convertImageToByteArray(originalImage), "image/png");
CropField cropField = new CropField(resource);
cropField.setImmediate(true);
cropField.setSelectionAspectRatio(1.0f);
cropField.addValueChangeListener(
new Property.ValueChangeListener() {
@Override
public void valueChange(Property.ValueChangeEvent event) {
VCropSelection newSelection = (VCropSelection) event.getProperty().getValue();
int x1 = newSelection.getXTopLeft();
int y1 = newSelection.getYTopLeft();
int x2 = newSelection.getXBottomRight();
int y2 = newSelection.getYBottomRight();
if (x2 > x1 && y2 > y1) {
BufferedImage subImage = originalImage.getSubimage(x1, y1, (x2 - x1), (y2 - y1));
ByteArrayOutputStream outStream = new ByteArrayOutputStream();
try {
ImageIO.write(subImage, "png", outStream);
scaleImageData = outStream.toByteArray();
displayPreviewImage();
} catch (IOException e) {
LOG.error("Error while scale image: ", e);
}
}
}
});
currentPhotoBox.setWidth("650px");
currentPhotoBox.setHeight("650px");
currentPhotoBox.addComponent(cropField);
cropBox.addComponent(currentPhotoBox);
this.addComponent(previewBox);
this.addComponent(cropBox);
this.setExpandRatio(cropBox, 1.0f);
}
