BannerComposer.java

Go to the documentation of this file.

/*
 * Turró i Cutiller Foundation. License notice.
 * Copyright (C) 2018 Lluis Turró Cutiller <http://www.turro.org/>
 *
 * 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.
 *
 * 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.turro.newsletter;
 
import com.steadystate.css.parser.CSSOMParser;
import com.steadystate.css.parser.SACParserCSS3;
import java.io.File;
import java.io.IOException;
import java.io.StringReader;
import java.util.HashMap;
import java.util.logging.Level;
import java.util.logging.Logger;
import org.turro.string.Strings;
import org.jsoup.Jsoup;
import org.jsoup.nodes.Document;
import org.jsoup.nodes.Element;
import org.jsoup.select.Elements;
import org.turro.command.Command;
import org.turro.command.Context;
import org.turro.elephant.context.Application;
import org.turro.elephant.context.ElephantContext;
import org.turro.i18n.I_;
import org.turro.zkoss.dialog.SelectionDialog;
import org.turro.zkoss.text.RepositoryContent;
import org.turro.zkoss.text.RepositoryWalker;
import org.w3c.css.sac.InputSource;
import org.w3c.dom.css.CSSStyleDeclaration;
import org.zkoss.zk.ui.Executions;
import org.zkoss.zk.ui.IdSpace;
import org.zkoss.zk.ui.event.Event;
import org.zkoss.zk.ui.select.Selectors;
import org.zkoss.zk.ui.select.annotation.Listen;
import org.zkoss.zk.ui.select.annotation.Wire;
import org.zkoss.zkex.zul.Colorbox;
import org.zkoss.zul.Checkbox;
import org.zkoss.zul.Div;
import org.zkoss.zul.Html;
import org.zkoss.zul.Textbox;
 
public class BannerComposer extends Div implements IdSpace {
 
  private final String entityPath;
  
  @Wire("#width") private Textbox width;
  @Wire("#label") private Textbox label;
  @Wire("#color") private Colorbox color;
  @Wire("#bgColor") private Colorbox bgColor;
  @Wire("#fontSize") private Textbox fontSize;
  @Wire("#bold") private Checkbox bold;
  @Wire("#italic") private Checkbox italic;
  @Wire("#underline") private Checkbox underline;
  @Wire("#banner") private Html html;
  
  @Listen("onChange = *; onSelect = *; onCheck = *")
  public final void onChange(Event event) {
    html.setContent(bannerString());
  }
  
  @Listen("onClick = #selImage")
  public void onSelectImage() {
    RepositoryWalker repositories = new RepositoryWalker(null);
    repositories.selectFolder("/_internal/files" + entityPath);
    repositories.setFilter(RepositoryContent.IMAGE_FILTER);
    repositories.setReadOnlyRepository(Strings.isBlank(entityPath));
    repositories.setNoTreeRepository(false);
    SelectionDialog.showComponent(getPage(), I_.get("Repository"), repositories, "90%", "90%", new Command() {
      @Override
      public Object execute(Context context) {
        File result = repositories.getResult();
        if(result != null) {
          imgSrc = ElephantContext.getRootWebPath() +
                   ElephantContext.getRelativePath(result.getAbsolutePath());
        }
        html.setContent(bannerString());
        return null;
      }
    });
  }
  
  @Listen("onClick = #delImage")
  public void onDeleteImage() {
    imgSrc = null;
    html.setContent(bannerString());
  }
 
  public BannerComposer(String htmlStr, String entityPath) {
    HashMap args = new HashMap();
    args.put("el_label", Application.getStringMap());
    args.put("i_", I_.api());
    args.put("i", I_.map());
    args.put("k", I_.byKeyMap());
    Executions.createComponents("/WEB-INF/_zul/bs/comps/editor/bannerComposer.zul", this, args);
    Selectors.wireComponents(this, this, false);
    Selectors.wireEventListeners(this, this);
    this.entityPath = entityPath;
    parseValues(htmlStr);
    html.setContent(bannerString());
  }
 
  public String getResult() {
    return bannerString();
  }
  
  /* HTML */
 
  private String imgSrc;
  
  private String bannerString() {
    if(Strings.isBlank(label.getValue())) return "";
    
    StringBuilder sb = new StringBuilder();
    sb.append("<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"width:100%;\">")
      .append("<tr valign=\"middle\" style=\"vertical-align:middle;\">");
    if(!Strings.isBlank(imgSrc)) {
      sb.append("<td ");
      if(!Strings.isBlank(width.getValue())) {
        sb.append("width=\"")
          .append(width.getValue())
          .append("\" ");
      }
      sb.append("style=\"");
      if(!Strings.isBlank(bgColor.getValue())) {
        if(underline.isChecked()) {
          sb.append("border-bottom-style:solid;border-bottom-width:3px;border-bottom-color:")
            .append(bgColor.getValue())
            .append(";");
        } else {
          sb.append("background-color:")
            .append(bgColor.getValue())
            .append(";");
        }
      }
      if(!Strings.isBlank(width.getValue())) {
        sb.append("width:")
          .append(width.getValue())
          .append(";");
      }
      sb.append("\"><img border=\"0\" style=\"");
      if(!Strings.isBlank(width.getValue())) {
        sb.append("width:")
          .append(width.getValue())
          .append(";");
      }
      sb.append("\" src=\"")
        .append(imgSrc)
        .append("\"/></td>");
    }
    if(!Strings.isBlank(label.getValue())) {
      sb.append("<td style=\"padding-left:10px;");
      if(!Strings.isBlank(fontSize.getValue())) {
        sb.append("font-size:")
          .append(fontSize.getValue())
          .append(";");
      }
      if(bold.isChecked()) {
        sb.append("font-weight:bold;");
      } else {
        sb.append("font-weight:normal;");
      }
      if(italic.isChecked()) {
        sb.append("font-style:italic;");
      } else {
        sb.append("font-style:normal;");
      }
      if(!Strings.isBlank(color.getValue())) {
        sb.append("color:")
          .append(color.getValue())
          .append(";");
      }
      if(!Strings.isBlank(bgColor.getValue())) {
        if(underline.isChecked()) {
          sb.append("border-bottom-style:solid;border-bottom-width:3px;border-bottom-color:")
            .append(bgColor.getValue())
            .append(";");
        } else {
          sb.append("background-color:")
            .append(bgColor.getValue())
            .append(";");
        }
      }
      sb.append("\">")
        .append(label.getValue())
        .append("</td>");
    }
    sb.append("</tr></table>")
      .append(divider(10));
    
    return sb.toString();
  }
  
  private String divider(int height) {
    return "<div width=\"100%\" style=\"width:100%;height:" + height + "px;\">&nbsp;</div>";
  }
  
  private void parseValues(String html) {
    if(Strings.isBlank(html)) return;
    Document document = Jsoup.parse(html);
    Elements images = document.getElementsByTag("img");
    if(!images.isEmpty()) {
      Element image = images.first();
      CSSStyleDeclaration style = parseStyle(image);
      if(style != null) { 
        width.setValue(style.getPropertyValue("width"));
      }
      imgSrc = image.attr("src");
    }
    Elements tds = document.getElementsByTag("td");
    if(!tds.isEmpty()) {
      Element td = tds.last();
      CSSStyleDeclaration style = parseStyle(td);
      if(style != null) {
        fontSize.setValue(style.getPropertyValue("font-size"));
        bold.setChecked("bold".equals(style.getPropertyValue("font-weight")));
        italic.setChecked("italic".equals(style.getPropertyValue("font-style")));
        if(!Strings.isBlank(style.getPropertyValue("color"))) {
          color.setValue(convert(style.getPropertyValue("color")));
        }
        if("solid".equals(style.getPropertyValue("border-bottom-style"))) {
          if(!Strings.isBlank(style.getPropertyValue("border-bottom-color"))) {
            bgColor.setValue(convert(style.getPropertyValue("border-bottom-color")));
          }
          underline.setChecked(true);
        } else {
          if(!Strings.isBlank(style.getPropertyValue("background-color"))) {
            bgColor.setValue(convert(style.getPropertyValue("background-color")));
          }
          underline.setChecked(false);
        }
      }
      label.setValue(td.html());
    }
  }
  
  private CSSStyleDeclaration parseStyle(Element element) {
    String style = element.attr("style");
    if(!Strings.isBlank(style)) {
      try {
        InputSource source = new InputSource(new StringReader(style));
        CSSOMParser parser = new CSSOMParser(new SACParserCSS3());
        return parser.parseStyleDeclaration(source);
      } catch (IOException ex) {
        Logger.getLogger(BannerComposer.class.getName()).log(Level.SEVERE, ElephantContext.logMsg(null), ex);
      }
    }
    return null;
  }
 
  private String convert(String propertyValue) {
    if(propertyValue.startsWith("rgb")) {
      String colors[] = propertyValue.substring(4, propertyValue.length() - 1).split("\\s*,\\s*");
      propertyValue = String.format("#%02x%02x%02x", 
              Integer.parseInt(colors[0]), Integer.parseInt(colors[1]), Integer.parseInt(colors[2]));  
    }
    return propertyValue;
  }
 
}