Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(761)

Unified Diff: ui/webui/resources/cr_elements/v1_0/network/cr_network_icon.js

Issue 1406023003: Elim cr_elements/v1_0 subdirectory (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Rebase Created 5 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: ui/webui/resources/cr_elements/v1_0/network/cr_network_icon.js
diff --git a/ui/webui/resources/cr_elements/v1_0/network/cr_network_icon.js b/ui/webui/resources/cr_elements/v1_0/network/cr_network_icon.js
deleted file mode 100644
index d6ee5537f1ae47c9d961974690a8fd8e8ba0b81a..0000000000000000000000000000000000000000
--- a/ui/webui/resources/cr_elements/v1_0/network/cr_network_icon.js
+++ /dev/null
@@ -1,294 +0,0 @@
-// Copyright 2015 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-/**
- * @fileoverview Polymer element for rendering network icons based on ONC
- * state properties.
- */
-
-/**
- * @typedef {{
- * showBadges: boolean,
- * showDisconnected: boolean,
- * strength: number
- * }}
- */
-var NetworkIconParamType;
-
-(function() {
-/** @const {string} */ var RESOURCE_IMAGE_BASE =
- 'chrome://resources/cr_elements/network/';
-
-/** @const {string} */ var RESOURCE_IMAGE_EXT = '.png';
-
-/**
- * Gets the icon type from the network type. This allows multiple types
- * (i.e. Cellular, WiMAX) to map to the same icon type (i.e. mobile).
- * @param {chrome.networkingPrivate.NetworkType} networkType
- * @return {string} The icon type: ethernet, wifi, mobile, or vpn.
- */
-function getIconTypeFromNetworkType(networkType) {
- if (!networkType || networkType == CrOnc.Type.ETHERNET)
- return 'ethernet';
- else if (networkType == CrOnc.Type.WI_FI)
- return 'wifi';
- else if (networkType == CrOnc.Type.CELLULAR)
- return 'mobile';
- else if (networkType == CrOnc.Type.WI_MAX)
- return 'mobile';
- else if (networkType == CrOnc.Type.VPN)
- return 'vpn';
-
- console.error('Unrecognized network type for icon: ' + networkType);
- return 'ethernet';
-}
-
-/**
- * Polymer class definition for 'cr-network-icon'.
- * @element cr-network-icon
- */
-Polymer({
- is: 'cr-network-icon',
-
- properties: {
- /**
- * If set, the ONC properties will be used to display the icon. This may
- * either be the complete set of NetworkProperties or the subset of
- * NetworkStateProperties.
- * @type {!CrOnc.NetworkProperties|!CrOnc.NetworkStateProperties|undefined}
- */
- networkState: {
- type: Object,
- observer: 'networkStateChanged_'
- },
-
- /**
- * If set, the ONC network type will be used to display the icon.
- * @type {?chrome.networkingPrivate.NetworkType}
- */
- networkType: {
- type: String,
- value: null,
- observer: 'networkTypeChanged_'
- },
-
- /**
- * If true, the icon is part of a list of networks and may be displayed
- * differently, e.g. the disconnected image will never be shown for
- * list items.
- */
- isListItem: {
- type: Boolean,
- value: false,
- observer: 'isListItemChanged_'
- },
-
- /** The icon type to use for the base image of the icon. */
- iconType_: {
- type: String,
- value: 'ethernet'
- },
-
- /** Set to true to show a badge for roaming networks. */
- roaming_: {
- type: Boolean,
- value: false
- },
-
- /** Set to true to show a badge for secure networks. */
- secure_: {
- type: Boolean,
- value: false
- },
-
- /** Set to the name of a technology to show show a badge. */
- technology_: {
- type: String,
- value: ''
- },
- },
-
- /**
- * Polymer networkState changed method. Updates the icon based on the
- * network state.
- * @private
- */
- networkStateChanged_: function() {
- if (!this.networkState)
- return;
-
- this.networkType = null;
- this.iconType_ = getIconTypeFromNetworkType(this.networkState.Type);
- var strength = CrOnc.getSignalStrength(this.networkState);
- var params = /** @type {NetworkIconParamType} */ {
- showBadges: true,
- showDisconnected: !this.isListItem,
- strength: strength
- };
- this.setIcon_(params);
- },
-
- /**
- * Polymer networkType changed method. Updates the icon based on the type
- * of network, showing a disconnected icon where appropriate and no badges.
- * @private
- */
- networkTypeChanged_: function() {
- if (!this.networkType)
- return;
-
- this.networkState = undefined;
- this.iconType_ = getIconTypeFromNetworkType(this.networkType);
- var params = /** @type {NetworkIconParamType} */ {
- showBadges: false,
- showDisconnected: true,
- strength: 0,
- };
- this.setIcon_(params);
- },
-
- /**
- * Polymer isListItem changed method.
- * @private
- */
- isListItemChanged_: function() {
- if (this.networkState)
- this.networkStateChanged_();
- else if (this.networkType)
- this.networkTypeChanged_();
- },
-
- /**
- * Returns the url for an image based on identifier |id|.
- * @param {string} id The identifier describing the image.
- * @return {string} The url to use for the image 'src' property.
- * @private
- */
- toImageSrc_: function(id) {
- return id ? RESOURCE_IMAGE_BASE + id + RESOURCE_IMAGE_EXT : '';
- },
-
- /**
- * Returns the url for a badge image based on identifier |id|.
- * @param {string} id The identifier describing the badge.
- * @return {string} The url to use for the badge image 'src' property.
- * @private
- */
- toBadgeImageSrc_: function(id) {
- return id ? this.toImageSrc_('badge_' + id) : '';
- },
-
- /**
- * Sets the icon and badge based on the current state and |strength|.
- * @param {!NetworkIconParamType} params Set of params describing the icon.
- * @private
- */
- setIcon_: function(params) {
- var icon = this.$.icon;
-
- var multiLevel = (this.iconType_ == 'wifi' || this.iconType_ == 'mobile');
-
- if (this.networkState && multiLevel) {
- this.setMultiLevelIcon_(params);
- } else {
- icon.classList.toggle('multi-level', multiLevel);
- icon.classList.toggle('level0', multiLevel);
- }
-
- this.setIconBadges_(params);
- },
-
- /**
- * Toggles icon classes based on strength and connecting properties.
- * |this.networkState| is expected to be specified.
- * @param {!NetworkIconParamType} params Set of params describing the icon.
- * @private
- */
- setMultiLevelIcon_: function(params) {
- // Set the strength or connecting properties.
- var networkState = this.networkState;
-
- var connectionState = networkState.ConnectionState;
- var connecting = false;
- var strength = -1;
- if (connectionState == CrOnc.ConnectionState.CONNECTING) {
- strength = 0;
- connecting = true;
- } else if (connectionState == CrOnc.ConnectionState.CONNECTED ||
- !params.showDisconnected) {
- strength = params.strength || 0;
- }
-
- var icon = this.$.icon;
- icon.classList.toggle('multi-level', true);
- icon.classList.toggle('connecting', connecting);
- icon.classList.toggle('level0', strength < 0);
- icon.classList.toggle('level1', strength >= 0 && strength <= 25);
- icon.classList.toggle('level2', strength > 25 && strength <= 50);
- icon.classList.toggle('level3', strength > 50 && strength <= 75);
- icon.classList.toggle('level4', strength > 75);
- },
-
- /**
- * Sets the icon badge visibility properties: roaming, secure, technology.
- * @param {!NetworkIconParamType} params Set of params describing the icon.
- * @private
- */
- setIconBadges_: function(params) {
- var networkState = this.networkState;
-
- var type =
- (params.showBadges && networkState) ? networkState.Type : '';
- if (type == CrOnc.Type.WI_FI) {
- this.roaming_ = false;
- var security = networkState.WiFi ? networkState.WiFi.Security : '';
- this.secure_ = !!security && security != 'None';
- this.technology_ = '';
- } else if (type == CrOnc.Type.WI_MAX) {
- this.roaming_ = false;
- this.secure_ = false;
- this.technology_ = '4g';
- } else if (type == CrOnc.Type.CELLULAR && networkState.Cellular) {
- this.roaming_ =
- networkState.Cellular.RoamingState == CrOnc.RoamingState.ROAMING;
- this.secure_ = false;
- var oncTechnology = networkState.Cellular.NetworkTechnology;
- switch (oncTechnology) {
- case CrOnc.NetworkTechnology.CDMA1XRTT:
- this.technology_ = '1x';
- break;
- case CrOnc.NetworkTechnology.EDGE:
- this.technology_ = 'edge';
- break;
- case CrOnc.NetworkTechnology.EVDO:
- this.technology_ = 'evdo';
- break;
- case CrOnc.NetworkTechnology.GPRS:
- case CrOnc.NetworkTechnology.GSM:
- this.technology_ = 'gsm';
- break;
- case CrOnc.NetworkTechnology.HSPA:
- this.technology_ = 'hspa';
- break;
- case CrOnc.NetworkTechnology.HSPA_PLUS:
- this.technology_ = 'hspa_plus';
- break;
- case CrOnc.NetworkTechnology.LTE:
- this.technology_ = 'lte';
- break;
- case CrOnc.NetworkTechnology.LTE_ADVANCED:
- this.technology_ = 'lte_advanced';
- break;
- case CrOnc.NetworkTechnology.UMTS:
- this.technology_ = '3g';
- break;
- }
- } else {
- this.roaming_ = false;
- this.secure_ = false;
- this.technology_ = '';
- }
- },
-});
-})();

Powered by Google App Engine
This is Rietveld 408576698