blob: 7883666f8ca43b9ea2ebfe81b73809b045bbd81d [file] [log] [blame]
<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
<link rel="import" href="chrome://resources/html/i18n_behavior.html">
<link rel="import" href="chrome://resources/html/assert.html">
<link rel="import" href="chrome://resources/html/i18n_behavior.html">
<link rel="import" href="chrome://resources/cr_components/chromeos/quick_unlock/setup_pin_keyboard.html">
<link rel="import" href="chrome://resources/cr_elements/cr_input/cr_input.html">
<dom-module id="discover-pin-setup-card">
<template>
<discover-card on-click="onClick_">
<if expr="chromeos and _google_chrome">
<div slot=background>
<div style="background: lightgreen; width: 100%; height: 100%;"></div>
</div>
</if>
<div slot="title">
[[i18nDynamic(locale, 'discoverPinSetup')]]
</div>
</discover-card>
</template>
</dom-module>
<iron-iconset-svg name="discover-pin-setup-32" size="32">
<svg>
<defs>
<g id="lock">
<defs>
<path id="a" d="M24 12h-1.333V9.333A6.67 6.67 0 0 0 16 2.667a6.67 6.67 0 0 0-6.667 6.666V12H8a2.675 2.675 0 0 0-2.667 2.667V28c0 1.467 1.2 2.667 2.667 2.667h16c1.467 0 2.667-1.2 2.667-2.667V14.667C26.667 13.2 25.467 12 24 12zM12 9.333c0-2.213 1.787-4 4-4s4 1.787 4 4V12h-8V9.333zM24 28H8V14.667h16V28zm-8-4c1.467 0 2.667-1.2 2.667-2.667 0-1.466-1.2-2.666-2.667-2.666a2.675 2.675 0 0 0-2.667 2.666C13.333 22.8 14.533 24 16 24z">
</path>
</defs>
<g fill="none" fill-rule="evenodd">
<use fill="#1A73E8" fill-rule="nonzero" xlink:href="#a"></use>
<path d="M0 0h32v32H0z"></path>
</g>
</g>
</defs>
</svg>
</iron-iconset-svg>
<iron-iconset-svg name="discover-pin-setup-64" size="64">
<svg>
<defs>
<g id="lock">
<defs>
<path id="a" d="M48 24h-2.667v-5.333c0-7.36-5.973-13.334-13.333-13.334s-13.333 5.974-13.333 13.334V24H16c-2.933 0-5.333 2.4-5.333 5.333V56c0 2.933 2.4 5.333 5.333 5.333h32c2.933 0 5.333-2.4 5.333-5.333V29.333C53.333 26.4 50.933 24 48 24zm-24-5.333c0-4.427 3.573-8 8-8s8 3.573 8 8V24H24v-5.333zM48 56H16V29.333h32V56zm-16-8c2.933 0 5.333-2.4 5.333-5.333 0-2.934-2.4-5.334-5.333-5.334-2.933 0-5.333 2.4-5.333 5.334C26.667 45.6 29.067 48 32 48z"></path>
</defs>
<g fill="none" fill-rule="evenodd">
<use fill="#1A73E8" fill-rule="nonzero" xlink:href="#a"></use>
<path d="M0 0h64v64H0z"></path>
</g>
</g>
</defs>
</svg>
</iron-iconset-svg>
<dom-module id="discover-pin-setup-module">
<template>
<link rel="stylesheet" href="../../oobe_dialog_host.css">
<style include="iron-flex iron-flex-alignment iron-positioning
cr-shared-style">
</style>
<style include="settings-shared"></style>
<link rel="stylesheet" href="discover_module_pin_setup.css">
<oobe-dialog id="loading" role="dialog" no-header no-footer-padding
hidden="[[isStepHidden_(step_, 'loading')]]">
<div slot="footer" class="flex layout vertical center center-justified">
<throbber-notice text="Please wait">
</throbber-notice>
</div>
</oobe-dialog>
<oobe-dialog role="dialog" has-buttons on-keypress="onKeypress_"
hidden="[[isStepHidden_(step_, 'password')]]">
<hd-iron-icon slot="oobe-icon" icon1x="discover-pin-setup-32:lock"
icon2x="discover-pin-setup-64:lock">
</hd-iron-icon>
<h1 slot="title">
[[i18nDynamic(locale, 'discoverPinSetupPasswordTitle')]]
</h1>
<div slot="subtitle">
[[i18nDynamic(locale, 'discoverPinSetupPasswordSubTitle')]]
</div>
<div slot="footer" class="flex layout horizontal">
<cr-input id="passwordInput" type="password"
placeholder="[[i18nDynamic(locale, 'passwordPromptPasswordLabel')]]"
error-message="[[i18nDynamic(locale,
'passwordPromptInvalidPassword')]]"
invalid="[[passwordInvalid_]]"
value="{{password_}}"
aria-disabled="false"
class="focus-on-show">
</cr-input>
</div>
<div slot="bottom-buttons" class="flex layout horizontal end-justified">
<oobe-text-button on-tap="onSkipButton_">
<div>[[i18nDynamic(locale, 'discoverPinSetupSkip')]]</div>
</oobe-text-button>
<oobe-next-button inverse disabled="[[!password_]]"
on-tap="onPasswordSubmitButton_">
<div>[[i18nDynamic(locale, 'next')]]</div>
</oobe-next-button>
</div>
</oobe-dialog>
<oobe-dialog id="setup" role="dialog" has-buttons
hidden="[[isPinSetupHidden_(step_)]]">
<hd-iron-icon slot="oobe-icon" icon1x="discover-pin-setup-32:lock"
icon2x="discover-pin-setup-64:lock">
</hd-iron-icon>
<h1 slot="title" hidden="[[isStepHidden_(step_, 'start')]]">
[[i18nDynamic(locale, 'discoverPinSetupTitle1')]]
</h1>
<h1 slot="title" hidden="[[isStepHidden_(step_, 'confirm')]]">
[[i18nDynamic(locale, 'discoverPinSetupTitle2')]]
</h1>
<h1 slot="title" hidden="[[isStepHidden_(step_, 'done')]]">
[[i18nDynamic(locale, 'discoverPinSetupTitle3')]]
</h1>
<div slot="subtitle" hidden="[[isStepHidden_(step_, 'start')]]">
[[i18nDynamic(locale, 'discoverPinSetupSubtitle1')]]
</div>
<div slot="subtitle" hidden="[[isStepHidden_(step_, 'done')]]">
[[i18nDynamic(locale, 'discoverPinSetupSubtitle3')]]<BR>
</div>
<div slot="footer" class="flex layout horizontal center-justified">
<setup-pin-keyboard id="pinKeyboard"
hidden="[[!isStepHidden_(step_, 'done')]]"
enable-submit="{{enableSubmit_}}"
is-confirm-step="{{isConfirmStep_}}"
on-pin-submit="onPinSubmit_"
on-set-pin-done="onSetPinDone_"
set-modes="{{setModes}}"
quick-unlock-private="[[quickUnlockPrivate_]]"
write-uma="[[writeUma_]]"
class="focus-on-show">
</setup-pin-keyboard>
<img id="done-illustration" hidden="[[isStepHidden_(step_, 'done')]]"
srcset="images/pin_illustration_1x.svg 1x,
images/pin_illustration_2x.svg 2x">
</div>
<div slot="bottom-buttons" class="flex layout horizontal end-justified">
<oobe-text-button id="setupSkipButton" on-tap="onSkipButton_"
hidden="[[!isStepHidden_(step_, 'done')]]">
<div>[[i18nDynamic(locale, 'discoverPinSetupSkip')]]</div>
</oobe-text-button>
<oobe-next-button inverse
disabled="[[isNextDisabled_(step_, enableSubmit_)]]"
on-tap="onNextButton_" class="focus-on-show"
hidden="[[!isStepHidden_(step_, 'done')]]">
<div>[[i18nDynamic(locale, 'next')]]</div>
</oobe-next-button>
<oobe-text-button inverse on-tap="onDoneButton_" class="focus-on-show"
hidden="[[isStepHidden_(step_, 'done')]]">
<div>[[i18nDynamic(locale, 'discoverPinSetupDone')]]</div>
</oobe-next-button>
</div>
</oobe-dialog>
</template>
</dom-module>