ChromeOS MD-OOBE: Add Timezone Selection screen.

chrome/browser/resources/chromeos/login/oobe_welcome.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/cr_elements/network/cr_network_icon.html">
 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_select.html">
 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
 <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">
@@ skipping 22 matching lines @@
       </g>
       <g id="add-proxy" fill="none" fill-rule="evenodd">
         <g fill="#000">
           <path d="M16 14v-3h-2v3h-3v2h3v3h2v-3h3v-2h-3z"></path>
           <path d="M8.04 15.48c-.74-.1-1.43-.33-2.06-.66-.04-.02-.07-.03-.11-.05l-.24-.15c-.09-.05-.18-.11-.27-.17-.06-.04-.11-.08-.17-.13-.11-.07-.21-.15-.31-.23-.05-.04-.09-.08-.14-.12-.1-.1-.2-.19-.3-.29l-.12-.12c-.09-.11-.19-.21-.28-.33-.04-.04-.07-.08-.1-.12-.09-.12-.18-.24-.26-.36-.03-.04-.06-.09-.09-.13-.08-.13-.15-.25-.22-.38-.03-.05-.06-.1-.08-.15-.07-.13-.13-.26-.19-.4-.02-.05-.05-.1-.07-.16-.05-.13-.1-.27-.14-.41-.02-.05-.04-.11-.06-.17-.04-.14-.07-.28-.1-.42-.02-.06-.04-.13-.05-.19-.03-.15-.05-.29-.06-.44l-.03-.18c-.02-.21-.03-.42-.03-.64 0-.5.06-.97.16-1.44l3.75 3.86v.81c0 .88.71 1.61 1.57 1.61v1.56zm3.13-5.4v-.19c0-.45-.35-.81-.78-.81h-4.7V7.47h1.57c.43 0 .78-.36.78-.81V5.05H9.6c.86 0 1.57-.73 1.57-1.61v-.33c2.06.86 3.57 2.82 3.86 5.16h-.01c0 .04.01.07.01.1h.12c.51 0 1 .07 1.47.21 0-.1 0-.21-.01-.31-.32-3.24-2.51-5.93-5.44-6.88h-.01c-.03-.01-.06-.02-.08-.03-.2-.06-.4-.11-.6-.16-.07-.01-.14-.02-.2-.04-.18-.03-.36-.06-.53-.08-.07-.01-.14-.02-.2-.02-.24-.03-.48-.04-.73-.04C4.5 1.02 1 4.63 1 9.08c0 4.45 3.5 8.06 7.82 8.06.51 0 1-.05 1.48-.14-.47-.85-.74-1.83-.74-2.87 0-1.58.61-3.01 1.61-4.05z" fill-opacity=".3"></path>
         </g>
       </g>
     </defs>
   </svg>
 </iron-iconset-svg>
+<iron-iconset-svg name="oobe-welcome-64" size="64">
+  <svg>
+    <defs>
+      <g id="timezone" fill="none" fill-rule="evenodd">
+        <path d="M0 0h64v64H0"></path>
+        <path d="M31.987 5.333C17.253 5.333 5.333 17.267 5.333 32c0 14.733 11.92 26.667 26.654 26.667 14.733 0 26.68-11.934 26.68-26.667 0-14.733-11.947-26.667-26.68-26.667zm.013 48c-11.787 0-21.333-9.546-21.333-21.333 0-11.787 9.546-21.333 21.333-21.333 11.787 0 21.333 9.546 21.333 21.333 0 11.787-9.546 21.333-21.333 21.333z" fill="#5A5A5A"></path>
+        <path fill="#5A5A5A" d="M33.333 18.667h-4v16l13.987 8.4 2.013-3.28-12-7.12"></path>
+      </g>
+    </defs>
+  </svg>
+</iron-iconset-svg>
 
 <dom-module name="oobe-welcome-md">
   <template>
     <link rel="stylesheet" href="oobe_dialog_host.css">
     <link rel="stylesheet" href="oobe_welcome.css">
     <link rel="stylesheet" href="oobe_dialog_parameters.css">
     <oobe-welcome-dialog id="welcomeScreen" hidden="[[!welcomeScreenShown]]"
         current-language="[[currentLanguage]]"
         on-language-button-clicked="onWelcomeSelectLanguageButtonClicked_"
         on-accessibility-button-clicked="onWelcomeAccessibilityButtonClicked_"
-        on-next-button-clicked="onWelcomeNextButtonClicked_">
+        on-timezone-button-clicked="onWelcomeTimezoneButtonClicked_"
+        on-next-button-clicked="onWelcomeNextButtonClicked_"
+        timezone-button-visible="[[isTimezoneButtonVisible_(highlightStrength)]]"
+        >
     </oobe-welcome-dialog>
     <oobe-dialog id="languageScreen" hidden="[[!languageSelectionScreenShown]]"
        has-buttons>
       <iron-icon icon="icons:language" class="oobe-icon"></iron-icon>
       <div class="header">
         <h1 class="title" i18n-content="languageSectionTitle"></h1>
       </div>
       <div class="footer layout vertical">
         <template is="dom-if" if="[[enabled]]">
           <div id="languageDropdownContainer"
@@ skipping 77 matching lines @@
           <span class="unchecked-value" i18n-content="virtualKeyboardOptionOff">
           </span>
         </oobe-a11y-option>
       </div>
       <div class="bottom-buttons layout horizontal end-justified">
         <oobe-text-button inverse on-tap="closeAccessibilitySection_">
           <div i18n-content="oobeOKButtonText"></div>
         </oobe-text-button>
       </div>
     </oobe-dialog>
+    <oobe-dialog id="timezoneScreen" hidden="[[!timezoneScreenShown]]"
+       has-buttons>
+      <iron-icon icon="oobe-welcome-64:timezone" class="oobe-icon"></iron-icon>
+      <div class="header">
+        <h1 class="title" i18n-content="timezoneSectionTitle"></h1>
+      </div>
+      <div class="footer layout vertical">
+        <div class="flex layout horizontal justified timezone-selection-entry">
+          <div class="timezone-selection-title layout vertical center-justified"
+              i18n-content="timezoneDropdownTitle">
+          </div>
+          <oobe-i18n-dropdown id="timezoneSelect" items="[[timezones]]"
+              on-select-item="onTimezoneSelected_"
+              label="$i18n{timezoneDropdownTitle}">
+          </oobe-i18n-dropdown>
+        </div>
+      </div>
+      <div class="bottom-buttons layout horizontal end-justified">
+        <oobe-text-button inverse on-tap="closeTimezoneSection_">
+          <div i18n-content="oobeOKButtonText"></div>
+        </oobe-text-button>
+      </div>
+    </oobe-dialog>
     <oobe-dialog id="networkSelectionScreen"
         hidden="[[!networkSelectionScreenShown]]" has-buttons>
       <iron-icon icon="oobe-welcome:wifi" class="oobe-icon"></iron-icon>
       <div class="header">
         <h1 class="title" i18n-content="networkSectionTitle"></h1>
         <div class="subtitle" i18n-content="networkSectionHint"></div>
       </div>
       <div class="footer layout vertical">
         <cr-network-select id="networkSelect"
             on-network-connected="onNetworkConnected_"
             on-network-item-selected="onNetworkListNetworkItemSelected_"
             on-custom-item-selected="onNetworkListCustomItemSelected_"
             custom-items="[[_getNetworkCustomItems()]]"
             max-height="307">
         </cr-network-select>
       </div>
       <div class="bottom-buttons layout horizontal start-justified">
         <oobe-back-button on-tap="onNetworkSelectionBackButtonPressed_">
         </oobe-back-button>
       </div>
     </oobe-dialog>
   </template>
 </dom-module>