Visual downline tree on the Overview

"Your line at a glance": YOU + three levels of member chips with connectors, your qualified directs highlighted in gold, and "+ open" placeholders on levels 1-2 showing what's next. Loads from /api/my/line. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-09-07 08:38:15 -05:00
parent 0dbd99f69e
commit 42d0e15fea
3 changed files with 40 additions and 2 deletions
@@ -4,7 +4,7 @@
 <meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
 <title>Member area | InstantAdPay</title>
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&display=swap">
-<link rel="stylesheet" href="/assets/site.css?v=20260907s">
+<link rel="stylesheet" href="/assets/site.css?v=20260907t">
 </head>
 <body class="bo-body">

@@ -217,6 +217,10 @@
          </div>
          <div class="nc-steps" id="ncSteps"></div>
        </div>
+        <div class="card" id="lineTreeCard">
+          <div class="card-head"><h3>Your line at a glance</h3><span class="sub" id="treeSub"></span></div>
+          <div id="lineTree" class="line-tree"><p class="muted small">Loading your line…</p></div>
+        </div>
        <div class="card" id="badgeCard" hidden>
          <div class="card-head"><h3>Your achievements</h3><span class="sub">unlock as you build</span></div>
          <div class="badges" id="badgeStrip"></div>
@@ -666,7 +670,7 @@
 </div>
 <script src="/assets/common.js?v=20260907s"></script>
 <script src="/assets/wallet.js?v=20260907q"></script>
-<script src="/assets/my.js?v=20260907r"></script>
+<script src="/assets/my.js?v=20260907t"></script>
 <script src="/assets/chat.js?v=20260907l"></script>
 </body>
 </html>