mirror of
https://dev.s-ul.net/Galexion/MaiMaiDXNet.git
synced 2024-12-18 06:25:53 +01:00
65 lines
2.6 KiB
Plaintext
65 lines
2.6 KiB
Plaintext
<% var rootPath='../' ; %>
|
|
<%- include(rootPath + 'templates/header.ejs' ); %>
|
|
<% function normalizeText(text) { return text .normalize('NFD') .replace(/[\u0300-\u036f]/g, ''
|
|
).replace(/[\uFF01-\uFF5E]/g, function(ch) { return String.fromCharCode(ch.charCodeAt(0) - 0xFEE0); }); } %>
|
|
<link href="/stylesheets/user.css" rel="stylesheet" type="text/css">
|
|
<div id="User">
|
|
<h1>Yo! Welcome Back <%= normalizeText(userdata.user_name) %>!</h1>
|
|
|
|
<div id="wrapper">
|
|
<!-- Calm before the storm -->
|
|
<div class="buttons">
|
|
<button class="btn1" onclick="showContent(1)">Home</button>
|
|
<button class="btn2" onclick="showContent(2)">Play Data</button>
|
|
<button class="btn3" onclick="showContent(3)">Friends</button>
|
|
<button class="btn4" onclick="showContent(4)">Photos</button>
|
|
<button class="btn5" onclick="showContent(5)">Records</button>
|
|
<button class="btn6" onclick="showContent(6)">Area</button>
|
|
<button class="btn7" onclick="showContent(7)">Collection</button>
|
|
<button class="btn8" onclick="showContent(8)">Ranking</button>
|
|
</div>
|
|
</div>
|
|
<div id="wrapper">
|
|
<div data-content="content-1" id="user-profile-wrapper">
|
|
<div class="profile-image"><img id="user-image" src="" alt="User Image" onerror="this.src='assets/icon/UI_Icon_000000.png'"></div>
|
|
<div class="user-title">
|
|
<h4 id="user-title-text"></h4>
|
|
</div>
|
|
<div class="user-name">
|
|
<h4><%= normalizeText(userdata.user_name) %></h4>
|
|
</div>
|
|
<div class="dx-rating">
|
|
<h4><%= userdata.music_rating%></h4>
|
|
</div>
|
|
<div class="user-class"></div>
|
|
<div class="awakens">
|
|
<h4>★ ☓<%= userdata.total_awake%></h4>
|
|
</div>
|
|
</div><!-- This is just one nested div, Trmazi it's going to get a lot worse from here on. -->
|
|
<div data-content="content-2" id="user-play-data" class="hidden">
|
|
<!-- User Play-Log is generated at run time when the user clicks the button, so they get up to date data. -->
|
|
<div id="score-info-header-div">
|
|
<h4 id="score-info-header">Please Wait, Obtaining Scores...</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<details>
|
|
<summary>Developer Only Information</summary>
|
|
For Development purposes only, send statistics found in this menu when encontering UI
|
|
Errors.
|
|
<details>
|
|
<summary>Raw User Details</summary>
|
|
<pre><code><%=JSON.stringify(userdata, null, 2)%></code></pre>
|
|
</details>
|
|
</details>
|
|
<button id="clear-storage-btn">Sign Out</button>
|
|
|
|
</div>
|
|
|
|
<script type="text/javascript" src="/javascript/user.js" data-userdata="<%=JSON.stringify(userdata)%>"></script>
|
|
</body>
|
|
|
|
</html> |