1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159
|
// Copyright 2013 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
cr.define('mobile', function() {
/** @enum {number} */
const NetworkState = {UNKNOWN: 0, PORTAL_REACHABLE: 1, PORTAL_UNREACHABLE: 2};
/** @enum {number} */
const StatusMessageType = {NOT_SET: 0, PORTAL_OFFLINE: 1};
function PortalImpl() {
// Mobile device information.
this.deviceInfo_ = null;
this.networkState_ = NetworkState.UNKNOWN;
this.portalFrameSet_ = false;
this.statusMessageType_ = StatusMessageType.NOT_SET;
}
/** @type {?PortalImpl} */
let instance = null;
/** @return {!PortalImpl} */
PortalImpl.getInstance = function() {
return instance || (instance = new PortalImpl());
};
PortalImpl.prototype = {
initialize() {
// Get network device info for which portal should be opened.
// For LTE networks, this will also start observing network connection
// state and raise |updatePortalReachability| messages when the portal
// reachability changes.
chrome.send('getDeviceInfo');
},
updateDeviceInfo(deviceInfo) {
this.deviceInfo_ = deviceInfo;
this.updateState_();
},
updateNetworkState(networkState) {
if (this.networkState_ === networkState) {
return;
}
this.networkState_ = networkState;
// If the device info is not yet set, the state will be updated on the
// device info update.
if (this.deviceInfo_) {
this.updateState_();
}
},
updateState_() {
if (!this.deviceInfo_ || this.networkState_ === NetworkState.UNKNOWN) {
return;
}
if (!this.isDeviceInfoValid_() ||
this.networkState_ !== NetworkState.PORTAL_REACHABLE) {
// If the device info is not valid or portal is unreachable, hide
// portalFrame and show system status displaying error message.
this.setStatusMessage_(StatusMessageType.PORTAL_OFFLINE);
$('portalFrame').hidden = true;
$('systemStatus').hidden = false;
} else {
// If the portal is reachable and device info is valid, set and show
// portalFrame; and hide system status displaying 'offline portal'
// message.
this.setPortalFrameIfNeeded_(this.deviceInfo_);
this.setStatusMessage_(StatusMessageType.NOT_SET);
$('portalFrame').hidden = false;
$('systemStatus').hidden = true;
}
},
/**
* Updates the status header and status message text content, depending on
* the requested status message type.
* @param {StatusMessageType} type The requested status message type.
* @private
*/
setStatusMessage_(type) {
// The status is already set, nothing to do.
if (type === this.statusMessageType_) {
return;
}
switch (type) {
case StatusMessageType.PORTAL_OFFLINE:
$('statusHeader').textContent =
loadTimeData.getString('view_account_error_title');
$('statusMessage').textContent =
loadTimeData.getString('view_account_error_message');
break;
case StatusMessageType.NOT_SET:
$('statusMessage').textContent = '';
$('statusHeader').textContent = '';
break;
default:
break;
}
this.statusMessageType_ = type;
},
/**
* Initilizes payment portal webview using payment URL and post data
* provided by the cellular service associated with this web UI.
* The portal webview is initilized only once, and is expected to load only
* data and web URLs - it should never load mobile setup extension URLs.
* @param {!Object} deviceInfo Information about the cellular service for
* which the portal should be loaded (the relevant information is the
* network's payment URL and POST request data).
* @private
*/
setPortalFrameIfNeeded_(deviceInfo) {
// The portal should be set only once.
if (this.portalFrameSet_) {
return;
}
webviewPost.util.postDeviceDataToWebview(
$('portalFrame'), deviceInfo.payment_url, deviceInfo.post_data);
this.portalFrameSet_ = true;
},
isDeviceInfoValid_() {
// Device info is valid if it has mdn which doesn't contain only '0's.
return this.deviceInfo_ && this.deviceInfo_.MDN &&
this.deviceInfo_.MDN.match('[^0]');
},
};
function MobileSetupPortal() {}
MobileSetupPortal.loadPage = function() {
PortalImpl.getInstance().initialize();
};
MobileSetupPortal.onGotDeviceInfo = function(deviceInfo) {
PortalImpl.getInstance().updateDeviceInfo(deviceInfo);
};
MobileSetupPortal.onConnectivityChanged = function(portalReachable) {
PortalImpl.getInstance().updateNetworkState(
portalReachable ? NetworkState.PORTAL_REACHABLE :
NetworkState.PORTAL_UNREACHABLE);
};
// Export
return {MobileSetupPortal: MobileSetupPortal};
});
document.addEventListener(
'DOMContentLoaded', mobile.MobileSetupPortal.loadPage);
|