Project

General

Profile

« Previous | Next » 

Revision 60843

Added the new methodology page

View differences:

top-menu.component.html
14 14

  
15 15
            <ul class="uk-navbar-nav">
16 16
              <li>
17
                <a class="" href="#">
17
                <a class="" href="#offcanvas-nav" uk-toggle>
18 18
                  <div uk-navbar-toggle-icon="" class="uk-navbar-toggle-icon uk-icon">
19 19
                  </div>
20 20
                </a>
21
                <div class="uk-navbar-dropdown">
22
                  <ul class="uk-nav uk-navbar-dropdown-nav">
23
                    <li class="uk-active"><a routerLink="/home">Home</a></li>
24
                    <li class="uk-active"><a [routerLink]="['/overview','europe']">OA in Europe</a></li>
25
                    <!--<li class="uk-active"><a href="#">About</a></li>-->
26
                    <li class="uk-active"><a routerLink="/methodology">Methodology</a></li>
27
                    <!--<li class="uk-nav-divider"></li>-->
28
                    <!--<li class="uk-active"><a routerLink="/home">Sign In</a></li>-->
29
                  </ul>
30
                </div>
21
                <!--<div class="uk-navbar-dropdown">-->
22
                  <!--<ul class="uk-nav uk-navbar-dropdown-nav">-->
23
                    <!--<li class="uk-active"><a routerLink="/home">Home</a></li>-->
24
                    <!--<li class="uk-active"><a [routerLink]="['/overview','europe']">OA in Europe</a></li>-->
25
                    <!--&lt;!&ndash;<li class="uk-active"><a href="#">About</a></li>&ndash;&gt;-->
26
                    <!--<li class="uk-active"><a routerLink="/methodology">Methodology</a></li>-->
27
                    <!--&lt;!&ndash;<li class="uk-nav-divider"></li>&ndash;&gt;-->
28
                    <!--&lt;!&ndash;<li class="uk-active"><a routerLink="/home">Sign In</a></li>&ndash;&gt;-->
29
                  <!--</ul>-->
30
                <!--</div>-->
31 31
              </li>
32 32
            </ul>
33 33

  
......
90 90
          <div class="uk-navbar-right">
91 91
            <ul class="uk-navbar-nav">
92 92
              <li>
93
                <a class="" href="#">
93
                <a class="" href="#offcanvas-nav" uk-toggle>
94 94
                  <div uk-navbar-toggle-icon="" class="uk-navbar-toggle-icon uk-icon">
95 95
                  </div>
96 96
                </a>
97
                <div class="uk-navbar-dropdown">
98
                  <ul class="uk-nav uk-navbar-dropdown-nav">
99
                    <li class="uk-active"><a routerLink="/home">Home</a></li>
100
                    <li class="uk-active"><a [routerLink]="['/overview', 'europe']">OA in Europe</a></li>
101
                    <!--<li class="uk-active"><a href="#">About</a></li>-->
102
                    <li class="uk-active"><a routerLink="/methodology">Methodology</a></li>
103
                    <!--<li class="uk-nav-divider"></li>-->
104
                    <!--<li class="uk-active"><a routerLink="/home">Sign In</a></li>-->
105
                  </ul>
106
                </div>
97
                <!--<div class="uk-navbar-dropdown">-->
98
                  <!--<ul class="uk-nav uk-navbar-dropdown-nav">-->
99
                    <!--<li class="uk-active"><a routerLink="/home">Home</a></li>-->
100
                    <!--<li class="uk-active"><a [routerLink]="['/overview', 'europe']">OA in Europe</a></li>-->
101
                    <!--&lt;!&ndash;<li class="uk-active"><a href="#">About</a></li>&ndash;&gt;-->
102
                    <!--<li class="uk-active"><a routerLink="/methodology">Methodology</a></li>-->
103
                    <!--&lt;!&ndash;<li class="uk-nav-divider"></li>&ndash;&gt;-->
104
                    <!--&lt;!&ndash;<li class="uk-active"><a routerLink="/home">Sign In</a></li>&ndash;&gt;-->
105
                  <!--</ul>-->
106
                <!--</div>-->
107 107
              </li>
108 108
            </ul>
109 109

  
......
115 115

  
116 116
    </div>
117 117

  
118
    <div id="offcanvas-nav" class="tm-mobile uk-hidden@m" uk-offcanvas="flip: true; overlay: true;">
119
      <!--<div class="uk-offcanvas-bar">-->
120
      <div class="uk-offcanvas-bar-light">
118 121

  
122
        <button class="uk-offcanvas-close" type="button" uk-close></button>
123

  
124
        <ul class="uk-nav uk-nav-default">
125
          <li [routerLinkActive]="['uk-active']"><a routerLink="/home" [routerLinkActive]="['uk-active']" class="uk-offcanvas-close custom-offcanvas-close">Home</a></li>
126
          <li [routerLinkActive]="['uk-active']"><a [routerLink]="['/overview', 'europe']" [routerLinkActive]="['uk-active']" class="uk-offcanvas-close custom-offcanvas-close">OA in Europe</a></li>
127
          <li class="uk-parent" [routerLinkActive]="['uk-active']">
128
            <a href="#">Methodology</a>
129
            <ul class="uk-nav-sub">
130
              <li><a routerLink="/methodology" routerLinkActive="uk-active" class="uk-offcanvas-close custom-offcanvas-close">Overview</a></li>
131
              <li><a routerLink="/methodology" fragment="terminology" routerLinkActive="uk-active" class="uk-offcanvas-close custom-offcanvas-close">Terminology and construction</a></li>
132
            </ul>
133
          </li>
134
          <!--<li class="uk-nav-header">Header</li>-->
135
          <!--<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>-->
136
          <!--<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>-->
137
          <!--<li class="uk-nav-divider"></li>-->
138
          <!--<li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>-->
139
        </ul>
140

  
141
      </div>
142
    </div>
143

  
119 144
    <!--LAPTOP & PAD LANDSCAPE-->
120 145
    <div class="uk-visible@m">
121 146
      <a *ngIf="environmentName==='beta'" href="/"><img alt="BETA" class="large-beta-indication" src="../../../assets/img/beta_flag.svg"></a>
......
145 170
                    OA in Europe
146 171
                  </a>
147 172
                </li>
173
                <!--<li class="uk-parent" [routerLinkActive]="['uk-active']">-->
174
                  <!--<a routerLink="/methodology" [routerLinkActive]="['uk-active']">-->
175
                    <!--Methodology-->
176
                  <!--</a>-->
177
                <!--</li>-->
148 178
                <li class="uk-parent" [routerLinkActive]="['uk-active']">
149
                  <a routerLink="/methodology" [routerLinkActive]="['uk-active']">
179
                  <a href="#" class="" aria-expanded="false">
150 180
                    Methodology
151 181
                  </a>
182
                  <div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 106.55px;" id="methodology" uk-toggle>
183
                    <div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
184
                      <div class="uk-first-column">
185
                        <ul class="uk-nav uk-navbar-dropdown-nav">
186
                          <!--<li><a [routerLink]="['/support/faqs']" routerLinkActive="uk-active">FAQs</a></li>-->
187
                          <li><a routerLink="/methodology" routerLinkActive="uk-active">Overview</a></li>
188
                          <li><a routerLink="/methodology" fragment="terminology" routerLinkActive="uk-active">Terminology and construction</a></li>
189
                        </ul>
190
                      </div>
191
                    </div>
192
                  </div>
152 193
                </li>
153 194
                <!--<li class="uk-parent" [routerLinkActive]="['uk-active']">-->
154 195
                  <!--<a routerLink="/home" [routerLinkActive]="['uk-active']">-->

Also available in: Unified diff