2021-12-29 23:08:41 +00:00
< div fxLayout = "row wrap" fxLayoutAlign = "start center" class = "page-title-container" >
2022-11-30 04:01:28 +00:00
< fa-icon class = "page-title-img mr-1" [ icon ] = " faSearch " > < / fa-icon >
2021-12-29 23:08:41 +00:00
< span class = "page-title" > Graph Lookups< / span >
< / div >
< div fxLayout = "column" class = "padding-gap-x" >
< mat-card >
< mat-card-content fxLayout = "column" >
2022-12-03 03:56:41 +00:00
< nav mat-tab-nav-bar mat-stretch-tabs = "false" mat-align-tabs = "start" [ tabPanel ] = " tabPanel " >
2022-11-30 04:01:28 +00:00
< div * ngFor = "let link of links" role = "tab" mat-tab-link class = "mat-tab-label" [ active ] = " activeLink = == link . link " routerLink = "{{link.link}}" ( click ) = " activeLink = link.link" > {{link.name}}< / div >
2021-12-29 23:08:41 +00:00
< / nav >
2022-11-29 21:30:58 +00:00
< mat-tab-nav-panel # tabPanel > < / mat-tab-nav-panel >
2021-12-29 23:08:41 +00:00
< div fxLayout = "column" fxFlex = "100" fxLayoutAlign = "space-between stretch" class = "mat-tab-body-wrapper" >
< router-outlet > < / router-outlet >
< / div >
< / mat-card-content >
< / mat-card >
< / div >