[oobe] Remove last bits of i18n-values usage in polymer elements

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

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

@@ -89,7 +89,9 @@
               class="flex layout vertical center center-justified">
             <img srcset="images/1x/enrollment_error_illustration.svg 1x,
                     images/2x/enrollment_error_illustration.svg 2x"
-                 i18n-values="alt:enrollmentErrorIllustrationTitle">
+                alt$="[[i18nDynamic(locale,
+                    'enrollmentErrorIllustrationTitle')]]"
+                class="oobe-illustration">
           </div>
           <div slot="bottom-buttons" class="layout horizontal end-justified">
             <!-- BOTTOM BUTTONS: GENERIC ERROR -->
@@ -158,7 +160,8 @@
           <div slot="footer" class="flex layout vertical center end-justified">
             <img srcset="images/enrollment_success_illustration_1x.png 1x,
                     images/enrollment_success_illustration_2x.png 2x"
-                 i18n-values="alt:enrollmentSuccessIllustrationTitle"
+                 alt$="[[i18nDynamic(locale,
+                    'enrollmentSuccessIllustrationTitle')]]"
                  class="oobe-illustration">
           </div>
           <div slot="bottom-buttons" class="layout horizontal end-justified">

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

@@ -43,16 +43,17 @@
     <div class="fit layout horizontal center">
       <gaia-icon-button id="backButton" icon="navigation-bar:arrow-back"
           hidden="[[!backVisible]]" disabled="[[disabled]]" on-tap="onBack_"
-          i18n-values="aria-label:backButton">
+          aria-label$="[[i18nDynamic(locale, 'backButton')]]">
       </gaia-icon-button>
       <div class="flex"></div>
       <gaia-icon-button id="refreshButton" icon="navigation-bar:refresh"
           hidden="[[!refreshVisible]]" disabled="[[disabled]]"
-          on-tap="onRefresh_" i18n-values="aria-label:closeButton">
+          on-tap="onRefresh_"
+          aria-label$="[[i18nDynamic(locale, 'closeButton')]]">
       </gaia-icon-button>
       <gaia-icon-button id="closeButton" icon="cr:close"
           hidden="[[!closeVisible]]" disabled="[[disabled]]" on-tap="onClose_"
-          i18n-values="aria-label:closeButton">
+          aria-label$="[[i18nDynamic(locale, 'closeButton')]]">
       </gaia-icon-button>
     </div>
   </template>

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

@@ -5,6 +5,8 @@
 Polymer({
   is: 'navigation-bar',
 
+  behaviors: [OobeI18nBehavior],
+
   properties: {
     backVisible: {type: Boolean, value: false},
     closeVisible: {type: Boolean, value: false},

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

@@ -31,7 +31,7 @@
       <div slot="footer" class="flex layout vertical">
         <webview id="crosEulaFrame" allowTransparency
             role="document" class="flex oobe-tos-webview"
-            i18n-values="aria-label:oobeEulaIframeLabel"
+            aria-label$="[[i18nDynamic(locale, 'oobeEulaIframeLabel')]]"
             on-contentload="onFrameLoad_">
         </webview>
         <div id="footer-more" class="layout vertical">

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

@@ -14,8 +14,8 @@
     <link rel="stylesheet" href="oobe_reset.css">
     <oobe-dialog id="resetDialog" role="dialog"
         title-key="resetWarningTitle"
-        i18n-values="aria-label:resetScreenAccessibleTitle" has-buttons
-        footer-shrinkable>
+        aria-label$="[[i18nDynamic(locale, 'resetScreenAccessibleTitle')]]"
+        has-buttons footer-shrinkable>
       <hd-iron-icon slot="oobe-icon"
           icon1x="oobe-32:alert" icon2x="oobe-64:alert">
       </hd-iron-icon>
@@ -54,7 +54,7 @@
         <!-- Reset screen illustration -->
         <img id="illustration" srcset="images/1x/reset_illustration_1x.svg 1x,
                                        images/2x/reset_illustration_2x.svg 2x"
-            i18n-values="alt:resetScreenIllustrationTitle">
+            alt$="[[i18nDynamic(locale, 'resetScreenIllustrationTitle')]]">
         <!-- TPM Update - Only shown during powerwash state -->
         <div id="tpmFirmwareUpdate" class="layout horizontal"
             hidden="[[!inPowerwashState_]]">