ionic-framework/demos/component-docs/helpers.ts

import {Directive, ElementRef, Renderer} from 'angular2/angular2';
import {Platform, Navbar} from 'ionic/ionic';

import * as actionSheets from './action-sheets/action-sheets';
import * as buttons from './buttons/buttons';
import * as cards from './cards/cards';
import * as labels from './labels/labels';
import * as icons from './icons/icons';
import * as inputs from './inputs/inputs';
import * as lists from './lists/lists';
import * as menus from './menus/menus';
import * as modals from './modals/modals';
import * as navigation from './navigation/navigation';
import * as popups from './popups/popups';
import * as slides from './slides/slides';
import * as tabs from './tabs/tabs';


@Directive({
  selector: '.android-attr',
})
export class AndroidAttribute {

    constructor (platform: Platform, elementRef: ElementRef, renderer: Renderer) {
        this.isAndroid = platform.is('android');
        renderer.setElementAttribute(elementRef, 'primary', this.isAndroid ? true : null);
    }

}

export function toTitleCase(str) {
  return str.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
}

export function hasScrollbar() {

  if (typeof window.top.innerWidth === 'number') {
      return window.top.innerWidth > window.top.document.documentElement.clientWidth;  
  }

  // rootElem for quirksmode
  var rootElem = window.top.document.documentElement || window.top.document.body;

  // Check overflow style property on body for fauxscrollbars
  var overflowStyle;

  if (typeof rootElem.currentStyle !== 'undefined') {
      overflowStyle = rootElem.currentStyle.overflow;
  }

  overflowStyle = overflowStyle || window.top.getComputedStyle(rootElem, '').overflow;

  // Also need to check the Y axis overflow
  var overflowYStyle;

  if (typeof rootElem.currentStyle !== 'undefined') {
      overflowYStyle = rootElem.currentStyle.overflowY;
  }

  overflowYStyle = overflowYStyle || window.top.getComputedStyle(rootElem, '').overflowY;

  var contentOverflows = rootElem.scrollHeight > rootElem.clientHeight;
  var overflowShown = /^(visible|auto)$/.test(overflowStyle) || /^(visible|auto)$/.test(overflowYStyle);
  var alwaysShowScroll = overflowStyle === 'scroll' || overflowYStyle === 'scroll';

  return (contentOverflows && overflowShown) || (alwaysShowScroll)
}

export function getPageFor(hash) {
    return {
        'action-sheets': actionSheets.BasicPage,

        'buttons': buttons.BasicPage,
        'block-buttons': buttons.BlockPage,
        'clear-buttons': buttons.ClearPage,
        'full-buttons': buttons.FullPage,
        'outline-buttons': buttons.OutlinePage,
        'round-buttons': buttons.RoundPage,
        'floating-action-buttons': buttons.FabPage,
        'buttons-in-components': buttons.ComponentsPage,
        'button-sizes': buttons.SizesPage,
        'icon-buttons': buttons.IconsPage,

        'cards': cards.BasicPage,
        'card-header': cards.HeaderPage,
        'card-list': cards.ListPage,
        'card-image': cards.ImagePage,
        'card-background': cards.BackgroundPage,
        'advanced-cards': cards.AdvancedSocialPage,
        'card-advanced-map': cards.AdvancedMapPage,
        'card-advanced-social': cards.AdvancedSocialPage,
        'card-advanced-weather': cards.AdvancedWeatherPage,

        'checkbox': inputs.CheckboxPage,
        'radio': inputs.RadioPage,
        'range': inputs.RangePage,
        'segment': inputs.SegmentPage,
        'select': inputs.SelectPage,
        'switch': inputs.SwitchPage,

        'inputs': labels.BasicPage,
        'fixed-inline-labels': labels.FixedInlinePage,
        'floating-labels': labels.FloatingPage,
        'inline-labels': labels.InlinePage,
        'inset-labels': labels.InsetPage,
        'placeholder-labels': labels.PlaceholderPage,
        'stacked-labels': labels.StackedPage,

        'icons': icons.BasicPage,

        'lists': lists.BasicPage,
        'list-lines': lists.BasicPage,
        'list-no-lines': lists.NoLinesPage,
        'avatar-list': lists.AvatarPage,
        'icon-list': lists.IconPage,
        'inset-list': lists.InsetPage,
        'list-headers': lists.HeadersPage,
        'multiline-list': lists.MultilinePage,
        'thumbnail-list': lists.ThumbnailPage,

        'menus': menus.BasicPage,
        'modals': modals.BasicPage,
        'navigation': navigation.BasicPage,
        'popups': popups.BasicPage,
        'slides': slides.BasicPage,

        'tabs': tabs.BasicPage,
        'tabs-icon': tabs.IconPage,
        'tabs-icon-text': tabs.IconTextPage,
    }[hash]
}

export function debounce(func, wait, immediate) {
    var timeout;
    return function() {
        var context = this, args = arguments;
        var later = function() {
            timeout = null;
            if (!immediate) func.apply(context, args);
        };
        var callNow = immediate && !timeout;
        clearTimeout(timeout);
        timeout = setTimeout(later, wait);
        if (callNow) func.apply(context, args);
    };
};