Add content-security-policy (CSP) to chrome://flags.

chrome/browser/resources/flags.js

+/**

[Evan Stade, 2011/06/18 00:37:25]

license header

+ * This variable structure is here to document the structure that the template
+ * expects to correctly populate the page.
+ */
+var flagsExperimentsDataFormat = {
+  'flagsExperiments': [
+    {
+      'internal_name': 'Experiment ID string',
+      'name': 'Experiment Name',
+      'description': 'description',
+      /* enabled is only set if the experiment is single valued */

[Evan Stade, 2011/06/18 00:37:25]

C++ style comments (//), final punctuation

+      'enabled': true,
+      /* choices is only set if the experiment has multiple values */
+      'choices': [
+        {
+          'internal_name': 'Experiment ID string',
+          'description': 'description',
+          'selected': true
+        }
+      ]
+    }
+  ],
+  'needsRestart': false
+};
+
+/**
+ * Takes the |flagsExperimentsData| input argument which represents data about
+ * the currently available experiments and populates the html jstemplate
+ * with that data. It expects an object structure like the above.
+ * @param {Object} flagsExperimentsData Information about available experiments
+ */
+function renderTemplate(flagsExperimentsData) {
+  // This is the javascript code that processes the template:
+  var input = new JsEvalContext(flagsExperimentsData);
+  var output = document.getElementById('flagsExperimentTemplate');
+  jstProcess(input, output);
+
+  // Add handlers to dynamically created HTML elements.
+  var elements = document.getElementsByClassName('experiment-select');
+  for (var i = 0; i < elements.length; ++i) {
+    elements[i].onclick = function () {
+      handleSelectChoiceExperiment(this, this.selectedIndex);
+      return false;
+    };
+  }
+
+  elements = document.getElementsByClassName('experiment-disable-link');
+  for (var i = 0; i < elements.length; ++i) {
+    elements[i].onclick = function () {
+      handleEnableExperiment(this, false);
+      return false;
+    };
+  }
+
+  elements = document.getElementsByClassName('experiment-enable-link');
+  for (var i = 0; i < elements.length; ++i) {
+    elements[i].onclick = function () {
+      handleEnableExperiment(this, true);
+      return false;
+    };
+  }
+
+  elements = document.getElementsByClassName('experiment-restart-button');
+  for (var i = 0; i < elements.length; ++i) {
+    elements[i].onclick = restartBrowser;
+  }
+}
+
+/**
+ * Asks the C++ FlagsDOMHandler to get details about the available experiments
+ * and return detailed data about the configuration. The FlagsDOMHandler
+ * should reply to returnFlagsExperiments() (below).
+ */
+function requestFlagsExperimentsData() {
+  chrome.send('requestFlagsExperiments', []);
+}
+
+/**
+ * Asks the C++ FlagsDOMHandler to restart the browser (restoring tabs).
+ */
+function restartBrowser() {
+  chrome.send('restartBrowser', []);
+}
+
+/**
+ * Called by the WebUI to re-populate the page with data representing the
+ * current state of installed experiments.
+ */
+function returnFlagsExperiments(flagsExperimentsData){
+  var bodyContainer = document.getElementById('body-container');
+  renderTemplate(flagsExperimentsData);
+  bodyContainer.style.visibility = 'visible';
+}
+
+/**
+ * Handles a 'enable' or 'disable' button getting clicked.
+ */
+function handleEnableExperiment(node, enable) {
+  // Tell the C++ FlagsDOMHandler to enable/disable the experiment.
+  chrome.send('enableFlagsExperiment', [String(node.internal_name),
+                                       String(enable)]);
+  requestFlagsExperimentsData();
+}
+
+/**
+ * Invoked when the selection of a multi-value choice is changed to the
+ * specified index.
+ */
+function handleSelectChoiceExperiment(node, index) {
+  // Tell the C++ FlagsDOMHandler to enable the selected choice.
+  chrome.send('enableFlagsExperiment',
+              [String(node.internal_name) + "@" + index, "true"]);
+  requestFlagsExperimentsData();
+}
+
+// Get data and have it displayed upon loading.
+document.addEventListener('DOMContentLoaded', requestFlagsExperimentsData);
+