1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
<style include="settings-shared">
/* Putting this class on an element with two children will align the first
child at left edge and the second child at the right edge.
*/
.two-elements-left-right {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
}
:host {
display: block;
}
:host > div {
width: 100%;
}
</style>
<div>
<div class="two-elements-left-right">
<div>
$i18n{lockScreenPasswordLabel}
<template is="dom-if" if="[[hasNoPassword_(hasGaiaPassword_, hasLocalPassword_)]]">
<div class="secondary" id="setupPasswordSecondaryLabel">
$i18n{lockScreenSwitchSetLocalPasswordDescription}
</div>
</template>
<template
is="dom-if"
if="[[hasGaiaPassword_]]"
>
<div class="secondary" id="switchLocalPasswordSecondaryLabel">
$i18n{lockScreenSwitchLocalPasswordDescription}
</div>
</template>
</div>
<div class="settings-row">
<div>
<template is="dom-if" if="[[!hasLocalPassword_]]">
<cr-button
id="switchLocalPasswordButton"
aria-describedby="switchLocalPasswordSecondaryLabel"
on-click="openSetLocalPasswordDialog_"
>
$i18n{lockScreenSetupPasswordButton}
</cr-button>
</template>
<template is="dom-if" if="[[hasLocalPassword_]]">
<cr-button on-click="openSetLocalPasswordDialog_">
$i18n{lockScreenChangePasswordButton}
</cr-button>
</template>
</div>
<template
is="dom-if"
if="[[isRemoveAllowed_(hasCryptohomePinV2_, hasGaiaPassword_, hasLocalPassword_)]]"
restamp
>
<div class="separator"></div>
<cr-icon-button
id="moreButton"
class="icon-more-vert"
aria-haspopup="menu"
aria-label="$i18n{lockScreenPinMoreButtonAriaLabel}"
on-click="onMoreButtonClicked_"
disabled$="[[!isRemoveAllowed_(hasCryptohomePinV2_, hasGaiaPassword_, hasLocalPassword_)]]"
>
</cr-icon-button>
<cr-action-menu
id="moreMenu"
role-description="$i18n{menu}"
accessibility-label="$i18n{moreActions}"
>
<button
class="dropdown-item"
on-click="onRemovePasswordButtonClicked_"
disabled$="[[!isRemoveAllowed_(hasCryptohomePinV2_, hasGaiaPassword_, hasLocalPassword_)]]"
>
$i18n{lockScreenRemoveButton}
</button>
</cr-action-menu>
</template>
</div>
</div>
<settings-set-local-password-dialog id="setLocalPasswordDialog" auth-token="[[authToken]]">
</settings-set-local-password-dialog>
</div>
|
