Code cleanup and UI improvements

server/anchor.py

@@ -882,12 +882,15 @@ async def get_txn_search(
         if txn_type:
             sql += " AND txn.txntype = ?"
             params = (*params, txn_type)
+        # add order by clause 
+        sql += " ORDER BY txn.seqno DESC"
         select_sql = (sql + " LIMIT ? OFFSET ?").format(select_fields)
         async with await self.query(select_sql, (*params, limit, offset)) as cursor:
             while True:
                 rows = await cursor.fetchmany()
                 for row in rows:
-                    result.append(row)
+                    # change append to insert
+                    result.insert(0, row)
                 if not rows:
                     break
         if count:

server/server.py

@@ -59,6 +59,17 @@ async def index(request):
         "INFO_SITE_URL": INFO_SITE_URL,
     }
 
+@ROUTES.get("/newdid")
+@aiohttp_jinja2.template("newdid.html")
+async def index(request):
+    return {
+        "REGISTER_NEW_DIDS": TRUST_ANCHOR._register_dids,
+        "LEDGER_INSTANCE_NAME": LEDGER_INSTANCE_NAME,
+        "WEB_ANALYTICS_SCRIPT": WEB_ANALYTICS_SCRIPT,
+        "INFO_SITE_TEXT": INFO_SITE_TEXT,
+        "INFO_SITE_URL": INFO_SITE_URL,
+    }
+
 
 @ROUTES.get("/browse/{ledger_ident:.*}")
 @aiohttp_jinja2.template("ledger.html")
@@ -131,10 +142,18 @@ async def ledger_json(request):
     if not TRUST_ANCHOR.ready:
         return not_ready()
 
+    count = await TRUST_ANCHOR.get_max_seqno(request.match_info["ledger_name"])
     page = int(request.query.get("page", 1))
     page_size = int(request.query.get("page_size", 100))
-    start = (page - 1) * page_size + 1
-    end = start + page_size - 1
+    start = count - (page - 1) * page_size
+    if page_size > start:
+        end = 1
+    else:
+        end = start - page_size + 1
+    # original ends
+    # start = (page - 1) * page_size + 1
+    # end = start + page_size - 1
+    o_start = (page - 1) * page_size + 1
     query = request.query.get("query")
     if query is not None and not query.strip():
         query = None
@@ -144,11 +163,12 @@ async def ledger_json(request):
 
     if txn_type is not None or query is not None:
         rows, count = await TRUST_ANCHOR.get_txn_search(
-            request.match_info["ledger_name"], query, txn_type, page_size, start - 1
+            request.match_info["ledger_name"], query, txn_type, page_size, o_start - 1
         )
     else:
         rows = await TRUST_ANCHOR.get_txn_range(
-            request.match_info["ledger_name"], start, end
+            # ends swapped
+            request.match_info["ledger_name"], end, start
         )
         count = await TRUST_ANCHOR.get_max_seqno(request.match_info["ledger_name"])
     last_modified = None
@@ -158,7 +178,8 @@ async def ledger_json(request):
             last_modified = max(last_modified, row[1]) if last_modified else row[1]
         except TypeError:
             last_modified = row[1]
-        results.append(json.loads(row[3]))
+            # change append to insert
+        results.insert(0, json.loads(row[3]))
     if not results and page > 1:
         data = {"detail": "Invalid page."}
         response = json_response(data, status=404)

server/static/footer.html

@@ -0,0 +1,23 @@
+<footer>
+    <div class="footer_wrapper">
+        <div>
+            <p>Copyright &copy; 2024, NJIT</p>
+        </div>
+        <div>
+            <ul>
+                <li>About</li>
+                <li>
+                    <a href="https://vdkms.app" target="_blank">Project home</a>
+                </li>
+            </ul>
+        </div>
+        <!-- <div>
+            <ul>
+                <li>Ledger configs</li>
+                <li><a href="/browse/pool">Pool</a></li>
+                <li><a href="/genesis">Genesis</a></li>
+                <li><a href="/status/text">Detailed Status</a></li>
+            </ul>
+        </div> -->
+    </div>
+</footer>

server/static/header.html

@@ -1,23 +1,18 @@
-<style type="text/tailwindcss">
-  @layer components {
-    .header-padding {
-      @apply py-[8px] px-[16px] sm:pt-[10px] sm:pr-[32px] sm:pb-[10px] sm:pl-[35.2px] border-0;
-    }
-  }
-</style>
-
-<header class="header-padding">
-  <div class="flex items-center">
-    <a href="/">
-      <div class="flex items-center">
-        <p class="lead">
-          <span
-            class="lead-title text-[20px] md:text-[28px] text-white ml-2 font-semibold"
-            >{{ LEDGER_INSTANCE_NAME }} Blockchain Ledger</span
-          >
-        </p>
-      </div>
-    </a>
+<header>
+  <div class="container">
+    <div class="logo"><a href="/"><span class="logo-img"><img src="/include/img/ledger.png" alt="ledger"></span>
+    <span class="logo-text">
+    {{ LEDGER_INSTANCE_NAME }} 
+    <br>Blockchain Ledger</span></a></div>
+  <nav>
+    <ul>
+      <li><a href="/">Home</a></li>
+      <li><a href="/browse/domain">Domain</a></li>
+      <!-- <li><a href="/browse/pool">Pool</a></li>
+      <li><a href="/browse/config">Config</a></li>
+      <li><a href="/genesis">Genesis</a></li> -->
+    </ul>
+  </nav>
   </div>
 </header>