awesome-cordova-plugins/src/plugins/statusbar.ts

123 lines
2.8 KiB
TypeScript
Raw Normal View History

2016-07-18 02:21:38 +08:00
import { Cordova, CordovaProperty, Plugin } from './plugin';
2015-11-29 06:17:04 +08:00
2016-02-17 07:42:41 +08:00
declare var window;
/**
* @name Status Bar
* @description
* Manage the appearance of the native status bar.
*
2016-02-17 07:42:41 +08:00
* Requires Cordova plugin: `cordova-plugin-statusbar`. For more info, please see the [StatusBar plugin docs](https://github.com/apache/cordova-plugin-statusbar).
*
* @usage
* ```ts
* import {StatusBar} from 'ionic-native';
*
* ...
*
* StatuBar.overlaysWebView(true); // let status var overlay webview
*
* StatusBar.backgroundColorByHexString('#ffffff'); // set status bar to white
* ```
*
*/
2015-11-29 08:26:55 +08:00
@Plugin({
2015-11-29 06:17:04 +08:00
plugin: 'cordova-plugin-statusbar',
pluginRef: 'StatusBar',
repo: 'https://github.com/apache/cordova-plugin-statusbar',
platforms: ['iOS', 'Android', 'Windows Phone 8', 'Windows 8', 'Windows 10']
2015-11-29 08:26:55 +08:00
})
export class StatusBar {
/**
* Set whether the status bar overlays the main app view. The default
* is true.
*
2016-02-17 07:42:41 +08:00
* @param {boolean} doesOverlay Whether the status bar overlays the main app view.
*/
2016-02-17 07:42:41 +08:00
@Cordova({
sync: true
})
2016-07-18 02:21:38 +08:00
static overlaysWebView(doesOverlay: boolean) { };
2016-02-17 07:42:41 +08:00
/**
* Use the default statusbar (dark text, for light backgrounds).
*/
@Cordova({
sync: true
})
2016-07-18 02:21:38 +08:00
static styleDefault() { };
2016-02-17 07:42:41 +08:00
/**
* Use the lightContent statusbar (light text, for dark backgrounds).
*/
@Cordova({
sync: true
})
2016-07-18 02:21:38 +08:00
static styleLightContent() { };
2016-02-17 07:42:41 +08:00
/**
* Use the blackTranslucent statusbar (light text, for dark backgrounds).
*/
@Cordova({
sync: true
})
2016-07-18 02:21:38 +08:00
static styleBlackTranslucent() { };
2016-02-17 07:42:41 +08:00
/**
* Use the blackOpaque statusbar (light text, for dark backgrounds).
*/
@Cordova({
sync: true
})
2016-07-18 02:21:38 +08:00
static styleBlackOpaque() { };
/**
* Set the status bar to a specific named color. Valid options:
* black, darkGray, lightGray, white, gray, red, green, blue, cyan, yellow, magenta, orange, purple, brown.
*
* iOS note: you must call StatusBar.overlaysWebView(false) to enable color changing.
*
2016-02-17 07:42:41 +08:00
* @param {string} colorName The name of the color (from above)
*/
2016-02-17 07:42:41 +08:00
@Cordova({
sync: true
})
2016-07-18 02:21:38 +08:00
static backgroundColorByName(colorName: string) { };
/**
* Set the status bar to a specific hex color (CSS shorthand supported!).
*
* iOS note: you must call StatusBar.overlaysWebView(false) to enable color changing.
*
2016-02-17 07:42:41 +08:00
* @param {string} hexString The hex value of the color.
*/
2016-02-17 07:42:41 +08:00
@Cordova({
sync: true
})
2016-07-18 02:21:38 +08:00
static backgroundColorByHexString(hexString: string) { };
/**
* Hide the StatusBar
*/
2016-02-17 07:42:41 +08:00
@Cordova({
sync: true
})
2016-07-18 02:21:38 +08:00
static hide() { };
/**
* Show the StatusBar
*/
2016-02-17 07:42:41 +08:00
@Cordova({
sync: true
})
2016-07-18 02:21:38 +08:00
static show() { };
2016-02-17 07:42:41 +08:00
/**
* Whether the StatusBar is currently visible or not.
*/
@CordovaProperty
static get isVisible() { return window.StatusBar.isVisible; }
2016-07-18 02:21:38 +08:00
2015-11-29 06:17:04 +08:00
}