-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathAccountSetting.vue
More file actions
149 lines (139 loc) · 8.17 KB
/
AccountSetting.vue
File metadata and controls
149 lines (139 loc) · 8.17 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
<!--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 name or email address is your identity on Drycc and is used to log in.
</div>
</div>
<div class="panel-content">
<div class="avatar">
</div>
<div class="edit-first">
<div id="ember26" class="ember-view">
<div id="ember27" 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="emailInputChage($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 id="ember28" class="mr1 async-button default hk-button--primary ember-view" @click="submitEmail()"
type="button"> Save
</button>
<button id="ember29" 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 id="ember30" class="confirmable-action ember-view"> </span>
</div>
<div id="ember32" class="ember-view">
<div id="ember33" class="ember-view">
<form role="form">
<label class="hk-label db mb2" for="name">Name
</label>
<div class="flex flex-column flex-row-ns items-center-ns w-100">
<input autocomplete="off" placeholder="Your name" @input="nameInputChage($event)" id="name" :value=user.username
class="mr2 mb2 w-100 mw6 ember-text-field hk-input ember-view"
type="text">
<div :class=nameBTN data-test-target="hk-inline-buttons">
<button id="ember34"
class="mr1 async-button default hk-button--primary ember-view" @click="submitName()"
type="button"> Save
</button>
<button id="ember35"
class="async-button default hk-button--secondary ember-view" @click="cancelName()"
type="button"> Cancel
</button>
</div>
</div>
</form>
</div>
</div>
</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 id="ember36" 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="currentPasswordChage($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="newPasswordChage($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="confirmNewPasswordChage($event)"
id="confirm-new-password"
class="form-control ember-text-field ember-view"
type="password">
</div>
<div class="form-group">
<button id="ember37" @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>