Project

General

Profile

« Previous | Next » 

Revision 57357

Added by Konstantinos Triantafyllou over 4 years ago

[Monitor]: Stakeholder page: Build menu and navigation

View differences:

monitor.component.html
3 3 
               name="OpenAIRE Monitor">
4 4 
</schema2jsonld>
5 5 
<div
6 
  class="image-front-topbar uk-margin-large-top"
6 
  class="image-front-topbar uk-margin-medium-top"
7 7 
  uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"
8 8 
  tm-header-transparent="light" tm-header-transparent-placeholder="">
9 
  <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
10 
          [texts]="pageContents['top']"></helper>
9 
  <div *ngIf="status === errorCodes.LOADING" class="uk-animation-fade uk-margin-top  uk-width-1-1" role="alert">
10 
    <span class="loading-gif  uk-align-center"></span>
11 
  </div>
12 
  <div *ngIf="stakeholder && status === errorCodes.DONE && activeTopic"
13 
       class="uk-background-primary uk-light uk-padding-small">
14 
    <div class="uk-flex uk-flex-middle topic-nav" uk-grid>
15 
      <div class="uk-width-1-5@m uk-margin-left">
16 
        <span class="uk-text-bold uk-h4">{{stakeholder.index_name}}</span><br>
17 
        <span class="uk-h5">Monitor Dashboard</span>
18 
      </div>
19 
      <nav class="uk-width-3-5@m uk-navbar" uk-navbar>
20 
        <div class="uk-navbar-center">
21 
          <ul class="uk-navbar-nav">
22 
            <ng-template ngFor [ngForOf]="stakeholder.topics" let-topic let-i="index">
23 
              <li [ngClass]="(topic.alias === activeTopic.alias)?'uk-active':''">
24 
                <a (click)="navigateTo(stakeholder.alias, topic.alias)">{{topic.name}}</a>
25 
              </li>
26 
            </ng-template>
27 
          </ul>
28 
        </div>
29 
      </nav>
30 
    </div>
31 
  </div>
32 
  <div uk-grid>
33 
    <sidebar [menuItems]="sideMenuItems" class="uk-width-1-5 sidebar"></sidebar>
34 
  </div>
11 35 
</div>

Also available in: Unified diff