scanning: Display the app title in the scan app

Bug: 1059779
Change-Id: I4a19d5434de65d96933b0a8c1843702dcd6458eb
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2468301
Commit-Queue: Jesse Schettler <jschettler@chromium.org>
Reviewed-by: Jimmy Gong <jimmyxgong@chromium.org>
Cr-Commit-Position: refs/heads/master@{#817391}

chromeos/components/scanning/resources/BUILD.gn

@@ -69,6 +69,7 @@ js_library("scanning_app") {
     ":scanning_app_util",
     ":source_select",
     "//third_party/polymer/v3_0/components-chromium/polymer:polymer_bundled",
+    "//ui/webui/resources/js:i18n_behavior.m",
   ]
 }
 

chromeos/components/scanning/resources/scanning_app.html

-<div id="header"></div>
+<h1 id="appTitle">[[i18n('appTitle')]]</h1>
 <scanner-select id="scannerSelect" scanners="[[scanners_]]" loaded="[[loaded_]]"
     settings-disabled="[[settingsDisabled_]]"
     selected-scanner-id="{{selectedScannerId}}"></scanner-select>

chromeos/components/scanning/resources/scanning_app.js

@@ -13,6 +13,7 @@ import './scanner_select.js';
 import './source_select.js';
 
 import {html, Polymer} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';
+import {I18nBehavior} from 'chrome://resources/js/i18n_behavior.m.js';
 import {getScanService} from './mojo_interface_provider.js';
 import {ScannerArr} from './scanning_app_types.js';
 import {tokenToString} from './scanning_app_util.js';
@@ -26,6 +27,8 @@ Polymer({
 
   _template: html`{__html_template__}`,
 
+  behaviors: [I18nBehavior],
+
   /** @private {?chromeos.scanning.mojom.ScanServiceInterface} */
   scanService_: null,