[NTP] Add translations for richer picker menu options

Bug: 937570
Change-Id: I529e8ed78178c3af587091b6ddc67df6e3e2e867
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1595023Reviewed-by: Gayane Petrosyan <gayane@chromium.org>
Commit-Queue: Kyle Milka <kmilka@chromium.org>
Cr-Commit-Position: refs/heads/master@{#657336}

chrome/app/generated_resources.grd

@@ -5055,6 +5055,15 @@ Keep your key file in a safe place. You will need it to create new versions of y
       <message name="IDS_NTP_CUSTOMIZE_BUTTON_LABEL" desc="The label for customize button on the New Tab Page.">
         Customize
       </message>
+      <message name="IDS_NTP_CUSTOMIZE_MENU_BACKGROUNDS_LABEL" desc="The label for the backgrounds option in the customization menu on the New Tab Page.">
+       Backgrounds
+      </message>
+      <message name="IDS_NTP_CUSTOMIZE_MENU_SHORTCUTS_LABEL" desc="The label for the shortcuts option in the customization menu on the New Tab Page.">
+        Shortcuts
+      </message>
+      <message name="IDS_NTP_CUSTOMIZE_MENU_COLORS_LABEL" desc="The label for the colors and themes option in the customization menu on the New Tab Page">
+        Colors and themes
+      </message>
 
       <!--Tooltip strings-->
       <message name="IDS_TOOLTIP_BACK" desc="The tooltip for back button">

chrome/app/generated_resources_grd/IDS_NTP_CUSTOMIZE_MENU_BACKGROUNDS_LABEL.png.sha1

+229762ef40c102558b7d537c673006431f0e7d87
\ No newline at end of file

chrome/app/generated_resources_grd/IDS_NTP_CUSTOMIZE_MENU_COLORS_LABEL.png.sha1

+229762ef40c102558b7d537c673006431f0e7d87
\ No newline at end of file

chrome/app/generated_resources_grd/IDS_NTP_CUSTOMIZE_MENU_SHORTCUTS_LABEL.png.sha1

+229762ef40c102558b7d537c673006431f0e7d87
\ No newline at end of file

chrome/browser/resources/local_ntp/local_ntp.html

@@ -182,19 +182,19 @@
         <div class="menu-option-icon-wrapper">
           <div class="menu-option-icon" id="backgrounds-icon"></div>
         </div>
-        <div class="menu-option-label" id="backgrounds-button">Backgrounds</div>
+        <div class="menu-option-label" id="backgrounds-button">$i18n{backgroundsOption}</div>
       </div>
       <div class="menu-option" tabindex="0">
         <div class="menu-option-icon-wrapper">
           <div class="menu-option-icon" id="shortcuts-icon"></div>
         </div>
-        <div class="menu-option-label" id="shortcuts-button">Shortcuts</div>
+        <div class="menu-option-label" id="shortcuts-button">$i18n{shortcutsOption}</div>
       </div>
       <div class="menu-option" tabindex="0">
         <div class="menu-option-icon-wrapper">
           <div class="menu-option-icon" id="colors-icon"></div>
         </div>
-        <div class="menu-option-label" id="colors-button">Color and themes</div>
+        <div class="menu-option-label" id="colors-button">$i18n{colorsOption}</div>
       </div>
     </div>
     <div id="menu-footer">

chrome/browser/search/local_ntp_source.cc

@@ -966,6 +966,12 @@ void LocalNtpSource::StartDataRequest(
         base::UTF16ToUTF8(l10n_util::GetStringUTF16(IDS_NTP_CUSTOM_BG_CANCEL));
     replacements["doneButton"] =
         base::UTF16ToUTF8(l10n_util::GetStringUTF16(IDS_NTP_CUSTOM_LINKS_DONE));
+    replacements["backgroundsOption"] = base::UTF16ToUTF8(
+        l10n_util::GetStringUTF16(IDS_NTP_CUSTOMIZE_MENU_BACKGROUNDS_LABEL));
+    replacements["shortcutsOption"] = base::UTF16ToUTF8(
+        l10n_util::GetStringUTF16(IDS_NTP_CUSTOMIZE_MENU_SHORTCUTS_LABEL));
+    replacements["colorsOption"] = base::UTF16ToUTF8(
+        l10n_util::GetStringUTF16(IDS_NTP_CUSTOMIZE_MENU_COLORS_LABEL));
 
     ui::ResourceBundle& bundle = ui::ResourceBundle::GetSharedInstance();
     base::StringPiece html = bundle.GetRawDataResource(IDR_LOCAL_NTP_HTML);

chrome/test/data/local_ntp/local_ntp_browsertest.html

@@ -169,19 +169,19 @@
           <div class="menu-option-icon-wrapper">
             <div class="menu-option-icon" id="backgrounds-icon"></div>
           </div>
-          <div class="menu-option-label" id="backgrounds-button">Backgrounds</div>
+          <div class="menu-option-label" id="backgrounds-button">$i18n{backgroundsOption}</div>
         </div>
         <div class="menu-option" tabindex="0">
           <div class="menu-option-icon-wrapper">
             <div class="menu-option-icon" id="shortcuts-icon"></div>
           </div>
-          <div class="menu-option-label" id="shortcuts-button">Shortcuts</div>
+          <div class="menu-option-label" id="shortcuts-button">$i18n{shortcutsOption}</div>
         </div>
         <div class="menu-option" tabindex="0">
           <div class="menu-option-icon-wrapper">
             <div class="menu-option-icon" id="colors-icon"></div>
           </div>
-          <div class="menu-option-label" id="colors-button">Color and themes</div>
+          <div class="menu-option-label" id="colors-button">$i18n{colorsOption}</div>
         </div>
       </div>
       <div id="menu-footer">