mirror of
https://github.com/apache/cordova-android.git
synced 2026-08-13 00:00:05 +08:00
108 lines
3.8 KiB
JavaScript
108 lines
3.8 KiB
JavaScript
/*
|
|
Licensed to the Apache Software Foundation (ASF) under one
|
|
or more contributor license agreements. See the NOTICE file
|
|
distributed with this work for additional information
|
|
regarding copyright ownership. The ASF licenses this file
|
|
to you under the Apache License, Version 2.0 (the
|
|
"License"); you may not use this file except in compliance
|
|
with the License. You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing,
|
|
software distributed under the License is distributed on an
|
|
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
KIND, either express or implied. See the License for the
|
|
specific language governing permissions and limitations
|
|
under the License.
|
|
*/
|
|
|
|
var exec = require('cordova/exec');
|
|
|
|
var statusBarVisible = true;
|
|
var statusBar = {};
|
|
|
|
// This <script> element is explicitly used by Cordova's statusbar for computing color. (Do not use this element)
|
|
const statusBarScript = document.createElement('script');
|
|
document.head.appendChild(statusBarScript);
|
|
|
|
/**
|
|
* Sets the visibility of the status bar, which will only work if Android EdgeToEdge is disabled.
|
|
* If cordova-plugin-statusbar is used, it works also on Android EdgeToEdge.
|
|
* If the plugin is used, the call will be forwarded to `window.StatusBar.show` or
|
|
* `window.StatusBar.hide` of the plugin.
|
|
*/
|
|
Object.defineProperty(statusBar, 'visible', {
|
|
configurable: false,
|
|
enumerable: true,
|
|
get: function () {
|
|
if (window.StatusBar) {
|
|
// try to let the StatusBar plugin handle it
|
|
return window.StatusBar.isVisible;
|
|
}
|
|
|
|
return statusBarVisible;
|
|
},
|
|
set: function (value) {
|
|
if (window.StatusBar) {
|
|
// try to let the StatusBar plugin handle it
|
|
if (value) {
|
|
window.StatusBar.show();
|
|
} else {
|
|
window.StatusBar.hide();
|
|
}
|
|
} else {
|
|
statusBarVisible = value;
|
|
exec(null, null, 'SystemBarPlugin', 'setStatusBarVisible', [!!value]);
|
|
}
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Sets the background color of the status bar, which will visually only have an impact,
|
|
* if the status bar is visible. The supported format is any valid CSS color value,
|
|
* like `rebeccapurple`, `#RRGGBBAA`, `rgb(255 0 153)`.
|
|
* If cordova-plugin-statusbar is installed, the call will be forwarded to
|
|
* `window.StatusBar.backgroundColorByHexString`, where alpha is only supported if
|
|
* `StatusBar.overlaysWebView` is set to `true`.
|
|
*/
|
|
Object.defineProperty(statusBar, 'setBackgroundColor', {
|
|
configurable: false,
|
|
enumerable: false,
|
|
writable: false,
|
|
value: function (value) {
|
|
statusBarScript.style.color = value;
|
|
var rgbStr = window.getComputedStyle(statusBarScript).getPropertyValue('color');
|
|
|
|
if (!rgbStr.match(/^rgb/)) {
|
|
return;
|
|
}
|
|
|
|
var rgbVals = rgbStr.match(/[\d.]+/g).map(function (v, i) { return (i < 3) ? parseInt(v, 10) : parseFloat(v); });
|
|
if (rgbVals.length < 3) {
|
|
return;
|
|
}
|
|
|
|
if (window.StatusBar) {
|
|
// try to let the StatusBar plugin handle it
|
|
// TODO: Use `padStart(2, '0')` once SDK 24 is dropped.
|
|
const padRgb = (val) => {
|
|
const hex = val.toString(16);
|
|
return hex.length === 1 ? '0' + hex : hex;
|
|
};
|
|
|
|
const r = padRgb(rgbVals[0]);
|
|
const g = padRgb(rgbVals[1]);
|
|
const b = padRgb(rgbVals[2]);
|
|
const a = padRgb(255 * (rgbVals[3] !== undefined ? rgbVals[3] : 1.0));
|
|
|
|
const hexStr = '#' + a + r + g + b;
|
|
window.StatusBar.backgroundColorByHexString(hexStr);
|
|
} else {
|
|
exec(null, null, 'SystemBarPlugin', 'setStatusBarBackgroundColor', rgbVals);
|
|
}
|
|
}
|
|
});
|
|
|
|
module.exports = statusBar;
|