Revert of [i18n] chromeos login i18n-content to $i18n{}

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

 <!-- Copyright 2016 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-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-iconset-svg/iron-iconset-svg.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-fab/paper-fab.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">
 
@@ skipping 13 matching lines @@
 </iron-iconset-svg>
 
 <!--
   Material design square button for text-labelled buttons.
   By default, text is blue, background is white.
   |inverse| makes text white on a blue background.
   Note, that content must have separate DOM node (i.e. a separate div).
 
   Example:
     <oobe-icon-button inverse>
-      <div>OK</div>
+      <div i18n-content="oobeOKButtonText"></div>
     </oobe-icon-button>
 
   Attributes:
     'disabled' - button is disabled when the attribute is set.
     'inverse' - makes text white and background blue
     'aria-label' - accessibility label.
 -->
 <dom-module id="oobe-text-button">
   <link rel="stylesheet" href="oobe_text_button.css">
   <template>
@@ skipping 19 matching lines @@
     'disabled' - button is disabled when the attribute is set.
     'aria-label' - accessibility label.
 -->
 <dom-module id="oobe-back-button">
   <link rel="stylesheet" href="oobe_nav_button.css">
   <template>
     <paper-button id="button" on-tap="onClick_" disabled="[[disabled]]"
         aria-label$="[[ariaLabel]]">
       <div class="flex horizontal layout start center">
         <iron-icon icon="oobe-buttons:arrow-back"></iron-icon>
-        <div id="text">$i18n{back}</div>
+        <div id="text" i18n-content="back"></div>
       </div>
     </paper-button>
   </template>
 </dom-module>
 
 <dom-module id="oobe-next-button">
   <link rel="stylesheet" href="oobe_nav_button.css">
   <template>
     <paper-button id="button" on-tap="onClick_" disabled="[[disabled]]">
       <div class="flex horizontal layout start center">
-        <div id="text">$i18n{next}</div>
+        <div id="text" i18n-content="next"></div>
         <iron-icon icon="oobe-buttons:arrow-forward"></iron-icon>
       </div>
     </paper-button>
   </template>
 </dom-module>
 
 <!--
   Material design button that shows an icon and displays text.
 
   Example:
     <oobe-welcome-secondary-button icon="close">
-      <div>i18n version of oobeCloseButtonText</div>
+      <div i18n-content="oobeCloseButtonText"></div>
     </oobe-welcome-secondary-button>
 
   Attributes:
     'icon' - a name of icon from material design set to show on button.
     'aria-label' - accessibility label.
 -->
 <dom-module id="oobe-welcome-secondary-button">
   <link rel="stylesheet" href="oobe_welcome_secondary_button.css">
   <template>
     <paper-button id="button" aria-label$="[[ariaLabel]]">
       <div id="container" class="flex layout vertical center self-stretch">
         <div id="subcontainer"
             class="flex layout horizontal center self-stretch">
           <iron-icon icon="[[icon]]" class="oobe-icon"></iron-icon>
           <content></content>
         </div>
       </div>
     </paper-button>
   </template>
 </dom-module>