uoa-repository-manager-ui/src/app/pages/repository/repository.component.html

62 lines
2.8 KiB
HTML

<div id="page_content">
<div *ngIf="loadingMessage" class="loading-big">
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
{{ loadingMessage }}
</div>
<div class="transparentFilm"></div>
</div>
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
<div *ngIf="!loadingMessage && !errorMessage">
<div class="repositoryMenu">
<div class="uk-margin-medium-left uk-margin-medium-right">
<div class="uk-padding-small">
<h3 *ngIf="repository" class="heading_b">
<img *ngIf="!repository.logourl" src="../../../assets/imgs/yourLogoHere.jpg" style="margin-right: 15px; margin-top:-8px" width="60">
<img *ngIf="repository.logourl" src="{{ repository.logourl }}" style="margin-right: 15px; margin-top:-8px" width="60">
{{ repository.officialname }}
</h3>
</div>
<div id="top_bar">
<div class="md-top-bar">
<div class="uk-width-4-5@l uk-container-center">
<ul *ngIf="repository" class="top_bar_nav" id="snippets_grid_filter">
<!--<li class="uk-active" data-uk-filter="">-->
<li [routerLinkActive]="['uk-active']" data-uk-filter="">
<!--<a [routerLink]="['/repository/' + repository.id + '/dashboard']">DASHBOARD</a>-->
<a [routerLink]="['./dashboard']">DASHBOARD</a>
</li>
<li [routerLinkActive]="['uk-active']" data-uk-filter="snippets-lang-php">
<!--<a [routerLink]="['/repository/' + repository.id + '/update']">UPDATE</a>-->
<a [routerLink]="['./update']">UPDATE</a>
</li>
<li data-uk-filter="snippets-lang-css" [routerLinkActive]="['uk-active']">
<a [routerLink]="['./aggregationHistory']">AGGREGATION HISTORY</a>
</li>
<li data-uk-filter="snippets-lang-javascript" [routerLinkActive]="['uk-active']">
<a [routerLink]="['./events']">ENRICHMENTS</a>
</li>
<li data-uk-filter="snippets-lang-php" [routerLinkActive]="['uk-active']">
<!--<a [routerLink]="['/repository/' + repository.id + '/getImpact']">METRICS</a>-->
<a *ngIf="repository.piwikInfo && repository.piwikInfo.validated" [routerLink]="['./getImpact/show_metrics']">USAGE COUNTS</a>
<a *ngIf="repository.piwikInfo && !repository.piwikInfo.validated" [routerLink]="['./getImpact/instructions']">USAGE COUNTS</a>
<a *ngIf="!repository.piwikInfo" [routerLink]="['./getImpact/enable']">USAGE COUNTS</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<router-outlet></router-outlet>
</div>
</div>