Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-02-17 02:10:39 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore: operation list minor refactor

Browse Source
This commit is contained in:
Roman Hotsiy 2017-04-18 16:42:59 +03:00
parent 6077cc6afd
commit 4839b3ce69
No known key found for this signature in database
GPG Key ID: 5CB7B3ACABA57CB0
3 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/components/OperationsList/operations-list.html
View File

@ -1,7 +1,7 @@
<div class="operations"> <div class="operations">
<div class="tag" *ngFor="let tag of tags; trackBy:trackByTagName" [attr.section]="tag.id"> <div class="tag" *ngFor="let tag of tags; trackBy:trackByTagName" [attr.section]="tag.id">
<div class="tag-info" *ngIf="tag.name"> <div class="tag-info" *ngIf="tag.name">
<h1 class="sharable-header"> <a class="share-link" href="#{{tag.id}}"></a>{{tag.name}} </h1> <h1 class="sharable-header"> <a class="share-link" href="#{{tag.anchor}}"></a>{{tag.name}} </h1>
<p *ngIf="tag.description" [innerHtml]="tag.description | marked"> </p> <p *ngIf="tag.description" [innerHtml]="tag.description | marked"> </p>
<redoc-externalDocs [docs]="tag.metadata.externalDocs"></redoc-externalDocs> <redoc-externalDocs [docs]="tag.metadata.externalDocs"></redoc-externalDocs>
</div> </div>

1
lib/components/OperationsList/operations-list.scss
View File

@ -12,7 +12,6 @@
.tag-info { .tag-info {
padding: $section-spacing; padding: $section-spacing;
box-sizing: border-box; box-sizing: border-box;
background-color: white;
width: 60%; width: 60%;
@media (max-width: $right-panel-squash-breakpoint) { @media (max-width: $right-panel-squash-breakpoint) {

10
lib/components/OperationsList/operations-list.ts
View File

@ -30,7 +30,10 @@ export class OperationsList extends BaseComponent implements OnInit {
if (!menuItem.metadata) return; if (!menuItem.metadata) return;
if (menuItem.metadata.type === 'tag') { if (menuItem.metadata.type === 'tag') {
this.tags.push(menuItem); this.tags.push({
...menuItem,
anchor: this.buildAnchor(menuItem.id)
});
} }
if (menuItem.metadata.type === 'operation' && !menuItem.parent) { if (menuItem.metadata.type === 'operation' && !menuItem.parent) {
emptyTag.items.push(menuItem); emptyTag.items.push(menuItem);
@ -39,6 +42,11 @@ export class OperationsList extends BaseComponent implements OnInit {
if (emptyTag.items.length) this.tags.push(emptyTag); if (emptyTag.items.length) this.tags.push(emptyTag);
} }
buildAnchor(tagId):string {
return this.menu.hashFor(tagId,
{ type: 'tag'});
}
trackByTagName(_, el) { trackByTagName(_, el) {
return el.name; return el.name;
} }