Implemented new channel switcher UI.

chrome/browser/resources/help/channel_change_page.html

Index: chrome/browser/resources/help/channel_change_page.html
diff --git a/chrome/browser/resources/help/channel_change_page.html b/chrome/browser/resources/help/channel_change_page.html
new file mode 100644
index 0000000000000000000000000000000000000000..0b4de9fbb844dde54e310985d47e4c091e51d90f
--- /dev/null
+++ b/chrome/browser/resources/help/channel_change_page.html
@@ -0,0 +1,54 @@
+<div id="channel-change-page" class="page">
+  <div class="close-button"></div>
+  <h1 i18n-content="channelChangePageTitle"></h1>
+  <div class="content-area">
+    <div class="channel-change-page-channel">
+      <input id="channel-change-page-stable-optiop"
+          type="radio" name="channel" value="stable-channel">
+      <label for="channel-change-page-stable-optiop" i18n-content="stable">
+      </label>
+    </div>
+    <div class="channel-change-page-channel">
+      <input id="channel-change-page-beta-option"
+          type="radio" name="channel" value="beta-channel">
+      <label for="channel-change-page-beta-option" i18n-content="beta"></label>
+    </div>
+    <div class="channel-change-page-channel">
+      <input id="channel-change-page-dev-option"
+          type="radio" name="channel" value="dev-channel">
+      <label for="channel-change-page-dev-option" i18n-content="dev"></label>
+    </div>
+  </div>
+  <div class="content-area">
+    <div class="show-when-selected-channel-requires-powerwash">
+      <h2 i18n-content="channelChangePagePowerwashTitle"></h2>
+      <div i18n-content="channelChangePagePowerwashMessage"></div>
+    </div>
+    <div class="show-when-selected-channel-requires-delayed-update">
+      <h2 i18n-content="channelChangePageDelayedChangeTitle"></h2>
+      <div i18n-content="channelChangePageDelayedChangeMessage"></div>
+    </div>
+    <div class="show-when-selected-channel-unstable">
+      <h2 i18n-content="channelChangePageUnstableTitle"></h2>
+      <div i18n-content="channelChangePageUnstableMessage"></div>
+    </div>
+  </div>
+  <div class="action-area">
+    <div class="button-strip">
+      <button id="channel-change-page-powerwash-button"
+          class="show-when-selected-channel-requires-powerwash"
+          i18n-content="channelChangePagePowerwashButton">
+      </button>
+      <button id="channel-change-page-change-button"
+          class="show-when-selected-channel-requires-delayed-update
+                 show-when-selected-channel-good
+                 show-when-selected-channel-unstable"
+          i18n-content="channelChangePageChangeButton">
+      </button>
+      <button id="channel-change-page-cancel-button"
+          class="default-button"
+          i18n-content="channelChangePageCancelButton">
+      </button>
+    </div>
+  </div>
+</div>