-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathAccountSetting.vue
More file actions
186 lines (177 loc) · 10.8 KB
/
AccountSetting.vue
File metadata and controls
186 lines (177 loc) · 10.8 KB
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!--app列表页-->
<template>
<nav-bar />
<div class="limit-width top-nav flex flex-column justify-center">
<div class="main-content">
<main-nav :is-account-setting-active="true"/>
<ul>
<li id="profile">
<div class="panel-section ">
<div class="section-description">
<div class="section-title f3 purple" role="heading" aria-level="3">
Profile
</div>
<div class="mt2 f5 lh-copy dark-gray">
Your username is your identity on drycc and is used to log in, update account may require email confirmation.
</div>
</div>
<div class="panel-content">
<div class="avatar">
</div>
<div class="edit-first">
<div class="ember-view">
<div class="ember-view">
<label class="hk-label db mb2" for="name">Username
</label>
<div class="flex flex-column flex-row-ns items-center-ns w-100">
<input autocomplete="off" placeholder="Your name" id="username" :value=user.username
class="mr2 mb2 w-100 mw6 ember-text-field hk-input ember-view"
disabled="disabled"
type="text">
</div>
</div>
</div>
<div class="ember-view">
<div class="ember-view">
<form role="form">
<label class="hk-label db mb2"
for="new-e-mail">Email
Address</label>
<div class="flex flex-column flex-row-ns items-center-ns w-100">
<input autocomplete="off" placeholder="Your email address" @input="emailInputChange($event)" id="new-e-mail" :value=user.email
class="mr2 mb2 w-100 mw6 ember-text-field hk-input ember-view"
type="text">
<div :class=emailBTN data-test-target="hk-inline-buttons">
<button class="mr1 async-button default hk-button--primary ember-view" @click="submitEmail()"
type="button"> Save
</button>
<button class="async-button default hk-button--secondary ember-view" @click="cancelEmail()"
type="button"> Cancel
</button>
</div>
</div>
<div style="display: none" class="email_error">提示信息</div>
</form>
</div>
<span class="confirmable-action ember-view"> </span>
</div>
<div class="ember-view">
<div class="ember-view">
<form role="form">
<label class="hk-label db mb2" for="name">Last Name
</label>
<div class="flex flex-column flex-row-ns items-center-ns w-100">
<input autocomplete="off" placeholder="Your last name" @input="lastNameInputChange($event)" id="last-name" :value=user.last_name
class="mr2 mb2 w-100 mw6 ember-text-field hk-input ember-view"
type="text">
<div :class=lastNameBTN data-test-target="hk-inline-buttons">
<button
class="mr1 async-button default hk-button--primary ember-view" @click="submitLastName()"
type="button"> Save
</button>
<button
class="async-button default hk-button--secondary ember-view" @click="cancelLastName()"
type="button"> Cancel
</button>
</div>
</div>
</form>
</div>
</div>
<div class="ember-view">
<div class="ember-view">
<form role="form">
<label class="hk-label db mb2" for="name">First Name
</label>
<div class="flex flex-column flex-row-ns items-center-ns w-100">
<input autocomplete="off" placeholder="Your first name" @input="firstNameInputChange($event)" id="first-name" :value=user.first_name
class="mr2 mb2 w-100 mw6 ember-text-field hk-input ember-view"
type="text">
<div :class=firstNameBTN data-test-target="hk-inline-buttons">
<button
class="mr1 async-button default hk-button--primary ember-view" @click="submitFirstName()"
type="button"> Save
</button>
<button
class="async-button default hk-button--secondary ember-view" @click="cancelFirstName()"
type="button"> Cancel
</button>
</div>
</div>
</form>
</div>
</div>
<p class="f5 dark-gray">
Manage your avatar using <a href="https://gravatar.com" target="_blank" class="hk-link">Gravatar</a>.
</p>
</div>
</div>
</div>
</li>
<li id="password" style="padding-top: 40px;margin-top: 40px; border-top: 1px solid #e7ebf3;">
<div class="panel-section ">
<div class="section-description">
<div class="section-title f3 purple" role="heading" aria-level="3">
Password
</div>
<div class="mt2 f5 lh-copy dark-gray">
Change the password here.
</div>
</div>
<div class="panel-content">
<div class="ember-view">
<div class="edit-first edit-password">
<form role="form" method="POST">
<div class="form-group current-password-field">
<label for="current-password">Current Password</label>
<input name="password" @input="currentPasswordChange($event)"
placeholder="enter your current password"
id="current-password"
class="form-control ember-text-field ember-view"
type="password">
</div>
<div class="form-group">
<label for="new-password">New
Password</label>
<input placeholder="enter a new password" @input="newPasswordChange($event)"
id="new-password"
class="form-control ember-text-field ember-view"
type="password">
<p class="f5 dark-gray pt2">
Password must be 8 or more characters.
</p>
</div>
<div class="form-group">
<label for="confirm-new-password">Confirm
New Password</label>
<input placeholder="enter the password again" @input="confirmNewPasswordChange($event)"
id="confirm-new-password"
class="form-control ember-text-field ember-view"
type="password">
</div>
<div class="form-group">
<button @click="submitPassowrd()"
:class=updateBTN
type="button">
Update Password
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</template>
<script>
import AccountSetting from "./AccountSetting"
export default AccountSetting
</script>
<style scoped>
.pr1 {
padding-right: 15px;
}
</style>