Publish Vulpes Preview 15 sources for desktop, Android and Tundra
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
This commit is contained in:
OverSu
parent
93e3a48004
commit
b38dea0597
25901 changed files with 9982925 additions and 369 deletions
282
gaia/tv_apps/smart-system/js/activity_window.js
Executable file
282
gaia/tv_apps/smart-system/js/activity_window.js
Executable file
|
|
@ -0,0 +1,282 @@
|
|||
/* global AppWindow, BrowserFrame, OrientationManager, focusManager */
|
||||
'use strict';
|
||||
|
||||
(function(exports) {
|
||||
/**
|
||||
* For smart screen, we use transparent background for smart settings app to
|
||||
* have a semi-transparent overlay on top of other app. And smart settings may
|
||||
* change the color settings which need to see through the smart settings app.
|
||||
* The color is applied to gecko while user change the color settings and user
|
||||
* gets the result immediately.
|
||||
*/
|
||||
const TRANSPARENT_ACTIVITY_WHITE_LIST = Object.freeze([
|
||||
/^(http|https|app)\:\/\/smart-settings\.gaiamobile\.org\//
|
||||
]);
|
||||
|
||||
var _id = 0;
|
||||
|
||||
/**
|
||||
* ActivityWindow is the wrapper for the inline activity instances.
|
||||
* For window disposition activity, they are done in AppWindow.
|
||||
*
|
||||
* ##### Flow chart
|
||||
* 
|
||||
*
|
||||
* @example
|
||||
* var app = new AppWindow({
|
||||
* url: 'http://uitest.gaiamobile.org:8080/index.html',
|
||||
* manifestURL: 'http://uitest.gaiamobile.org:8080/manifest.webapp'
|
||||
* });
|
||||
* var activity = new ActivityWindow({
|
||||
* url: 'http://gallery.gaiamobile.org:8080/pick.html',
|
||||
* manifestURL: 'http://gallery.gaiamobile.org:8080/manifest.webapp'
|
||||
* }, app);
|
||||
*
|
||||
* @class ActivityWindow
|
||||
* @param {Object} config The configuration object of this activity.
|
||||
* @param {AppWindow|ActivityWindow} caller The caller of this activity.
|
||||
*/
|
||||
/**
|
||||
* Fired when the activity window is created.
|
||||
* @event ActivityWindow#activitycreated
|
||||
*/
|
||||
/**
|
||||
* Fired when the activity window is removed.
|
||||
* @event ActivityWindow#activityterminated
|
||||
*/
|
||||
/**
|
||||
* Fired when the activity window is opening.
|
||||
* @event ActivityWindow#activityopening
|
||||
*/
|
||||
/**
|
||||
* Fired when the activity window is opened.
|
||||
* @event ActivityWindow#activityopen
|
||||
*/
|
||||
/**
|
||||
* Fired when the activity window is cloing.
|
||||
* @event ActivityWindow#activityclosing
|
||||
*/
|
||||
/**
|
||||
* Fired when the activity window is closed.
|
||||
* @event ActivityWindow#activityclose
|
||||
*/
|
||||
/**
|
||||
* Fired before the activity window is rendered.
|
||||
* @event ActivityWindow#activitywillrender
|
||||
*/
|
||||
/**
|
||||
* Fired when the activity window is rendered to the DOM tree.
|
||||
* @event ActivityWindow#activityrendered
|
||||
*/
|
||||
/**
|
||||
* Fired when the page visibility of the activity window is
|
||||
* changed to foreground.
|
||||
* @event ActivityWindow#activityforeground
|
||||
*/
|
||||
/**
|
||||
* Fired when the page visibility of the activity window is
|
||||
* changed to background.
|
||||
* @event ActivityWindow#activitybackground
|
||||
*/
|
||||
var ActivityWindow = function ActivityWindow(config, caller) {
|
||||
this.config = config;
|
||||
for (var key in config) {
|
||||
this[key] = config[key];
|
||||
}
|
||||
|
||||
if (caller) {
|
||||
caller.setFrontWindow(this);
|
||||
this.rearWindow = caller;
|
||||
if (caller.element) {
|
||||
this.containerElement = caller.element;
|
||||
}
|
||||
}
|
||||
|
||||
this.transparent = TRANSPARENT_ACTIVITY_WHITE_LIST.some(function(regex) {
|
||||
return regex.test(config.manifestURL);
|
||||
});
|
||||
|
||||
this.publish('creating');
|
||||
this.render();
|
||||
this.publish('created');
|
||||
focusManager.addUI(this);
|
||||
};
|
||||
|
||||
ActivityWindow.prototype = Object.create(AppWindow.prototype);
|
||||
|
||||
ActivityWindow.prototype.eventPrefix = 'activity';
|
||||
|
||||
ActivityWindow.prototype.CLASS_NAME = 'ActivityWindow';
|
||||
|
||||
/**
|
||||
* Turn on this flag to dump debugging messages for all activity windows.
|
||||
* @type {Boolean}
|
||||
*/
|
||||
ActivityWindow.prototype._DEBUG = false;
|
||||
|
||||
ActivityWindow.prototype.openAnimation = 'fade-in';
|
||||
ActivityWindow.prototype.closeAnimation = 'fade-out';
|
||||
|
||||
/**
|
||||
* ActivityWindow's fullscreen state is copying from the caller
|
||||
* instead of reading manifest so we just overwrite the
|
||||
* isFullScreen method of AppWindow.
|
||||
*
|
||||
* @return {Boolean} The activity window is fullscreen or not.
|
||||
*/
|
||||
ActivityWindow.prototype.isFullScreen = function acw_isFullScreen() {
|
||||
if (typeof(this._fullscreen) !== 'undefined') {
|
||||
return this._fullscreen;
|
||||
}
|
||||
|
||||
this._fullscreen = this.rearWindow ?
|
||||
this.rearWindow.isFullScreen() :
|
||||
this.manifest ?
|
||||
!!this.manifest.fullscreen :
|
||||
false;
|
||||
return this._fullscreen;
|
||||
};
|
||||
|
||||
/**
|
||||
* Lock or unlock orientation for this activity.
|
||||
*/
|
||||
ActivityWindow.prototype.lockOrientation =
|
||||
function acw_lockOrientation(noCapture) {
|
||||
if (this.isActive()) {
|
||||
var orientation1 = (this.manifest) ?
|
||||
this.manifest.orientation : null;
|
||||
var orientation2 = (this.config.manifest) ?
|
||||
this.config.manifest.orientation : null;
|
||||
var orientation3 = (this.rearWindow.manifest) ?
|
||||
this.rearWindow.manifest.orientation : null;
|
||||
var orientation4 = OrientationManager.globalOrientation;
|
||||
|
||||
var orientation = orientation1 ||
|
||||
orientation2 ||
|
||||
orientation3 ||
|
||||
orientation4;
|
||||
|
||||
if (orientation) {
|
||||
var rv = false;
|
||||
if ('lockOrientation' in screen) {
|
||||
rv = screen.lockOrientation(orientation);
|
||||
} else if ('mozLockOrientation' in screen) {
|
||||
rv = screen.mozLockOrientation(orientation);
|
||||
}
|
||||
if (rv === false) {
|
||||
console.warn('screen.mozLockOrientation() returned false for',
|
||||
this.origin, 'orientation', orientation);
|
||||
}
|
||||
} else { // If no orientation was requested, then let it rotate
|
||||
if ('unlockOrientation' in screen) {
|
||||
screen.unlockOrientation();
|
||||
} else if ('mozUnlockOrientation' in screen) {
|
||||
screen.mozUnlockOrientation();
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
ActivityWindow.prototype.view = function acw_view() {
|
||||
this.instanceID = this.CLASS_NAME + '_' + _id++;
|
||||
return '<div class="appWindow activityWindow inline-activity' +
|
||||
'" id="' + this.instanceID + '">' +
|
||||
'<div class="titlebar">' +
|
||||
' <div class="notifications-shadow"></div>' +
|
||||
'</div>' +
|
||||
'<div class="fade-overlay"></div>' +
|
||||
'<div class="browser-container">' +
|
||||
' <div class="screenshot-overlay"></div>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
};
|
||||
|
||||
ActivityWindow.SUB_COMPONENTS = {
|
||||
'transitionController': window.AppTransitionController,
|
||||
'modalDialog': window.AppModalDialog,
|
||||
'valueSelector': window.ValueSelector,
|
||||
'authDialog': window.AppAuthenticationDialog,
|
||||
'contextmenu': window.BrowserContextMenu,
|
||||
'childWindowFactory': window.ChildWindowFactory
|
||||
};
|
||||
|
||||
ActivityWindow.REGISTERED_EVENTS =
|
||||
['mozbrowserclose', 'mozbrowsererror', 'mozbrowservisibilitychange',
|
||||
'mozbrowserloadend', 'mozbrowseractivitydone', 'mozbrowserloadstart',
|
||||
'_localized'];
|
||||
|
||||
ActivityWindow.prototype._handle_mozbrowseractivitydone =
|
||||
function aw__handle_mozbrowseractivitydone() {
|
||||
this.kill();
|
||||
};
|
||||
|
||||
ActivityWindow.prototype.render = function acw_render() {
|
||||
this.publish('willrender');
|
||||
this.containerElement.insertAdjacentHTML('beforeend', this.view());
|
||||
// TODO: Use BrowserConfigHelper.
|
||||
this.browser_config = {
|
||||
parentApp: this.parentApp,
|
||||
origin: this.origin,
|
||||
url: this.url,
|
||||
name: this.name,
|
||||
manifest: this.manifest,
|
||||
manifestURL: this.manifestURL,
|
||||
window_name: 'inline' + this.instanceID,
|
||||
oop: true
|
||||
};
|
||||
this.browser = new BrowserFrame(this.browser_config);
|
||||
this.element =
|
||||
document.getElementById(this.instanceID);
|
||||
|
||||
if (this.transparent) {
|
||||
this.element.classList.add('transparent-inline-activity');
|
||||
}
|
||||
|
||||
this.browserContainer = this.element.querySelector('.browser-container');
|
||||
this.browserContainer.appendChild(this.browser.element);
|
||||
this.frame = this.element;
|
||||
this.iframe = this.browser.element;
|
||||
this.screenshotOverlay = this.element.querySelector('.screenshot-overlay');
|
||||
this.fadeOverlay = this.element.querySelector('.fade-overlay');
|
||||
|
||||
// Copy fullscreen state from caller.
|
||||
if (this.isFullScreen()) {
|
||||
this.element.classList.add('fullscreen-app');
|
||||
}
|
||||
|
||||
this._registerEvents();
|
||||
this.installSubComponents();
|
||||
this.publish('rendered');
|
||||
};
|
||||
|
||||
/**
|
||||
* ActivityWindow's default container is '#windows'.
|
||||
* However, we could dynamically change this in layout manager
|
||||
* after it recieves the activitywillrender event.
|
||||
*/
|
||||
ActivityWindow.prototype.containerElement =
|
||||
document.getElementById('windows');
|
||||
|
||||
/**
|
||||
* Bringing ourselves up. To do so we simply do
|
||||
* requestOpen() the original caller app window instance.
|
||||
* Note: this overrides AppWindow.prototype.requestOpen().
|
||||
*/
|
||||
ActivityWindow.prototype.requestOpen = function acw_requestOpen() {
|
||||
if (this.rearWindow) {
|
||||
this.rearWindow.requestOpen();
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Request to close. We don't need to reset the visibility of
|
||||
* the bottom window here so we simply close.
|
||||
* Note: this overrides AppWindow.prototype.requestClose().
|
||||
*/
|
||||
ActivityWindow.prototype.requestClose = function acw_requestOpen() {
|
||||
this.close();
|
||||
};
|
||||
|
||||
exports.ActivityWindow = ActivityWindow;
|
||||
|
||||
}(window));
|
||||
Loading…
Reference in a new issue