Revision 51680
Added by Myrto Koukouli about 6 years ago
| topmenu.component.html | ||
|---|---|---|
| 6 | 6 |
<div class="uk-navbar-left"> |
| 7 | 7 |
<a class="uk-navbar-toggle" href="#tm-mobile" uk-toggle=""> |
| 8 | 8 |
<div uk-navbar-toggle-icon="" class="uk-navbar-toggle-icon uk-icon"> |
| 9 |
<svg width="20" height="20" viewBox="0 0 20 20" ratio="1"> |
|
| 9 |
<!-- <svg width="20" height="20" viewBox="0 0 20 20" ratio="1">
|
|
| 10 | 10 |
<rect y="9" width="20" height="2"/> |
| 11 | 11 |
<rect y="3" width="20" height="2"/> |
| 12 | 12 |
<rect y="15" width="20" height="2"/> |
| 13 |
</svg> |
|
| 13 |
</svg>-->
|
|
| 14 | 14 |
</div> |
| 15 | 15 |
</a> |
| 16 | 16 |
</div> |
| ... | ... | |
| 23 | 23 |
<div id="tm-mobile" uk-offcanvas="" mode="slide" overlay="" class="uk-offcanvas"> |
| 24 | 24 |
<div class="uk-offcanvas-bar"> |
| 25 | 25 |
<button class="uk-offcanvas-close uk-close uk-icon" type="button" uk-close=""> |
| 26 |
<svg width="14" height="14" viewBox="0 0 14 14" ratio="1"> |
|
| 26 |
<!-- <svg width="14" height="14" viewBox="0 0 14 14" ratio="1">
|
|
| 27 | 27 |
<line fill="none" stroke="#000" stroke-width="1.1" x1="1" y1="1" x2="13" y2="13"/> |
| 28 | 28 |
<line fill="none" stroke="#000" stroke-width="1.1" x1="13" y1="1" x2="1" y2="13"/> |
| 29 |
</svg> |
|
| 29 |
</svg>-->
|
|
| 30 | 30 |
</button> |
| 31 | 31 |
<div class="uk-child-width-1-1 uk-grid" uk-grid=""> |
| 32 | 32 |
<div> |
| ... | ... | |
| 36 | 36 |
</div> |
| 37 | 37 |
<div> |
| 38 | 38 |
<div class="uk-panel" id="module-tm-2"> |
| 39 |
<form id="search-tm-2" action="#" method="post" role="search"
|
|
| 40 |
class="uk-search uk-search-default"> |
|
| 41 |
<span class="uk-search-icon uk-icon"><svg width="20" height="20"
|
|
| 42 |
viewBox="0 0 20 20"
|
|
| 43 |
ratio="1">
|
|
| 44 |
<circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"/>
|
|
| 45 |
<path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"/>
|
|
| 46 |
</svg></span>
|
|
| 39 |
<div id="search-tm-2" action="#" method="post" role="search"
|
|
| 40 |
class="uk-search uk-search-default uk-icon">
|
|
| 41 |
<span class="uk-search-icon uk-icon"><svg width="20" height="20" |
|
| 42 |
viewBox="0 0 20 20" |
|
| 43 |
ratio="1"> |
|
| 44 |
<circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"/> |
|
| 45 |
<path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"/> |
|
| 46 |
</svg></span> |
|
| 47 | 47 |
<input name="searchword" placeholder="Search" class="uk-search-input" type="search"> |
| 48 | 48 |
<input name="task" value="search" type="hidden"> |
| 49 | 49 |
<input name="option" value="com_search" type="hidden"> |
| 50 | 50 |
<input name="Itemid" value="1860" type="hidden"> |
| 51 |
</form> |
|
| 51 |
|
|
| 52 |
</div> |
|
| 52 | 53 |
</div> |
| 54 |
<div> |
|
| 55 |
<a *ngIf="!getIsUserLoggedIn()" (click)="login()">Sign up/Register</a> |
|
| 56 |
<a *ngIf="getIsUserLoggedIn()">{{getUserName()}}</a>
|
|
| 57 |
<ul *ngIf="getIsUserLoggedIn()" class="uk-list uk-margin-top"> |
|
| 58 |
<li> |
|
| 59 |
<a class="uk-search-input" [routerLink]="['dashboard']" [routerLinkActive]="['uk-active']">Dashboard</a> |
|
| 60 |
</li> |
|
| 61 |
<li> |
|
| 62 |
Sources |
|
| 63 |
<ul> |
|
| 64 |
<li><a [routerLink]="['sources', 'register']" [routerLinkActive]="['uk-active']">Register</a></li> |
|
| 65 |
<li><a [routerLink]="['sources', 'update']" [routerLinkActive]="['uk-active']">Update</a></li> |
|
| 66 |
</ul> |
|
| 67 |
</li> |
|
| 68 |
<li> |
|
| 69 |
Compatibility |
|
| 70 |
<ul> |
|
| 71 |
<li><a [routerLink]="['compatibility', 'validate']" [routerLinkActive]="['uk-active']">Validate</a></li> |
|
| 72 |
<li><a [routerLink]="['compatibility', 'browseHistory']" [routerLinkActive]="['uk-active']">Validation History</a></li> |
|
| 73 |
<li><a [routerLink]="['compatibility', 'monitor']" [routerLinkActive]="['uk-active']">Collection Monitor</a></li> |
|
| 74 |
</ul> |
|
| 75 |
</li> |
|
| 76 |
<li> |
|
| 77 |
Content |
|
| 78 |
<ul> |
|
| 79 |
<li><a [routerLink]="['content', 'events']" [routerLinkActive]="['uk-active']">Events</a></li> |
|
| 80 |
<li><a [routerLink]="['content', 'notifications']" [routerLinkActive]="['uk-active']">Notifications</a></li> |
|
| 81 |
</ul> |
|
| 82 |
</li> |
|
| 83 |
<li> |
|
| 84 |
<a class="uk-search-input" [routerLink]="['getImpact']" [routerLinkActive]="['uk-active']">Metrics</a> |
|
| 85 |
</li> |
|
| 86 |
<li *ngIf="getIsUserAdmin()"> |
|
| 87 |
Admin |
|
| 88 |
<ul> |
|
| 89 |
<li><a href="{{adminHomePage}}" target="_blank">Help Texts</a></li>
|
|
| 90 |
<li><a [routerLink]="['admin', 'metrics']" [routerLinkActive]="['uk-active']">Validate</a></li> |
|
| 91 |
</ul> |
|
| 92 |
</li> |
|
| 93 |
<li><a (click)="logout()">Logout</a></li> |
|
| 94 |
</ul> |
|
| 95 |
</div> |
|
| 53 | 96 |
</div> |
| 54 | 97 |
</div> |
| 55 | 98 |
|
Also available in: Unified diff
added mobile menu