001/* 002 * Copyright 2012 GWT-Bootstrap 003 * 004 * Licensed under the Apache License, Version 2.0 (the "License"); 005 * you may not use this file except in compliance with the License. 006 * You may obtain a copy of the License at 007 * 008 * http://www.apache.org/licenses/LICENSE-2.0 009 * 010 * Unless required by applicable law or agreed to in writing, software 011 * distributed under the License is distributed on an "AS IS" BASIS, 012 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 013 * See the License for the specific language governing permissions and 014 * limitations under the License. 015 */ 016package com.github.gwtbootstrap.client.ui.base; 017 018import com.github.gwtbootstrap.client.ui.config.Configurator; 019import com.github.gwtbootstrap.client.ui.constants.Device; 020import com.github.gwtbootstrap.client.ui.constants.ResponsiveStyle; 021 022/** 023 * The Helper class for {@link IsResponsive} interface. 024 * 025 * @since 2.0.4.0 026 * 027 * @see IsResponsive 028 * @see Device 029 * @author ohashi keisuke 030 */ 031public class ResponsiveHelper { 032 033 /** 034 * Sets the kind of device, this widget is shown on. 035 * 036 * <p> 037 * The widget is not shown on any other device. 038 * </p> 039 * 040 * <p> 041 * <b>Only works if responsive design is turned on!</b> Testlink 042 * </p> 043 * 044 * @param widget 045 * The widget to be applyed responsive. 046 * 047 * @param device 048 * The device to show widget. 049 * @see Configurator#hasResponsiveDesign() 050 * @see #setHideOn(HasStyle, Device) 051 */ 052 public static <T extends HasStyle> void setShowOn(T widget, Device device) { 053 removeResponsiveStyles(widget); 054 switch (device) { 055 case PHONE: 056 widget.addStyle(ResponsiveStyle.VISIBLE_PHONE); 057 break; 058 case TABLET: 059 widget.addStyle(ResponsiveStyle.VISIBLE_TABLET); 060 break; 061 case DESKTOP: 062 widget.addStyle(ResponsiveStyle.VISIBLE_DESKTOP); 063 break; 064 } 065 } 066 067 /** 068 * Sets the kind of device, this widget is hidden on. 069 * 070 * <p> 071 * The widget is not hidden on any other device. 072 * </p> 073 * 074 * <p> 075 * <b>Only works if responsive design is turned on!</b> 076 * </p> 077 * 078 * @param widget 079 * The widget to be applyed responsive. 080 * 081 * @param device 082 * The device to hide widget. 083 * 084 * @see Configurator#hasResponsiveDesign() 085 * @see #setShowOn(HasStyle, Device) 086 */ 087 public static <T extends HasStyle> void setHideOn(T widget, Device device) { 088 removeResponsiveStyles(widget); 089 switch (device) { 090 case PHONE: 091 widget.addStyle(ResponsiveStyle.HIDDEN_PHONE); 092 break; 093 case TABLET: 094 widget.addStyle(ResponsiveStyle.HIDDEN_TABLET); 095 break; 096 case DESKTOP: 097 widget.addStyle(ResponsiveStyle.HIDDEN_DESKTOP); 098 break; 099 } 100 } 101 102 private static <T extends HasStyle> void removeResponsiveStyles(T element) { 103 104 element.removeStyle(ResponsiveStyle.VISIBLE_PHONE); 105 element.removeStyle(ResponsiveStyle.VISIBLE_TABLET); 106 element.removeStyle(ResponsiveStyle.VISIBLE_DESKTOP); 107 element.removeStyle(ResponsiveStyle.HIDDEN_PHONE); 108 element.removeStyle(ResponsiveStyle.HIDDEN_TABLET); 109 element.removeStyle(ResponsiveStyle.HIDDEN_DESKTOP); 110 } 111 112}