<inputclass="form-control"type="text"name="search"[(ngModel)]="searchText"autocomplete="off"placeholder=" Start searching for a hero by id or name or country">
</div>
<mat-tab-groupmat-align-tabs="center">
<mat-tablabel="System">
<div*ngFor="let item of systems; let i = index">
<div*ngIf="checkeven(i)">
<div*ngFor="let section of systems| filter:searchText">
<mat-tablabel={{section.Name}}>
<div*ngFor="let item of section.TheClasses| filter:searchText">
<mat-accordion>
<mat-expansion-panelhideToggle>
<mat-expansion-panel>
<mat-expansion-panel-header>
<mat-panel-title>
{{ item }}
{{ item.Class }}
</mat-panel-title>
<mat-panel-description>
<!-- only mini description-->
</mat-panel-description>
</mat-expansion-panel-header>
{{ systems [i+1] }}
{{ item.Comment }}
<ul><h4><b>Instances</b></h4>
<div*ngFor="let instan of instacesystems; let y = index">
<div*ngIf="item == instan">
<div*ngFor="let instan of item.Instance_of_Class| filter:searchText">
<li>
<mat-expansion-panelhideToggle>
<p>Description.</p>
<mat-expansion-panel-header>
<mat-panel-title>
{{ instacesystems[y+1] }}
{{instan.Instance}}
</mat-panel-title>
</mat-expansion-panel-header>
</mat-expansion-panel>
</li>
</div>
</div>
</ul>
<ul><h4><b>Subclasses</b></h4>
<div*ngFor="let sub of subclassystems; let y = index">
<div*ngIf="item == sub">
<div*ngFor="let sub of item.Subclass| filter:searchText">
<li>
<mat-expansion-panelhideToggle>
<mat-expansion-panel-header>
<mat-panel-title>
{{ subclassystems[y+1] }}
{{sub.SubClass_name}}
</mat-panel-title>
</mat-expansion-panel-header>
<p>{{subclassystems[y+2]}}</p>
<p>{{sub.SubclassComment}}</p>
<ul><h5>Instances</h5>
<div*ngFor="let instan of instacesystems; let y = index">
<div*ngIf="sub == instan">
<li>
<mat-expansion-panelhideToggle>
<mat-expansion-panel-header>
<mat-panel-title>
{{ instacesystems[y+1] }}
</mat-panel-title>
</mat-expansion-panel-header>
</mat-expansion-panel>
</li>
</div>
</div>
</ul>
</mat-expansion-panel>
</li>
</div>
</div>
</ul>
</mat-expansion-panel>
</mat-accordion>
</div>
</div>
</mat-tab>
<!-- Function -->
<mat-tablabel="Function">
<div*ngIf= "checklen(functions); else down">
<div*ngFor="let item of functions; let i = index">