View Javadoc
1   /**
2    * This file Copyright (c) 2010-2015 Magnolia International
3    * Ltd.  (http://www.magnolia-cms.com). All rights reserved.
4    *
5    *
6    * This file is dual-licensed under both the Magnolia
7    * Network Agreement and the GNU General Public License.
8    * You may elect to use one or the other of these licenses.
9    *
10   * This file is distributed in the hope that it will be
11   * useful, but AS-IS and WITHOUT ANY WARRANTY; without even the
12   * implied warranty of MERCHANTABILITY or FITNESS FOR A
13   * PARTICULAR PURPOSE, TITLE, or NONINFRINGEMENT.
14   * Redistribution, except as permitted by whichever of the GPL
15   * or MNA you select, is prohibited.
16   *
17   * 1. For the GPL license (GPL), you can redistribute and/or
18   * modify this file under the terms of the GNU General
19   * Public License, Version 3, as published by the Free Software
20   * Foundation.  You should have received a copy of the GNU
21   * General Public License, Version 3 along with this program;
22   * if not, write to the Free Software Foundation, Inc., 51
23   * Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
24   *
25   * 2. For the Magnolia Network Agreement (MNA), this file
26   * and the accompanying materials are made available under the
27   * terms of the MNA which accompanies this distribution, and
28   * is available at http://www.magnolia-cms.com/mna.html
29   *
30   * Any modifications to this file must keep this entire header
31   * intact.
32   *
33   */
34  package info.magnolia.ui.vaadin.gwt.client.magnoliashell.shell;
35  
36  import info.magnolia.ui.vaadin.gwt.client.jquerywrapper.AnimationSettings;
37  import info.magnolia.ui.vaadin.gwt.client.jquerywrapper.JQueryWrapper;
38  import info.magnolia.ui.vaadin.gwt.client.magnoliashell.viewport.animation.JQueryAnimation;
39  import info.magnolia.ui.vaadin.gwt.client.shared.magnoliashell.ShellAppType;
40  
41  import java.util.EnumMap;
42  import java.util.Iterator;
43  import java.util.Map;
44  import java.util.Map.Entry;
45  import java.util.logging.Level;
46  import java.util.logging.Logger;
47  
48  import com.google.gwt.core.client.GWT;
49  import com.google.gwt.core.client.Scheduler;
50  import com.google.gwt.dom.client.Style.Display;
51  import com.google.gwt.dom.client.Style.Unit;
52  import com.google.gwt.user.client.DOM;
53  import com.google.gwt.user.client.Element;
54  import com.google.gwt.user.client.Event;
55  import com.google.gwt.user.client.ui.FlowPanel;
56  import com.google.gwt.user.client.ui.Widget;
57  import com.googlecode.mgwt.dom.client.event.touch.TouchEndEvent;
58  import com.googlecode.mgwt.dom.client.event.touch.TouchEndHandler;
59  import com.googlecode.mgwt.ui.client.widget.touch.TouchPanel;
60  import com.vaadin.client.BrowserInfo;
61  
62  /**
63   * Navigation bar.
64   */
65  public class ShellAppLauncher extends FlowPanel {
66  
67      /**
68       * Listener.
69       */
70      public interface Listener {
71  
72          void onHideShellAppsRequested();
73          void showShellApp(ShellAppType type);
74      }
75      private final static int DIVET_ANIMATION_SPEED = 400;
76  
77      public static final String USER_MENU_CLASS_NAME = "v-shell-user-menu-wrapper";
78  
79      private final static String ID = "main-launcher";
80  
81      private final Element divetWrapper = DOM.createDiv();
82  
83      private final TouchPanel logo = new TouchPanel();
84  
85      private final Element userMenu = DOM.createDiv();
86  
87      private final Element logoImg = DOM.createImg();
88  
89      private final Map<ShellAppType, NavigatorButton> controlsMap = new EnumMap<ShellAppType, NavigatorButton>(ShellAppType.class);
90  
91      private JQueryAnimation divetAnimation;
92  
93      private Listener listener;
94  
95      public ShellAppLauncher() {
96          super();
97          this.divetAnimation = new JQueryAnimation();
98          getElement().setId(ID);
99          construct();
100         bindHandlers();
101     }
102 
103     @Override
104     protected void onLoad() {
105         super.onLoad();
106         Scheduler.get().scheduleDeferred(new Scheduler.ScheduledCommand() {
107             @Override
108             public void execute() {
109                 getElement().getStyle().setTop(-60, Unit.PX);
110                 JQueryWrapper.select(getElement()).animate(250, new AnimationSettings() {
111                     {
112                         setProperty("top", 0);
113                     }
114                 });
115             }
116         });
117     }
118 
119     public void setListener(Listener listener) {
120         this.listener = listener;
121     }
122 
123     public final void updateDivet() {
124         final ShellAppType type = getActiveShellType();
125         if (type != null) {
126             doUpdateDivetPosition(type, false);
127         }
128     }
129 
130     public void setUserMenu(Widget widget) {
131         add(widget, userMenu);
132     }
133 
134     public ShellAppType getActiveShellType() {
135         final Iterator<Entry<ShellAppType, NavigatorButton>> it = controlsMap.entrySet().iterator();
136         while (it.hasNext()) {
137             final Entry<ShellAppType, NavigatorButton> entry = it.next();
138             if (entry.getValue().getStyleName().contains("active")) {
139                 return entry.getKey();
140             }
141         }
142         return null;
143     }
144 
145     public void deactivateControls() {
146         divetWrapper.getStyle().setDisplay(Display.NONE);
147         for (final NavigatorButton button : controlsMap.values()) {
148             button.removeStyleName("active");
149         }
150     }
151 
152     public void setIndication(ShellAppType type, int indication) {
153         controlsMap.get(type).setIndication(indication);
154     }
155 
156     public void activateControl(final ShellAppType type) {
157         final ShellAppType currentActive = getActiveShellType();
158         if (currentActive != null) {
159             controlsMap.get(currentActive).removeStyleName("active");
160         }
161         doUpdateDivetPosition(type, currentActive != null);
162         final Widget w = controlsMap.get(type);
163         w.addStyleName("active");
164     }
165 
166     private void construct() {
167         divetWrapper.setId("divet");
168         logoImg.setId("logo");
169         String baseUrl = GWT.getModuleBaseURL().replace("widgetsets/" + GWT.getModuleName() + "/", "");
170         String logoPath = baseUrl + "themes/admincentraltheme/img/";
171         boolean isIE8 = BrowserInfo.get().isIE8();
172         logoImg.setAttribute("src", logoPath + (isIE8 ? "logo-magnolia.png" : "logo-magnolia.svg"));
173 
174         logo.getElement().appendChild(logoImg);
175         add(logo);
176 
177         userMenu.setClassName(USER_MENU_CLASS_NAME);
178         getElement().appendChild(userMenu);
179         getElement().appendChild(divetWrapper);
180         for (final ShellAppType appType : ShellAppType.values()) {
181             final NavigatorButton w = new NavigatorButton(appType);
182             w.addTouchEndHandler(new TouchEndHandler() {
183                 @Override
184                 public void onTouchEnd(TouchEndEvent event) {
185                     toggleShellApp(appType);
186                 }
187             });
188 
189             controlsMap.put(appType, w);
190             add(w);
191         }
192         divetWrapper.getStyle().setDisplay(Display.NONE);
193     }
194 
195     /**
196      * Toggle the 'openness' of the specified shellApp.
197      * 
198      * @param appType
199      */
200     public void toggleShellApp(ShellAppType appType) {
201         // Has user clicked on the active shell app?
202         if (appType == getActiveShellType()) {
203             // if open then close it.
204             listener.onHideShellAppsRequested();
205         } else {
206             // If closed, then open it.
207             listener.showShellApp(appType);
208         }
209     }
210 
211 
212     private void bindHandlers() {
213         DOM.sinkEvents(getElement(), Event.TOUCHEVENTS);
214     }
215 
216     private void doUpdateDivetPosition(final ShellAppType type, boolean animated) {
217         Widget w = controlsMap.get(type);
218         divetWrapper.getStyle().setDisplay(Display.BLOCK);
219         divetWrapper.setClassName(type == ShellAppType.APPLAUNCHER ? "divet-green" : "divet-white");
220         int divetPos = w.getAbsoluteLeft() + (w.getOffsetWidth() / 2) - divetWrapper.getOffsetWidth() / 2;
221         if (animated && divetWrapper.getAbsoluteLeft() != divetPos) {
222             Logger.getLogger(getClass().getName()).log(Level.INFO, "DIVET POS: " + divetPos);
223             divetAnimation.setProperty("left", divetPos);
224             divetAnimation.run(DIVET_ANIMATION_SPEED, divetWrapper);
225 
226         } else {
227             divetWrapper.getStyle().setLeft(divetPos, Unit.PX);
228         }
229 
230     }
231 }