Skip to content

Commit a64454e

Browse files
author
Cat
committed
refactor: new admin user edit ui
1 parent e57b241 commit a64454e

File tree

6 files changed

+160
-117
lines changed

6 files changed

+160
-117
lines changed

‎resources/views/tabler/admin/user/edit.tpl

Lines changed: 120 additions & 91 deletions
Original file line numberDiff line numberDiff line change
@@ -29,11 +29,11 @@
2929
<div class="col-md-4 col-sm-12">
3030
<div class="card">
3131
<div class="card-header card-header-light">
32-
<h3 class="card-title">基础信息</h3>
32+
<h3 class="card-title">账户信息</h3>
3333
</div>
3434
<div class="card-body">
3535
<div class="form-group mb-3 row">
36-
<label class="form-label col-3 col-form-label">注册邮箱</label>
36+
<label class="form-label col-3 col-form-label">邮箱</label>
3737
<div class="col">
3838
<input id="email" type="email" class="form-control" value="{$edit_user->email}">
3939
</div>
@@ -45,13 +45,6 @@
4545
value="{$edit_user->user_name}">
4646
</div>
4747
</div>
48-
<div class="form-group mb-3 row">
49-
<label class="form-label col-3 col-form-label">备注</label>
50-
<div class="col">
51-
<input id="remark" type="text" class="form-control" value="{$edit_user->remark}"
52-
placeholder="仅管理员可见">
53-
</div>
54-
</div>
5548
<div class="form-group mb-3 row">
5649
<label class="form-label col-3 col-form-label">账户密码</label>
5750
<div class="col">
@@ -62,43 +55,62 @@
6255
<div class="form-group mb-3 row">
6356
<label class="form-label col-3 col-form-label">账户余额</label>
6457
<div class="col">
65-
<input id="money" type="number" step="0.1" class="form-control"
58+
<input id="money" type="number" step="1" class="form-control"
6659
value="{$edit_user->money}">
6760
</div>
6861
</div>
69-
<div class="hr-text">
70-
<span>时间设置</span>
62+
<div class="form-group mb-3 row">
63+
<label class="form-label col-3 col-form-label">邀请人</label>
64+
<div class="col">
65+
<input id="ref_by" type="text" class="form-control" value="{$edit_user->ref_by}">
66+
</div>
7167
</div>
7268
<div class="form-group mb-3 row">
73-
<label class="form-label col-4 col-form-label">等级过期时间</label>
69+
<label class="form-label col-3 col-form-label">SS端口</label>
7470
<div class="col">
75-
<input id="class_expire" type="text" class="form-control"
76-
value="{$edit_user->class_expire}">
71+
<input id="port" type="text" class="form-control" value="{$edit_user->port}">
7772
</div>
7873
</div>
7974
<div class="form-group mb-3 row">
80-
<label class="form-label col-4 col-form-label">免费用户流量重置日</label>
75+
<label class="form-label col-3 col-form-label">SS加密方式</label>
8176
<div class="col">
82-
<input id="auto_reset_day" type="text" class="form-control"
83-
value="{$edit_user->auto_reset_day}">
77+
<select id="method" class="col form-select" value="{$edit_user->method}">
78+
{foreach $ss_methods as $method}
79+
<option value="{$method}" {if $edit_user->method === $method}selected{/if}>
80+
{$method}
81+
</option>
82+
{/foreach}
83+
</select>
8484
</div>
8585
</div>
8686
<div class="form-group mb-3 row">
87-
<label class="form-label col-4 col-form-label">
88-
重置的免费流量(GB)
89-
</label>
87+
<label class="form-label col-3 col-form-label">注册IP</label>
9088
<div class="col">
91-
<input id="auto_reset_bandwidth" type="text" class="form-control"
92-
value="{$edit_user->auto_reset_bandwidth}">
89+
<input type="text" class="form-control" value="{$edit_user->reg_ip}" disabled/>
9390
</div>
9491
</div>
95-
<div class="hr-text">
96-
<span>邀请注册</span>
92+
<div class="form-group mb-3 row">
93+
<label class="form-label col-3 col-form-label">注册日期</label>
94+
<div class="col">
95+
<input type="text" class="form-control" value="{$edit_user->reg_date}" disabled/>
96+
</div>
9797
</div>
9898
<div class="form-group mb-3 row">
99-
<label class="form-label col-4 col-form-label">邀请人</label>
99+
<label class="form-label col-3 col-form-label">最后使用时间</label>
100100
<div class="col">
101-
<input id="ref_by" type="text" class="form-control" value="{$edit_user->ref_by}">
101+
<input type="text" class="form-control" value="{$edit_user->last_use_time}" disabled/>
102+
</div>
103+
</div>
104+
<div class="form-group mb-3 row">
105+
<label class="form-label col-3 col-form-label">最后签到时间</label>
106+
<div class="col">
107+
<input type="text" class="form-control" value="{$edit_user->last_check_in_time}" disabled/>
108+
</div>
109+
</div>
110+
<div class="form-group mb-3 row">
111+
<label class="form-label col-3 col-form-label">最后登录时间</label>
112+
<div class="col">
113+
<input type="text" class="form-control" value="{$edit_user->last_login_time}" disabled/>
102114
</div>
103115
</div>
104116
</div>
@@ -107,7 +119,7 @@
107119
<div class="col-md-4 col-sm-12">
108120
<div class="card">
109121
<div class="card-header card-header-light">
110-
<h3 class="card-title">其他信息</h3>
122+
<h3 class="card-title">使用限制</h3>
111123
</div>
112124
<div class="card-body">
113125
<div class="form-group mb-3 row">
@@ -120,19 +132,86 @@
120132
<div class="form-group mb-3 row">
121133
<label class="form-label col-4 col-form-label">当期用量</label>
122134
<div class="col">
123-
<input id="usedTraffic" type="text" class="form-control"
135+
<input type="text" class="form-control"
124136
value="{$edit_user->usedTraffic()}" disabled/>
125137
</div>
126138
</div>
127139
<div class="form-group mb-3 row">
128140
<label class="form-label col-4 col-form-label">累计用量</label>
129141
<div class="col">
130-
<input id="usedTraffic" type="text" class="form-control"
142+
<input type="text" class="form-control"
131143
value="{$edit_user->totalTraffic()}" disabled/>
132144
</div>
133145
</div>
134-
<div class="hr-text">
135-
<span>高级选项</span>
146+
<div class="form-group mb-3 row">
147+
<label class="form-label col-4 col-form-label">节点群组</label>
148+
<div class="col">
149+
<input id="node_group" type="text" class="form-control"
150+
value="{$edit_user->node_group}">
151+
</div>
152+
</div>
153+
<div class="form-group mb-3 row">
154+
<label class="form-label col-4 col-form-label">账户等级</label>
155+
<div class="col">
156+
<input id="class" type="text" class="form-control"
157+
value="{$edit_user->class}">
158+
</div>
159+
</div>
160+
<div class="form-group mb-3 row">
161+
<label class="form-label col-4 col-form-label">等级过期时间</label>
162+
<div class="col">
163+
<input id="class_expire" type="text" class="form-control"
164+
value="{$edit_user->class_expire}">
165+
</div>
166+
</div>
167+
<div class="form-group mb-3 row">
168+
<label class="form-label col-4 col-form-label">免费用户流量重置日</label>
169+
<div class="col">
170+
<input id="auto_reset_day" type="text" class="form-control"
171+
value="{$edit_user->auto_reset_day}">
172+
</div>
173+
</div>
174+
<div class="form-group mb-3 row">
175+
<label class="form-label col-4 col-form-label">重置的免费流量(GB)</label>
176+
<div class="col">
177+
<input id="auto_reset_bandwidth" type="text" class="form-control"
178+
value="{$edit_user->auto_reset_bandwidth}">
179+
</div>
180+
</div>
181+
<div class="form-group mb-3 row">
182+
<label class="form-label col-4 col-form-label">速度限制 (Mbps)</label>
183+
<div class="col">
184+
<input id="node_speedlimit" type="text" class="form-control"
185+
value="{$edit_user->node_speedlimit}">
186+
</div>
187+
</div>
188+
<div class="form-group mb-3 row">
189+
<label class="form-label col-4 col-form-label">同時连接 IP 限制</label>
190+
<div class="col">
191+
<input id="node_iplimit" type="text" class="form-control"
192+
value="{$edit_user->node_iplimit}">
193+
</div>
194+
</div>
195+
</div>
196+
</div>
197+
</div>
198+
<div class="col-md-4 col-sm-12">
199+
<div class="card">
200+
<div class="card-header card-header-light">
201+
<h3 class="card-title">其他设置</h3>
202+
</div>
203+
<div class="card-body">
204+
<div class="form-group mb-3 row">
205+
<label class="form-label col-3 col-form-label">显示语言</label>
206+
<div class="col">
207+
<select id="locale" class="col form-select" value="{$edit_user->locale}">
208+
{foreach $locales as $locale}
209+
<option value="{$locale}" {if $edit_user->locale === $locale}selected{/if}>
210+
{$locale}
211+
</option>
212+
{/foreach}
213+
</select>
214+
</div>
136215
</div>
137216
<div class="form-group mb-3 row">
138217
<span class="col">管理员</span>
@@ -153,7 +232,7 @@
153232
</span>
154233
</div>
155234
<div class="form-group mb-3 row">
156-
<span class="col">账户异常状态</span>
235+
<span class="col">账户异常状态（Shadow Banned）</span>
157236
<span class="col-auto form-check-single form-switch">
158237
<input id="is_shadow_banned" class="form-check-input" type="checkbox"
159238
{if $edit_user->is_shadow_banned}checked=""{/if}>
@@ -168,68 +247,18 @@
168247
</label>
169248
</span>
170249
</div>
171-
<div class="form-group mb-3 row">
172-
<span class="col">手动封禁理由</span>
250+
<div class="form-group mb-3 col-12">
251+
<span class="form-label col-12 col-form-label">手动封禁理由</span>
173252
<span class="col-auto">
174-
<input id="banned_reason" type="text" class="form-control"
175-
value="{$edit_user->banned_reason}">
253+
<textarea id="banned_reason" class="form-control"
254+
value="{$edit_user->banned_reason}"></textarea>
176255
</span>
177256
</div>
178-
</div>
179-
</div>
180-
</div>
181-
<div class="col-md-4 col-sm-12">
182-
<div class="card">
183-
<div class="card-header card-header-light">
184-
<h3 class="card-title">连接设置</h3>
185-
</div>
186-
<div class="card-body">
187-
<div class="form-group mb-3 row">
188-
<label class="form-label col-3 col-form-label">端口</label>
189-
<div class="col">
190-
<input id="port" type="text" class="form-control" value="{$edit_user->port}">
191-
</div>
192-
</div>
193-
<div class="form-group mb-3 row">
194-
<label class="form-label col-3 col-form-label">密码</label>
195-
<div class="col">
196-
<input id="passwd" type="text" class="form-control" value="{$edit_user->passwd}" disabled/>
197-
</div>
198-
</div>
199-
<div class="form-group mb-3 row">
200-
<label class="form-label col-3 col-form-label">加密</label>
201-
<div class="col">
202-
<input id="method" type="text" class="form-control" value="{$edit_user->method}">
203-
</div>
204-
</div>
205-
<div class="hr-text">
206-
<span>使用限制</span>
207-
</div>
208257
<div class="form-group mb-3 col-12">
209-
<label class="form-label col-12 col-form-label">节点群组</label>
258+
<label class="form-label col-12 col-form-label">账户备注</label>
210259
<div class="col">
211-
<input id="node_group" type="text" class="form-control"
212-
value="{$edit_user->node_group}">
213-
</div>
214-
</div>
215-
<div class="form-group mb-3 col-12">
216-
<label class="form-label col-12 col-form-label">账户等级</label>
217-
<div class="col">
218-
<input id="class" type="text" class="form-control" value="{$edit_user->class}">
219-
</div>
220-
</div>
221-
<div class="form-group mb-3 col-12">
222-
<label class="form-label col-12 col-form-label">速度限制 (Mbps)</label>
223-
<div class="col">
224-
<input id="node_speedlimit" type="text" class="form-control"
225-
value="{$edit_user->node_speedlimit}">
226-
</div>
227-
</div>
228-
<div class="form-group mb-3 col-12">
229-
<label class="form-label col-12 col-form-label">同時连接 IP 限制</label>
230-
<div class="col">
231-
<input id="node_iplimit" type="text" class="form-control"
232-
value="{$edit_user->node_iplimit}">
260+
<textarea id="remark" class="form-control" value="{$edit_user->remark}"
261+
placeholder="仅管理员可见"></textarea>
233262
</div>
234263
</div>
235264
</div>
@@ -251,9 +280,9 @@
251280
{$key}: $('#{$key}').val(),
252281
{/foreach}
253282
is_admin: $("#is_admin").is(":checked"),
254-
is_banned: $("#is_banned").is(":checked"),
255283
ga_enable: $("#ga_enable").is(":checked"),
256284
is_shadow_banned: $("#is_shadow_banned").is(":checked"),
285+
is_banned: $("#is_banned").is(":checked"),
257286
},
258287
success: function (data) {
259288
if (data.ret === 1) {

0 commit comments

Comments
 (0)