/**
    * 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.incub;
  
  import com.vaadin.server.ThemeResource;
  import com.vaadin.ui.Button;
  import com.vaadin.ui.Component;
  import com.vaadin.ui.CssLayout;
  import com.vaadin.ui.CustomComponent;
  import com.vaadin.ui.FormLayout;
  import com.vaadin.ui.Image;
  import com.vaadin.ui.Label;
  import com.vaadin.ui.VerticalLayout;
  
  /**
   * TODO compare with actual V8 impl in new UI framework and/or drop.
   */
  public class LinkFieldPreviewComponent extends CustomComponent implements Component {
  
      private Component contentDetail;
      private Component contentPreview;
      private VerticalLayout rootLayout;
  
  
      public LinkFieldPreviewComponent() {
          this.rootLayout = new VerticalLayout();
          this.rootLayout.setMargin(false);
          setCompositionRoot(rootLayout);
      }
  
      public void onValueChange() {
          clearRootLayout();
          contentDetail = refreshContentDetail();
          contentPreview = refreshContentPreview();
          refreshRootLayout();
  
      }
  
      protected void clearRootLayout() {
          this.rootLayout.setVisible(false);
          this.rootLayout.removeAllComponents();
          removeStyleName("done");
      }
  
      protected void refreshRootLayout() {
          this.rootLayout.setVisible(true);
          addStyleName("done");
          rootLayout.addComponent(contentPreview);
          rootLayout.addComponent(contentDetail);
      }
  
      public Component refreshContentDetail() {
          FormLayout fileInfo = new FormLayout();
          fileInfo.setSizeUndefined();
          fileInfo.addStyleName("file-details");
          fileInfo.addComponent(getFileDetailFileName());
          fileInfo.addComponent(getFileDetailSize());
          fileInfo.addComponent(getFileDetailFileFormat());
          return fileInfo;
      }
  
      public Component refreshContentPreview() {
          CssLayout previewLayout = new CssLayout();
          previewLayout.addStyleName("file-preview-area");
          // Create the preview Component (Icon / Image thumbnail/...)
          Component image = new Image("", new ThemeResource("img/logo-magnolia.svg"));
          if (image != null) {
              image.addStyleName("preview-image");
             previewLayout.addComponent(image);
         }
 
         // Add buttons to the preview layout (Add LightBox) IF CONFIGURED
         Button lightboxButton = new Button();
         lightboxButton.addStyleName("lightbox-button");
         lightboxButton.setCaptionAsHtml(true);
         lightboxButton.setCaption("<span class=\"icon-search\"></span>");
         lightboxButton.setDescription("Detail");
         previewLayout.addComponent(lightboxButton);
 
         return previewLayout;
     }
 
     /**
      * Add File Name.<br>
      */
     protected Component getFileDetailFileName() {
         Label label = new Label();
         label.setCaption("Title");
         label.setValue("Asia markt");
         return label;
     }
 
     /**
      * Add File Info.
      */
     protected Component getFileDetailSize() {
         Label label = new Label();
         label.setCaption("Size");
         label.setValue("2048 x 1194, 1 MB");
         return label;
     }
 
     /**
      * Add File Format.<br>
      */
     protected Component getFileDetailFileFormat() {
         Label label = new Label();
         label.setCaption("Format");
         label.setValue("JPG");
         return label;
     }
 }