Adding client code for new Windows 10 First Run Experience

chrome/browser/resources/welcome/win10/inline/combined.js

+// Copyright 2016 The Chromium Authors. All rights reserved.

[tmartino, 2016/10/12 22:06:40]

We have a lot of dupe code between these JS files that should probably be
condensed into a common file. We definitely want to do this for things like
onContinue and onSetDefaultBrowser. I'm undecided on whether we want to do this
for the functions that contain HTML ids but it might make sense.

[Patrick Monette, 2016/10/13 21:30:05]

I tried something. What do you think now?

+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+cr.define('welcome', function() {
+  'use strict';
+
+  function injectLocalizedStrings() {
+    $('section-steps--click-edge').innerHTML =
+        loadTimeData.getString('clickEdgeText');
+    $('section-steps--select-chrome').innerHTML =
+        loadTimeData.getString('clickSelectChrome');
+    $('section-steps--right-click').innerHTML =
+        loadTimeData.getString('rightClickText');
+    $('section-steps--pin-taskbar').innerHTML =
+        loadTimeData.getString('pinInstructionText');
+  }
+
+  function toggleSections(sections, screenshotImages) {

[tmartino, 2016/10/12 22:06:40]

|screenshotImages| unused?

[Patrick Monette, 2016/10/13 21:30:05]

Good catch. Removed.

+    sections.forEach(function(section) {
+      section.classList.toggle('section--expanded');
+    });
+  }
+
+  function onSetDefaultBrowser(e) {
+    chrome.send('handleSetDefaultBrowser');
+  }
+
+  function onContinue(e) {
+    chrome.send('handleContinue');
+  }
+
+  function initialize() {
+    injectLocalizedStrings();
+
+    var sections = document.querySelectorAll('.section');
+    var screenshotImages = document.querySelectorAll('.screenshot-image');
+    sections.forEach(function(section) {
+      var sectionHeading = section.querySelector('.section-heading');
+      sectionHeading.addEventListener('click', function() {
+        toggleSections(sections, screenshotImages);
+      });
+    });
+
+    $('set-default-button').addEventListener('click', onSetDefaultBrowser);
+    $('continue-button').addEventListener('click', onContinue);
+  }
+
+  return {
+    initialize: initialize
+  };
+});
+
+document.addEventListener('DOMContentLoaded', welcome.initialize);