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

ling_chair_http/index.html

@@ -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
+        <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()})()">
-          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">

ling_chair_http/ui.js

@@ -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: "取消"
     })