user profile

css/style.css

@@ -33,7 +33,7 @@ nav {
     -webkit-app-region: drag;
 }
 
-nav i, nav a {
+i, a {
     -webkit-app-region: no-drag;
 }
 
@@ -78,7 +78,6 @@ li > a {
 
 li > a:hover, #window-buttons > i:hover {
     color: #fff;
-    cursor: pointer;
 }
 
 li.active > a {
@@ -89,7 +88,7 @@ li.active > a {
     float: right
 }
 
-.navbar-right div {
+.navbar-right > div, #user > .item {
     float: left;
     margin: 0 0.5rem
 }
@@ -118,9 +117,20 @@ body.maximized #maximize {
     padding: 0.175rem;
 }
 
-#username, #logout {
+.item {
+    display: block;
     float: left;
     padding-top: .425rem;
     padding-bottom: .425rem;
     margin-left: 4px;
+    color: inherit;
+    text-decoration: none;
+}
+
+.item:hover {
+    color: #fff;
+}
+
+a {
+    cursor: default;
 }
\ No newline at end of file

index.html

@@ -22,9 +22,9 @@
     </ul>
     <div class="navbar-right">
         <div id="user" hidden>
-            <img id="avatar">
-            <div id="username"></div>
-            <div id="logout">切换</div>
+            <a href="#forum" class="profile"><img id="avatar"></a>
+            <a href="#forum" class="profile item" id="username"></a>
+            <a href="#ygopro" id="logout" class="item">切换</a>
         </div>
         <div id="window-buttons" hidden>
             <i id="minimize" class="icon-minimize"></i>

js/app.js

@@ -41,7 +41,7 @@ document.getElementById('nav-' + hash).className = "active";
 document.getElementById(hash).style.display = 'block';
 
 let webviews = document.getElementsByTagName('webview');
-for (var i = 0; i < webviews.length; i++) {
+for (let i = 0; i < webviews.length; i++) {
     webviews.item(i).addEventListener('new-window', (event) => {
         require('electron').shell.openExternal(event.url);
     });
@@ -53,6 +53,18 @@ document.getElementById("logout").onclick = ()=> {
     })
 };
 
+let elements = document.getElementsByClassName('profile');
+for (let i = 0; i < elements.length; i++) {
+    let element = elements.item(i);
+    element.onclick = function () {
+        let user_url = 'https://forum.touhou.cc/users/' + document.getElementById('username').innerHTML;
+        let user_webview = document.getElementById('forum');
+        if (user_webview.src.indexOf(user_url) != 0) { // begin with
+            user_webview.src = user_url;
+        }
+    }
+}
+
 ipcRenderer.on('login', (event, user)=> {
     console.log(event, user);
     document.getElementById('avatar').src = user.avatar_url;