oversu/VulpesOS
oversu/VulpesOS
Watch
3
2
Fork
You've already forked VulpesOS
 0
Code Issues 27 Pull requests Projects Releases 9 Packages Wiki Activity

Publish Vulpes Preview 15 sources for desktop, Android and Tundra

Browse source 
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
This commit is contained in:
OverSu 2026-09-30 23:13:03 +02:00
commit b38dea0597
25901 changed files with 9982925 additions and 369 deletions
Download patch file Download diff file Expand all files Collapse all files

109
gaia/apps/verticalhome/js/statusbar.js Executable file
View file

@ -0,0 +1,109 @@
'use strict';
/* global app */
/* global appManager */
(function(exports) {
const APPEARANCE = {
OPAQUE: 'opaque',
SEMI_TRANSPARENT: 'semi-transparent'
};
function StatusBar() {
this.threshold = document.getElementById('search').clientHeight;
if (!appManager.app) {
window.addEventListener('appmanager-ready', function onReady() {
window.removeEventListener('appmanager-ready', onReady);
this.onAppReady();
}.bind(this));
} else {
this.onAppReady();
}
}
StatusBar.prototype = {
/**
* General event handler.
*/
handleEvent: function(e) {
switch(e.type) {
case 'editmode-start':
window.removeEventListener('context-menu-open', this);
window.removeEventListener('context-menu-close', this);
window.removeEventListener('gaia-confirm-open', this);
window.removeEventListener('gaia-confirm-close', this);
/* falls through */
case 'context-menu-open':
case 'gaia-confirm-open':
window.removeEventListener('scroll', this);
this.setAppearance(APPEARANCE.OPAQUE);
break;
case 'editmode-end':
window.addEventListener('context-menu-open', this);
window.addEventListener('context-menu-close', this);
window.addEventListener('gaia-confirm-open', this);
window.addEventListener('gaia-confirm-close', this);
/* falls through */
case 'context-menu-close':
case 'gaia-confirm-close':
window.addEventListener('scroll', this);
// We still want to toggle the appearance of the scroll bar on exit
/* falls through */
case 'scroll':
this.setAppearance(this.calculateAppearance());
break;
case 'visibilitychange':
// If the document is not hidden, set appearance based on scroll top.
if (document.hidden) {
break;
}
// Note: we always want to set statusbar transparency on
// visibilitychange, so we remove the cached appearance value.
this.appearance = null;
this.setAppearance(this.calculateAppearance());
break;
}
},
onAppReady: function() {
var grid = app.grid;
window.addEventListener('scroll', this);
grid.addEventListener('editmode-start', this);
grid.addEventListener('editmode-end', this);
window.addEventListener('context-menu-close', this);
window.addEventListener('context-menu-open', this);
window.addEventListener('gaia-confirm-open', this);
window.addEventListener('gaia-confirm-close', this);
window.addEventListener('visibilitychange', this);
this.setAppearance(APPEARANCE.SEMI_TRANSPARENT);
},
/**
* Calculate the appearance of the status bar based on scroll state.
*/
calculateAppearance: function() {
return window.scrollY > this.threshold ?
APPEARANCE.OPAQUE : APPEARANCE.SEMI_TRANSPARENT;
},
setAppearance: function(value) {
if (this.appearance === value) {
return;
}
this.appearance = value;
var meta = document.head.querySelector('meta[name="theme-color"]');
if (value == APPEARANCE.OPAQUE) {
meta.content = 'black';
} else {
meta.content = 'transparent';
}
}
};
exports.statusBar = new StatusBar();
}(window));