Project

General

Profile

« Previous | Next » 

Revision 58098

Second commit for the new layout provided by the UX team

View differences:

topmenu-landing.component.html
26 26
                <span *ngIf="getIsUserLoggedIn()">{{getUserName()}}</span>
27 27
                <ul *ngIf="getIsUserLoggedIn()" class="uk-list uk-margin-top">
28 28
                  <li>
29
                    <a class="uk-search-input" [routerLink]="['landing']" [routerLinkActive]="['uk-active']">Home</a>
29
                    <a class="uk-search-input" [routerLink]="['emptyPage']" [routerLinkActive]="['uk-active']">Dashboard</a>
30 30
                  </li>
31
                  <li>
32
                    <a class="uk-search-input" [routerLink]="['dashboard']" [routerLinkActive]="['uk-active']">Dashboard</a>
33
                  </li>
34
                  <li>
35
                    Sources
36
                    <ul>
37
                      <li><a [routerLink]="['sources', 'register']" [routerLinkActive]="['uk-active']">Register</a></li>
38
                      <li><a [routerLink]="['sources', 'update']" [routerLinkActive]="['uk-active']">Update</a></li>
39
                    </ul>
40
                  </li>
41
                  <li>
42
                    Compatibility
43
                    <ul>
44
                      <li><a [routerLink]="['compatibility', 'validate']" [routerLinkActive]="['uk-active']">Validate</a></li>
45
                      <li><a [routerLink]="['compatibility', 'browseHistory']" [routerLinkActive]="['uk-active']">Validation History</a></li>
46
                      <li><a [routerLink]="['compatibility', 'monitor']" [routerLinkActive]="['uk-active']">Collection Monitor</a></li>
47
                    </ul>
48
                  </li>
49
                  <li>
50
                    Content
51
                    <ul>
52
                      <li><a [routerLink]="['content', 'events']" [routerLinkActive]="['uk-active']">Events</a></li>
53
                      <li><a [routerLink]="['content', 'notifications']" [routerLinkActive]="['uk-active']">Notifications</a></li>
54
                    </ul>
55
                  </li>
56
                  <li>
57
                    <a class="uk-search-input" [routerLink]="['getImpact']" [routerLinkActive]="['uk-active']">Metrics</a>
58
                  </li>
59
                  <li *ngIf="getIsUserAdmin()">
60
                    Admin
61
                    <ul>
62
                      <li><a href="{{adminHomePage}}" target="_blank">Help Texts</a></li>
63
                      <li><a [routerLink]="['admin', 'metrics']" [routerLinkActive]="['uk-active']">Validate</a></li>s
64
                    </ul>
65
                  </li>
31
                  <!--<li>-->
32
                    <!--<a class="uk-search-input" [routerLink]="['landing']" [routerLinkActive]="['uk-active']">Home</a>-->
33
                  <!--</li>-->
34
                  <!--<li>-->
35
                    <!--<a class="uk-search-input" [routerLink]="['dashboard']" [routerLinkActive]="['uk-active']">Dashboard</a>-->
36
                  <!--</li>-->
37
                  <!--<li>-->
38
                    <!--Sources-->
39
                    <!--<ul>-->
40
                      <!--<li><a [routerLink]="['sources', 'register']" [routerLinkActive]="['uk-active']">Register</a></li>-->
41
                      <!--<li><a [routerLink]="['sources', 'update']" [routerLinkActive]="['uk-active']">Update</a></li>-->
42
                    <!--</ul>-->
43
                  <!--</li>-->
44
                  <!--<li>-->
45
                    <!--Compatibility-->
46
                    <!--<ul>-->
47
                      <!--<li><a [routerLink]="['compatibility', 'validate']" [routerLinkActive]="['uk-active']">Validate</a></li>-->
48
                      <!--<li><a [routerLink]="['compatibility', 'browseHistory']" [routerLinkActive]="['uk-active']">Validation History</a></li>-->
49
                      <!--<li><a [routerLink]="['compatibility', 'monitor']" [routerLinkActive]="['uk-active']">Collection Monitor</a></li>-->
50
                    <!--</ul>-->
51
                  <!--</li>-->
52
                  <!--<li>-->
53
                    <!--Content-->
54
                    <!--<ul>-->
55
                      <!--<li><a [routerLink]="['content', 'events']" [routerLinkActive]="['uk-active']">Events</a></li>-->
56
                      <!--<li><a [routerLink]="['content', 'notifications']" [routerLinkActive]="['uk-active']">Notifications</a></li>-->
57
                    <!--</ul>-->
58
                  <!--</li>-->
59
                  <!--<li>-->
60
                    <!--<a class="uk-search-input" [routerLink]="['getImpact']" [routerLinkActive]="['uk-active']">Metrics</a>-->
61
                  <!--</li>-->
62
                  <!--<li *ngIf="getIsUserAdmin()">-->
63
                    <!--Admin-->
64
                    <!--<ul>-->
65
                      <!--<li><a href="{{adminHomePage}}" target="_blank">Help Texts</a></li>-->
66
                      <!--<li><a [routerLink]="['admin', 'metrics']" [routerLinkActive]="['uk-active']">Validate</a></li>s-->
67
                    <!--</ul>-->
68
                  <!--</li>-->
66 69
                  <li><a (click)="logout()">Logout</a></li>
67 70
                </ul>
68 71
              </div>
......
123 126

  
124 127
              <ul class="uk-navbar-nav" *ngIf="getIsUserLoggedIn()" >
125 128
                <li class="uk-parent" [routerLinkActive]="['uk-active']">
126
                  <a [routerLink]="['dashboard']" [routerLinkActive]="['uk-active']">
129
                  <a [routerLink]="['emptyPage']" [routerLinkActive]="['uk-active']">
127 130
                    Dashboard
128 131
                  </a>
129 132
                </li>
130
                <li class="uk-parent" [routerLinkActive]="['uk-active']"><a href="#" class=""
131
                                                                            aria-expanded="false">Sources</a>
132
                  <div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 106.55px;"
133
                       id="sourcesMenu" (click)="onClick('sourcesMenu')">
134
                    <div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
135
                      <div class="uk-first-column">
136
                        <ul class="uk-nav uk-navbar-dropdown-nav">
137
                          <li><a [routerLink]="['/sources','register']" id="registerLink">Register</a></li>
138
                          <li><a [routerLink]="['/sources', 'update']">Update</a></li>
139
                        </ul>
140
                      </div>
141
                    </div>
142
                  </div>
143
                </li>
144
                <li class="uk-parent" [routerLinkActive]="['uk-active']"><a href="#" class=""
145
                                                                            aria-expanded="false">Compatibility</a>
146
                  <div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 106.55px;"
147
                       id="compatibilityMenu" (click)="onClick('compatibilityMenu')">
148
                    <div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
149
                      <div class="uk-first-column">
150
                        <ul class="uk-nav uk-navbar-dropdown-nav">
151
                          <li><a [routerLink]="['/compatibility','validate']">Validate</a></li>
152
                          <li><a [routerLink]="['/compatibility','browseHistory']">Validation History</a></li>
153
                          <li><a [routerLink]="['/compatibility','monitor']">Collection Monitor</a></li>
154
                        </ul>
155
                      </div>
156
                    </div>
157
                  </div>
158
                </li>
159
                <li class="uk-parent" [routerLinkActive]="['uk-active']"><a href="#" class=""
160
                                                                            aria-expanded="false">Content</a>
161
                  <div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 106.55px;"
162
                       id="contentMenu" (click)="onClick('contentMenu')">
163
                    <div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
164
                      <div class="uk-first-column">
165
                        <ul class="uk-nav uk-navbar-dropdown-nav">
166
                          <li><a [routerLink]="['/content','events']">Events</a></li>
167
                          <li><a [routerLink]="['/content','notifications']">Notifications</a></li>
168
                        </ul>
169
                      </div>
170
                    </div>
171
                  </div>
172
                </li>
173
                <li class="uk-parent">
174
                  <a [routerLink]="['/getImpact']" [routerLinkActive]="['uk-active']">
175
                    Metrics
176
                  </a>
177
                </li>
133
                <!--<li class="uk-parent" [routerLinkActive]="['uk-active']">-->
134
                  <!--<a [routerLink]="['dashboard']" [routerLinkActive]="['uk-active']">-->
135
                    <!--Dashboard-->
136
                  <!--</a>-->
137
                <!--</li>-->
138
                <!--<li class="uk-parent" [routerLinkActive]="['uk-active']"><a href="#" class=""-->
139
                                                                            <!--aria-expanded="false">Sources</a>-->
140
                  <!--<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 106.55px;"-->
141
                       <!--id="sourcesMenu" (click)="onClick('sourcesMenu')">-->
142
                    <!--<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">-->
143
                      <!--<div class="uk-first-column">-->
144
                        <!--<ul class="uk-nav uk-navbar-dropdown-nav">-->
145
                          <!--<li><a [routerLink]="['/sources','register']" id="registerLink">Register</a></li>-->
146
                          <!--<li><a [routerLink]="['/sources', 'update']">Update</a></li>-->
147
                        <!--</ul>-->
148
                      <!--</div>-->
149
                    <!--</div>-->
150
                  <!--</div>-->
151
                <!--</li>-->
152
                <!--<li class="uk-parent" [routerLinkActive]="['uk-active']"><a href="#" class=""-->
153
                                                                            <!--aria-expanded="false">Compatibility</a>-->
154
                  <!--<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 106.55px;"-->
155
                       <!--id="compatibilityMenu" (click)="onClick('compatibilityMenu')">-->
156
                    <!--<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">-->
157
                      <!--<div class="uk-first-column">-->
158
                        <!--<ul class="uk-nav uk-navbar-dropdown-nav">-->
159
                          <!--<li><a [routerLink]="['/compatibility','validate']">Validate</a></li>-->
160
                          <!--<li><a [routerLink]="['/compatibility','browseHistory']">Validation History</a></li>-->
161
                          <!--<li><a [routerLink]="['/compatibility','monitor']">Collection Monitor</a></li>-->
162
                        <!--</ul>-->
163
                      <!--</div>-->
164
                    <!--</div>-->
165
                  <!--</div>-->
166
                <!--</li>-->
167
                <!--<li class="uk-parent" [routerLinkActive]="['uk-active']"><a href="#" class=""-->
168
                                                                            <!--aria-expanded="false">Content</a>-->
169
                  <!--<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 106.55px;"-->
170
                       <!--id="contentMenu" (click)="onClick('contentMenu')">-->
171
                    <!--<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">-->
172
                      <!--<div class="uk-first-column">-->
173
                        <!--<ul class="uk-nav uk-navbar-dropdown-nav">-->
174
                          <!--<li><a [routerLink]="['/content','events']">Events</a></li>-->
175
                          <!--<li><a [routerLink]="['/content','notifications']">Notifications</a></li>-->
176
                        <!--</ul>-->
177
                      <!--</div>-->
178
                    <!--</div>-->
179
                  <!--</div>-->
180
                <!--</li>-->
181
                <!--<li class="uk-parent">-->
182
                  <!--<a [routerLink]="['/getImpact']" [routerLinkActive]="['uk-active']">-->
183
                    <!--Metrics-->
184
                  <!--</a>-->
185
                <!--</li>-->
178 186
              </ul>
179 187

  
180 188
              <div class="uk-navbar-item">
......
209 217
                      <div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
210 218
                        <div class="uk-first-column">
211 219
                          <ul class="uk-nav uk-navbar-dropdown-nav">
212
                            <ul *ngIf="getIsUserAdmin()" class="uk-nav uk-navbar-dropdown-nav">
213
                              <li class="uk-nav-header" style="display: block;">Admin</li>
214
                              <li style="display: block"><a href="{{adminHomePage}}" target="_blank">Help Texts</a></li>
215
                              <li style="display: block"><a [routerLink]="['/admin/metrics']">Metrics</a></li>
216
                              <li style="display: block" class="uk-margin-small-bottom"><a [routerLink]="['/admin/registrations']">Registrations</a></li>
217
                            </ul>
220
                            <!--<ul *ngIf="getIsUserAdmin()" class="uk-nav uk-navbar-dropdown-nav">-->
221
                              <!--<li class="uk-nav-header" style="display: block;">Admin</li>-->
222
                              <!--<li style="display: block"><a href="{{adminHomePage}}" target="_blank">Help Texts</a></li>-->
223
                              <!--<li style="display: block"><a [routerLink]="['/admin/metrics']">Metrics</a></li>-->
224
                              <!--<li style="display: block" class="uk-margin-small-bottom"><a [routerLink]="['/admin/registrations']">Registrations</a></li>-->
225
                            <!--</ul>-->
218 226
                            <li><a class="" (click)="logout()">Log out</a></li>
219 227
                          </ul>
220 228
                        </div>

Also available in: Unified diff