monitor-dashboard/src/app/app.component.html

65 lines
2.7 KiB
HTML

<!--disable_transitions -->
<div class="sidebar_main_swipe " [class.sidebar_main_active]="open && hasSidebar" [class.sidebar_mini]="!open &&
hasMiniMenu && hasSidebar" [class.stakeholderPage]="isFrontPage">
<div *ngIf="hasHeader" id="header_main" [class.header_full]="!hasSidebar">
<img *ngIf="(!open || !hasSidebar) && (properties.environment =='beta' || properties.environment
=='development')"
class="badge"
[src]="'assets/common-assets/'+(properties.environment =='beta'?'beta_flag.svg':'prototype_flag.svg')"
[alt]="properties.environment">
<nav class="uk-navbar uk-light">
<!--<div class="uk-navbar-left uk-margin-small-left">
<div class="uk-light uk-margin-small-top">
<div *ngIf="stakeHolder" class="uk-text-bold uk-h4 uk-margin-remove-bottom" >{{stakeHolder.name}}</div>
</div>
</div>-->
<div *ngIf="stakeHolder" class="uk-navbar-left">
<a class="uk-logo uk-navbar-item ng-star-inserted uk-link "
[routerLink]="'/'+stakeHolder.alias"
routerlinkactive="uk-link">
<img *ngIf="stakeHolder.logoUrl" [src]="stakeHolder.logoUrl"
class=" logo uk-responsive-height uk-margin-small-bottom">
</a>
<ul class="uk-navbar-nav user_actions uk-padding uk-padding-remove-vertical uk-padding-remove-right">
<li>
<div class="uk-text-capitalize uk-h4 uk-margin-remove" >
<!--<span class="uk-visible@m">
{{'OpenAIRE Monitor '+(stakeholder.type == 'ri'?'Research Initiative':stakeholder.type)+
' - ' }}</span>-->
<span> {{stakeHolder.name}}</span>
</div>
</li>
</ul>
</div>
<div class="uk-navbar-right">
<ul class="uk-navbar-nav user_actions">
<li>
<user-mini *ngIf="properties"
[user]="user" [dashboard]="true"
[redirectUrl]="properties.afterLoginRedirectLink"
[logInUrl]=properties.loginUrl [logOutUrl]=properties.logoutUrl
[cookieDomain]=properties.cookieDomain
[userMenuItems]=userMenuItems>
</user-mini>
</li>
</ul>
</div>
</nav>
</div>
<dashboard-sidebar *ngIf="hasAdminMenu" [items]="adminMenuItems" headerName="Monitor"
headerDashboard="Administration Panel"
></dashboard-sidebar>
<div *ngIf="hasSidebar" id="hide_controls">
<div id="toggle" [class.sidebar_main_open]="open" (click)="toggleOpen($event)">
<i class="material-icons">play_circle_filled</i>
<span *ngIf="open" class="uk-margin-small-left">Hide Controls</span>
</div>
</div>
<router-outlet></router-outlet>
</div>