Revision 57098
Added by Stefania Martziou about 4 years ago
| compatibility-monitor.component.html | ||
|---|---|---|
| 1 |
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid=""> |
|
| 2 |
<div class="uk-width-1-1@m uk-first-column"> |
|
| 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="uk-icon-th-large"></i> Grid</a>
|
|
| 7 |
</li> |
|
| 8 |
<li data-view="list_view" class="{{tilesView ? '' : 'uk-active'}}">
|
|
| 9 |
<a (click)="changeView('list')"><i class="uk-icon-list"></i> List</a>
|
|
| 10 |
</li> |
|
| 11 |
</ul> |
|
| 12 |
</div> |
|
| 13 |
</div> |
|
| 14 |
</div> |
|
| 3 | 15 |
|
| 4 |
<h1 class="uk-h2">Monitor</h1> |
|
| 16 |
<div id="page_content"> |
|
| 17 |
<div id="page_content_inner"> |
|
| 18 |
<h2 class="heading_b uk-margin-bottom">Monitor</h2> |
|
| 5 | 19 |
|
| 6 | 20 |
<!-- TOP HELP CONTENT --> |
| 7 | 21 |
<help-content #topHelperContent [position]="'top'" |
| 8 | 22 |
[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'"> |
| 9 | 23 |
</help-content> |
| 10 | 24 |
|
| 11 |
<div class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom"> |
|
| 12 |
<div class="uk-grid"> |
|
| 25 |
<div class="uk-grid"> |
|
| 13 | 26 |
|
| 14 |
<!-- LEFT HELP CONTENT -->
|
|
| 15 |
<aside-help-content #leftHelperContent [position]="'left'"
|
|
| 16 |
[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
|
|
| 17 |
</aside-help-content>
|
|
| 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> |
|
| 18 | 31 |
|
| 19 |
<!-- MIDDLE -->
|
|
| 20 |
<div class=" uk-width-expand@m">
|
|
| 32 |
<!-- MIDDLE --> |
|
| 33 |
<div class=" uk-width-expand@m"> |
|
| 21 | 34 |
|
| 22 |
<repository-tiles [parent]="'compatibilityMonitor'" [tilesView]="true"></repository-tiles>
|
|
| 35 |
<repository-tiles [parent]="'compatibilityMonitor'" [tilesView]="tilesView"></repository-tiles>
|
|
| 23 | 36 |
|
| 24 |
</div>
|
|
| 37 |
</div> |
|
| 25 | 38 |
|
| 26 |
<!-- RIGHT HELP CONTENT -->
|
|
| 27 |
<aside-help-content #rightHelperContent [position]="'right'"
|
|
| 28 |
[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
|
|
| 29 |
</aside-help-content>
|
|
| 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> |
|
| 30 | 43 |
|
| 31 |
</div> |
|
| 32 | 44 |
</div> |
| 33 | 45 |
|
| 34 |
|
|
| 35 | 46 |
<!-- BOTTOM HELP CONTENT --> |
| 36 | 47 |
<help-content #bottomHelperContent [position]="'bottom'" |
| 37 | 48 |
[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'"> |
| 38 | 49 |
</help-content> |
| 39 | 50 |
|
| 40 |
|
|
| 41 | 51 |
</div> |
| 42 | 52 |
</div> |
Also available in: Unified diff
Finished the first version of the collection monitor pages