Move /api to /docs/api
Also make API docs responsive so they can be viewed on mobile. REST docs are at /docs/api/rest and WebSocket docs are at /docs/api/websocket.
This commit is contained in:
		
							parent
							
								
									73f558db6e
								
							
						
					
					
						commit
						23c9bf489a
					
				@ -14,7 +14,7 @@ import { AssetsComponent } from './assets/assets.component';
 | 
			
		||||
import { StatusViewComponent } from './components/status-view/status-view.component';
 | 
			
		||||
import { DashboardComponent } from './dashboard/dashboard.component';
 | 
			
		||||
import { LatestBlocksComponent } from './components/latest-blocks/latest-blocks.component';
 | 
			
		||||
import { ApiDocsComponent } from './components/api-docs/api-docs.component';
 | 
			
		||||
import { DocsComponent } from './components/docs/docs.component';
 | 
			
		||||
import { TermsOfServiceComponent } from './components/terms-of-service/terms-of-service.component';
 | 
			
		||||
import { PrivacyPolicyComponent } from './components/privacy-policy/privacy-policy.component';
 | 
			
		||||
import { TrademarkPolicyComponent } from './components/trademark-policy/trademark-policy.component';
 | 
			
		||||
@ -66,9 +66,21 @@ let routes: Routes = [
 | 
			
		||||
        path: 'about',
 | 
			
		||||
        component: AboutComponent,
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        path: 'docs/api/:type',
 | 
			
		||||
        component: DocsComponent
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        path: 'docs/api',
 | 
			
		||||
        redirectTo: 'docs/api/rest'
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        path: 'docs',
 | 
			
		||||
        redirectTo: 'docs/api/rest'
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        path: 'api',
 | 
			
		||||
        component: ApiDocsComponent,
 | 
			
		||||
        redirectTo: 'docs/api/rest'
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        path: 'terms-of-service',
 | 
			
		||||
@ -146,9 +158,21 @@ let routes: Routes = [
 | 
			
		||||
            path: 'assets',
 | 
			
		||||
            component: AssetsComponent,
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            path: 'docs/api/:type',
 | 
			
		||||
            component: DocsComponent
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            path: 'docs/api',
 | 
			
		||||
            redirectTo: 'docs/api/rest'
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            path: 'docs',
 | 
			
		||||
            redirectTo: 'docs/api/rest'
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            path: 'api',
 | 
			
		||||
            component: ApiDocsComponent,
 | 
			
		||||
            redirectTo: 'docs/api/rest'
 | 
			
		||||
          },
 | 
			
		||||
        ],
 | 
			
		||||
      },
 | 
			
		||||
@ -212,9 +236,21 @@ let routes: Routes = [
 | 
			
		||||
            children: [],
 | 
			
		||||
            component: AddressComponent
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            path: 'docs/api/:type',
 | 
			
		||||
            component: DocsComponent
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            path: 'docs/api',
 | 
			
		||||
            redirectTo: 'docs/api/rest'
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            path: 'docs',
 | 
			
		||||
            redirectTo: 'docs/api/rest'
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            path: 'api',
 | 
			
		||||
            component: ApiDocsComponent,
 | 
			
		||||
            redirectTo: 'docs/api/rest'
 | 
			
		||||
          },
 | 
			
		||||
        ],
 | 
			
		||||
      },
 | 
			
		||||
@ -278,9 +314,21 @@ let routes: Routes = [
 | 
			
		||||
            children: [],
 | 
			
		||||
            component: AddressComponent
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            path: 'docs/api/:type',
 | 
			
		||||
            component: DocsComponent
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            path: 'docs/api',
 | 
			
		||||
            redirectTo: 'docs/api/rest'
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            path: 'docs',
 | 
			
		||||
            redirectTo: 'docs/api/rest'
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            path: 'api',
 | 
			
		||||
            component: ApiDocsComponent,
 | 
			
		||||
            redirectTo: 'docs/api/rest'
 | 
			
		||||
          },
 | 
			
		||||
        ],
 | 
			
		||||
      },
 | 
			
		||||
@ -380,9 +428,21 @@ if (browserWindowEnv && browserWindowEnv.BASE_MODULE === 'liquid') {
 | 
			
		||||
        path: 'assets',
 | 
			
		||||
        component: AssetsComponent,
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        path: 'docs/api/:type',
 | 
			
		||||
        component: DocsComponent
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        path: 'docs/api',
 | 
			
		||||
        redirectTo: 'docs/api/rest'
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        path: 'docs',
 | 
			
		||||
        redirectTo: 'docs/api/rest'
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        path: 'api',
 | 
			
		||||
        component: ApiDocsComponent,
 | 
			
		||||
        redirectTo: 'docs/api/rest'
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        path: 'about',
 | 
			
		||||
@ -429,3 +489,4 @@ if (browserWindowEnv && browserWindowEnv.BASE_MODULE === 'liquid') {
 | 
			
		||||
  exports: [RouterModule]
 | 
			
		||||
})
 | 
			
		||||
export class AppRoutingModule { }
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -48,9 +48,10 @@ import { FeesBoxComponent } from './components/fees-box/fees-box.component';
 | 
			
		||||
import { DashboardComponent } from './dashboard/dashboard.component';
 | 
			
		||||
import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
 | 
			
		||||
import { faFilter, faAngleDown, faAngleUp, faAngleRight, faAngleLeft, faBolt, faChartArea, faCogs, faCubes, faDatabase, faExchangeAlt, faInfoCircle,
 | 
			
		||||
  faLink, faList, faSearch, faCaretUp, faCaretDown, faTachometerAlt, faThList, faTint, faTv, faAngleDoubleDown, faSortUp, faAngleDoubleUp, faChevronDown, faFileAlt, faRedoAlt, faArrowAltCircleRight, faExternalLinkAlt } from '@fortawesome/free-solid-svg-icons';
 | 
			
		||||
import { ApiDocsComponent } from './components/api-docs/api-docs.component';
 | 
			
		||||
import { CodeTemplateComponent } from './components/api-docs/code-template.component';
 | 
			
		||||
  faLink, faList, faSearch, faCaretUp, faCaretDown, faTachometerAlt, faThList, faTint, faTv, faAngleDoubleDown, faSortUp, faAngleDoubleUp, faChevronDown, faFileAlt, faRedoAlt, faArrowAltCircleRight, faExternalLinkAlt, faBook } from '@fortawesome/free-solid-svg-icons';
 | 
			
		||||
import { ApiDocsComponent } from './components/docs/api-docs.component';
 | 
			
		||||
import { DocsComponent } from './components/docs/docs.component';
 | 
			
		||||
import { CodeTemplateComponent } from './components/docs/code-template.component';
 | 
			
		||||
import { TermsOfServiceComponent } from './components/terms-of-service/terms-of-service.component';
 | 
			
		||||
import { PrivacyPolicyComponent } from './components/privacy-policy/privacy-policy.component';
 | 
			
		||||
import { TrademarkPolicyComponent } from './components/trademark-policy/trademark-policy.component';
 | 
			
		||||
@ -100,6 +101,7 @@ import { PushTransactionComponent } from './components/push-transaction/push-tra
 | 
			
		||||
    TrademarkPolicyComponent,
 | 
			
		||||
    SponsorComponent,
 | 
			
		||||
    PushTransactionComponent,
 | 
			
		||||
    DocsComponent,
 | 
			
		||||
  ],
 | 
			
		||||
  imports: [
 | 
			
		||||
    BrowserModule.withServerTransition({ appId: 'serverApp' }),
 | 
			
		||||
@ -158,5 +160,6 @@ export class AppModule {
 | 
			
		||||
    library.addIcons(faCaretDown);
 | 
			
		||||
    library.addIcons(faAngleRight);
 | 
			
		||||
    library.addIcons(faAngleLeft);
 | 
			
		||||
    library.addIcons(faBook);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -7,7 +7,7 @@ import { BisqBlockComponent } from './bisq-block/bisq-block.component';
 | 
			
		||||
import { BisqBlocksComponent } from './bisq-blocks/bisq-blocks.component';
 | 
			
		||||
import { BisqAddressComponent } from './bisq-address/bisq-address.component';
 | 
			
		||||
import { BisqStatsComponent } from './bisq-stats/bisq-stats.component';
 | 
			
		||||
import { ApiDocsComponent } from '../components/api-docs/api-docs.component';
 | 
			
		||||
import { DocsComponent } from '../components/docs/docs.component';
 | 
			
		||||
import { BisqDashboardComponent } from './bisq-dashboard/bisq-dashboard.component';
 | 
			
		||||
import { BisqMarketComponent } from './bisq-market/bisq-market.component';
 | 
			
		||||
import { BisqMainDashboardComponent } from './bisq-main-dashboard/bisq-main-dashboard.component';
 | 
			
		||||
@ -60,9 +60,21 @@ const routes: Routes = [
 | 
			
		||||
      path: 'about',
 | 
			
		||||
      component: AboutComponent,
 | 
			
		||||
    },
 | 
			
		||||
    {
 | 
			
		||||
      path: 'docs/api/:type',
 | 
			
		||||
      component: DocsComponent
 | 
			
		||||
    },
 | 
			
		||||
    {
 | 
			
		||||
      path: 'docs/api',
 | 
			
		||||
      redirectTo: 'docs/api/rest'
 | 
			
		||||
    },
 | 
			
		||||
    {
 | 
			
		||||
      path: 'docs',
 | 
			
		||||
      redirectTo: 'docs/api/rest'
 | 
			
		||||
    },
 | 
			
		||||
    {
 | 
			
		||||
      path: 'api',
 | 
			
		||||
      component: ApiDocsComponent,
 | 
			
		||||
      redirectTo: 'docs/api/rest'
 | 
			
		||||
    },
 | 
			
		||||
    {
 | 
			
		||||
      path: 'terms-of-service',
 | 
			
		||||
 | 
			
		||||
@ -1,899 +0,0 @@
 | 
			
		||||
<ng-container *ngIf="{ val: network$ | async } as network">
 | 
			
		||||
  <div class="container-xl text-left">
 | 
			
		||||
    <div class="text-center">
 | 
			
		||||
      <h2>{{ network.val === '' ? 'Bitcoin' : network.val.charAt(0).toUpperCase() + network.val.slice(1) }} <ng-container i18n="api-docs.title">API Service</ng-container></h2>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    <ul ngbNav #nav="ngbNav" [(activeId)]="active" class="nav-tabs">
 | 
			
		||||
 | 
			
		||||
      <li *ngIf="network.val !== 'bisq' && network.val !== 'liquid'" [ngbNavItem]="0">
 | 
			
		||||
        <a ngbNavLink i18n="api-docs.tab.general|API Docs tab for General">General</a>
 | 
			
		||||
        <ng-template ngbNavContent>
 | 
			
		||||
          <ngb-accordion [closeOthers]="true" animated="true" type="dark">
 | 
			
		||||
            <ngb-panel id="difficultyAdjustment" *ngIf="network.val !== 'liquid'">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Difficulty Adjustment</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <div class="difficulty">
 | 
			
		||||
                  <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>
 | 
			
		||||
                  </div>
 | 
			
		||||
                  <div class="description">
 | 
			
		||||
                    <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                      <div i18n>Returns details about difficulty adjustment.</div>
 | 
			
		||||
                  </div>
 | 
			
		||||
                  <app-code-template [hostname]="hostname" [code]="code.difficulty" [network]="network.val" ></app-code-template>
 | 
			
		||||
                </div>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
          </ngb-accordion>
 | 
			
		||||
        </ng-template>
 | 
			
		||||
      </li>
 | 
			
		||||
 | 
			
		||||
      <li *ngIf="network.val === 'bisq'" [ngbNavItem]="0">
 | 
			
		||||
        <a ngbNavLink i18n="Bisq All Markets">Markets</a>
 | 
			
		||||
        <ng-template ngbNavContent>
 | 
			
		||||
          <ngb-accordion [closeOthers]="true" animated="true" type="dark" >
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="bisqMarketsCurrencies">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Market Currencies</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Provides list of available currencies for a given base currency. </div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.marketsCurrencies" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="marketDepth">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Market Depth</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Provides list of open offer prices for a single market.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.marketDepth" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="bisqMarketsHloc">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Market HLOC</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Provides hi/low/open/close data for a given market. This can be used to generate a candlestick chart.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.marketHloc" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="bisqMarketsMarkets">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Markets</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Provides list of available markets.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.markets" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="bisqMarketsOffers">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Market Offers</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Provides list of open offer details for a single market.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.marketOffers" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="bisqMarketsTicker">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Market Ticker</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Provides 24 hour price ticker for single market or all markets</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.marketTicker" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="bisqMarketsTrades">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Market Trades</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Provides list of completed trades for a single market.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.marketTrades" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="bisqMarketsVolumes">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Market Volumes</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Provides periodic volume data in terms of base currency for one or all markets.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.marketVolumes" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          </ngb-accordion>
 | 
			
		||||
        </ng-template>
 | 
			
		||||
      </li>
 | 
			
		||||
 | 
			
		||||
      <li *ngIf="network.val === 'bisq'" [ngbNavItem]="1">
 | 
			
		||||
        <a ngbNavLink i18n="api-docs.tab.bsq|API Docs tab for BSQ">General</a>
 | 
			
		||||
        <ng-template ngbNavContent>
 | 
			
		||||
          <ngb-accordion [closeOthers]="true" animated="true" type="dark" >
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="bisqStats">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Stats</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns statistics about all Bisq transactions.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.stats" [network]="network.val"></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          </ngb-accordion>
 | 
			
		||||
        </ng-template>
 | 
			
		||||
      </li>
 | 
			
		||||
 | 
			
		||||
      <li [ngbNavItem]="2">
 | 
			
		||||
        <a ngbNavLink i18n="api-docs.tab.addresses|API Docs tab for Addresses">Addresses</a>
 | 
			
		||||
        <ng-template ngbNavContent>
 | 
			
		||||
          <ngb-accordion [closeOthers]="true" animated="true" type="dark" >
 | 
			
		||||
            <ngb-panel id="address">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Address</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                    <div i18n>Returns details about an address. Available fields: <code>address</code>, <code>chain_stats</code>, and <code>mempool_stats</code>. {{ '{' }}chain,mempool{{ '}' }}_stats each contain an object with <code>tx_count</code>, <code>funded_txo_count</code>, <code>funded_txo_sum</code>, <code>spent_txo_count</code>, and <code>spent_txo_sum</code>.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.address" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'"  id="addressTransactions">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Address Transactions</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Get transaction history for the specified address/scripthash, sorted with newest first. Returns up to 50 mempool transactions plus the first 25 confirmed transactions. You can request more confirmed transactions using <code>:last_seen_txid</code> (see below).</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.addressTransactions" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="addressTransactionsChain">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Address Transactions Chain</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Get confirmed transaction history for the specified address/scripthash, sorted with newest first. Returns 25 transactions per page. More can be requested by specifying the last txid seen by the previous query.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.addressTransactionsChain" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="addressTransactionsMempool">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Address Transactions Mempool</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Get unconfirmed transaction history for the specified address/scripthash. Returns up to 50 transactions (no paging).</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.addressTransactionsMempool" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="addressUTXO">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Address UTXO</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Get the list of unspent transaction outputs associated with the address/scripthash. Available fields: <code>txid</code>, <code>vout</code>, <code>value</code>, and <code>status</code> (with the status of the funding tx).<ng-container *ngIf="network.val === 'liquid'">There is also a <code>valuecommitment</code> field that may appear in place of <code>value</code>, plus the following additional fields: <code>asset</code>/<code>assetcommitment</code>, <code>nonce</code>/<code>noncecommitment</code>, <code>surjection_proof</code>, and <code>range_proof</code>.</ng-container></div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.addressUTXO" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          </ngb-accordion>
 | 
			
		||||
        </ng-template>
 | 
			
		||||
      </li>
 | 
			
		||||
 | 
			
		||||
      <li *ngIf="network.val === 'liquid'" [ngbNavItem]="3">
 | 
			
		||||
        <a ngbNavLink i18n="api-docs.tab.assets|API Docs tab for Assets">Assets</a>
 | 
			
		||||
        <ng-template ngbNavContent>
 | 
			
		||||
          <ngb-accordion [closeOthers]="true" animated="true" type="dark" >
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="assets">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Assets</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns information about a Liquid asset.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.assets" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="assetTransactions">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Asset Transactions</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <div class="endpoint">
 | 
			
		||||
                  <a [href]="wrapUrl(network.val, code.assetTransactions)" target="_blank">GET /liquid/api/asset/:asset_id/txs[/mempool|/chain]</a>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns transactions associated with the specified Liquid asset. For the network's native asset, returns a list of peg in, peg out, and burn transactions. For user-issued assets, returns a list of issuance, reissuance, and burn transactions. Does not include regular transactions transferring this asset.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.assetTransactions" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="assetSupply">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Asset Supply</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Get the current total supply of the specified asset. For the native asset (L-BTC), this is calculated as [chain,mempool]_stats.peg_in_amount - [chain,mempool]_stats.peg_out_amount - [chain,mempool]_stats.burned_amount. For issued assets, this is calculated as [chain,mempool]_stats.issued_amount - [chain,mempool]_stats.burned_amount. Not available for assets with blinded issuances. If /decimal is specified, returns the supply as a decimal according to the asset's divisibility. Otherwise, returned in base units.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.assetSupply" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          </ngb-accordion>
 | 
			
		||||
        </ng-template>
 | 
			
		||||
      </li>
 | 
			
		||||
 | 
			
		||||
      <li [ngbNavItem]="4">
 | 
			
		||||
        <a ngbNavLink i18n="api-docs.tab.blocks|API Docs tab for Blocks">Blocks</a>
 | 
			
		||||
        <ng-template ngbNavContent>
 | 
			
		||||
          <ngb-accordion [closeOthers]="true" animated="true" type="dark" >
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="block">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Block</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns details about a block. Available fields: <code>id</code>, <code>height</code>, <code>version</code>, <code>timestamp</code>, <code>bits</code>, <code>nonce</code>, <code>merkle_root</code>, <code>tx_count</code>, <code>size</code>, <code>weight</code>,<ng-container *ngIf="network.val === 'liquid'"> <code>proof</code>,</ng-container> and <code>previousblockhash</code>.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.block" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="blockHeader">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Block Header</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns the hex-encoded block header.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.blockHeader" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="blockHeight">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Block Height</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns the hash of the block currently at <code>:height</code>.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.blockHeight" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="blockRaw">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Block Raw</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <div class="endpoint">
 | 
			
		||||
                  <a [href]="wrapUrl(network.val, code.blockRaw)" target="_blank">GET {{ baseNetworkUrl }}/api/block/:hash/raw</a>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns the raw block representation in binary.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.blockRaw" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="blockStatus">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Block Status</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <div class="title">Get Block Status</div>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns the confirmation status of a block. Available fields: <code>in_best_chain</code> (boolean, false for orphaned blocks), <code>next_best</code> (the hash of the next block, only available for blocks in the best chain).</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.blockStatus" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="blockTipHeight">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Block Tip Height</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns the height of the last block.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.blockTipHeight" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="blockTipHash">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Block Tip Hash</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns the hash of the last block.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.blockTipHash" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="blockTxId">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Block Transaction ID</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns the transaction at index <code>:index</code> within the specified block.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.blockTxId" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="blockTxIds">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Block Transaction IDs</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns a list of all txids in the block.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.blockTxIds" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="blockTxs">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Block Transactions</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns a list of transactions in the block (up to 25 transactions beginning at <code>start_index</code>). Transactions returned here do not have the <code>status</code> field, since all the transactions share the same block and confirmation status.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.blockTxs" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="blocks">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Blocks</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns the 10 newest blocks starting at the tip or at <code>:start_height</code> if specified.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.blocks" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val === 'bisq'" id="blocks">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Blocks</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns the 10 newest blocks starting at the tip or at <code>:start_height</code> if specified.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.blocksBisq" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
          </ngb-accordion>
 | 
			
		||||
        </ng-template>
 | 
			
		||||
      </li>
 | 
			
		||||
 | 
			
		||||
      <li *ngIf="network.val !== 'bisq'" [ngbNavItem]="5">
 | 
			
		||||
        <a ngbNavLink i18n="api-docs.tab.fees|API Docs tab for Fees">Fees</a>
 | 
			
		||||
        <ng-template ngbNavContent>
 | 
			
		||||
          <ngb-accordion [closeOthers]="true" animated="true" type="dark">
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="feeMempoolBlocks">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Mempool Blocks Fees</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n="api-docs.fees.mempool-blocks|API Docs for /api/v1/fees/mempool-blocks">Returns current mempool as projected blocks.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.feeMempoolBlocks" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="feeRecommended">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Recommended Fees</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n="api-docs.fees.recommended|API Docs for /api/v1/fees/recommended">Returns our currently suggested fees for new transactions.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.feeRecommended" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          </ngb-accordion>
 | 
			
		||||
        </ng-template>
 | 
			
		||||
      </li>
 | 
			
		||||
 | 
			
		||||
      <li *ngIf="network.val !== 'bisq'" [ngbNavItem]="6">
 | 
			
		||||
        <a ngbNavLink i18n="api-docs.tab.mempool|API Docs tab for Mempool">Mempool</a>
 | 
			
		||||
        <ng-template ngbNavContent>
 | 
			
		||||
          <ngb-accordion [closeOthers]="true" animated="true" type="dark" >
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="mempool">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Mempool</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n="api-docs.mempool.mempool|API Docs for /api/mempool">Returns current mempool backlog statistics.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.mempool" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="mempoolTxs">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Mempool Transactions IDs</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n="api-docs.mempool.txids|API Docs for /api/mempool/txids">Get the full list of txids in the mempool as an array. The order of the txids is arbitrary and does not match bitcoind.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.mempoolTxs" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="mempoolRecent">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Mempool Recent</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n="api-docs.mempool.recent|API Docs for /api/mempool/recent">Get a list of the last 10 transactions to enter the mempool. Each transaction object contains simplified overview data, with the following fields: <code>txid</code>, <code>fee</code>, <code>vsize</code>, and <code>value</code>.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.mempoolRecent" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          </ngb-accordion>
 | 
			
		||||
        </ng-template>
 | 
			
		||||
      </li>
 | 
			
		||||
 | 
			
		||||
      <li [ngbNavItem]="7">
 | 
			
		||||
        <a ngbNavLink i18n="api-docs.tab.transactions|API Docs tab for Transactions">Transactions</a>
 | 
			
		||||
        <ng-template ngbNavContent>
 | 
			
		||||
          <ngb-accordion [closeOthers]="true" animated="true" type="dark" >
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="cpfp">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Children Pay for Parent</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n="api-docs.fees.cpfp|API Docs for /api/v1/fees/cpfp">Returns the ancestors and the best descendant fees for a transaction.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.transactionCpfp" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel id="transaction">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Transaction</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <div class="endpoint">
 | 
			
		||||
                  <a [href]="wrapUrl(network.val, code.transaction)" target="_blank">GET {{ baseNetworkUrl }}/api/tx/:txid</a>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns details about a transaction. Available fields: <code>txid</code>, <code>version</code>, <code>locktime</code>, <code>size</code>, <code>weight</code>, <code>fee</code>, <code>vin</code>, <code>vout</code>, and <code>status</code>.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.transaction" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="transactionHex">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Transaction Hex</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                  </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns a transaction serialized as hex.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.transactionHex" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq' && network.val !== 'liquid'" id="transactionMerkleBlockProof">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Transaction Merkleblock Proof</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns a merkle inclusion proof for the transaction using <a href="https://bitcoin.org/en/glossary/merkle-block">bitcoind's merkleblock</a> format.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.transactionMerkleBlockProof" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="transactionMerkleProof">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Transaction Merkle Proof</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns a merkle inclusion proof for the transaction using <a href="https://electrumx.readthedocs.io/en/latest/protocol-methods.html#blockchain-transaction-get-merkle">Electrum's blockchain.transaction.get_merkle format.</a></div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.transactionMerkleProof" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="transactionOutspend">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Transaction Outspend</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns the spending status of a transaction output. Available fields: <code>spent</code> (boolean), <code>txid</code> (optional), <code>vin</code> (optional), and <code>status</code> (optional, the status of the spending tx).</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.transactionOutspend" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="transactionOutspends">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Transaction Outspends</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns the spending status of all transaction outputs.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.transactionOutspends" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="transactionRaw">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Transaction Raw</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns a transaction as binary data.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.transactionRaw" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="transactionStatus">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Transaction Status</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns the confirmation status of a transaction. Available fields: <code>confirmed</code> (boolean), <code>block_height</code> (optional), and <code>block_hash</code> (optional).</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.transactionStatus" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val === 'bisq'" id="transactionsBisq">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>GET Transactions</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <div class="title">Get Mempool Txids</div>
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns :length of latest Bisq transactions, starting from :index.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.transactionsBisq" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
            <ngb-panel *ngIf="network.val !== 'bisq'" id="postTransaction">
 | 
			
		||||
              <ng-template ngbPanelTitle>
 | 
			
		||||
                <span>POST Transaction</span>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
              <ng-template ngbPanelContent>
 | 
			
		||||
                <div class="endpoint">
 | 
			
		||||
                  <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
 | 
			
		||||
                  <div>POST /api/tx</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Broadcast a raw transaction to the network. The transaction should be provided as hex in the request body. The <code>txid</code> will be returned on success.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [method]="'post'" [hostname]="hostname" [code]="code.transactionPost" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </ng-template>
 | 
			
		||||
            </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          </ngb-accordion>
 | 
			
		||||
        </ng-template>
 | 
			
		||||
      </li>
 | 
			
		||||
 | 
			
		||||
      <li *ngIf="network.val !== 'bisq'" [ngbNavItem]="8">
 | 
			
		||||
        <a ngbNavLink i18n="api-docs.tab.websocket|API Docs tab for Websocket">Websocket</a>
 | 
			
		||||
        <ng-template ngbNavContent >
 | 
			
		||||
          <div class="websocket">
 | 
			
		||||
            <div class="endpoint">
 | 
			
		||||
              <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
 | 
			
		||||
              {{ wrapUrl(network.val, code.websocket, true) }}
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="description">
 | 
			
		||||
              <div class="subtitle" i18n>Description</div>
 | 
			
		||||
              <div i18n="api-docs.websocket.websocket">Default push: <code>{{ '{' }} action: 'want', data: ['blocks', ...] {{ '}' }}</code> to express what you want pushed. Available: <code>blocks</code>, <code>mempool-blocks</code>, <code>live-2h-chart</code>, and <code>stats</code>.<br><br>Push transactions related to address: <code>{{ '{' }} 'track-address': '3PbJ...bF9B' {{ '}' }}</code> to receive all new transactions containing that address as input or output. Returns an array of transactions. <code>address-transactions</code> for new mempool transactions, and <code>block-transactions</code> for new block confirmed transactions.</div>
 | 
			
		||||
            </div>
 | 
			
		||||
            <app-code-template [method]="'websocket'" [hostname]="hostname" [code]="code.websocket" [network]="network.val" ></app-code-template>
 | 
			
		||||
          </div>
 | 
			
		||||
        </ng-template>
 | 
			
		||||
      </li>
 | 
			
		||||
 | 
			
		||||
    </ul>
 | 
			
		||||
 | 
			
		||||
    <div [ngbNavOutlet]="nav" class="mt-2"></div>
 | 
			
		||||
 | 
			
		||||
    <br>
 | 
			
		||||
 | 
			
		||||
    <div class="text-center">
 | 
			
		||||
      <a [routerLink]="['/terms-of-service']" i18n="shared.terms-of-service|Terms of Service">Terms of Service</a>
 | 
			
		||||
      |
 | 
			
		||||
      <a [routerLink]="['/privacy-policy']" i18n="shared.privacy-policy|Privacy Policy">Privacy Policy</a>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
  </div>
 | 
			
		||||
</ng-container>
 | 
			
		||||
@ -38,8 +38,8 @@
 | 
			
		||||
      <li class="nav-item" routerLinkActive="active">
 | 
			
		||||
        <a class="nav-link" [routerLink]="['/stats']" (click)="collapse()"><fa-icon [icon]="['fas', 'file-alt']" [fixedWidth]="true"  i18n-title="master-page.stats" title="Stats"></fa-icon></a>
 | 
			
		||||
      </li>
 | 
			
		||||
      <li class="nav-item mr-2" routerLinkActive="active">
 | 
			
		||||
        <a class="nav-link" [routerLink]="['/api' | relativeUrl]" (click)="collapse()"><fa-icon [icon]="['fas', 'cogs']" [fixedWidth]="true" i18n-title="master-page.api" title="API"></fa-icon></a>
 | 
			
		||||
      <li class="nav-item" routerLinkActive="active">
 | 
			
		||||
        <a class="nav-link" [routerLink]="['/docs']" (click)="collapse()"><fa-icon [icon]="['fas', 'book']" [fixedWidth]="true"  i18n-title="master-page.docs" title="Docs"></fa-icon></a>
 | 
			
		||||
      </li>
 | 
			
		||||
      <li class="nav-item" routerLinkActive="active">
 | 
			
		||||
        <a class="nav-link" [routerLink]="['/about']" (click)="collapse()"><fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true" i18n-title="master-page.about" title="About"></fa-icon></a>
 | 
			
		||||
 | 
			
		||||
							
								
								
									
										880
									
								
								frontend/src/app/components/docs/api-docs.component.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										880
									
								
								frontend/src/app/components/docs/api-docs.component.html
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,880 @@
 | 
			
		||||
<ng-container *ngIf="{ val: network$ | async } as network">
 | 
			
		||||
  <div class="container-xl text-left">
 | 
			
		||||
 | 
			
		||||
    <div id="restAPI" *ngIf="restTabActivated">
 | 
			
		||||
 | 
			
		||||
      <p>Reference for the {{ network.val === '' ? 'Bitcoin' : network.val.charAt(0).toUpperCase() + network.val.slice(1) }} <ng-container i18n="api-docs.title">API service</ng-container>.</p>
 | 
			
		||||
 | 
			
		||||
      <div class="api-category" *ngIf="network.val !== 'bisq' && network.val !== 'liquid'">
 | 
			
		||||
        <h4 i18n="api-docs.tab.general|API Docs tab for General">General</h4>
 | 
			
		||||
        <ngb-accordion [closeOthers]="true" animated="true" type="dark">
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="difficultyAdjustment" *ngIf="network.val !== 'liquid'">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Difficulty Adjustment</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <div class="difficulty">
 | 
			
		||||
                <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>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="description">
 | 
			
		||||
                  <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                    <div i18n>Returns details about difficulty adjustment.</div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <app-code-template [hostname]="hostname" [code]="code.difficulty" [network]="network.val" ></app-code-template>
 | 
			
		||||
              </div>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
        </ngb-accordion>
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
      <div class="api-category" *ngIf="network.val === 'bisq'">
 | 
			
		||||
        <h4 i18n="Bisq All Markets">Markets</h4>
 | 
			
		||||
        <ngb-accordion [closeOthers]="true" animated="true" type="dark" >
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="bisqMarketsCurrencies">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Market Currencies</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Provides list of available currencies for a given base currency. </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.marketsCurrencies" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="marketDepth">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Market Depth</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Provides list of open offer prices for a single market.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.marketDepth" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="bisqMarketsHloc">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Market HLOC</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Provides hi/low/open/close data for a given market. This can be used to generate a candlestick chart.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.marketHloc" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="bisqMarketsMarkets">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Markets</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Provides list of available markets.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.markets" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="bisqMarketsOffers">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Market Offers</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Provides list of open offer details for a single market.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.marketOffers" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="bisqMarketsTicker">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Market Ticker</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Provides 24 hour price ticker for single market or all markets</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.marketTicker" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="bisqMarketsTrades">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Market Trades</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Provides list of completed trades for a single market.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.marketTrades" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="bisqMarketsVolumes">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Market Volumes</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Provides periodic volume data in terms of base currency for one or all markets.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.marketVolumes" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
        </ngb-accordion>
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
      <div class="api-category" *ngIf="network.val === 'bisq'">
 | 
			
		||||
        <h4 ngbNavLink i18n="api-docs.tab.bsq|API Docs tab for BSQ">General</h4>
 | 
			
		||||
        <ngb-accordion [closeOthers]="true" animated="true" type="dark" >
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="bisqStats">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Stats</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns statistics about all Bisq transactions.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.stats" [network]="network.val"></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
        </ngb-accordion>
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
      <div class="api-category">
 | 
			
		||||
        <h4 i18n="api-docs.tab.addresses|API Docs tab for Addresses">Addresses</h4>
 | 
			
		||||
        <ngb-accordion [closeOthers]="true" animated="true" type="dark" >
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="address">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Address</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                  <div i18n>Returns details about an address. Available fields: <code>address</code>, <code>chain_stats</code>, and <code>mempool_stats</code>. {{ '{' }}chain,mempool{{ '}' }}_stats each contain an object with <code>tx_count</code>, <code>funded_txo_count</code>, <code>funded_txo_sum</code>, <code>spent_txo_count</code>, and <code>spent_txo_sum</code>.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.address" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'"  id="addressTransactions">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Address Transactions</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Get transaction history for the specified address/scripthash, sorted with newest first. Returns up to 50 mempool transactions plus the first 25 confirmed transactions. You can request more confirmed transactions using <code>:last_seen_txid</code> (see below).</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.addressTransactions" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="addressTransactionsChain">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Address Transactions Chain</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Get confirmed transaction history for the specified address/scripthash, sorted with newest first. Returns 25 transactions per page. More can be requested by specifying the last txid seen by the previous query.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.addressTransactionsChain" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="addressTransactionsMempool">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Address Transactions Mempool</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Get unconfirmed transaction history for the specified address/scripthash. Returns up to 50 transactions (no paging).</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.addressTransactionsMempool" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="addressUTXO">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Address UTXO</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Get the list of unspent transaction outputs associated with the address/scripthash. Available fields: <code>txid</code>, <code>vout</code>, <code>value</code>, and <code>status</code> (with the status of the funding tx).<ng-container *ngIf="network.val === 'liquid'">There is also a <code>valuecommitment</code> field that may appear in place of <code>value</code>, plus the following additional fields: <code>asset</code>/<code>assetcommitment</code>, <code>nonce</code>/<code>noncecommitment</code>, <code>surjection_proof</code>, and <code>range_proof</code>.</ng-container></div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.addressUTXO" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
        </ngb-accordion>
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
      <div class="api-category" *ngIf="network.val === 'liquid'">
 | 
			
		||||
        <h4 i18n="api-docs.tab.assets|API Docs tab for Assets">Assets</h4>
 | 
			
		||||
        <ngb-accordion [closeOthers]="true" animated="true" type="dark" >
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="assets">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Assets</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns information about a Liquid asset.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.assets" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="assetTransactions">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Asset Transactions</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <div class="endpoint">
 | 
			
		||||
                <a [href]="wrapUrl(network.val, code.assetTransactions)" target="_blank">GET /liquid/api/asset/:asset_id/txs[/mempool|/chain]</a>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns transactions associated with the specified Liquid asset. For the network's native asset, returns a list of peg in, peg out, and burn transactions. For user-issued assets, returns a list of issuance, reissuance, and burn transactions. Does not include regular transactions transferring this asset.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.assetTransactions" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="assetSupply">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Asset Supply</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Get the current total supply of the specified asset. For the native asset (L-BTC), this is calculated as [chain,mempool]_stats.peg_in_amount - [chain,mempool]_stats.peg_out_amount - [chain,mempool]_stats.burned_amount. For issued assets, this is calculated as [chain,mempool]_stats.issued_amount - [chain,mempool]_stats.burned_amount. Not available for assets with blinded issuances. If /decimal is specified, returns the supply as a decimal according to the asset's divisibility. Otherwise, returned in base units.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.assetSupply" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
        </ngb-accordion>
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
      <div class="api-category">
 | 
			
		||||
        <h4 i18n="api-docs.tab.blocks|API Docs tab for Blocks">Blocks</h4>
 | 
			
		||||
        <ngb-accordion [closeOthers]="true" animated="true" type="dark" >
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="block">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Block</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns details about a block. Available fields: <code>id</code>, <code>height</code>, <code>version</code>, <code>timestamp</code>, <code>bits</code>, <code>nonce</code>, <code>merkle_root</code>, <code>tx_count</code>, <code>size</code>, <code>weight</code>,<ng-container *ngIf="network.val === 'liquid'"> <code>proof</code>,</ng-container> and <code>previousblockhash</code>.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.block" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="blockHeader">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Block Header</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns the hex-encoded block header.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.blockHeader" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="blockHeight">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Block Height</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns the hash of the block currently at <code>:height</code>.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.blockHeight" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="blockRaw">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Block Raw</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <div class="endpoint">
 | 
			
		||||
                <a [href]="wrapUrl(network.val, code.blockRaw)" target="_blank">GET {{ baseNetworkUrl }}/api/block/:hash/raw</a>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns the raw block representation in binary.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.blockRaw" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="blockStatus">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Block Status</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <div class="title">Get Block Status</div>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns the confirmation status of a block. Available fields: <code>in_best_chain</code> (boolean, false for orphaned blocks), <code>next_best</code> (the hash of the next block, only available for blocks in the best chain).</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.blockStatus" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="blockTipHeight">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Block Tip Height</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns the height of the last block.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.blockTipHeight" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="blockTipHash">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Block Tip Hash</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns the hash of the last block.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.blockTipHash" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="blockTxId">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Block Transaction ID</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns the transaction at index <code>:index</code> within the specified block.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.blockTxId" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="blockTxIds">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Block Transaction IDs</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns a list of all txids in the block.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.blockTxIds" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="blockTxs">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Block Transactions</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns a list of transactions in the block (up to 25 transactions beginning at <code>start_index</code>). Transactions returned here do not have the <code>status</code> field, since all the transactions share the same block and confirmation status.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.blockTxs" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="blocks">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Blocks</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns the 10 newest blocks starting at the tip or at <code>:start_height</code> if specified.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.blocks" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val === 'bisq'" id="blocks">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Blocks</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns the 10 newest blocks starting at the tip or at <code>:start_height</code> if specified.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.blocksBisq" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
        </ngb-accordion>
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
      <div class="api-category" *ngIf="network.val !== 'bisq'">
 | 
			
		||||
        <h4 i18n="api-docs.tab.fees|API Docs tab for Fees">Fees</h4>
 | 
			
		||||
        <ngb-accordion [closeOthers]="true" animated="true" type="dark">
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="feeMempoolBlocks">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Mempool Blocks Fees</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n="api-docs.fees.mempool-blocks|API Docs for /api/v1/fees/mempool-blocks">Returns current mempool as projected blocks.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.feeMempoolBlocks" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="feeRecommended">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Recommended Fees</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n="api-docs.fees.recommended|API Docs for /api/v1/fees/recommended">Returns our currently suggested fees for new transactions.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.feeRecommended" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
        </ngb-accordion>
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
      <div class="api-category" *ngIf="network.val !== 'bisq'">
 | 
			
		||||
        <h4 i18n="api-docs.tab.mempool|API Docs tab for Mempool">Mempool</h4>
 | 
			
		||||
        <ngb-accordion [closeOthers]="true" animated="true" type="dark" >
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="mempool">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Mempool</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n="api-docs.mempool.mempool|API Docs for /api/mempool">Returns current mempool backlog statistics.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.mempool" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="mempoolTxs">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Mempool Transactions IDs</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n="api-docs.mempool.txids|API Docs for /api/mempool/txids">Get the full list of txids in the mempool as an array. The order of the txids is arbitrary and does not match bitcoind.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.mempoolTxs" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="mempoolRecent">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Mempool Recent</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n="api-docs.mempool.recent|API Docs for /api/mempool/recent">Get a list of the last 10 transactions to enter the mempool. Each transaction object contains simplified overview data, with the following fields: <code>txid</code>, <code>fee</code>, <code>vsize</code>, and <code>value</code>.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.mempoolRecent" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
        </ngb-accordion>
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
      <div class="api-category">
 | 
			
		||||
        <h4 i18n="api-docs.tab.transactions|API Docs tab for Transactions">Transactions</h4>
 | 
			
		||||
        <ngb-accordion [closeOthers]="true" animated="true" type="dark" >
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="cpfp">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Children Pay for Parent</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n="api-docs.fees.cpfp|API Docs for /api/v1/fees/cpfp">Returns the ancestors and the best descendant fees for a transaction.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.transactionCpfp" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel id="transaction">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Transaction</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <div class="endpoint">
 | 
			
		||||
                <a [href]="wrapUrl(network.val, code.transaction)" target="_blank">GET {{ baseNetworkUrl }}/api/tx/:txid</a>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns details about a transaction. Available fields: <code>txid</code>, <code>version</code>, <code>locktime</code>, <code>size</code>, <code>weight</code>, <code>fee</code>, <code>vin</code>, <code>vout</code>, and <code>status</code>.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.transaction" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="transactionHex">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Transaction Hex</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
                </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns a transaction serialized as hex.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.transactionHex" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq' && network.val !== 'liquid'" id="transactionMerkleBlockProof">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Transaction Merkleblock Proof</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns a merkle inclusion proof for the transaction using <a href="https://bitcoin.org/en/glossary/merkle-block">bitcoind's merkleblock</a> format.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.transactionMerkleBlockProof" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="transactionMerkleProof">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Transaction Merkle Proof</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns a merkle inclusion proof for the transaction using <a href="https://electrumx.readthedocs.io/en/latest/protocol-methods.html#blockchain-transaction-get-merkle">Electrum's blockchain.transaction.get_merkle format.</a></div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.transactionMerkleProof" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="transactionOutspend">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Transaction Outspend</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns the spending status of a transaction output. Available fields: <code>spent</code> (boolean), <code>txid</code> (optional), <code>vin</code> (optional), and <code>status</code> (optional, the status of the spending tx).</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.transactionOutspend" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="transactionOutspends">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Transaction Outspends</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns the spending status of all transaction outputs.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.transactionOutspends" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="transactionRaw">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Transaction Raw</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns a transaction as binary data.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.transactionRaw" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="transactionStatus">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Transaction Status</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns the confirmation status of a transaction. Available fields: <code>confirmed</code> (boolean), <code>block_height</code> (optional), and <code>block_hash</code> (optional).</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.transactionStatus" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val === 'bisq'" id="transactionsBisq">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>GET Transactions</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <div class="title">Get Mempool Txids</div>
 | 
			
		||||
              <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>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Returns :length of latest Bisq transactions, starting from :index.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [hostname]="hostname" [code]="code.transactionsBisq" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
          <ngb-panel *ngIf="network.val !== 'bisq'" id="postTransaction">
 | 
			
		||||
            <ng-template ngbPanelTitle>
 | 
			
		||||
              <span>POST Transaction</span>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
            <ng-template ngbPanelContent>
 | 
			
		||||
              <div class="endpoint">
 | 
			
		||||
                <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
 | 
			
		||||
                <div>POST /api/tx</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="description">
 | 
			
		||||
                <div class="subtitle" i18n>Description</div>
 | 
			
		||||
                <div i18n>Broadcast a raw transaction to the network. The transaction should be provided as hex in the request body. The <code>txid</code> will be returned on success.</div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <app-code-template [method]="'post'" [hostname]="hostname" [code]="code.transactionPost" [network]="network.val" ></app-code-template>
 | 
			
		||||
            </ng-template>
 | 
			
		||||
          </ngb-panel>
 | 
			
		||||
 | 
			
		||||
        </ngb-accordion>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    <div id="websocketAPI" *ngIf="!restTabActivated && ( network.val !== 'bisq' )">
 | 
			
		||||
      <div class="api-category">
 | 
			
		||||
        <div class="websocket">
 | 
			
		||||
          <div class="endpoint">
 | 
			
		||||
            <div class="subtitle" i18n="Api docs endpoint">Endpoint</div>
 | 
			
		||||
            {{ wrapUrl(network.val, code.websocket, true) }}
 | 
			
		||||
          </div>
 | 
			
		||||
          <div class="description">
 | 
			
		||||
            <div class="subtitle" i18n>Description</div>
 | 
			
		||||
            <div i18n="api-docs.websocket.websocket">Default push: <code>{{ '{' }} action: 'want', data: ['blocks', ...] {{ '}' }}</code> to express what you want pushed. Available: <code>blocks</code>, <code>mempool-blocks</code>, <code>live-2h-chart</code>, and <code>stats</code>.<br><br>Push transactions related to address: <code>{{ '{' }} 'track-address': '3PbJ...bF9B' {{ '}' }}</code> to receive all new transactions containing that address as input or output. Returns an array of transactions. <code>address-transactions</code> for new mempool transactions, and <code>block-transactions</code> for new block confirmed transactions.</div>
 | 
			
		||||
          </div>
 | 
			
		||||
          <app-code-template [method]="'websocket'" [hostname]="hostname" [code]="code.websocket" [network]="network.val" ></app-code-template>
 | 
			
		||||
        </div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    <br>
 | 
			
		||||
 | 
			
		||||
    <div class="text-center">
 | 
			
		||||
      <a [routerLink]="['/terms-of-service']" i18n="shared.terms-of-service|Terms of Service">Terms of Service</a>
 | 
			
		||||
      |
 | 
			
		||||
      <a [routerLink]="['/privacy-policy']" i18n="shared.privacy-policy|Privacy Policy">Privacy Policy</a>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
  </div>
 | 
			
		||||
</ng-container>
 | 
			
		||||
@ -73,4 +73,12 @@ li.nav-item {
 | 
			
		||||
 | 
			
		||||
.difficulty {
 | 
			
		||||
  padding: 15px;
 | 
			
		||||
}
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#restAPI .api-category {
 | 
			
		||||
  margin: 30px 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.api-category h4 {
 | 
			
		||||
  margin-bottom: 15px;
 | 
			
		||||
}
 | 
			
		||||
@ -1,4 +1,4 @@
 | 
			
		||||
import { Component, OnInit } from '@angular/core';
 | 
			
		||||
import { Component, OnInit, Input } from '@angular/core';
 | 
			
		||||
import { Env, StateService } from 'src/app/services/state.service';
 | 
			
		||||
import { Observable, merge, of } from 'rxjs';
 | 
			
		||||
import { SeoService } from 'src/app/services/seo.service';
 | 
			
		||||
@ -16,6 +16,7 @@ export class ApiDocsComponent implements OnInit {
 | 
			
		||||
  env: Env;
 | 
			
		||||
  code: any;
 | 
			
		||||
  baseNetworkUrl = '';
 | 
			
		||||
  @Input() restTabActivated: Boolean;
 | 
			
		||||
 | 
			
		||||
  constructor(
 | 
			
		||||
    private stateService: StateService,
 | 
			
		||||
							
								
								
									
										31
									
								
								frontend/src/app/components/docs/docs.component.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										31
									
								
								frontend/src/app/components/docs/docs.component.html
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,31 @@
 | 
			
		||||
<div class="container-xl">
 | 
			
		||||
  <div class="text-center">
 | 
			
		||||
 | 
			
		||||
    <h2>Documentation</h2>
 | 
			
		||||
 | 
			
		||||
    <ul ngbNav #nav="ngbNav" [(activeId)]="activeTab" class="nav-tabs">
 | 
			
		||||
 | 
			
		||||
      <li [ngbNavItem]="0">
 | 
			
		||||
        <a ngbNavLink routerLink="/docs/api/rest">API - REST</a>
 | 
			
		||||
        <ng-template ngbNavContent>
 | 
			
		||||
 | 
			
		||||
          <app-api-docs [restTabActivated]="true"></app-api-docs>
 | 
			
		||||
 | 
			
		||||
        </ng-template>
 | 
			
		||||
      </li>
 | 
			
		||||
 | 
			
		||||
      <li [ngbNavItem]="1">
 | 
			
		||||
        <a ngbNavLink routerLink="/docs/api/websocket">API - WebSocket</a>
 | 
			
		||||
        <ng-template ngbNavContent>
 | 
			
		||||
 | 
			
		||||
          <app-api-docs [restTabActivated]="false"></app-api-docs>
 | 
			
		||||
 | 
			
		||||
        </ng-template>
 | 
			
		||||
      </li>
 | 
			
		||||
 | 
			
		||||
    </ul>
 | 
			
		||||
 | 
			
		||||
    <div id="main-tab-content" [ngbNavOutlet]="nav" class="mt-2"></div>
 | 
			
		||||
 | 
			
		||||
  </div>
 | 
			
		||||
</div>
 | 
			
		||||
							
								
								
									
										4
									
								
								frontend/src/app/components/docs/docs.component.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										4
									
								
								frontend/src/app/components/docs/docs.component.scss
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,4 @@
 | 
			
		||||
#main-tab-content {
 | 
			
		||||
  text-align: left;
 | 
			
		||||
  padding-top: 10px;
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										21
									
								
								frontend/src/app/components/docs/docs.component.ts
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										21
									
								
								frontend/src/app/components/docs/docs.component.ts
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,21 @@
 | 
			
		||||
import { Component, OnInit } from '@angular/core';
 | 
			
		||||
import { ActivatedRoute } from '@angular/router';
 | 
			
		||||
 | 
			
		||||
@Component({
 | 
			
		||||
  selector: 'app-docs',
 | 
			
		||||
  templateUrl: './docs.component.html',
 | 
			
		||||
  styleUrls: ['./docs.component.scss']
 | 
			
		||||
})
 | 
			
		||||
export class DocsComponent implements OnInit {
 | 
			
		||||
 | 
			
		||||
  activeTab = 0;
 | 
			
		||||
 | 
			
		||||
  constructor(
 | 
			
		||||
    private route: ActivatedRoute,
 | 
			
		||||
  ) { }
 | 
			
		||||
 | 
			
		||||
  ngOnInit(): void {
 | 
			
		||||
    const url = this.route.snapshot.url;
 | 
			
		||||
    this.activeTab = ( url[2].path === "rest" ) ? 0 : 1;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@ -44,7 +44,7 @@
 | 
			
		||||
        <a class="nav-link" [routerLink]="['/assets']" (click)="collapse()"><fa-icon [icon]="['fas', 'database']" [fixedWidth]="true" i18n-title="master-page.assets" title="Assets"></fa-icon></a>
 | 
			
		||||
      </li>
 | 
			
		||||
      <li [hidden]="isMobile" class="nav-item mr-2" routerLinkActive="active">
 | 
			
		||||
        <a class="nav-link" [routerLink]="['/api' | relativeUrl]" (click)="collapse()"><fa-icon [icon]="['fas', 'cogs']" [fixedWidth]="true" i18n-title="master-page.api" title="API"></fa-icon></a>
 | 
			
		||||
        <a class="nav-link" [routerLink]="['/docs' | relativeUrl]" (click)="collapse()"><fa-icon [icon]="['fas', 'book']" [fixedWidth]="true" i18n-title="master-page.docs" title="Docs"></fa-icon></a>
 | 
			
		||||
      </li>
 | 
			
		||||
      <li class="nav-item" routerLinkActive="active">
 | 
			
		||||
        <a class="nav-link" [routerLink]="['/about']" (click)="collapse()"><fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true" i18n-title="master-page.about" title="About"></fa-icon></a>
 | 
			
		||||
@ -59,4 +59,4 @@
 | 
			
		||||
 | 
			
		||||
<router-outlet></router-outlet>
 | 
			
		||||
 | 
			
		||||
<br>
 | 
			
		||||
<br>
 | 
			
		||||
 | 
			
		||||
@ -57,8 +57,8 @@
 | 
			
		||||
      <li *ngIf="network.val === 'liquid'" class="nav-item" routerLinkActive="active">
 | 
			
		||||
        <a class="nav-link" [routerLink]="['/liquid/assets']" (click)="collapse()"><fa-icon [icon]="['fas', 'database']" [fixedWidth]="true" i18n-title="master-page.assets" title="Assets"></fa-icon></a>
 | 
			
		||||
      </li>
 | 
			
		||||
      <li [hidden]="isMobile" class="nav-item mr-2" routerLinkActive="active">
 | 
			
		||||
        <a class="nav-link" [routerLink]="['/api' | relativeUrl]" (click)="collapse()"><fa-icon [icon]="['fas', 'cogs']" [fixedWidth]="true" i18n-title="master-page.api" title="API"></fa-icon></a>
 | 
			
		||||
      <li class="nav-item" routerLinkActive="active">
 | 
			
		||||
        <a class="nav-link" [routerLink]="['/docs']" (click)="collapse()"><fa-icon [icon]="['fas', 'book']" [fixedWidth]="true" i18n-title="master-page.docs" title="Docs"></fa-icon></a>
 | 
			
		||||
      </li>
 | 
			
		||||
      <li class="nav-item" routerLinkActive="active">
 | 
			
		||||
        <a class="nav-link" [routerLink]="['/about']" (click)="collapse()"><fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true" i18n-title="master-page.about" title="About"></fa-icon></a>
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user