mempool/frontend/src/app/components/api-docs/code-template.component.html

39 lines
2.1 KiB
HTML
Raw Normal View History

<div class="code">
<ul ngbNav #navCodeTemplate="ngbNav" class="nav-tabs code-tab">
2021-06-12 17:18:59 -05:00
<li ngbNavItem *ngIf="code.codeSample.curl">
<a ngbNavLink>cURL</a>
<ng-template ngbNavContent>
2021-06-12 17:18:59 -05:00
<div class="subtitle"><ng-container i18n="API Docs code example">Code Example</ng-container> <app-clipboard [text]="wrapCurl(code.codeSample.curl)"></app-clipboard></div>
<pre><code [innerText]="wrapCurl(code.codeSample.curl)"></code></pre>
</ng-template>
</li>
<li ngbNavItem>
2021-06-10 15:38:15 -05:00
<a ngbNavLink>CommonJS</a>
<ng-template ngbNavContent>
2021-06-11 14:54:57 -05:00
<div class="subtitle"><ng-container i18n="API Docs code example">Code Example</ng-container> <app-clipboard [text]="wrapCommonJS(code.codeSample.commonJS)"></app-clipboard></div>
<div class="links">
<a [href]="npmGithubLink()" target="_blank">github repository</a>
</div>
<pre><code [innerText]="wrapCommonJS(code.codeSample.commonJS)"></code></pre>
</ng-template>
</li>
2021-06-12 17:18:59 -05:00
<li ngbNavItem>
<a ngbNavLink>ES Module</a>
<ng-template ngbNavContent>
<div class="subtitle"><ng-container i18n="API Docs install lib">Install Package</ng-container> <app-clipboard [text]="wrapImportTemplate()"></app-clipboard></div>
2021-06-12 17:18:59 -05:00
<div class="links">
<a [href]="npmGithubLink()" target="_blank">github repository</a>
<a [href]="npmModuleLink()" target="_blank">npm package</a>
2021-06-12 17:18:59 -05:00
</div>
<pre><code [innerText]="wrapImportTemplate()"></code></pre>
2021-06-12 17:18:59 -05:00
<div class="subtitle"><ng-container i18n="API Docs code example">Code Example</ng-container> <app-clipboard [text]="wrapESmodule(code.codeSample.esModule)"></app-clipboard></div>
<pre><code [innerText]="wrapESmodule(code.codeSample.esModule)"></code></pre>
</ng-template>
</li>
</ul>
<div [ngbNavOutlet]="navCodeTemplate"></div>
<div *ngIf="code.responseSample" class="response">
2021-06-11 14:54:57 -05:00
<div class="subtitle"><ng-container i18n="API Docs API response">Response</ng-container> <app-clipboard [text]="code.responseSample"></app-clipboard></div>
<pre><code [innerText]="code.responseSample"></code></pre>
</div>
</div>