argos/dmp-frontend/src/app/form/tableOfContents/toc.component.html

43 lines
1.7 KiB
HTML
Raw Normal View History

2017-09-29 18:16:37 +02:00
<body data-spy="scroll" data-target="#toc">
2017-10-04 15:30:38 +02:00
<nav id="toc" data-toggle="toc">
<ul class="nav flex-column">
2017-10-18 14:50:12 +02:00
<li class="nav-item">
<div *ngFor="let group of dataModel.groups"> <!-- All contents in the first page -->
<ul>
<li>
2017-11-09 15:18:02 +01:00
<a class="cursor-hand" (click)='scrollToElemID(group.key, group.page)'>{{group.title}}</a>
<ul *ngFor="let field of group.groupFields">
2017-11-06 10:57:13 +01:00
<li *ngIf="field.visible == 'true' && field.label"> <!-- && field.label for sections without field label as data summery -->
2017-11-09 15:18:02 +01:00
<a class="cursor-hand" (click)='scrollToElemID(field.key, group.page)'>{{field.label}} </a>
</li>
</ul>
</li>
</ul>
</div>
2017-10-18 14:50:12 +02:00
<!-- <div *ngFor="let group of dataModel.groups">
2017-10-04 15:30:38 +02:00
<ul>
<li><a class="nav-link" [routerLink]="['.']" fragment="{{group.key}}">{{group.title}}</a>
2017-10-04 15:30:38 +02:00
<ul *ngFor="let field of group.groupFields">
<li *ngIf="field.visible == 'true'">
<a class="nav-link" href="#field.key">{{field.label}}</a>
</li>
2017-10-04 15:30:38 +02:00
</ul>
2017-09-29 18:16:37 +02:00
</li>
2017-10-04 15:30:38 +02:00
2017-09-29 18:16:37 +02:00
</ul>
2017-10-04 15:30:38 +02:00
</div> -->
2017-09-29 18:16:37 +02:00
2017-10-04 15:30:38 +02:00
</li>
</ul>
</nav>
</body>