chrome/browser/resources/welcome/win10/sectioned.html - Issue 2401853005: Adding client code for new Windows 10 First Run Experience

Unified Diff: chrome/browser/resources/welcome/win10/sectioned.html

Issue 2401853005: Adding client code for new Windows 10 First Run Experience (Closed)

Patch Set: Using Polymer dom-bind Created 4 years, 2 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

« chrome/browser/resources/welcome/win10/sectioned.css ('K') | « chrome/browser/resources/welcome/win10/sectioned.css ('k') | chrome/browser/resources/welcome/win10/sectioned.js » ('j') | chrome/browser/ui/webui/chrome_web_ui_controller_factory.cc » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: chrome/browser/resources/welcome/win10/sectioned.html

diff --git a/chrome/browser/resources/welcome/win10/sectioned.html b/chrome/browser/resources/welcome/win10/sectioned.html

new file mode 100644

index 0000000000000000000000000000000000000000..4af089bc4cfbb99b2885b45ab0c11e927f0f4751

--- /dev/null

+++ b/chrome/browser/resources/welcome/win10/sectioned.html

@@ -0,0 +1,85 @@

+<!DOCTYPE html>

+<html>

+<head>

+ <title>$i18n{headerText}</title>

+ <link rel="import" href="chrome://resources/cr_elements/icons.html">

+ <link rel="import" href="chrome://resources/html/cr.html">

+ <link rel="import" href="chrome://resources/html/polymer.html">

+ <link rel="import" href="chrome://resources/html/util.html">

+ <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">

+ <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html">

+ <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">

+ <link rel="stylesheet" href="/welcome.css">

+ <script src="/welcome.js"></script>

+</head>

+<body>

+ <template is="dom-bind" id="sectioned-app">

+ <div class="content">

+ <div class="text">

+ <div class="header-logo"></div>

+ <div class="heading">$i18n{headerText}</div>

+ <div class="sections">

+ <div class$="[[computeClasses(isCombined)]]">

+ <div class="section-heading" on-tap="onToggle">

+ <div class="section-heading-text">

+ $i18n{defaultBrowserSubheaderText}

+ </div>

+ <template is="dom-if" if="[[isCombined]]">

+ <iron-icon class="section-heading-expand" icon="cr:expand-more">

+ </iron-icon>

+ </template>

+ </div>

+ <ol class="section-steps">

+ <li>

+ <a href="#" on-tap="onOpenSettings">$i18n{openSettingsText}</a>

+ </li>

+ <li>$i18nRaw{clickEdgeText}</li>

+ <li>$i18nRaw{clickSelectChrome}</li>

+ </ol>

+ </div>

+ <template is="dom-if" if="[[isCombined]]">

+ <div class="section expandable">

+ <div class="section-heading" on-tap="onToggle">

+ <div class="section-heading-text">$i18n{pinSubheaderText}</div>

+ <iron-icon class="section-heading-expand" icon="cr:expand-more">

+ </iron-icon>

+ </div>

+ <ol class="section-steps">

+ <li>$i18nRaw{rightClickText}</li>

+ <li>$i18nRaw{pinInstructionText}</li>

+ </ol>

+ </div>

+ </template>

+ </div>

+ <a href="#" class="button" on-tap="onContinue">$i18n{continueText}</a>

+ </div>

+ <div class="bg">

+ <div class="screenshots">

+ <div class="screenshot-image" id="screenshot-image--default">

+ <div class="screenshot-html-overlay"

+ id="screenshot-html-overlay--browser">

+ <div>$i18n{webBrowserLabel}</div>

+ </div>

+ <div class="screenshot-html-overlay"

+ id="screenshot-html-overlay--edge">

+ <div>$i18n{microsoftEdgeLabel}</div>

+ </div>

+ <div class="screenshot-image hidden" id="screenshot-image--taskbar">

+ <div class="screenshot-html-overlay"

+ id="screenshot-html-overlay--taskbar">

+ <div>$i18n{pinToTaskbarLabel}</div>

+ </div>

+ <div class="screenshot-html-overlay"

+ id="screenshot-html-overlay--icon">

+ </div>

+ </template>

+</body>

+</html>