/**
    * This file Copyright (c) 2018 Magnolia International
    * Ltd.  (http://www.magnolia-cms.com). All rights reserved.
    *
    *
    * This file is dual-licensed under both the Magnolia
    * Network Agreement and the GNU General Public License.
    * You may elect to use one or the other of these licenses.
    *
   * This file is distributed in the hope that it will be
   * useful, but AS-IS and WITHOUT ANY WARRANTY; without even the
   * implied warranty of MERCHANTABILITY or FITNESS FOR A
   * PARTICULAR PURPOSE, TITLE, or NONINFRINGEMENT.
   * Redistribution, except as permitted by whichever of the GPL
   * or MNA you select, is prohibited.
   *
   * 1. For the GPL license (GPL), you can redistribute and/or
   * modify this file under the terms of the GNU General
   * Public License, Version 3, as published by the Free Software
   * Foundation.  You should have received a copy of the GNU
   * General Public License, Version 3 along with this program;
   * if not, write to the Free Software Foundation, Inc., 51
   * Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
   *
   * 2. For the Magnolia Network Agreement (MNA), this file
   * and the accompanying materials are made available under the
   * terms of the MNA which accompanies this distribution, and
   * is available at http://www.magnolia-cms.com/mna.html
   *
   * Any modifications to this file must keep this entire header
   * intact.
   *
   */
  package info.magnolia.ui.vaadin.gwt.client.layout.lazylayout.widget;
  
  import com.google.gwt.dom.client.DivElement;
  import com.google.gwt.dom.client.Element;
  import com.google.gwt.dom.client.ImageElement;
  import com.google.gwt.dom.client.SpanElement;
  import com.google.gwt.dom.client.Style;
  import com.google.gwt.user.client.DOM;
  
  /**
   * Sub implementaton of {@link EscalatorPanel} for cards, aka the 6.0 UI.
   *
   * TODO: should be merged back with {@link EscalatorPanel} once 5.x UI is dropped.
   */
  public class EscalatorCardsPanel extends EscalatorPanel {
  
      private static Flyweight flyweight = new Flyweight() {
  
          static final String THUMBNAIL_STYLE_NAME = "thumbnail";
          static final String THUMBNAIL_IMAGE_STYLE_NAME = "thumbnail-image";
          public static final String CLEARED_STYLE_NAME = "cleared";
  
          @Override
          Element createThumbnail() {
              final DivElement thumbnail = DivElement.as(DOM.createDiv());
              thumbnail.addClassName(THUMBNAIL_STYLE_NAME);
              thumbnail.getStyle().setDisplay(Style.Display.INLINE_BLOCK);
  
              final SpanElement caption = SpanElement.as(DOM.createSpan());
              caption.getStyle().setDisplay(Style.Display.NONE);
  
              final ImageElement image = ImageElement.as(DOM.createImg());
              image.addClassName(THUMBNAIL_IMAGE_STYLE_NAME);
              image.getStyle().setDisplay(Style.Display.NONE);
  
              thumbnail.appendChild(image);
              thumbnail.appendChild(caption);
  
              return thumbnail;
          }
  
          @Override
          void setImageSrc(String src, Element thumbnail) {
              final Element img = getImage(thumbnail);
              final Element caption = getCaption(thumbnail);
  
              img.getStyle().setDisplay(Style.Display.BLOCK);
              caption.getStyle().setDisplay(Style.Display.BLOCK);
  
              img.setAttribute("src", src);
              thumbnail.removeClassName(CLEARED_STYLE_NAME);
          }
  
          @Override
          void setIconFontStyle(String style, Element thumbnail) {
              // no-op
          }
  
          private Element getCaption(Element thumbnail) {
              return Element.as(thumbnail.getChild(1));
          }
  
          @Override
          Element getImage(Element thumbnail) {
              return Element.as(thumbnail.getChild(0));
          }
 
         @Override
         public void clear(Element thumbnail) {
             Element caption = getCaption(thumbnail);
             caption.setInnerText("");
             caption.getStyle().setDisplay(Style.Display.NONE);
 
             Element image = getImage(thumbnail);
             image.removeAttribute("src");
             image.getStyle().setDisplay(Style.Display.NONE);
 
             thumbnail.addClassName(CLEARED_STYLE_NAME);
         }
 
         @Override
         void setCaption(String newCaption, Element thumbnail) {
             final Element caption = getCaption(thumbnail);
             caption.setInnerHTML(newCaption);
             caption.getStyle().setDisplay(Style.Display.BLOCK); // ?
 
             final Element img = getImage(thumbnail);
             img.getStyle().setDisplay(Style.Display.BLOCK); // ?
 
             thumbnail.removeClassName(CLEARED_STYLE_NAME);
         }
     };
 
     public EscalatorCardsPanel(Listener listener) {
         super(listener, flyweight);
     }
 
     public void updateImageCaption(String caption, int index) {
         flyweight.setCaption(caption, Element.as(super.getImageContainer().getChild(super.relativeIndex(index))));
     }
 }