Allows to manually change the stored permanent country in Variations from the translate-internals d…

chrome/browser/resources/translate_internals/translate_internals.js

 // Copyright 2013 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.
 
 (function() {
   'use strict';
 
   cr.define('cr.translateInternals', function() {
 
     var detectionLogs_ = null;
@@ skipping 235 matching lines @@
         var text = formatLanguageCode(language);
         if (details['alpha_languages'].indexOf(language) != -1)
           text += ' - alpha';
         li.innerText = text;
 
         ul.appendChild(li);
       }
     }
 
     /**
-     * Addes '0's to |number| as a string. |width| is length of the string
+     * Handles the message of 'countryUpdated' from the browser.
+     *
+     * @param {Object} details the object containing the country
+     *     information.
+     */
+    function onCountryUpdated(details) {
+      var p;
+      p = $('country-override');
+
+      p.innerHTML = '';
+
+      if ('country' in details) {
+        var country = details['country'];
+
+        var tooltip = document.createElement('div');

[Alexei Svitkine (slow), 2016/04/22 17:24:59]

Nit: a tooltip is usually what appears on mouseover.

So, I was suggesting just setting it via title="" on the h2 you have in the
HTML.

See example here:

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_global_title

[hamelphi, 2016/04/22 17:39:44]

Done.

+        tooltip.textContent = (
+            'Changing this value will override the permanent country stored ' +
+            'by variations. This value is automatically updated with the ' +
+            'current country when Chrome is updated.');

[Alexei Svitkine (slow), 2016/04/22 17:24:59]

Nit: I'd change the second sentence to:

Normally, this value gets automatically updated with the a new value received
from the variations server when Chrome is updated.

[hamelphi, 2016/04/22 17:39:44]

Done.

+
+        var input = document.createElement('input');
+        input.type = 'text';
+        input.value = country;
+
+        var button = document.createElement('button');
+        button.textContent = 'update';
+        button.addEventListener('click', function() {
+          chrome.send('overrideCountry', [input.value]);
+        }, false);
+        p.appendChild(tooltip);
+        p.appendChild(input);
+        p.appendChild(document.createElement('br'));
+        p.appendChild(button);
+
+        if ('update' in details && details['update']) {
+          var div1 = document.createElement('div');
+          div1.textContent = 'Permanent stored country updated.';
+          var div2 = document.createElement('div');
+          div2.textContent = ('You will need to restart your browser ' +
+              'for the changes to take effect.');
+          p.appendChild(div1);
+          p.appendChild(div2);
+        }
+      } else {
+        p.textContent = 'Could not load country info from Variations.';
+      }
+    }
+
+    /**
+     * Adds '0's to |number| as a string. |width| is length of the string
      * including '0's.
      *
      * @param {string} number The number to be converted into a string.
      * @param {number} width The width of the returned string.
      * @return {string} The formatted string.
      */
     function padWithZeros(number, width) {
       var numberStr = number.toString();
       var restWidth = width - numberStr.length;
       if (restWidth <= 0)
@@ skipping 131 matching lines @@
       switch (message) {
         case 'languageDetectionInfoAdded':
           onLanguageDetectionInfoAdded(details);
           break;
         case 'prefsUpdated':
           onPrefsUpdated(details);
           break;
         case 'supportedLanguagesUpdated':
           onSupportedLanguagesUpdated(details);
           break;
+        case 'countryUpdated':
+          onCountryUpdated(details);
+          break;
         case 'translateErrorDetailsAdded':
           onTranslateErrorDetailsAdded(details);
           break;
         case 'translateEventDetailsAdded':
           onTranslateEventDetailsAdded(details);
           break;
         default:
           console.error('Unknown message:', message);
           break;
       }
@@ skipping 28 matching lines @@
   /**
    * The entry point of the UI.
    */
   function main() {
     cr.doc.addEventListener('DOMContentLoaded',
                             cr.translateInternals.initialize);
   }
 
   main();
 })();