| Index: chrome/browser/resources/plugins.js
|
| ===================================================================
|
| --- chrome/browser/resources/plugins.js (revision 0)
|
| +++ chrome/browser/resources/plugins.js (revision 0)
|
| @@ -0,0 +1,255 @@
|
| +
|
| +/**
|
| + * This variable structure is here to document the structure that the template
|
| + * expects to correctly populate the page.
|
| + */
|
| +var pluginDataFormat = {
|
| + 'plugins': [
|
| + {
|
| + 'name': 'Group Name',
|
| + 'description': 'description',
|
| + 'version': 'version',
|
| + 'update_url': 'http://update/',
|
| + 'critical': true,
|
| + 'enabled': true,
|
| + 'plugin_files': [
|
| + {
|
| + 'path': '/blahblah/blahblah/MyCrappyPlugin.plugin',
|
| + 'name': 'MyCrappyPlugin',
|
| + 'version': '1.2.3',
|
| + 'description': 'My crappy plugin',
|
| + 'mimeTypes': [
|
| + { 'description': 'Foo Media',
|
| + 'fileExtensions': [ 'foo' ],
|
| + 'mimeType': 'application/x-my-foo' },
|
| + { 'description': 'Bar Stuff',
|
| + 'fileExtensions': [ 'bar','baz' ],
|
| + 'mimeType': 'application/my-bar' }
|
| + ],
|
| + 'enabledMode': 'enabledByUser'
|
| + },
|
| + {
|
| + 'path': '/tmp/MyFirst.plugin',
|
| + 'name': 'MyFirstPlugin',
|
| + 'version': '3.14r15926',
|
| + 'description': 'My first plugin',
|
| + 'mimeTypes': [
|
| + { 'description': 'New Guy Media',
|
| + 'fileExtensions': [ 'mfp' ],
|
| + 'mimeType': 'application/x-my-first' }
|
| + ],
|
| + 'enabledMode': 'enabledByPolicy'
|
| + },
|
| + {
|
| + 'path': '/foobar/baz/YourGreatPlugin.plugin',
|
| + 'name': 'YourGreatPlugin',
|
| + 'version': '4.5',
|
| + 'description': 'Your great plugin',
|
| + 'mimeTypes': [
|
| + { 'description': 'Baz Stuff',
|
| + 'fileExtensions': [ 'baz' ],
|
| + 'mimeType': 'application/x-your-baz' }
|
| + ],
|
| + 'enabledMode': 'disabledByUser'
|
| + },
|
| + {
|
| + 'path': '/foobiz/bar/HisGreatPlugin.plugin',
|
| + 'name': 'HisGreatPlugin',
|
| + 'version': '1.2',
|
| + 'description': 'His great plugin',
|
| + 'mimeTypes': [
|
| + { 'description': 'More baz Stuff',
|
| + 'fileExtensions': [ 'bor' ],
|
| + 'mimeType': 'application/x-his-bor' }
|
| + ],
|
| + 'enabledMode': 'disabledByPolicy'
|
| + }
|
| + ]
|
| + }
|
| + ]
|
| +};
|
| +
|
| +/**
|
| + * Takes the |pluginsData| input argument which represents data about the
|
| + * currently installed/running plugins and populates the html jstemplate with
|
| + * that data. It expects an object structure like the above.
|
| + * @param {Object} pluginsData Detailed info about installed plugins
|
| + */
|
| +function renderTemplate(pluginsData) {
|
| + // This is the javascript code that processes the template:
|
| + var input = new JsEvalContext(pluginsData);
|
| + var output = document.getElementById('pluginTemplate');
|
| + jstProcess(input, output);
|
| +}
|
| +
|
| +/**
|
| + * Asks the C++ PluginsDOMHandler to get details about the installed plugins and
|
| + * return detailed data about the configuration. The PluginsDOMHandler should
|
| + * reply to returnPluginsData() (below).
|
| + */
|
| +function requestPluginsData() {
|
| + chrome.send('requestPluginsData', []);
|
| + chrome.send('getShowDetails', []);
|
| +}
|
| +
|
| +function loadShowDetailsFromPrefs(show_details) {
|
| + tmiModeExpanded = show_details;
|
| + document.getElementById('collapse').style.display =
|
| + show_details ? 'inline' : 'none';
|
| + document.getElementById('expand').style.display =
|
| + show_details ? 'none' : 'inline';
|
| +
|
| + document.body.className =
|
| + show_details ? 'showTmiMode' : 'hideTmiMode';
|
| +}
|
| +
|
| +/**
|
| + * Asks the C++ PluginsDOMHandler to show the terms of service (about:terms).
|
| + */
|
| +function showTermsOfService() {
|
| + chrome.send('showTermsOfService', []);
|
| +}
|
| +
|
| +/**
|
| + * Called by the web_ui_ to re-populate the page with data representing the
|
| + * current state of installed plugins.
|
| + */
|
| +function returnPluginsData(pluginsData){
|
| + var bodyContainer = document.getElementById('body-container');
|
| + var body = document.body;
|
| +
|
| + // Set all page content to be visible so we can measure heights.
|
| + bodyContainer.style.visibility = 'hidden';
|
| + body.className = '';
|
| + var slidables = document.getElementsByClassName('showInTmiMode');
|
| + for (var i = 0; i < slidables.length; i++)
|
| + slidables[i].style.height = 'auto';
|
| +
|
| + renderTemplate(pluginsData);
|
| +
|
| + // Add handlers to dynamically created HTML elements.
|
| + var links = document.getElementsByClassName('disable-plugin-link');
|
| + for (var i = 0; i < links.length; ++i) {
|
| + links[i].onclick = function () {
|
| + handleEnablePlugin(this, false, false);
|
| + return false;
|
| + };
|
| + }
|
| + links = document.getElementsByClassName('enable-plugin-link');
|
| + for (var i = 0; i < links.length; ++i) {
|
| + links[i].onclick = function () {
|
| + handleEnablePlugin(this, true, false);
|
| + return false;
|
| + };
|
| + }
|
| + links = document.getElementsByClassName('disable-group-link');
|
| + for (var i = 0; i < links.length; ++i) {
|
| + links[i].onclick = function () {
|
| + handleEnablePlugin(this, false, true);
|
| + return false;
|
| + };
|
| + }
|
| + links = document.getElementsByClassName('enable-group-link');
|
| + for (var i = 0; i < links.length; ++i) {
|
| + links[i].onclick = function () {
|
| + handleEnablePlugin(this, true, true);
|
| + return false;
|
| + };
|
| + }
|
| +
|
| + // Make sure the left column (with "Description:", "Location:", etc.) is the
|
| + // same size for all plugins.
|
| + var labels = document.getElementsByClassName('plugin-details-label');
|
| + var maxLabelWidth = 0;
|
| + for (var i = 0; i < labels.length; i++)
|
| + labels[i].style.width = 'auto';
|
| + for (var i = 0; i < labels.length; i++)
|
| + maxLabelWidth = Math.max(maxLabelWidth, labels[i].offsetWidth);
|
| + for (var i = 0; i < labels.length; i++)
|
| + labels[i].style.width = maxLabelWidth + 'px';
|
| +
|
| + // Explicitly set the height for each element that wants to be "slid" in and
|
| + // out when the tmiModeExpanded is toggled.
|
| + var slidables = document.getElementsByClassName('showInTmiMode');
|
| + for (var i = 0; i < slidables.length; i++)
|
| + slidables[i].style.height = slidables[i].offsetHeight + 'px';
|
| +
|
| + // Reset visibility of page based on the current tmi mode.
|
| + document.getElementById('collapse').style.display =
|
| + tmiModeExpanded ? 'inline' : 'none';
|
| + document.getElementById('expand').style.display =
|
| + tmiModeExpanded ? 'none' : 'inline';
|
| + bodyContainer.style.visibility = 'visible';
|
| + body.className = tmiModeExpanded ?
|
| + 'showTmiModeInitial' : 'hideTmiModeInitial';
|
| +}
|
| +
|
| +/**
|
| + * Handles a 'enable' or 'disable' button getting clicked.
|
| + */
|
| +function handleEnablePlugin(node, enable, isGroup) {
|
| + // Tell the C++ PluginsDOMHandler to enable/disable the plugin.
|
| + chrome.send('enablePlugin', [String(node.path), String(enable),
|
| + String(isGroup)]);
|
| +}
|
| +
|
| +// Keeps track of whether details have been made visible (expanded) or not.
|
| +var tmiModeExpanded = false;
|
| +
|
| +/*
|
| + * Toggles visibility of details.
|
| + */
|
| +function toggleTmiMode() {
|
| + tmiModeExpanded = !tmiModeExpanded;
|
| +
|
| + document.getElementById('collapse').style.display =
|
| + tmiModeExpanded ? 'inline' : 'none';
|
| + document.getElementById('expand').style.display =
|
| + tmiModeExpanded ? 'none' : 'inline';
|
| +
|
| + document.body.className =
|
| + tmiModeExpanded ? 'showTmiMode' : 'hideTmiMode';
|
| +
|
| + chrome.send('saveShowDetailsToPrefs', [String(tmiModeExpanded)]);
|
| +}
|
| +
|
| +/**
|
| + * Determines whether a plugin's version should be displayed.
|
| + */
|
| +function shouldDisplayPluginVersion(plugin) {
|
| + return !!plugin.version && plugin.version != '0';
|
| +}
|
| +
|
| +/**
|
| + * Determines whether a plugin's description should be displayed.
|
| + */
|
| +function shouldDisplayPluginDescription(plugin) {
|
| + // Only display the description if it's not blank and if it's not just the
|
| + // name, version, or combination thereof.
|
| + return plugin.description &&
|
| + plugin.description != plugin.name &&
|
| + plugin.description != plugin.version &&
|
| + plugin.description != 'Version ' + plugin.version &&
|
| + plugin.description != plugin.name + ' ' + plugin.version;
|
| +}
|
| +
|
| +/**
|
| + * Determines whether a plugin is enabled or not.
|
| + */
|
| +function isPluginEnabled(plugin) {
|
| + return plugin.enabledMode == 'enabledByUser' ||
|
| + plugin.enabledMode == 'enabledByPolicy';
|
| +}
|
| +
|
| +// Unfortunately, we don't have notifications for plugin (list) status changes
|
| +// (yet), so in the meanwhile just update regularly.
|
| +setInterval(requestPluginsData, 30000);
|
| +
|
| +// Get data and have it displayed upon loading.
|
| +document.addEventListener('DOMContentLoaded', requestPluginsData);
|
| +
|
| +// Add handlers to static HTML elements.
|
| +document.getElementById('collapse').onclick = toggleTmiMode;
|
| +document.getElementById('expand').onclick = toggleTmiMode;
|
| +document.getElementById('details-link').onclick = toggleTmiMode;
|
| +
|
|
|
| Property changes on: chrome/browser/resources/plugins.js
|
| ___________________________________________________________________
|
| Added: svn:eol-style
|
| + LF
|
|
|
|
|