From 5d8c97035114b6e19f8271824008c934f7eb8fe1 Mon Sep 17 00:00:00 2001
From: hunicus <93150691+hunicus@users.noreply.github.com>
Date: Thu, 16 Dec 2021 11:30:03 -0500
Subject: [PATCH] Update anchor links and add on-page links

---
 .../components/docs/api-docs.component.html   | 276 +++++++++---------
 1 file changed, 138 insertions(+), 138 deletions(-)

diff --git a/frontend/src/app/components/docs/api-docs.component.html b/frontend/src/app/components/docs/api-docs.component.html
index d51c4eea5..f196b2fc1 100644
--- a/frontend/src/app/components/docs/api-docs.component.html
+++ b/frontend/src/app/components/docs/api-docs.component.html
@@ -6,68 +6,68 @@
       <div class="doc-nav-desktop" [ngClass]="docsNavPosition">
 
         <p *ngIf="network.val !== 'bisq' && network.val !== 'liquid'">General</p>
-        <a *ngIf="network.val !== 'bisq' && network.val !== 'liquid'" href="#">GET Difficulty Adjustment</a>
+        <a *ngIf="network.val !== 'bisq' && network.val !== 'liquid'" [routerLink]="['./']" fragment="get-difficulty-adjustment">GET Difficulty Adjustment</a>
 
         <p *ngIf="network.val === 'bisq'">Markets</p>
-        <a *ngIf="network.val === 'bisq'" href="#">GET Market Currencies</a>
-        <a *ngIf="network.val === 'bisq'" href="#">GET Market Depth</a>
-        <a *ngIf="network.val === 'bisq'" href="#">GET Market HLOC</a>
-        <a *ngIf="network.val === 'bisq'" href="#">GET Markets</a>
-        <a *ngIf="network.val === 'bisq'" href="#">GET Market Offers</a>
-        <a *ngIf="network.val === 'bisq'" href="#">GET Market Ticker</a>
-        <a *ngIf="network.val === 'bisq'" href="#">GET Market Trades</a>
-        <a *ngIf="network.val === 'bisq'" href="#">GET Market Volumes</a>
+        <a *ngIf="network.val === 'bisq'" [routerLink]="['./']" fragment="get-market-currencies">GET Market Currencies</a>
+        <a *ngIf="network.val === 'bisq'" [routerLink]="['./']" fragment="get-market-depth">GET Market Depth</a>
+        <a *ngIf="network.val === 'bisq'" [routerLink]="['./']" fragment="get-market-hloc">GET Market HLOC</a>
+        <a *ngIf="network.val === 'bisq'" [routerLink]="['./']" fragment="get-markets">GET Markets</a>
+        <a *ngIf="network.val === 'bisq'" [routerLink]="['./']" fragment="get-market-offers">GET Market Offers</a>
+        <a *ngIf="network.val === 'bisq'" [routerLink]="['./']" fragment="get-market-ticker">GET Market Ticker</a>
+        <a *ngIf="network.val === 'bisq'" [routerLink]="['./']" fragment="get-market-trades">GET Market Trades</a>
+        <a *ngIf="network.val === 'bisq'" [routerLink]="['./']" fragment="get-market-volumes">GET Market Volumes</a>
 
         <p *ngIf="network.val === 'bisq'">General</p>
-        <a *ngIf="network.val === 'bisq'" href="#">GET Stats</a>
+        <a *ngIf="network.val === 'bisq'" [routerLink]="['./']" fragment="get-stats">GET Stats</a>
 
         <p>Addresses</p>
-        <a href="#">GET Address</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Address Transactions</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Address Transactions Chain</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Address Transactions Mempool</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Address UTXO</a>
+        <a [routerLink]="['./']" fragment="get-address">GET Address</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-address-transactions">GET Address Transactions</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-address-transactions-chain">GET Address Transactions Chain</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-address-transactions-mempool">GET Address Transactions Mempool</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-address-utxo">GET Address UTXO</a>
 
         <p *ngIf="network.val === 'liquid'">Assets</p>
-        <a *ngIf="network.val === 'liquid'" href="#">GET Assets</a>
-        <a *ngIf="network.val === 'liquid'" href="#">GET Asset Transactions</a>
-        <a *ngIf="network.val === 'liquid'" href="#">GET Asset Supply</a>
+        <a *ngIf="network.val === 'liquid'" [routerLink]="['./']" fragment="get-assets">GET Assets</a>
+        <a *ngIf="network.val === 'liquid'" [routerLink]="['./']" fragment="get-asset-transactions">GET Asset Transactions</a>
+        <a *ngIf="network.val === 'liquid'" [routerLink]="['./']" fragment="get-asset-supply">GET Asset Supply</a>
 
         <p>Blocks</p>
-        <a href="#">GET Block</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Block Header</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Block Height</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Block Raw</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Block Status</a>
-        <a href="#">GET Block Tip Height</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Block Tip Hash</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Block Transaction ID</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Block Transaction IDs</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Block Transactions</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Blocks</a>
-        <a *ngIf="network.val === 'bisq'" href="#">GET Blocks</a>
+        <a [routerLink]="['./']" fragment="get-block">GET Block</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-block-header">GET Block Header</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-block-height">GET Block Height</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-block-raw">GET Block Raw</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-block-status">GET Block Status</a>
+        <a [routerLink]="['./']" fragment="get-block-tip-height">GET Block Tip Height</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-block-tip-hash">GET Block Tip Hash</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-block-transaction-id">GET Block Transaction ID</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-block-transaction-ids">GET Block Transaction IDs</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-block-transactions">GET Block Transactions</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-blocks">GET Blocks</a>
+        <a *ngIf="network.val === 'bisq'" [routerLink]="['./']" fragment="get-blocks">GET Blocks</a>
 
         <p *ngIf="network.val !== 'bisq'">Fees</p>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Mempool Blocks Fees</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Recommended Fees</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-mempool-blocks-fees">GET Mempool Blocks Fees</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-recommended-fees">GET Recommended Fees</a>
 
         <p *ngIf="network.val !== 'bisq'">Mempool</p>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Mempool</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Mempool Transaction IDs</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Mempool Recent</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-mempool">GET Mempool</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-mempool-transaction-ids">GET Mempool Transaction IDs</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-mempool-recent">GET Mempool Recent</a>
 
         <p>Transactions</p>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Children Pay for Parent</a>
-        <a href="#">GET Transaction</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Transaction Hex</a>
-        <a *ngIf="network.val !== 'bisq' && network.val !== 'liquid'" href="#">GET Transaction Merkleblock Proof</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Transaction Merkle Proof</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Transaction Outspend</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Transaction Outspends</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Transaction Raw</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">GET Transaction Status</a>
-        <a *ngIf="network.val === 'bisq'" href="#">GET Transactions</a>
-        <a *ngIf="network.val !== 'bisq'" href="#">POST Transaction</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-cpfp">GET Children Pay for Parent</a>
+        <a [routerLink]="['./']" fragment="get-transaction">GET Transaction</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-transaction-hex">GET Transaction Hex</a>
+        <a *ngIf="network.val !== 'bisq' && network.val !== 'liquid'" [routerLink]="['./']" fragment="get-transaction-merkleblock-proof">GET Transaction Merkleblock Proof</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-transaction-merkle-proof">GET Transaction Merkle Proof</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-transaction-outspend">GET Transaction Outspend</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-transaction-outspends">GET Transaction Outspends</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-transaction-raw">GET Transaction Raw</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="get-transaction-status">GET Transaction Status</a>
+        <a *ngIf="network.val === 'bisq'" [routerLink]="['./']" fragment="get-transactions">GET Transactions</a>
+        <a *ngIf="network.val !== 'bisq'" [routerLink]="['./']" fragment="post-transaction">POST Transaction</a>
 
       </div>
 
@@ -77,8 +77,8 @@
 
         <div class="api-category" *ngIf="network.val !== 'bisq' && network.val !== 'liquid'">
 
-          <div class="endpoint-container" id="difficultyAdjustment">
-            <a class="section-header" [routerLink]="['./']" fragment="difficultyAdjustment">GET Difficulty Adjustment <span>General</span></a>
+          <div class="endpoint-container" id="get-difficulty-adjustment">
+            <a class="section-header" [routerLink]="['./']" fragment="get-difficulty-adjustment">GET Difficulty Adjustment <span>General</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.difficulty)" target="_blank">GET {{ baseNetworkUrl }}/api/v1/difficulty-adjustment</a>
@@ -94,8 +94,8 @@
 
         <div class="api-category" *ngIf="network.val === 'bisq'">
 
-          <div class="endpoint-container" id="bisqMarketsCurrencies">
-            <a class="section-header" [routerLink]="['./']" fragment="bisqMarketsCurrencies">GET Market Currencies <span>Markets</span></a>
+          <div class="endpoint-container" id="get-market-currencies">
+            <a class="section-header" [routerLink]="['./']" fragment="get-market-currencies">GET Market Currencies <span>Markets</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.marketsCurrencies)" target="_blank">GET {{ baseNetworkUrl }}/api/currencies</a>
@@ -107,8 +107,8 @@
             <app-code-template [hostname]="hostname" [code]="code.marketsCurrencies" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" id="marketDepth">
-            <a class="section-header" [routerLink]="['./']" fragment="marketDepth">GET Market Depth <span>Markets</span></a>
+          <div class="endpoint-container" id="get-market-depth">
+            <a class="section-header" [routerLink]="['./']" fragment="get-market-depth">GET Market Depth <span>Markets</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.marketDepth)" target="_blank">GET {{ baseNetworkUrl }}/api/depth?market=[:market]</a>
@@ -120,8 +120,8 @@
             <app-code-template [hostname]="hostname" [code]="code.marketDepth" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" id="bisqMarketsHloc">
-            <a class="section-header" [routerLink]="['./']" fragment="bisqMarketsHloc">GET Market HLOC <span>Markets</span></a>
+          <div class="endpoint-container" id="get-market-hloc">
+            <a class="section-header" [routerLink]="['./']" fragment="get-market-hloc">GET Market HLOC <span>Markets</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.marketHloc)" target="_blank">GET {{ baseNetworkUrl }}/api/hloc?market=[:market]</a>
@@ -133,8 +133,8 @@
             <app-code-template [hostname]="hostname" [code]="code.marketHloc" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" id="bisqMarketsMarkets">
-            <a class="section-header" [routerLink]="['./']" fragment="bisqMarketsMarkets">GET Markets <span>Markets</span></a>
+          <div class="endpoint-container" id="get-markets">
+            <a class="section-header" [routerLink]="['./']" fragment="get-markets">GET Markets <span>Markets</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.markets)" target="_blank">GET {{ baseNetworkUrl }}/api/markets</a>
@@ -146,8 +146,8 @@
             <app-code-template [hostname]="hostname" [code]="code.markets" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" id="bisqMarketsOffers">
-            <a class="section-header" [routerLink]="['./']" fragment="bisqMarketsOffers">GET Market Offers <span>Markets</span></a>
+          <div class="endpoint-container" id="get-market-offers">
+            <a class="section-header" [routerLink]="['./']" fragment="get-market-offers">GET Market Offers <span>Markets</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.marketOffers)" target="_blank">GET {{ baseNetworkUrl }}/api/offers?market=[:market]</a>
@@ -159,8 +159,8 @@
             <app-code-template [hostname]="hostname" [code]="code.marketOffers" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" id="bisqMarketsTicker">
-            <a class="section-header" [routerLink]="['./']" fragment="bisqMarketsTicker">GET Market Ticker <span>Markets</span></a>
+          <div class="endpoint-container" id="get-market-ticker">
+            <a class="section-header" [routerLink]="['./']" fragment="get-market-ticker">GET Market Ticker <span>Markets</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.marketTicker)" target="_blank">GET {{ baseNetworkUrl }}/api/ticker?market=[:market]</a>
@@ -172,8 +172,8 @@
             <app-code-template [hostname]="hostname" [code]="code.marketTicker" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" id="bisqMarketsTrades">
-            <a class="section-header" [routerLink]="['./']" fragment="bisqMarketsTrades">GET Market Trades <span>Markets</span></a>
+          <div class="endpoint-container" id="get-market-trades">
+            <a class="section-header" [routerLink]="['./']" fragment="get-market-trades">GET Market Trades <span>Markets</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.marketTrades)" target="_blank">GET {{ baseNetworkUrl }}/api/trades?market=[:market]&limit=[:limit]</a>
@@ -185,8 +185,8 @@
             <app-code-template [hostname]="hostname" [code]="code.marketTrades" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" id="bisqMarketsVolumes">
-            <a class="section-header" [routerLink]="['./']" fragment="bisqMarketsVolumes">GET Market Volumes <span>Markets</span></a>
+          <div class="endpoint-container" id="get-market-volumes">
+            <a class="section-header" [routerLink]="['./']" fragment="get-market-volumes">GET Market Volumes <span>Markets</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.marketVolumes)" target="_blank">GET {{ baseNetworkUrl }}/api/volumes?basecurrency=[:basecurrency]</a>
@@ -202,8 +202,8 @@
 
         <div class="api-category" *ngIf="network.val === 'bisq'">
 
-          <div class="endpoint-container" id="bisqStats">
-            <a class="section-header" [routerLink]="['./']" fragment="bisqStats">GET Stats <span>General</span></a>
+          <div class="endpoint-container" id="get-stats">
+            <a class="section-header" [routerLink]="['./']" fragment="get-stats">GET Stats <span>General</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.stats)" target="_blank'" target="_blank">GET {{ baseNetworkUrl }}/api/stats</a>
@@ -219,8 +219,8 @@
 
         <div class="api-category">
 
-          <div class="endpoint-container" id="address">
-            <a class="section-header" [routerLink]="['./']" fragment="address">GET Address <span>Addresses</span></a>
+          <div class="endpoint-container" id="get-address">
+            <a class="section-header" [routerLink]="['./']" fragment="get-address">GET Address <span>Addresses</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.address)" target="_blank">GET {{ baseNetworkUrl }}/api/address/:address</a>
@@ -232,8 +232,8 @@
             <app-code-template [hostname]="hostname" [code]="code.address" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="addressTransactions">
-            <a class="section-header" [routerLink]="['./']" fragment="addressTransactions">GET Address Transactions <span>Addresses</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-address-transactions">
+            <a class="section-header" [routerLink]="['./']" fragment="get-address-transactions">GET Address Transactions <span>Addresses</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.addressTransactions)" target="_blank">GET {{ baseNetworkUrl }}/api/address/:address/txs</a>
@@ -245,8 +245,8 @@
             <app-code-template [hostname]="hostname" [code]="code.addressTransactions" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="addressTransactionsChain">
-            <a class="section-header" [routerLink]="['./']" fragment="addressTransactionsChain">GET Address Transactions Chain <span>Addresses</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-address-transactions-chain">
+            <a class="section-header" [routerLink]="['./']" fragment="get-address-transactions-chain">GET Address Transactions Chain <span>Addresses</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.addressTransactionsChain)" target="_blank">GET {{ baseNetworkUrl }}/api/address/:address/txs/chain</a>
@@ -258,8 +258,8 @@
             <app-code-template [hostname]="hostname" [code]="code.addressTransactionsChain" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="addressTransactionsMempool">
-              <a class="section-header" [routerLink]="['./']" fragment="addressTransactionsMempool">GET Address Transactions Mempool <span>Addresses</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-address-transactions-mempool">
+              <a class="section-header" [routerLink]="['./']" fragment="get-address-transactions-mempool">GET Address Transactions Mempool <span>Addresses</span></a>
               <div class="endpoint">
                 <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a [href]="wrapUrl(network.val, code.addressTransactionsMempool)" target="_blank">GET {{ baseNetworkUrl }}/api/address/:address/txs/mempool</a>
@@ -271,8 +271,8 @@
               <app-code-template [hostname]="hostname" [code]="code.addressTransactionsMempool" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="addressUTXO">
-            <a class="section-header" [routerLink]="['./']" fragment="addressUTXO">GET Address UTXO <span>Addresses</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-address-utxo">
+            <a class="section-header" [routerLink]="['./']" fragment="get-address-utxo">GET Address UTXO <span>Addresses</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.addressUTXO)" target="_blank">GET {{ baseNetworkUrl }}/api/address/:address/utxo</a>
@@ -288,8 +288,8 @@
 
         <div class="api-category" *ngIf="network.val === 'liquid'">
 
-          <div class="endpoint-container" id="assets">
-            <a class="section-header" [routerLink]="['./']" fragment="assets">GET Assets <span>Assets</span></a>
+          <div class="endpoint-container" id="get-assets">
+            <a class="section-header" [routerLink]="['./']" fragment="get-assets">GET Assets <span>Assets</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.assets)" target="_blank">GET /liquid/api/asset/:asset_id</a>
@@ -301,8 +301,8 @@
             <app-code-template [hostname]="hostname" [code]="code.assets" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" id="assetTransactions">
-            <a class="section-header" [routerLink]="['./']" fragment="assetTransactions">GET Asset Transactions <span>Assets</span></a>
+          <div class="endpoint-container" id="get-asset-transactions">
+            <a class="section-header" [routerLink]="['./']" fragment="get-asset-transactions">GET Asset Transactions <span>Assets</span></a>
             <div class="endpoint">
               <a [href]="wrapUrl(network.val, code.assetTransactions)" target="_blank">GET /liquid/api/asset/:asset_id/txs[/mempool|/chain]</a>
             </div>
@@ -313,8 +313,8 @@
             <app-code-template [hostname]="hostname" [code]="code.assetTransactions" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" id="assetSupply">
-            <a class="section-header" [routerLink]="['./']" fragment="assetSupply">GET Asset Supply <span>Assets</span></a>
+          <div class="endpoint-container" id="get-asset-supply">
+            <a class="section-header" [routerLink]="['./']" fragment="get-asset-supply">GET Asset Supply <span>Assets</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.assetSupply)" target="_blank">GET /liquid/api/asset/:asset_id/supply[/decimal]</a>
@@ -330,8 +330,8 @@
 
         <div class="api-category">
 
-          <div class="endpoint-container" id="block">
-            <a class="section-header" [routerLink]="['./']" fragment="block">GET Block <span>Blocks</span></a>
+          <div class="endpoint-container" id="get-block">
+            <a class="section-header" [routerLink]="['./']" fragment="get-block">GET Block <span>Blocks</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.block)" target="_blank">GET {{ baseNetworkUrl }}/api/block/:hash</a>
@@ -343,8 +343,8 @@
             <app-code-template [hostname]="hostname" [code]="code.block" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="blockHeader">
-            <a class="section-header" [routerLink]="['./']" fragment="blockHeader">GET Block Header <span>Blocks</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-block-header">
+            <a class="section-header" [routerLink]="['./']" fragment="get-block-header">GET Block Header <span>Blocks</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.blockHeader)" target="_blank">GET {{ baseNetworkUrl }}/api/block/:hash/header</a>
@@ -356,8 +356,8 @@
             <app-code-template [hostname]="hostname" [code]="code.blockHeader" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="blockHeight">
-            <a class="section-header" [routerLink]="['./']" fragment="blockHeight">GET Block Height <span>Blocks</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-block-height">
+            <a class="section-header" [routerLink]="['./']" fragment="get-block-height">GET Block Height <span>Blocks</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.blockHeader)" target="_blank">GET {{ baseNetworkUrl }}/api/block-height/:height</a>
@@ -369,8 +369,8 @@
             <app-code-template [hostname]="hostname" [code]="code.blockHeight" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="blockRaw">
-            <a class="section-header" [routerLink]="['./']" fragment="blockRaw">GET Block Raw <span>Blocks</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-block-raw">
+            <a class="section-header" [routerLink]="['./']" fragment="get-block-raw">GET Block Raw <span>Blocks</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.blockRaw)" target="_blank">GET {{ baseNetworkUrl }}/api/block/:hash/raw</a>
@@ -382,8 +382,8 @@
             <app-code-template [hostname]="hostname" [code]="code.blockRaw" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="blockStatus">
-            <a class="section-header" [routerLink]="['./']" fragment="blockStatus">GET Block Status <span>Blocks</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-block-status">
+            <a class="section-header" [routerLink]="['./']" fragment="get-block-status">GET Block Status <span>Blocks</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.blockStatus)" target="_blank">GET {{ baseNetworkUrl }}/api/block/:hash/status</a>
@@ -395,8 +395,8 @@
             <app-code-template [hostname]="hostname" [code]="code.blockStatus" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" id="blockTipHeight">
-            <a class="section-header" [routerLink]="['./']" fragment="blockTipHeight">GET Block Tip Height <span>Blocks</span></a>
+          <div class="endpoint-container" id="get-block-tip-height">
+            <a class="section-header" [routerLink]="['./']" fragment="get-block-tip-height">GET Block Tip Height <span>Blocks</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.blockTipHeight)" target="_blank">GET {{ baseNetworkUrl }}/api/blocks/tip/height</a>
@@ -408,8 +408,8 @@
             <app-code-template [hostname]="hostname" [code]="code.blockTipHeight" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="blockTipHash">
-            <a class="section-header" [routerLink]="['./']" fragment="blockTipHash">GET Block Tip Hash <span>Blocks</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-block-tip-hash">
+            <a class="section-header" [routerLink]="['./']" fragment="get-block-tip-hash">GET Block Tip Hash <span>Blocks</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.blockTipHash)" target="_blank">GET {{ baseNetworkUrl }}/api/blocks/tip/hash</a>
@@ -421,8 +421,8 @@
             <app-code-template [hostname]="hostname" [code]="code.blockTipHash" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="blockTxId">
-            <a class="section-header" [routerLink]="['./']" fragment="blockTxId">GET Block Transaction ID <span>Blocks</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-block-transaction-id">
+            <a class="section-header" [routerLink]="['./']" fragment="get-block-transaction-id">GET Block Transaction ID <span>Blocks</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.blockTxId)" target="_blank">GET {{ baseNetworkUrl }}/api/block/:hash/txid/:index</a>
@@ -434,8 +434,8 @@
             <app-code-template [hostname]="hostname" [code]="code.blockTxId" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="blockTxIds">
-            <a class="section-header" [routerLink]="['./']" fragment="blockTxIds">GET Block Transaction IDs <span>Blocks</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-block-transaction-ids">
+            <a class="section-header" [routerLink]="['./']" fragment="get-block-transaction-ids">GET Block Transaction IDs <span>Blocks</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.blockTxIds)" target="_blank">GET {{ baseNetworkUrl }}/api/block/:hash/txids</a>
@@ -447,8 +447,8 @@
             <app-code-template [hostname]="hostname" [code]="code.blockTxIds" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="blockTxs">
-            <a class="section-header" [routerLink]="['./']" fragment="blockTxs">GET Block Transactions <span>Blocks</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-block-transactions">
+            <a class="section-header" [routerLink]="['./']" fragment="get-block-transactions">GET Block Transactions <span>Blocks</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.blockTxs)" target="_blank">GET {{ baseNetworkUrl }}/api/block/:hash/txs[/:start_index]</a>
@@ -460,8 +460,8 @@
             <app-code-template [hostname]="hostname" [code]="code.blockTxs" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="blocks">
-            <a class="section-header" [routerLink]="['./']" fragment="blocks">GET Blocks <span>Blocks</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-blocks">
+            <a class="section-header" [routerLink]="['./']" fragment="get-blocks">GET Blocks <span>Blocks</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.blocks)" target="_blank">GET {{ baseNetworkUrl }}/api/blocks[/:start_height]</a>
@@ -473,8 +473,8 @@
             <app-code-template [hostname]="hostname" [code]="code.blocks" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val === 'bisq'" id="blocks">
-            <a class="section-header" [routerLink]="['./']" fragment="blocks">GET Blocks <span>Blocks</span></a>
+          <div class="endpoint-container" *ngIf="network.val === 'bisq'" id="get-blocks">
+            <a class="section-header" [routerLink]="['./']" fragment="get-blocks">GET Blocks <span>Blocks</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.blocksBisq)" target="_blank">GET {{ baseNetworkUrl }}/api/blocks/:index/:length</a>
@@ -490,8 +490,8 @@
 
         <div class="api-category" *ngIf="network.val !== 'bisq'">
 
-          <div class="endpoint-container" id="feeMempoolBlocks">
-            <a class="section-header" [routerLink]="['./']" fragment="feeMempoolBlocks">GET Mempool Blocks Fees <span>Fees</span></a>
+          <div class="endpoint-container" id="get-mempool-blocks-fees">
+            <a class="section-header" [routerLink]="['./']" fragment="get-mempool-blocks-fees">GET Mempool Blocks Fees <span>Fees</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.feeMempoolBlocks)" target="_blank">GET {{ baseNetworkUrl }}/api/v1/fees/mempool-blocks</a>
@@ -503,8 +503,8 @@
             <app-code-template [hostname]="hostname" [code]="code.feeMempoolBlocks" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" id="feeRecommended">
-            <a class="section-header" [routerLink]="['./']" fragment="feeRecommended">GET Recommended Fees <span>Fees</span></a>
+          <div class="endpoint-container" id="get-recommended-fees">
+            <a class="section-header" [routerLink]="['./']" fragment="get-recommended-fees">GET Recommended Fees <span>Fees</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.feeRecommended)" target="_blank">GET {{ baseNetworkUrl }}/api/v1/fees/recommended</a>
@@ -520,8 +520,8 @@
 
         <div class="api-category" *ngIf="network.val !== 'bisq'">
 
-          <div class="endpoint-container" id="mempool">
-            <a class="section-header" [routerLink]="['./']" fragment="mempool">GET Mempool <span>Fees</span></a>
+          <div class="endpoint-container" id="get-mempool">
+            <a class="section-header" [routerLink]="['./']" fragment="get-mempool">GET Mempool <span>Fees</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.mempool)" target="_blank">GET {{ baseNetworkUrl }}/api/mempool</a>
@@ -533,8 +533,8 @@
             <app-code-template [hostname]="hostname" [code]="code.mempool" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" id="mempoolTxs">
-            <a class="section-header" [routerLink]="['./']" fragment="mempoolTxs">GET Mempool Transactions IDs <span>Fees</span></a>
+          <div class="endpoint-container" id="get-mempool-transaction-ids">
+            <a class="section-header" [routerLink]="['./']" fragment="get-mempool-transaction-ids">GET Mempool Transactions IDs <span>Fees</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.mempoolTxs)" target="_blank">GET {{ baseNetworkUrl }}/api/mempool/txids</a>
@@ -546,8 +546,8 @@
             <app-code-template [hostname]="hostname" [code]="code.mempoolTxs" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" id="mempoolRecent">
-            <a class="section-header" [routerLink]="['./']" fragment="mempoolRecent">GET Mempool Recent <span>Fees</span></a>
+          <div class="endpoint-container" id="get-mempool-recent">
+            <a class="section-header" [routerLink]="['./']" fragment="get-mempool-recent">GET Mempool Recent <span>Fees</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.mempoolRecent)" target="_blank">GET {{ baseNetworkUrl }}/api/mempool/recent</a>
@@ -563,8 +563,8 @@
 
         <div class="api-category">
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="cpfp">
-            <a class="section-header" [routerLink]="['./']" fragment="cpfp">GET Children Pay for Parent <span>Transactions</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-cpfp">
+            <a class="section-header" [routerLink]="['./']" fragment="get-cpfp">GET Children Pay for Parent <span>Transactions</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.transactionCpfp)" target="_blank">GET {{ baseNetworkUrl }}/api/v1/cpfp/:txid</a>
@@ -576,8 +576,8 @@
             <app-code-template [hostname]="hostname" [code]="code.transactionCpfp" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" id="transaction">
-            <a class="section-header" [routerLink]="['./']" fragment="transaction">GET Transaction <span>Transactions</span></a>
+          <div class="endpoint-container" id="get-transaction">
+            <a class="section-header" [routerLink]="['./']" fragment="get-transaction">GET Transaction <span>Transactions</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.transaction)" target="_blank">GET {{ baseNetworkUrl }}/api/tx/:txid</a>
@@ -589,8 +589,8 @@
             <app-code-template [hostname]="hostname" [code]="code.transaction" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="transactionHex">
-            <a class="section-header" [routerLink]="['./']" fragment="bisqMarketsTrades">GET Transaction Hex <span>Transactions</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-transaction-hex">
+            <a class="section-header" [routerLink]="['./']" fragment="get-transaction-hex">GET Transaction Hex <span>Transactions</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
                 <a [href]="wrapUrl(network.val, code.transactionHex)" target="_blank">GET {{ baseNetworkUrl }}/api/tx/:txid/hex</a>
@@ -602,8 +602,8 @@
             <app-code-template [hostname]="hostname" [code]="code.transactionHex" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq' && network.val !== 'liquid'" id="transactionMerkleBlockProof">
-            <a class="section-header" [routerLink]="['./']" fragment="transactionMerkleBlockProof">GET Transaction Merkleblock Proof <span>Transactions</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq' && network.val !== 'liquid'" id="get-transaction-merkleblock-proof">
+            <a class="section-header" [routerLink]="['./']" fragment="get-transaction-merkleblock-proof">GET Transaction Merkleblock Proof <span>Transactions</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.transactionMerkleBlockProof)" target="_blank">GET {{ baseNetworkUrl }}/api/tx/:txid/merkleblock-proof</a>
@@ -615,8 +615,8 @@
             <app-code-template [hostname]="hostname" [code]="code.transactionMerkleBlockProof" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="transactionMerkleProof">
-            <a class="section-header" [routerLink]="['./']" fragment="transactionMerkleProof">GET Transaction Merkle Proof <span>Transactions</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-transaction-merkle-proof">
+            <a class="section-header" [routerLink]="['./']" fragment="get-transaction-merkle-proof">GET Transaction Merkle Proof <span>Transactions</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.transactionMerkleProof)" target="_blank">GET {{ baseNetworkUrl }}/api/tx/:txid/merkle-proof</a>
@@ -628,8 +628,8 @@
             <app-code-template [hostname]="hostname" [code]="code.transactionMerkleProof" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="transactionOutspend">
-            <a class="section-header" [routerLink]="['./']" fragment="transactionOutspend">GET Transaction Outspend <span>Transactions</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-transaction-outspend">
+            <a class="section-header" [routerLink]="['./']" fragment="get-transaction-outspend">GET Transaction Outspend <span>Transactions</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.transactionOutspend)" target="_blank">GET {{ baseNetworkUrl }}/api/tx/:txid/outspend/:vout</a>
@@ -641,8 +641,8 @@
             <app-code-template [hostname]="hostname" [code]="code.transactionOutspend" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="transactionOutspends">
-            <a class="section-header" [routerLink]="['./']" fragment="transactionOutspends">GET Transaction Outspends <span>Transactions</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-transaction-outspends">
+            <a class="section-header" [routerLink]="['./']" fragment="get-transaction-outspends">GET Transaction Outspends <span>Transactions</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.transactionOutspends)" target="_blank">GET {{ baseNetworkUrl }}/api/tx/:txid/outspends</a>
@@ -654,8 +654,8 @@
             <app-code-template [hostname]="hostname" [code]="code.transactionOutspends" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="transactionRaw">
-            <a class="section-header" [routerLink]="['./']" fragment="transactionRaw">GET Transaction Raw <span>Transactions</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-transaction-raw">
+            <a class="section-header" [routerLink]="['./']" fragment="get-transaction-raw">GET Transaction Raw <span>Transactions</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.transactionRaw)" target="_blank">GET {{ baseNetworkUrl }}/api/tx/:txid/raw</a>
@@ -667,8 +667,8 @@
             <app-code-template [hostname]="hostname" [code]="code.transactionRaw" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="transactionStatus">
-            <a class="section-header" [routerLink]="['./']" fragment="transactionStatus">GET Transaction Status <span>Transactions</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="get-transaction-status">
+            <a class="section-header" [routerLink]="['./']" fragment="get-transaction-status">GET Transaction Status <span>Transactions</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.transactionStatus)" target="_blank">GET {{ baseNetworkUrl }}/api/tx/:txid/status</a>
@@ -680,8 +680,8 @@
             <app-code-template [hostname]="hostname" [code]="code.transactionStatus" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val === 'bisq'" id="transactionsBisq">
-            <a class="section-header" [routerLink]="['./']" fragment="transactionsBisq">GET Transactions <span>Transactions</span></a>
+          <div class="endpoint-container" *ngIf="network.val === 'bisq'" id="get-transactions">
+            <a class="section-header" [routerLink]="['./']" fragment="get-transactions">GET Transactions <span>Transactions</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <a [href]="wrapUrl(network.val, code.transactionsBisq)" target="_blank">GET {{ baseNetworkUrl }}/api/txs/:index/:length</a>
@@ -693,8 +693,8 @@
             <app-code-template [hostname]="hostname" [code]="code.transactionsBisq" [network]="network.val" ></app-code-template>
           </div>
 
-          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="postTransaction">
-            <a class="section-header" [routerLink]="['./']" fragment="postTransaction">POST Transaction <span>Transactions</span></a>
+          <div class="endpoint-container" *ngIf="network.val !== 'bisq'" id="post-transaction">
+            <a class="section-header" [routerLink]="['./']" fragment="post-transaction">POST Transaction <span>Transactions</span></a>
             <div class="endpoint">
               <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
               <div>POST /api/tx</div>