NewsEditPage.java

/*
 * Copyright (C) 2000 - 2025 Silverpeas
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * As a special exception to the terms and conditions of version 3.0 of
 * the GPL, you may redistribute this Program in connection with Free/Libre
 * Open Source Software ("FLOSS") applications as described in Silverpeas's
 * FLOSS exception.  You should have received a copy of the text describing
 * the FLOSS exception, and it is also available here:
 * "https://www.silverpeas.org/legal/floss_exception.html"
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

package org.silverpeas.mobile.client.apps.news.pages;

import com.google.gwt.core.client.GWT;
import com.google.gwt.dom.client.DivElement;
import com.google.gwt.dom.client.Element;
import com.google.gwt.dom.client.SpanElement;
import com.google.gwt.event.dom.client.ChangeEvent;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.uibinder.client.UiHandler;
import com.google.gwt.user.client.ui.*;
import org.silverpeas.mobile.client.apps.news.events.app.NewsCreateEvent;
import org.silverpeas.mobile.client.apps.news.events.app.NewsUpdateEvent;
import org.silverpeas.mobile.client.apps.news.events.app.OneNewsLoadEvent;
import org.silverpeas.mobile.client.apps.news.events.pages.*;
import org.silverpeas.mobile.client.apps.news.resources.NewsMessages;
import org.silverpeas.mobile.client.common.Ckeditor;
import org.silverpeas.mobile.client.common.CropUtil;
import org.silverpeas.mobile.client.common.EventBus;
import org.silverpeas.mobile.client.common.app.App;
import org.silverpeas.mobile.client.components.Snackbar;
import org.silverpeas.mobile.client.components.base.PageContent;
import org.silverpeas.mobile.shared.dto.documents.PublicationDTO;
import org.silverpeas.mobile.shared.dto.news.NewsDTO;

public class NewsEditPage extends PageContent implements NewsPagesEventHandler, ClickHandler {

  private static NewsEditPageUiBinder uiBinder = GWT.create(NewsEditPageUiBinder.class);

  @UiField(provided = true) protected NewsMessages msg = null;

  @UiField
  HTMLPanel container;

  @UiField
  TextBox title, startDate, endDate;

  @UiField TextArea description;

  @UiField CheckBox important;

  @UiField DivElement newsContent;

  @UiField FlowPanel thumbnailContainer;

  @UiField
  FileUpload thumbnail;

  @UiField Anchor submit, crop;

  @UiField
  SpanElement submitTitle;

  Image preview;
  private boolean thumbnailIsSet = false;
  private boolean cropped = false;

  private NewsDTO data = null;

  interface NewsEditPageUiBinder extends UiBinder<Widget, NewsEditPage> {
  }

  public NewsEditPage() {
    msg = GWT.create(NewsMessages.class);
    setPageTitle(msg.newTitle());
    initWidget(uiBinder.createAndBindUi(this));
    EventBus.getInstance().addHandler(AbstractNewsPagesEvent.TYPE, this);
    container.getElement().setId("newsForm");
    title.getElement().setAttribute("placeholder", msg.titleField());
    description.getElement().setAttribute("placeholder", msg.descriptionField());
    description.getElement().setAttribute("rows", "6");
    submit.getElement().addClassName("formIncomplete");
    Ckeditor.createEditor(newsContent);
    thumbnail.getElement().setAttribute("accept", "image/*");
    startDate.getElement().setAttribute("type", "datetime-local");
    endDate.getElement().setAttribute("type", "datetime-local");
  }

  @Override
  public void setApp(App app) {
    super.setApp(app);
    if (isThumbnailMandatory()) {
      thumbnailContainer.getElement().addClassName("mandatory");
    }
  }

  private boolean isThumbnailMandatory() {
    String mandatory = getApp().getApplicationInstance().getParameters().get("thumbnailMandatory");
    return mandatory.equalsIgnoreCase("yes");
  }

  private float getRatio() {
    String w = getApp().getApplicationInstance().getParameters().get("thumbnailWidthSize");
    String h = getApp().getApplicationInstance().getParameters().get("thumbnailHeightSize");

    if (!w.isEmpty() && !w.isEmpty()) {
      return Integer.parseInt(w) / Integer.parseInt(h);
    } else {
      return 0;
    }
  }

  public void setPublication(PublicationDTO publication) {
    EventBus.getInstance().fireEvent(new OneNewsLoadEvent(publication));
  }

  @UiHandler("crop")
  protected void crop(ClickEvent event) {
    if (cropped) {
      cropped = false;
      crop.getElement().removeClassName("cropping");
      CropUtil.destroyCropTool();
    } else {
      crop.getElement().addClassName("cropping");
      cropped = true;
      CropUtil.initCropTool(preview.getElement(), getRatio());
    }
  }

  @UiHandler("submit")
  protected void save(ClickEvent event) {
    if (!submit.getElement().hasClassName("formIncomplete")) {
      if (data == null) {
        NewsDTO dto = populate(data);
        NewsCreateEvent createEvent = new NewsCreateEvent(dto);
        EventBus.getInstance().fireEvent(createEvent);
      } else {
        data = populate(data);
        NewsUpdateEvent updateEvent = new NewsUpdateEvent(data);
        EventBus.getInstance().fireEvent(updateEvent);
      }
    }
  }

  private NewsDTO populate(NewsDTO dto) {
    if (dto == null) dto = new NewsDTO();
    dto.setTitle(title.getText());
    dto.setDescription(description.getText());
    dto.setImportant(important.getValue());
    dto.setContent(Ckeditor.getCurrentData());
    dto.setStartDate(startDate.getText());
    dto.setEndDate(endDate.getText());
    if (cropped) {
      dto.setVignette(CropUtil.getCanvasData());
    } else {
      if (preview != null) dto.setVignette(preview.getUrl());
    }
    return dto;
  }

  @Override
  public void onNewsSaved(NewsSavedEvent event) {
    if (event.isInError()) {
      Snackbar.showWithCloseButton(msg.notSaved(), Snackbar.ERROR);
    } else {
      Ckeditor.destroyEditor();
      CropUtil.destroyCropTool();
      back();
    }
  }

  @Override
  public void onOneNewsLoaded(OneNewsLoadedEvent event) {
    this.data = event.getNews();
    title.setText(data.getTitle());
    setPageTitle(data.getTitle());
    description.setText(data.getDescription());
    important.setValue(data.getImportant());

    thumbnail.setVisible(false);
    thumbnailContainer.getElement().removeClassName("thumbnail");
    thumbnailContainer.getElement().removeClassName("mandatory");
    thumbnailContainer.getElement().addClassName("previewContainer");
    preview = new Image();
    preview.setUrl(data.getVignette());
    preview.getElement().setId("preview");
    thumbnailIsSet=true;
    crop.setVisible(true);
    thumbnailContainer.add(preview);
    preview.addClickHandler(this);
    Ckeditor.setCurrentData(data.getContent());
    startDate.getElement().setAttribute("value", data.getStartDate());
    endDate.getElement().setAttribute("value", data.getEndDate());

    submitTitle.setInnerText(msg.edit());

    validateForm();
  }

  @UiHandler("title")
  protected void changeTitle(ChangeEvent event) {
    validateForm();
  }

  private boolean validateForm() {
    boolean valid = !title.getText().isEmpty();
    if (isThumbnailMandatory()) {
      valid = valid && thumbnailIsSet;
    }
    if (valid) {
      submit.getElement().removeClassName("formIncomplete");
    } else {
      submit.getElement().addClassName("formIncomplete");
    }
    return valid;
  }

  @UiHandler("thumbnail")
  void upload(ChangeEvent event) {
    thumbnailContainer.getElement().removeClassName("thumbnail");
    thumbnailContainer.getElement().removeClassName("mandatory");
    thumbnailContainer.getElement().addClassName("previewContainer");

    if (preview == null) preview = new Image();
    preview.getElement().setId("preview");
    preview.addClickHandler(this);
    thumbnailContainer.add(preview);
    previewFile(thumbnail.getElement(), preview.getElement());
    thumbnailIsSet = true;
    thumbnail.setVisible(false);
    crop.setVisible(true);
    validateForm();
  }

  @Override
  public void onClick(ClickEvent clickEvent) {
    // manage cover change
    thumbnail.click();
  }

  public static native void previewFile(Element thumbnail, Element v) /*-{
    var file = thumbnail.files[0];
    var reader = new FileReader();
    if (file) {
      reader.readAsDataURL(file);
    }
    reader.addEventListener("load", function () {
      v.src = reader.result;
    });
  }-*/;

  @Override
  public void stop() {
    super.stop();
    EventBus.getInstance().removeHandler(AbstractNewsPagesEvent.TYPE, this);
  }

  @Override
  public void onNewsLoad(NewsLoadedEvent event) {}
}