Project

General

Profile

« Previous | Next » 

Revision 58098

Second commit for the new layout provided by the UX team

View differences:

sidemenu.component.html
1 1
<aside id="sidebar_main">
2 2

  
3 3
  <div class="sidebar_main_header uk-margin-remove-bottom">
4
    <div class="uk-padding-small"><!---->
5
      <img class="uk-margin-bottom" src="../../../assets/imgs/OA_PROVIDE_B.png">
6
      <h4 class="uk-text-bold uk-margin-remove">Repository manager's</h4>
7
      <span class="uk-text-large">Admin Dashboard</span>
4
    <div class="uk-padding-small">
5
      <img class="provideLogo" src="../../../assets/imgs/OA_PROVIDE_B.png">
6
      <!--<h4 class="uk-text-bold uk-margin-remove">Repository manager's</h4>-->
7
      <!--<span class="uk-text-large">Admin Dashboard</span>-->
8 8
    </div>
9 9
  </div>
10 10
  <!--<div class="sidebar_main_header">-->
......
25 25
    <!--&lt;!&ndash;</div>&ndash;&gt;-->
26 26
  <!--</div>-->
27 27

  
28
  <div class="menu_section">
28
  <div *ngIf="reposOfUser.length>0" class="menu_section uk-margin-top">
29 29
    <ul>
30 30

  
31
      <!--<li class="uk-margin-bottom md-bg-blue-900 uk-padding-small">-->
32
        <!--<a class="md-color-white" [routerLink]="['/landing']">-->
33
          <!--<span class="menu_icon"><i class="material-icons md-color-white">arrow_back</i></span>-->
34
          <!--<div class="menu_title uk-width-expand uk-text-uppercase"> Landing page </div>-->
35
        <!--</a>-->
36
      <!--</li>-->
37

  
38 31
      <li [routerLinkActive]="['current_section']" class="">
39
        <a [routerLink]="['/dashboard']">
40
          <span class="menu_icon"><i class="material-icons">&#xE871;</i></span>
41
          <span class="menu_title">Dashboard</span>
32
        <a [routerLink]="['/sources', 'register']">
33
        <!--<a [routerLink]="['/register']">-->
34
          <span class="menu_icon_circle_letter">R</span>
35
          <span class="menu_title">Register</span>
42 36
        </a>
43 37
      </li>
44
      <li class="submenu_trigger" [ngClass]="{'act_section': checkIfCollapsed(1) }" [routerLinkActive]="['current_section']">
45
        <a (click)="setToggle(1)">
46
          <span class="menu_icon"><i class="material-icons">&#xE8D2;</i></span>
47
          <span class="menu_title">Sources</span>
48
        </a>
49
        <ul [ngClass]="{'uk-display-block': checkIfCollapsed(1)}">
50
          <li [routerLinkActive]="['act_item']"><a [routerLink]="['/sources', 'register']">Register</a></li>
51
          <li *ngIf="!skipGridView" [routerLinkActive]="['act_item']"><a [routerLink]="['/sources', 'update']">Update</a></li>
52
          <li *ngIf="skipGridView" [routerLinkActive]="['act_item']"><a [routerLink]="['/sources/update', reposOfUser[0].id]">Update</a></li>
53
        </ul>
54
      </li>
55
      <li class="submenu_trigger" [ngClass]="{'act_section': checkIfCollapsed(2) }" routerLinkActive="current_section">
38

  
39
      <!--<li class="submenu_trigger" [ngClass]="{'act_section': checkIfCollapsed(2) }" routerLinkActive="current_section">-->
40
      <li class="submenu_trigger" [ngClass]="{'act_section': checkIfCollapsed(2) }">
56 41
        <a (click)="setToggle(2)">
57
          <span class="menu_icon"><i class="material-icons">&#xE158;</i></span>
58
          <span class="menu_title">Compatibility</span>
42
          <span class="menu_icon_circle_letter">V</span>
43
          <span class="menu_title">Validator</span>
59 44
        </a>
60 45
        <ul [ngClass]="{'uk-display-block': checkIfCollapsed(2)}">
61 46
          <li routerLinkActive="act_item"><a [routerLink]="['/compatibility', 'validate']">Validate</a></li>
62 47
          <li routerLinkActive="act_item"><a [routerLink]="['/compatibility', 'browseHistory']">Validation History</a></li>
63
          <li *ngIf="!skipGridView" routerLinkActive="act_item"><a [routerLink]="['/compatibility', 'monitor']">Collection Monitor</a></li>
64
          <li *ngIf="skipGridView" routerLinkActive="act_item"><a [routerLink]="['/compatibility/monitor', reposOfUser[0].id]">Collection Monitor</a></li>
65 48
        </ul>
66 49
      </li>
67
      <li class="submenu_trigger" [ngClass]="{'act_section': checkIfCollapsed(3) }" [routerLinkActive]="['current_section']">
68
        <a (click)="setToggle(3)">
69
          <span class="menu_icon"><i class="material-icons">&#xE53E;</i></span>
70
          <span class="menu_title">Content</span>
50

  
51
      <li [routerLinkActive]="['current_section']" class="">
52
        <a [routerLink]="['/content', 'notifications']">
53
          <span class="menu_icon_circle_letter">S</span>
54
          <span class="menu_title">Subscriptions</span>
71 55
        </a>
72
        <ul [ngClass]="{'uk-display-block': checkIfCollapsed(3)}">
73
          <li *ngIf="!skipGridView" [routerLinkActive]="['act_item']"><a [routerLink]="['/content', 'events']">Events</a></li>
74
          <li *ngIf="skipGridView" [routerLinkActive]="['act_item']"><a [routerLink]="['/content/events', reposOfUser[0].officialname]">Events</a></li>
75
          <li [routerLinkActive]="['act_item']"><a [routerLink]="['/content', 'notifications']">Notifications</a></li>
76
        </ul>
77 56
      </li>
78
      <li class="" [routerLinkActive]="['current_section']" title="Metrics">
79
        <a *ngIf="!skipGridView" [routerLink]="['/getImpact']">
80
          <span class="menu_icon"><i class="material-icons">&#xE86F;</i></span>
81
          <span class="menu_title">Metrics</span>
57

  
58
    </ul>
59
  </div>
60

  
61
  <div *ngIf="reposOfUser.length>0" class="menu_section border_top">
62
    <div class="sidebar_heading">REPOSITORIES</div>
63
    <ul>
64

  
65
      <li *ngFor="let repo of visibleReposOfUser" [routerLinkActive]="['current_section']" class="">
66
        <!--<a [routerLink]="['/repository', '{{repo.id}}']">-->
67
        <a [routerLink]="['/repository/' + repo.id]">
68
          <span *ngIf="!repo.logoUrl" class="menu_icon_circle" style="background-image: url('../../../assets/imgs/yourLogoHere.jpg')">
69
          </span>
70
          <span *ngIf="repo.logoUrl" class="menu_icon_circle" [ngStyle]="{'background-image': 'url(' + repo.logoUrl + ')'}">
71
          </span>
72
          <!--<span class="menu_title ellipsis">{{repo.officialname}}</span>-->
73
          <span *ngIf="repo.officialname.length>30" class="menu_title">{{repo.officialname.substr(0,30)}}...</span>
74
          <span *ngIf="repo.officialname.length<=30" class="menu_title">{{repo.officialname}}</span>
82 75
        </a>
83
        <a *ngIf="skipGridView" [routerLink]="['/getImpact/show_metrics', reposOfUser[0].id]">
84
          <span class="menu_icon"><i class="material-icons">&#xE86F;</i></span>
85
          <span class="menu_title">Metrics</span>
76
      </li>
77

  
78
      <li *ngIf="reposOfUser.length>5 && !allReposVisible" class="">
79
        <a (click)="showMoreRepos()">
80
          <span class="menu_icon"><i class="material-icons">keyboard_arrow_down</i></span>
81
          <span class="menu_title">Show more</span>
86 82
        </a>
87 83
      </li>
88 84

  
89
      <li *ngIf="getIsUserAdmin()" class="submenu_trigger uk-margin-top" [ngClass]="{'act_section': checkIfCollapsed(4) }" [routerLinkActive]="['current_section']">
90
        <a (click)="setToggle(4)">
91
          <span class="menu_icon"><i class="material-icons">&#xE87C;</i></span>
92
          <!--<span class="menu_title">{{ getUserName() }}</span>-->
93
          <span class="menu_title">Admin</span>
85
      <li *ngIf="reposOfUser.length>5 && allReposVisible" class="">
86
        <a (click)="showLessRepos()">
87
          <span class="menu_icon"><i class="material-icons">keyboard_arrow_up</i></span>
88
          <span class="menu_title">Show less</span>
94 89
        </a>
95
        <ul [ngClass]="{'uk-display-block': checkIfCollapsed(4)}">
96
          <li [routerLinkActive]="['act_item']"><a href="{{adminHomePage}}" target="_blank">Help Texts</a></li>
97
          <li [routerLinkActive]="['act_item']"><a [routerLink]="['/admin/registrations']">Registrations</a></li>
98
          <li [routerLinkActive]="['act_item']"><a [routerLink]="['/admin/metrics']">Metrics</a></li>
99
          <!--<li [routerLinkActive]="['act_item']"><a (click)="logout()">Log out</a></li>-->
100
        </ul>
101 90
      </li>
102 91

  
103 92

  
104
      <!--<li [routerLinkActive]="['current_section']" title="User Profile">-->
105
        <!--<a href="page_user_profile.html">-->
106
          <!--<span class="menu_icon"><i class="material-icons">&#xE87C;</i></span>-->
107
          <!--<span class="menu_title">User Profile</span>-->
108
        <!--</a>-->
109
      <!--</li>-->
93
    </ul>
94
  </div>
110 95

  
96
  <div *ngIf="getIsUserAdmin()" class="menu_section admin_menu_section border_top">
97
    <div class="sidebar_heading">ADMIN</div>
98
    <ul>
111 99

  
100
      <li [routerLinkActive]="['current_section']" class="">
101
        <a href="{{adminHomePage}}">
102
          <span class="menu_icon_circle_letter">H</span>
103
          <span class="menu_title">Help Texts</span>
104
        </a>
105
      </li>
106
      <li [routerLinkActive]="['current_section']" class="">
107
        <a [routerLink]="['/admin/registrations']">
108
          <span class="menu_icon_circle_letter">R</span>
109
          <span class="menu_title">Registrations</span>
110
        </a>
111
      </li>
112
      <li [routerLinkActive]="['current_section']" class="">
113
        <a [routerLink]="['/admin/metrics']">
114
          <span class="menu_icon_circle_letter">M</span>
115
          <span class="menu_title">Metrics</span>
116
        </a>
117
      </li>
112 118

  
113
      <!--<li title="Mailbox">-->
114
        <!--<a href="page_mailbox.html">-->
115
          <!--<span class="menu_icon"><i class="material-icons">&#xE158;</i></span>-->
116
          <!--<span class="menu_title">Mailbox</span>-->
117
        <!--</a>-->
118

  
119
      <!--</li>-->
120
      <!--<li title="Invoices">-->
121
        <!--<a href="page_invoices.html">-->
122
          <!--<span class="menu_icon"><i class="material-icons">&#xE53E;</i></span>-->
123
          <!--<span class="menu_title">Invoices</span>-->
124
        <!--</a>-->
125

  
126
      <!--</li>-->
127
      <!--<li title="Chats">-->
128
        <!--<a href="#">-->
129
          <!--<span class="menu_icon"><i class="material-icons">&#xE0B9;</i></span>-->
130
          <!--<span class="menu_title">Chats</span>-->
131
        <!--</a>-->
132
        <!--<ul>-->
133
          <!--<li><a href="page_chat.html">Regular Chat</a></li>-->
134
          <!--<li><a href="page_chat_small.html">Chatboxes</a></li>-->
135
        <!--</ul>-->
136

  
137
      <!--</li>-->
138
      <!--<li title="Scrum Board">-->
139
        <!--<a href="page_scrum_board.html">-->
140
          <!--<span class="menu_icon"><i class="material-icons">&#xE85C;</i></span>-->
141
          <!--<span class="menu_title">Scrum Board</span>-->
142
        <!--</a>-->
143

  
144
      <!--</li>-->
145
      <!--<li title="Snippets">-->
146
        <!--<a href="page_snippets.html">-->
147
          <!--<span class="menu_icon"><i class="material-icons">&#xE86F;</i></span>-->
148
          <!--<span class="menu_title">Snippets</span>-->
149
        <!--</a>-->
150

  
151
      <!--</li>-->
152
      <!--<li title="User Profile">-->
153
        <!--<a href="page_user_profile.html">-->
154
          <!--<span class="menu_icon"><i class="material-icons">&#xE87C;</i></span>-->
155
          <!--<span class="menu_title">User Profile</span>-->
156
        <!--</a>-->
157

  
158
      <!--</li>-->
159
      <!--<li title="Sticky Notes">-->
160
        <!--<a href="page_sticky_notes.html">-->
161
          <!--<span class="menu_icon"><i class="material-icons">&#xE8F0;</i></span>-->
162
          <!--<span class="menu_title">Sticky Notes</span>-->
163
        <!--</a>-->
164

  
165
      <!--</li>-->
166

  
167
      <!--<li title="Layout">-->
168
        <!--<a href="#">-->
169
          <!--<span class="menu_icon"><i class="material-icons">&#xE8F1;</i></span>-->
170
          <!--<span class="menu_title">Layout</span>-->
171
        <!--</a>-->
172
        <!--<ul>-->
173
          <!--<li><a href="layout_top_menu.html">Top Menu</a></li>-->
174
          <!--<li><a href="layout_header_full.html">Full Header</a></li>-->
175
        <!--</ul>-->
176

  
177
      <!--</li>-->
178
      <!--<li title="Kendo UI Widgets">-->
179
        <!--<a href="#">-->
180
          <!--<span class="menu_icon"><i class="material-icons">&#xE1BD;</i></span>-->
181
          <!--<span class="menu_title">Kendo UI Widgets</span>-->
182
        <!--</a>-->
183
        <!--<ul>-->
184
          <!--<li><a href="kendoui_autocomplete.html">Autocomplete</a></li>-->
185
          <!--<li><a href="kendoui_calendar.html">Calendar</a></li>-->
186
          <!--<li><a href="kendoui_colorpicker.html">ColorPicker</a></li>-->
187
          <!--<li><a href="kendoui_combobox.html">ComboBox</a></li>-->
188
          <!--<li><a href="kendoui_datepicker.html">DatePicker</a></li>-->
189
          <!--<li><a href="kendoui_datetimepicker.html">DateTimePicker</a></li>-->
190
          <!--<li><a href="kendoui_dropdown_list.html">DropDownList</a></li>-->
191
          <!--<li><a href="kendoui_masked_input.html">Masked Input</a></li>-->
192
          <!--<li><a href="kendoui_menu.html">Menu</a></li>-->
193
          <!--<li><a href="kendoui_multiselect.html">MultiSelect</a></li>-->
194
          <!--<li><a href="kendoui_numeric_textbox.html">Numeric TextBox</a></li>-->
195
          <!--<li><a href="kendoui_panelbar.html">PanelBar</a></li>-->
196
          <!--<li><a href="kendoui_timepicker.html">TimePicker</a></li>-->
197
          <!--<li><a href="kendoui_toolbar.html">Toolbar</a></li>-->
198
          <!--<li><a href="kendoui_window.html">Window</a></li>-->
199
        <!--</ul>-->
200

  
201
      <!--</li>-->
202
      <!--<li title="Components">-->
203
        <!--<a href="#">-->
204
          <!--<span class="menu_icon"><i class="material-icons">&#xE87B;</i></span>-->
205
          <!--<span class="menu_title">Components</span>-->
206
        <!--</a>-->
207
        <!--<ul>-->
208
          <!--<li><a href="components_accordion.html">Accordions</a></li>-->
209
          <!--<li><a href="components_animations.html">MD Animations</a></li>-->
210
          <!--<li><a href="components_autocomplete.html">Autocomplete</a></li>-->
211
          <!--<li><a href="components_breadcrumbs.html">Breadcrumbs</a></li>-->
212
          <!--<li><a href="components_buttons.html">Buttons</a></li>-->
213
          <!--<li><a href="components_fab.html">Buttons: FAB</a></li>-->
214
          <!--<li><a href="components_cards.html">Cards</a></li>-->
215
          <!--<li><a href="components_colors.html">Colors</a></li>-->
216
          <!--<li><a href="components_common.html">Common</a></li>-->
217
          <!--<li><a href="components_dropdowns.html">Dropdowns</a></li>-->
218
          <!--<li><a href="components_dynamic_grid.html">Dynamic Grid</a></li>-->
219
          <!--<li><a href="components_footer.html">Footer</a></li>-->
220
          <!--<li><a href="components_grid.html">Grid</a></li>-->
221
          <!--<li><a href="components_icons.html">Icons</a></li>-->
222
          <!--<li><a href="components_modal.html">Lightbox/Modal</a></li>-->
223
          <!--<li><a href="components_list_grid_view.html">List/Grid View</a></li>-->
224
          <!--<li><a href="components_lists.html">Lists</a></li>-->
225
          <!--<li><a href="components_nestable.html">Nestable</a></li>-->
226
          <!--<li><a href="components_notifications.html">Notifications</a></li>-->
227
          <!--<li><a href="components_panels.html">Panels</a></li>-->
228
          <!--<li><a href="components_preloaders.html">Preloaders</a></li>-->
229
          <!--<li><a href="components_scroll_top.html">Scroll to Top</a></li>-->
230
          <!--<li><a href="components_slider.html">Slider</a></li>-->
231
          <!--<li><a href="components_slideshow.html">Slideshow</a></li>-->
232
          <!--<li><a href="components_sortable.html">Sortable</a></li>-->
233
          <!--<li><a href="components_switcher.html">Switcher</a></li>-->
234
          <!--<li><a href="components_tables.html">Tables</a></li>-->
235
          <!--<li><a href="components_tables_examples.html">Tables Examples</a></li>-->
236
          <!--<li><a href="components_tabs.html">Tabs</a></li>-->
237
          <!--<li><a href="components_timeline.html">Timeline</a></li>-->
238
          <!--<li><a href="components_tooltips.html">Tooltips</a></li>-->
239
          <!--<li><a href="components_typography.html">Typography</a></li>-->
240
        <!--</ul>-->
241

  
242
      <!--</li>-->
243
      <!--<li title="E-commerce">-->
244
        <!--<a href="#">-->
245
          <!--<span class="menu_icon"><i class="material-icons">&#xE8CB;</i></span>-->
246
          <!--<span class="menu_title">E-commerce</span>-->
247
        <!--</a>-->
248
        <!--<ul>-->
249
          <!--<li><a href="ecommerce_product_details.html">Product Details</a></li>-->
250
          <!--<li><a href="ecommerce_product_edit.html">Product Edit</a></li>-->
251
          <!--<li><a href="ecommerce_products_grid.html">Products Grid</a></li>-->
252
          <!--<li><a href="ecommerce_products_list.html">Products List</a></li>-->
253
          <!--<li><a href="ecommerce_payment.html">Payment Page</a></li>-->
254
        <!--</ul>-->
255

  
256
      <!--</li>-->
257
      <!--<li title="Plugins">-->
258
        <!--<a href="#">-->
259
          <!--<span class="menu_icon"><i class="material-icons">&#xE8C0;</i></span>-->
260
          <!--<span class="menu_title">Plugins</span>-->
261
        <!--</a>-->
262
        <!--<ul>-->
263
          <!--<li><a href="plugins_calendar.html">Calendar</a></li>-->
264
          <!--<li><a href="plugins_charts.html">Charts</a></li>-->
265
          <!--<li><a href="plugins_charts_echarts.html">Charts (echarts)</a></li>-->
266
          <!--<li><a href="plugins_code_editor.html">Code Editor</a></li>-->
267
          <!--<li><a href="plugins_context_menu.html">Context Menu</a></li>-->
268
          <!--<li><a href="plugins_crud_table.html">CRUD Table</a></li>-->
269
          <!--<li><a href="plugins_datatables.html">Datatables</a></li>-->
270
          <!--<li><a href="plugins_diff.html">Diff View</a></li>-->
271
          <!--<li><a href="plugins_dropzone.html">Dropzone</a></li>-->
272
          <!--<li><a href="plugins_filemanager.html">File Manager</a></li>-->
273
          <!--<li><a href="plugins_gantt_chart.html">Gantt Chart</a></li>-->
274
          <!--<li><a href="plugins_google_maps.html">Google Maps</a></li>-->
275
          <!--<li><a href="plugins_image_cropper.html">Image Cropper</a></li>-->
276
          <!--<li><a href="plugins_idle_timeout.html">Idle Timeout</a></li>-->
277
          <!--<li><a href="plugins_push_notifications.html">Push Notifications</a></li>-->
278
          <!--<li><a href="plugins_tour.html">Tour</a></li>-->
279
          <!--<li><a href="plugins_tablesorter.html">Tablesorter</a></li>-->
280
          <!--<li><a href="plugins_tree.html">Tree</a></li>-->
281
          <!--<li><a href="plugins_vector_maps.html">Vector Maps</a></li>-->
282
          <!--<li><a href="plugins_xeditable.html">X-editable</a></li>-->
283
        <!--</ul>-->
284

  
285
      <!--</li>-->
286
      <!--<li title="Pages">-->
287
        <!--<a href="#">-->
288
          <!--<span class="menu_icon"><i class="material-icons">&#xE24D;</i></span>-->
289
          <!--<span class="menu_title">Pages</span>-->
290
        <!--</a>-->
291
        <!--<ul>-->
292
          <!--<li><a href="page_blank.html">Blank</a></li>-->
293
          <!--<li><a href="page_contact_list.html">Contact List</a></li>-->
294
          <!--<li><a href="page_contact_list_horizontal.html"><span class="submenu-icon"><i class="material-icons md-color-red-600">&#xE031;</i></span>Contact List Horizontal</a></li>-->
295
          <!--<li><a href="page_contact_list_v2.html">Contact List V2</a></li>-->
296
          <!--<li><a href="page_forum.html">Forum</a></li>-->
297
          <!--<li><a href="page_forum_single.html">Forum (single thread)</a></li>-->
298
          <!--<li><a href="page_gallery.html">Gallery</a></li>-->
299
          <!--<li><a href="page_gallery_v2.html">Gallery v2</a></li>-->
300
          <!--<li><a href="page_help.html">Help/Faq</a></li>-->
301
          <!--<li><a href="login.html">Login Page</a></li>-->
302
          <!--<li><a href="login_v2.html">Login Page v2</a></li>-->
303
          <!--<li><a href="page_mailbox_v2.html">Mailbox V2</a></li>-->
304
          <!--<li><a href="page_notes.html">Notes</a></li>-->
305
          <!--<li><a href="page_pricing_tables.html">Pricing Tables</a></li>-->
306
          <!--<li><a href="page_pricing_tables_v2.html">Pricing Tables v2</a></li>-->
307
          <!--<li><a href="page_search_results.html">Search Results</a></li>-->
308
          <!--<li><a href="page_settings.html">Settings</a></li>-->
309
          <!--<li><a href="page_todo.html">Todo</a></li>-->
310
          <!--<li><a href="page_user_edit.html">User edit</a></li>-->
311
          <!--<li><a href="page_quiz.html">Quiz</a></li>-->
312
          <!--<li class="menu_subtitle">Issue Tracker</li>-->
313
          <!--<li><a href="page_issues_list.html">List View</a></li>-->
314
          <!--<li><a href="page_issue_details.html">Issue Details</a></li>-->
315
          <!--<li class="menu_subtitle">Blog</li>-->
316
          <!--<li><a href="page_blog_list.html">Blog List</a></li>-->
317
          <!--<li><a href="page_blog_article.html">Blog Article</a></li>-->
318
          <!--<li class="menu_subtitle">Errors</li>-->
319
          <!--<li><a href="error_404.html">Error 404</a></li>-->
320
          <!--<li><a href="error_500.html">Error 500</a></li>-->
321
        <!--</ul>-->
322

  
323
      <!--</li>-->
324
      <!--<li>-->
325
        <!--<a href="#">-->
326
          <!--<span class="menu_icon"><i class="material-icons">&#xE241;</i></span>-->
327
          <!--<span class="menu_title">Multi level</span>-->
328
        <!--</a>-->
329
        <!--<ul>-->
330
          <!--<li>-->
331
            <!--<a href="#">First level</a>-->
332
            <!--<ul>-->
333
              <!--<li>-->
334
                <!--<a href="#">Second Level</a>-->
335
                <!--<ul>-->
336
                  <!--<li>-->
337
                    <!--<a href="#">Third level</a>-->
338
                  <!--</li>-->
339
                  <!--<li>-->
340
                    <!--<a href="#">Third level</a>-->
341
                  <!--</li>-->
342
                  <!--<li>-->
343
                    <!--<a href="#">Third level</a>-->
344
                  <!--</li>-->
345
                <!--</ul>-->
346
              <!--</li>-->
347
              <!--<li>-->
348
                <!--<a href="#">Long title to test</a>-->
349
                <!--<ul>-->
350
                  <!--<li>-->
351
                    <!--<a href="#">Third level</a>-->
352
                  <!--</li>-->
353
                  <!--<li>-->
354
                    <!--<a href="#">Third level</a>-->
355
                  <!--</li>-->
356
                  <!--<li>-->
357
                    <!--<a href="#">Third level</a>-->
358
                  <!--</li>-->
359
                <!--</ul>-->
360
              <!--</li>-->
361
              <!--<li>-->
362
                <!--<a href="#">Even longer title multi line</a>-->
363
              <!--</li>-->
364
            <!--</ul>-->
365
          <!--</li>-->
366
        <!--</ul>-->
367
      <!--</li>-->
368 119
    </ul>
369 120
  </div>
370 121
</aside><!-- main sidebar end -->

Also available in: Unified diff