// Copyright (c) 2012 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.
/**
* 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. Same
* expected format as returnPluginsData().
*/
function renderTemplate(pluginsData) {
// This is the javascript code that processes the template:
var input = new JsEvalContext(pluginsData);
var output = $('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;
$('collapse').style.display =
show_details ? 'inline' : 'none';
$('expand').style.display =
show_details ? 'none' : 'inline';
document.body.className = show_details ? 'show-in-tmi-mode' : 'hide-tmi-mode';
}
/**
* Called by the web_ui_ to re-populate the page with data representing the
* current state of installed plugins.
* @param {Object} pluginsData Detailed info about installed plugins. The
* template expects each plugin's format to match the following structure to
* correctly populate the page:
* {
* plugins: [
* {
* name: 'Group Name',
* description: 'description',
* version: 'version',
* update_url: 'http://update/',
* critical: true,
* enabled: true,
* identifier: 'plugin-name',
* 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'
* }
* ]
* }
* ]
* }
*/
function returnPluginsData(pluginsData) {
var bodyContainer = $('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('show-in-tmi-mode');
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;
};
}
var checkboxes = document.getElementsByClassName('always-allow');
for (var i = 0; i < checkboxes.length; i++) {
checkboxes[i].onclick = function() {
handleSetPluginAlwaysAllowed(this);
};
}
// Disable some controls for Guest in ChromeOS.
if (cr.isChromeOS)
uiAccountTweaks.UIAccountTweaks.applyGuestModeVisibility(document);
// 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('show-in-tmi-mode');
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.
$('collapse').style.display =
tmiModeExpanded ? 'inline' : 'none';
$('expand').style.display =
tmiModeExpanded ? 'none' : 'inline';
bodyContainer.style.visibility = 'visible';
body.className = tmiModeExpanded ?
'show-tmi-mode-initial' : 'hide-tmi-mode-initial';
}
/**
* Handles a 'enable' or 'disable' button getting clicked.
* @param {HTMLElement} node The HTML element for the plugin being changed.
* @param {boolean} enable Whether to enable or disable the plugin.
* @param {boolean} isGroup True if we're enabling/disabling a plugin group,
* rather than a single plugin.
*/
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;
$('collapse').style.display =
tmiModeExpanded ? 'inline' : 'none';
$('expand').style.display =
tmiModeExpanded ? 'none' : 'inline';
document.body.className =
tmiModeExpanded ? 'show-tmi-mode' : 'hide-tmi-mode';
chrome.send('saveShowDetailsToPrefs', [String(tmiModeExpanded)]);
}
function handleSetPluginAlwaysAllowed(el) {
chrome.send('setPluginAlwaysAllowed', [el.identifier, el.checked]);
}
/**
* @param {Object} plugin An object containing the information about a plugin.
* See returnPluginsData() for the format of this object.
* @return {boolean} Whether the plugin's version should be displayed.
*/
function shouldDisplayPluginVersion(plugin) {
return !!plugin.version && plugin.version != '0';
}
/**
* @param {Object} plugin An object containing the information about a plugin.
* See returnPluginsData() for the format of this object.
* @return {boolean} Whether the 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;
}
/**
* @param {Object} plugin An object containing the information about a plugin.
* See returnPluginsData() for the format of this object.
* @return {boolean} Whether the plugin is enabled.
*/
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.
$('collapse').onclick = toggleTmiMode;
$('expand').onclick = toggleTmiMode;
$('details-link').onclick = toggleTmiMode;