Project

General

Profile

1
<div id="top_bar">
2
  <div class="md-top-bar">
3
    <div class="uk-width-large-8-10 uk-container-center">
4
      <ul class="top_bar_nav" id="list_grid_toggle">
5
        <li class="{{tilesView ? 'uk-active' : ''}}" data-view="grid_view">
6
          <a (click)="changeView('tiles')"><i class="fas fa-th-large"></i> Grid</a>
7
        </li>
8
        <li data-view="list_view" class="{{tilesView ? '' : 'uk-active'}}">
9
          <a (click)="changeView('list')"><i class="fas fa-list"></i> List</a>
10
        </li>
11
      </ul>
12
    </div>
13
  </div>
14
</div>
15

    
16
<div id="page_content">
17
  <div id="page_content_inner">
18
    <h2 class="heading_b uk-margin-bottom">Metrics</h2>
19

    
20
    <!-- TOP HELP CONTENT -->
21
    <help-content #topHelperContent [position]="'top'"
22
                  [ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
23
    </help-content>
24

    
25
    <div class="uk-grid">
26

    
27
      <!-- LEFT HELP CONTENT -->
28
      <aside-help-content #leftHelperContent [position]="'left'"
29
                          [ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
30
      </aside-help-content>
31

    
32
      <!-- MIDDLE -->
33
      <div class=" uk-width-expand@m">
34

    
35
        <repository-tiles [parent]="'metrics'" [tilesView]="tilesView"></repository-tiles>
36

    
37
      </div>
38

    
39
      <!-- RIGHT HELP CONTENT -->
40
      <aside-help-content #rightHelperContent [position]="'right'"
41
                          [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
42
      </aside-help-content>
43

    
44
    </div>
45

    
46
    <!-- BOTTOM HELP CONTENT -->
47
    <help-content #bottomHelperContent [position]="'bottom'"
48
                  [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
49
    </help-content>
50

    
51
  </div>
52
</div>
(14-14/17)