blob: 1f05a0221ccd85260270995da73287b2727b8601 [file] [log] [blame]
<link rel="import" href="chrome://md-user-manager/profile_browser_proxy.html">
<link rel="import" href="chrome://resources/html/action_link.html">
<link rel="import" href="chrome://resources/html/cr.html">
<link rel="import" href="chrome://resources/html/web_ui_listener_behavior.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/paper-button/paper-button.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spinner.html">
<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
<dom-module id="create-profile">
<link rel="import" type="css"
href="chrome://md-user-manager/create_profile.css">
<link rel="import" type="css" href="chrome://resources/css/action_link.css">
<template>
<div class="container">
<div id="title-bar" i18n-content="createProfileTitle"></div>
<paper-input id="nameInput" value="{{profileName_}}" pattern=".*\S.*"
auto-validate>
</paper-input>
<div id="icons">
<div id="wrapper">
<template is="dom-repeat" items="[[availableIconUrls_]]">
<paper-button toggles on-tap="onIconTap_" data-icon-url$="[[item]]"
active="{{isActiveIcon_(item, profileIconUrl_)}}">
<img src="[[item]]">
</paper-button>
</template>
</div>
</div>
<div id="createSupervisedContainer">
<template is="dom-if" if="[[signedIn_]]">
<paper-checkbox checked="{{isSupervised_}}"
disabled="{{supervisedUserCheckboxDisabled_}}">
<span i18n-content="manageProfilesSupervisedSignedInLabel"></span>
</paper-checkbox>
<paper-dropdown-menu no-label-float>
<paper-menu selected="{{selectedEmail_}}" class="dropdown-content">
<template is="dom-repeat" items="[[signedInUsers_]]">
<paper-item>[[item.username]]</paper-item>
</template>
</paper-menu>
</paper-dropdown-menu>
<a id="learnMore" is="action-link" i18n-content="learnMore"
on-tap="onLearnMoreTap_"></a>
</template>
<span id="create-profile-supervised-not-signed-in"
i18n-values=".innerHTML:manageProfilesSupervisedNotSignedIn"
hidden="{{signedIn_}}">
</span>
<div id="messageBubble" inner-h-t-m-l="{{message_}}"></div>
</div>
<div id="actions" class="layout horizontal end-justified">
<paper-spinner active="[[createInProgress_]]"></paper-spinner>
<paper-button id="cancel" on-tap="onCancelTap_" i18n-content="cancel">
</paper-button>
<paper-button id="save" on-tap="onSaveTap_"
i18n-content="createProfileConfirm"
disabled="{{isOkDisabled_(createInProgress_, profileName_, message_)}}">
</paper-button>
</div>
</div>
</template>
<script src="chrome://md-user-manager/create_profile.js"></script>
</dom-module>