From 981aef3c1e41af754bf57a625b8fbc2f4f0ab8fa Mon Sep 17 00:00:00 2001
From: yukirij <yukirij@yukiri.net>
Date: Sun, 13 Oct 2024 14:37:58 -0700
Subject: [PATCH] Update extras page; add profile page.

---
 www/asset/icon.png | Bin 0 -> 11074 bytes
 www/asset/icon.svg |  78 +++++++++++++++++++++++++++++++++++++++++++++
 www/css/ui.css     |   1 -
 www/js/scene.js    |  47 ++++++++++++++++++++++++++-
 www/js/ui.js       |  21 ++++++------
 5 files changed, 133 insertions(+), 14 deletions(-)
 create mode 100644 www/asset/icon.png
 create mode 100644 www/asset/icon.svg

diff --git a/www/asset/icon.png b/www/asset/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..9d71288815c10d8ecff519b31ffdc701ad90925a
GIT binary patch
literal 11074
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
C_)%N{

literal 0
HcmV?d00001

diff --git a/www/asset/icon.svg b/www/asset/icon.svg
new file mode 100644
index 0000000..3d1793f
--- /dev/null
+++ b/www/asset/icon.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="120"
+   height="120"
+   viewBox="0 0 120 120"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   sodipodi:docname="icon.svg"
+   inkscape:export-filename="icon.png"
+   inkscape:export-xdpi="409.60001"
+   inkscape:export-ydpi="409.60001"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#111111"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="4.9208333"
+     inkscape:cx="116.95174"
+     inkscape:cy="60.355631"
+     inkscape:window-width="2588"
+     inkscape:window-height="1368"
+     inkscape:window-x="1257"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1"
+     inkscape:export-bgcolor="#282828ff">
+    <inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="0"
+       spacingx="1"
+       spacingy="1"
+       empcolor="#0099e5"
+       empopacity="0.30196078"
+       color="#0099e5"
+       opacity="0.14901961"
+       empspacing="5"
+       dotted="false"
+       gridanglex="30"
+       gridanglez="30"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g1"
+       transform="translate(10.545,9.417598)">
+      <path
+         style="fill:#621313;fill-opacity:1;stroke-width:0.858648"
+         d="M 50.815749,2.7427281 V 13.04653 L 29.349496,28.502232 25.056245,88.607742 H 76.575253 L 72.282002,28.502232 50.815749,13.04653 V 2.7427281 L 85.161752,24.208981 89.455,84.314494 76.575253,92.900997 H 25.056245 l -12.879751,-8.586503 4.29325,-60.105513 z"
+         id="path2-3"
+         sodipodi:nodetypes="ccccccccccccccc" />
+      <path
+         style="fill:#ae5555;fill-opacity:1;stroke-width:0.858648"
+         d="M 48.094256,0.2638065 V 10.567609 L 26.628002,26.02331 22.334752,86.12882 H 73.853759 L 69.560509,26.02331 48.094256,10.567609 V 0.2638065 L 82.44026,21.73006 86.733508,81.835572 73.853759,90.422075 H 22.334752 L 9.455,81.835572 13.748251,21.73006 Z"
+         id="path2"
+         sodipodi:nodetypes="ccccccccccccccc" />
+    </g>
+  </g>
+</svg>
diff --git a/www/css/ui.css b/www/css/ui.css
index b7301ce..0d8ca76 100644
--- a/www/css/ui.css
+++ b/www/css/ui.css
@@ -149,4 +149,3 @@ input#turn-slider{
     height:1rem;
     accent-color:#702e2e;
 }
-
diff --git a/www/js/scene.js b/www/js/scene.js
index 0470495..6640935 100644
--- a/www/js/scene.js
+++ b/www/js/scene.js
@@ -586,13 +586,57 @@ const SCENES = {
         constructor() { }
         load() {
             UI.mainmenu("extras");
-            UI.mainnav([], []);
 
             history.pushState(null, "Dzura - About", "/extras/");
             return true;
         }
     },
 
+    Profile:class{
+        constructor() { }
+        load(data) {
+            let buttons_top = [ ];
+            let buttons_bottom = [ ];
+            let buttons_left = [ ];
+            let buttons_right = [ ];
+
+            // Top Buttons
+            buttons_top.push(UI.button("Profile", () => { }));
+            buttons_top.push(UI.button("History", () => { }));
+
+            // Bottom Buttons
+            if(data.handle === CONTEXT.Auth.handle) {
+                buttons_bottom.push(UI.button("Account", () => { }));
+                buttons_bottom.push(UI.button("Security", () => { }));
+                buttons_bottom.push(UI.button("Payments", () => { }));
+            }
+            buttons_bottom.push(UI.button(LANG("back"), () => { LOAD(SCENES.Browse); }));
+
+            // Left Buttons
+
+            // Right Buttons
+            if(data.handle === CONTEXT.Auth.handle) {
+                buttons_right.push(UI.button(LANG("logout"), () => {
+                    BADGE_UPDATE(false);
+                    MESSAGE_COMPOSE([
+                        PACK.u16(OpCode.Deauthenticate),
+                    ]);
+                    sessionStorage.clear();
+                    CONTEXT.Auth = null;
+                    LOAD(SCENES.Browse);
+                }));
+            }
+
+            UI.nav(buttons_top, buttons_bottom);
+            UI.mainnav(buttons_left, buttons_right);
+
+            // Main Content
+
+            history.pushState(null, "Dzura - About", "/u/" + data.handle);
+            return true;
+        }
+    },
+
     GameLoad:class{
         constructor() {
             this.mode = null;
@@ -1085,6 +1129,7 @@ function LOAD_URL() {
             case "guide": LOAD(SCENES.Guide); return;
             case "about": LOAD(SCENES.About); return;
             case "challenge": LOAD(SCENES.Challenge); return;
+            case "extras": LOAD(SCENES.Extras); return;
 
             case "game": {
                 if(parts[2]) {
diff --git a/www/js/ui.js b/www/js/ui.js
index 14a1249..938750b 100644
--- a/www/js/ui.js
+++ b/www/js/ui.js
@@ -165,20 +165,17 @@ const UI = {
             top.push(UI.button(LANG("guide"), () => { LOAD(SCENES.Guide); }, page == "guide"));
             top.push(UI.button(LANG("about"), () => { LOAD(SCENES.About); }, page == "about"));
 
-            bottom.push(UI.button(LANG("extras"), () => { LOAD(SCENES.Extras) }, page == "extras"));
-
             if(CONTEXT.Auth !== null) {
-                bottom.push(UI.button(CONTEXT.Auth.handle, () => { }));
-                bottom.push(UI.button(LANG("logout"), () => {
-                    BADGE_UPDATE(false);
-                    MESSAGE_COMPOSE([
-                        PACK.u16(OpCode.Deauthenticate),
-                    ]);
-                    sessionStorage.clear();
-                    CONTEXT.Auth = null;
-                    LOAD_URL();
-                }));
+                let callback_profile = function() {
+                    LOAD(SCENES.Profile, { handle: this.handle });
+                };
+                callback_profile = callback_profile.bind({
+                    handle: CONTEXT.Auth.handle,
+                });
+
+                bottom.push(UI.button(CONTEXT.Auth.handle, callback_profile));
             }
+            bottom.push(UI.button(LANG("extras"), () => { LOAD(SCENES.Extras) }, page == "extras"));
 
             UI.nav(top, bottom);
         }