Create OOBE screen for Voice Interaction value proposition

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

Index: chrome/browser/resources/chromeos/login/oobe_voice_interaction_value_prop.html
diff --git a/chrome/browser/resources/chromeos/login/oobe_voice_interaction_value_prop.html b/chrome/browser/resources/chromeos/login/oobe_voice_interaction_value_prop.html
new file mode 100644
index 0000000000000000000000000000000000000000..cfc9aba1cbaac87b3e6632e6e1afb830a8e680d4
--- /dev/null
+++ b/chrome/browser/resources/chromeos/login/oobe_voice_interaction_value_prop.html
@@ -0,0 +1,27 @@
+<!-- Copyright 2017 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. -->
+
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
+
+<dom-module id="oobe-voice-interaction-value-prop-md">
+  <template>
+    <link rel="stylesheet" href="oobe_voice_interaction_value_prop.css">
+    <link rel="stylesheet" href="oobe_dialog_parameters.css">
+    <oobe-dialog id="voiceInteractionValuePropDialog" role="dialog" hide-shadow
+        has-buttons no-footer>
+      <div class = "header">
+        <webview id="valueView" src="https://www.gstatic.com/opa-chromeos/oobe/en/value_proposition.html"></webview>

[xiyuan, 2017/05/30 19:26:22]

nit: valueView -> value-id to follow existing style

[xiyuan, 2017/05/30 19:26:22]

Think we need to
- use a proper url for locales other than en;
- handle load error;
- clicking on the links inside the webview to ensure it does not become a
browser;

[xc, 2017/05/31 18:37:52]

Yue should be replacing "en" with proper locales.  But is there some conventions
to handle i18n for gstatic? currently the other team provided only language
specific directories 

[yueli, 2017/06/02 02:03:47]

How should I disable links in webview?

[yueli, 2017/06/02 02:03:47]

Done.

[xiyuan, 2017/06/02 22:12:33]

webview.addContentScripts can inject script that runs in the loaded document.
For now, we can do a simple stripping after document is loaded.

Something like:

webview.addContentScripts([
  {
    name: 'stripLinks',
    matches: ['<all_urls>'],
    js: { code:
"document.querySelectorAll('a').forEach(function(anchor){anchor.href='javascript:void(0)';})"
},
    run_at: 'document_end'
  }]);

[yueli, 2017/06/07 18:31:49]

Done.

+      </div>
+      <div class="bottom-buttons flex layout horizontal">
+        <div class="flex"></div>
+        <oobe-text-button id="noThanksButton" border on-tap="onNoThanksTap_">
+          <div i18n-content="voiceInteractionValuePropNoThanksButton"></div>
+        </oobe-text-button>
+        <oobe-text-button inverse on-tap="onContinueTap_">
+          <div i18n-content="voiceInteractionValuePropContinueButton"></div>
+        </oobe-text-button>
+      </div>
+    </oobe-dialog>
+  </template>
+</dom-module>