retry 136193 - convert localStrings to loadTimeData for options page

chrome/browser/resources/chromeos/keyboard_overlay.js

 // Copyright (c) 2012 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.
 
 <include src="keyboard_overlay_data.js"/>
 <include src="keyboard_overlay_accessibility_helper.js"/>
 
 var BASE_KEYBOARD = {
   top: 0,
   left: 0,
@@ skipping 278 matching lines @@
     }
   }
   return chars.join(' ');
 }
 
 /**
  * Updates the whole keyboard.
  * @param {Array} modifiers Key Modifier list.
  */
 function update(modifiers) {
-  var instructions = document.getElementById('instructions');
+  var instructions = $('instructions');
   if (modifiers.length == 0) {
     instructions.style.visibility = 'visible';
   } else {
     instructions.style.visibility = 'hidden';
   }
 
   var keyboardGlyphData = getKeyboardGlyphData();
   var shortcutData = getShortcutData();
   var layout = getLayouts()[keyboardGlyphData.layoutName];
   for (var i = 0; i < layout.length; ++i) {
     var identifier = remapIdentifier(layout[i][0]);
     var keyData = keyboardGlyphData.keys[identifier];
     var classes = getKeyClasses(identifier, modifiers, keyData);
     var keyLabel = getKeyLabel(keyData, modifiers);
     var shortcutId = shortcutData[getAction(keyLabel, modifiers)];
     if (modifiers.length == 1 && modifiers[0] == 'SHIFT' &&
         identifier == '2A') {
       // Currently there is no way to identify whether the left shift or the
       // right shift is preesed from the key event, so I assume the left shift
       // key is pressed here and do not show keyboard shortcut description for
       // 'Shift - Shift' (Toggle caps lock) on the left shift key, the
       // identifier of which is '2A'.
       // TODO(mazda): Remove this workaround (http://crosbug.com/18047)
       shortcutId = null;
     }
     if (shortcutId) {
       classes.push('is-shortcut');
     }
 
-    var key = document.getElementById(keyId(identifier, i));
+    var key = $(keyId(identifier, i));
     key.className = classes.join(' ');
 
     if (!keyData) {
       continue;
     }
 
-    var keyText = document.getElementById(keyTextId(identifier, i));
+    var keyText = $(keyTextId(identifier, i));
     var keyTextValue = getKeyTextValue(keyData);
     if (keyTextValue) {
        keyText.style.visibility = 'visible';
     } else {
        keyText.style.visibility = 'hidden';
     }
     keyText.textContent = keyTextValue;
 
-    var shortcutText = document.getElementById(shortcutTextId(identifier, i));
+    var shortcutText = $(shortcutTextId(identifier, i));
     if (shortcutId) {
       shortcutText.style.visibility = 'visible';
-      shortcutText.textContent = templateData[shortcutId];
+      shortcutText.textContent = loadTimeData.getString('shortcutId');
     } else {
       shortcutText.style.visibility = 'hidden';
     }
 
     if (keyData.format) {
       var format = keyData.format;
       if (format == 'left' || format == 'right') {
         shortcutText.style.textAlign = format;
         keyText.style.textAlign = format;
       }
@@ skipping 84 matching lines @@
   instructions.style.top = ((BASE_INSTRUCTIONS.top - BASE_KEYBOARD.top) *
                             height / BASE_KEYBOARD.height + minY) + 'px';
   instructions.style.width = (width * BASE_INSTRUCTIONS.width /
                               BASE_KEYBOARD.width) + 'px';
   instructions.style.height = (height * BASE_INSTRUCTIONS.height /
                                BASE_KEYBOARD.height) + 'px';
 
   var instructionsText = document.createElement('div');
   instructionsText.id = 'instructions-text';
   instructionsText.className = 'keyboard-overlay-instructions-text';
-  instructionsText.innerHTML = templateData.keyboardOverlayInstructions;
+  instructionsText.innerHTML =
+      loadTimeData.getString('keyboardOverlayInstructions');
   instructions.appendChild(instructionsText);
   var instructionsHideText = document.createElement('div');
   instructionsHideText.id = 'instructions-hide-text';
   instructionsHideText.className = 'keyboard-overlay-instructions-hide-text';
-  instructionsHideText.innerHTML = templateData.keyboardOverlayInstructionsHide;
+  instructionsHideText.innerHTML =
+      loadTimeData.getString('keyboardOverlayInstructionsHide');
   instructions.appendChild(instructionsHideText);
   var learnMoreLinkText = document.createElement('div');
   learnMoreLinkText.id = 'learn-more-text';
   learnMoreLinkText.className = 'keyboard-overlay-learn-more-text';
   learnMoreLinkText.addEventListener('click', learnMoreClicked);
   var learnMoreLinkAnchor = document.createElement('a');
-  learnMoreLinkAnchor.href = templateData.keyboardOverlayLearnMoreURL;
-  learnMoreLinkAnchor.textContent = templateData.keyboardOverlayLearnMore;
+  learnMoreLinkAnchor.href =
+      loadTimeData.getString('keyboardOverlayLearnMoreURL');
+  learnMoreLinkAnchor.textContent =
+      loadTimeData.getString('keyboardOverlayLearnMore');
   learnMoreLinkText.appendChild(learnMoreLinkAnchor);
   instructions.appendChild(learnMoreLinkText);
   keyboard.appendChild(instructions);
 }
 
 /**
  * A callback function for the onload event of the body element.
  */
 function init() {
   document.addEventListener('keydown', handleKeyEvent);
@@ skipping 50 matching lines @@
  * Handles click events of the learn more link.
  * @param {Event} e Mouse click event.
  */
 function learnMoreClicked(e) {
   chrome.send('openLearnMorePage');
   chrome.send('DialogClose');
   e.preventDefault();
 }
 
 document.addEventListener('DOMContentLoaded', init);