mirror of
https://github.com/Redocly/redoc.git
synced 2024-11-24 09:33:44 +03:00
b84177c157
closes #270
35 lines
1.3 KiB
HTML
35 lines
1.3 KiB
HTML
<ng-template #jsonSnippet>
|
|
<div class="snippet">
|
|
<!-- in case sample is not available for some reason -->
|
|
<pre *ngIf="sample == undefined"> Sample unavailable </pre>
|
|
<div class="action-buttons">
|
|
<span copy-button [copyText]="sample" class="hint--top-left hint--inversed"> <a>Copy</a> </span>
|
|
<span> <a *ngIf="enableButtons" (click)="expandAll()">Expand all</a> </span>
|
|
<span> <a *ngIf="enableButtons" (click)="collapseAll()">Collapse all</a> </span>
|
|
</div>
|
|
<pre [innerHtml]="sample | jsonFormatter"></pre>
|
|
</div>
|
|
</ng-template>
|
|
|
|
<tabs *ngIf="xmlSample; else jsonSnippet">
|
|
<tab tabTitle="JSON" *ngIf="sample">
|
|
<ng-container *ngTemplateOutlet="jsonSnippet"></ng-container>
|
|
</tab>
|
|
<tab tabTitle="XML" *ngIf="xmlSample">
|
|
<div class="snippet">
|
|
<div class="action-buttons">
|
|
<span copy-button [copyText]="xmlSample" class="hint--top-left hint--inversed"> <a>Copy</a> </span>
|
|
</div>
|
|
<pre class="response-sample" [innerHtml]="xmlSample | prism:'xml'"></pre>
|
|
</div>
|
|
</tab>
|
|
<tab tabTitle="text/plain" *ngIf="textSample">
|
|
<div class="snippet">
|
|
<div class="action-buttons">
|
|
<span copy-button [copyText]="xmlSample" class="hint--top-left hint--inversed"> <a>Copy</a> </span>
|
|
</div>
|
|
<pre class="response-sample">{{textSample}}</pre>
|
|
</div>
|
|
</tab>
|
|
</tabs>
|