OOBE Eula: Toggle checkbox on clicking the text

Bug: 750060
Change-Id: Ie27b75f03835c7cf64cedea5b06f34a441b33216
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1900994Reviewed-by: Denis Kuznetsov [CET] <antrim@chromium.org>
Commit-Queue: Roman Sorokin [CET] <rsorokin@chromium.org>
Cr-Commit-Position: refs/heads/master@{#714462}

chrome/browser/resources/chromeos/login/oobe_eula.css

@@ -49,6 +49,10 @@ cr-toggle {
   margin-inline-start: 16px;
 }
 
+#usageStatsLabel {
+  cursor: pointer;
+}
+
 #settings-close-button {
   padding-inline-end: 18px;
 }

chrome/browser/resources/chromeos/login/oobe_eula.html

@@ -40,7 +40,8 @@
               on-change="onUsageChanged_" aria-labelledby="usageStatsLabel">
           </cr-toggle>
           <div id="usageStatsLabelContainer">
-            <span id="usageStatsLabel" i18n-content="checkboxLogging"></span>
+            <span id="usageStatsLabel" i18n-content="checkboxLogging"
+                on-click="usageStatsLabelClicked_"></span>
             <a id="learn-more" href="#" i18n-content="learnMore"
                 on-tap="onUsageStatsHelpLinkClicked_">
             </a>

chrome/browser/resources/chromeos/login/oobe_eula.js

@@ -200,4 +200,13 @@ Polymer({
   isPasswordEmpty_: function(password) {
     return password != null && password.length == 0;
   },
+
+  /**
+   * Switches usage stats toggle state.
+   *
+   * @private
+   */
+  usageStatsLabelClicked_: function() {
+    this.usageStatsChecked = !this.usageStatsChecked;
+  },
 });