/**
    * 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.admincentral;
  
  import static info.magnolia.admincentral.ViewportLayout.VIEW.*;
  
  import com.vaadin.ui.Component;
  import com.vaadin.ui.CssLayout;
  import com.vaadin.ui.Layout;
  import com.vaadin.ui.Panel;
  import com.vaadin.ui.VerticalLayout;
  
  import lombok.Getter;
  
  /**
   * View holding all available views and making transitions between them.
   */
  public class ViewportLayout extends CssLayout {
  
      private static final String MOVE_DOWN = "viewportLayout-move-down";
      private static final String MOVE_LEFT = "viewportLayout-move-left";
  
      private static final String SLIDE_DOWN = "viewportLayout-slide-down";
      private static final String SLIDE_UP = "viewportLayout-slide-up";
      private static final String SLIDE_LEFT = "viewportLayout-slide-left";
      private static final String SLIDE_RIGHT = "viewportLayout-slide-right";
  
      private VIEW activeView;
  
      private final Component findBarAndAppLauncher;
      private final CssLayout appView;
  
      @Getter
      private final VerticalLayout appLauncherLayout = new VerticalLayout();
  
      @Getter
      private final Layout findBarResultsLayout = new CssLayout();
      @Getter
      private final Panel appLayout = new Panel();
  
      public ViewportLayout() {
  
          findBarResultsLayout.setWidth(100, Unit.PERCENTAGE);
          findBarResultsLayout.addStyleName("findbar-results");
  
          appLauncherLayout.addStyleName("v-app-launcher");
          findBarAndAppLauncher = new CssLayout(findBarResultsLayout, appLauncherLayout);
          findBarAndAppLauncher.setWidth(100, Unit.PERCENTAGE);
          findBarAndAppLauncher.addStyleName("findbarAndApplauncher");
  
          appLayout.setSizeFull();
          appLayout.addStyleName("apps-viewport");
          CssLayout appOverlay = new CssLayout();
          appOverlay.addStyleName("app-overlay");
          appOverlay.setSizeFull();
          appOverlay.addLayoutClickListener(event -> {
              if (appLayout.getContent() != null) {
                  updateView(APP_LAUNCHER, APP);
              }
          });
          appView = new CssLayout(appLayout, appOverlay) {
              @Override
              protected String getCss(Component c) {
                  return "z-index: " + (c == appLayout && (activeView == APP || appLayout.getContent() == null) ? 2 : 1);
              }
          };
          appView.addStyleNames("apps-viewport");
  
 
         addComponents(findBarAndAppLauncher, appView);
         addStyleName("viewportLayout");
         setSizeFull();
 
         updateView(null, FIND_BAR);
     }
 
     public void toggleAppLauncher() {
         if (activeView == APP_LAUNCHER) {
             if (appLayout.getContent() != null) {
                 updateView(activeView, APP);
             }
         } else {
             updateView(activeView, APP_LAUNCHER);
         }
     }
 
     public void toggleFindBar() {
         if (activeView == FIND_BAR) {
             if (appLayout.getContent() != null) {
                 updateView(activeView, APP);
             }
         } else {
             showFindBar();
         }
     }
 
     public void showFindBar() {
         if (activeView != FIND_BAR) {
             updateView(activeView, FIND_BAR);
         }
     }
 
     public void showApp() {
         if (activeView != APP) {
             updateView(activeView, APP);
         }
     }
 
     public void hideApp() {
         updateView(APP, findBarAndAppLauncher.getStyleName().contains(MOVE_LEFT) ? APP_LAUNCHER : FIND_BAR);
     }
 
     private void updateView(VIEW from, VIEW to) {
         disableAnimations();
 
         if (from == APP_LAUNCHER) {
             if (to == APP) {
                 appView.removeStyleName(MOVE_DOWN);
                 appView.addStyleName(SLIDE_UP);
             } else if (to == FIND_BAR) {
                 findBarAndAppLauncher.removeStyleName(MOVE_LEFT);
                 findBarAndAppLauncher.addStyleName(SLIDE_RIGHT);
             }
         } else if (from == APP) {
             if (to == APP_LAUNCHER) {
                 findBarAndAppLauncher.addStyleName(MOVE_LEFT);
             } else if (to == FIND_BAR) {
                 findBarAndAppLauncher.removeStyleNames(MOVE_LEFT);
             }
             appView.addStyleName(SLIDE_DOWN);
             appView.addStyleName(MOVE_DOWN);
         } else if (from == FIND_BAR) {
             if (to == APP) {
                 appView.removeStyleName(MOVE_DOWN);
                 appView.addStyleName(SLIDE_UP);
             } else if (to == APP_LAUNCHER) {
                 findBarAndAppLauncher.addStyleName(SLIDE_LEFT);
                 findBarAndAppLauncher.addStyleName(MOVE_LEFT);
             }
         } else {
             appView.addStyleName(SLIDE_DOWN);
             appView.addStyleName(MOVE_DOWN);
         }
         activeView = to;
     }
 
     public void disableAnimations() {
         findBarAndAppLauncher.removeStyleNames(SLIDE_LEFT, SLIDE_RIGHT);
         appView.removeStyleNames(SLIDE_DOWN, SLIDE_UP);
     }
 
     public VIEW getActiveView() {
         return activeView;
     }
 
     /**
      * Type of view.
      */
     public enum VIEW {
         APP, FIND_BAR, APP_LAUNCHER
     }
 }