CrescentLeaf/LingChair-V0
1
0
Fork 0
mirror of https://github.com/LingChair/LingChair-V0.git synced 2025-12-07 17:45:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

ui: 整合侧边栏功能到设置中, 更改设置入口为头像

Browse Source
This commit is contained in:
MoonLeeeaf
2024-06-15 22:55:16 +08:00
parent bf224acb4b
commit 45f557cd94
2 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
ling_chair_http/index.html
View File

@@ -40,20 +40,12 @@
<!-- 侧滑栏 -->
<div class="mdui-drawer" id="main-drawer">
<ul class="mdui-list" mdui-collapse="{accordion: true}">
<li class="mdui-list-item mdui-ripple">
<li class="mdui-list-item mdui-ripple" onclick="new mdui.Dialog(viewBinding.dialogSettings.get(0)).open()">
<div class="mdui-list-item-avatar">
<img src="default_head.png" n-id="userHead" onerror="this.src='res/default_head.png'" />
</div>
<div class="mdui-list-item-content"><a n-id="helloText">早安</a>, <a n-id="userNick">Unknown</a></div>
</li>
<li class="mdui-list-item mdui-ripple" onclick="new mdui.Dialog(viewBinding.dialogSettings.get(0)).open()">
<i class="mdui-list-item-icon mdui-icon material-icons">settings</i>
<div class="mdui-list-item-content">设置</div>
</li>
<li class="mdui-list-item mdui-ripple" n-id="drawerSignOut">
<i class="mdui-list-item-icon mdui-icon material-icons">exit_to_app</i>
<div class="mdui-list-item-content">登出</div>
</li>
<div class="mdui-subheader">聊天</div>
<li class="mdui-collapse-item">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple"><i class="mdui-list-item-icon mdui-icon material-icons">contacts</i>
@@ -248,8 +240,7 @@
<div class="mdui-dialog-content">
<ul class="mdui-list">
<div class="mdui-subheader">我的资料</div>
<li class="mdui-list-item mdui-ripple" mdui-dialog-close
onclick="(async () => {viewBinding.dialogEditNickNick.val(await NickCache.getNick(localStorage.userName));new mdui.Dialog(viewBinding.dialogEditNick.get(0)).open()})()">
<li class="mdui-list-item mdui-ripple" mdui-dialog-close onclick="(async () => {viewBinding.dialogEditNickNick.val(await NickCache.getNick(localStorage.userName));new mdui.Dialog(viewBinding.dialogEditNick.get(0)).open()})()">
<i class="mdui-list-item-icon mdui-icon material-icons">edit</i>
<div class="mdui-list-item-content">修改昵称</div>
</li>
@@ -258,6 +249,14 @@
<div class="mdui-list-item-content">上传头像</div>
</li>
<div class="mdui-subheader">客户端</div>
<li class="mdui-list-item mdui-ripple" n-id="drawerChangeServer" mdui-dialog-close>
<i class="mdui-list-item-icon mdui-icon material-icons">cloud_circle</i>
<div class="mdui-list-item-content">更换服务器</div>
</li>
<li class="mdui-list-item mdui-ripple" n-id="settingsDialogSignOut" mdui-dialog-close>
<i class="mdui-list-item-icon mdui-icon material-icons">exit_to_app</i>
<div class="mdui-list-item-content">登出</div>
</li>
</ul>
</div>
<div class="mdui-dialog-actions">

11
ling_chair_http/ui.js
View File

@@ -23,16 +23,21 @@ viewBinding.drawerChangeServer.click(() => {
mdui.prompt('输入服务器地址...(为空则使用当前页面地址)', (value) => {
localStorage.server = value
mdui.snackbar("更新成功, 刷新页面生效")
}, () => { }, {
new mdui.Dialog(viewBinding.dialogSettings.get(0)).open()
}, () => {
new mdui.Dialog(viewBinding.dialogSettings.get(0)).open()
}, {
confirmText: "确定",
cancelText: "取消"
})
})
viewBinding.drawerSignOut.click(() => {
viewBinding.settingsDialogSignOut.click(() => {
mdui.confirm('确定要登出账号吗', () => {
User.signOutAndReload()
}, () => { }, {
}, () => {
new mdui.Dialog(viewBinding.dialogSettings.get(0)).open()
}, {
confirmText: "确定",
cancelText: "取消"
})