Project

General

Profile

« Previous | Next » 

Revision 58065

Initial commit for the new layout provided by the UX team

View differences:

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

  
3
  <div class="sidebar_main_header">
4
    <div class="sidebar_logo">
5
      <a [routerLink]="['/landing']" class="sSidebar_hide sidebar_logo_large">
6
        <img class="logo_regular" src="../../../assets/imgs/OA_PROVIDE_B.png" alt="" height="" width="200"/>
7
        <img class="logo_light" src="assets/img/logo_main_white.png" alt="" height="15" width="71"/>
8
      </a>
9
      <a [routerLink]="['/landing']" class="sSidebar_show sidebar_logo_small">
10
        <img class="logo_regular" src="../../../assets/imgs/OA_PROVIDE_A.png" alt="" height="32" width="32"/>
11
        <img class="logo_light" src="assets/img/logo_main_small_light.png" alt="" height="32" width="32"/>
12
      </a>
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>
13 8
    </div>
14
    <!--<div class="sidebar_actions">-->
15
      <!--<select id="lang_switcher" name="lang_switcher">-->
16
        <!--<option value="gb" selected>English</option>-->
17
      <!--</select>-->
9
  </div>
10
  <!--<div class="sidebar_main_header">-->
11
    <!--<div class="sidebar_logo">-->
12
      <!--<a [routerLink]="['/landing']" class="sSidebar_hide sidebar_logo_large">-->
13
        <!--<img class="logo_regular" src="../../../assets/imgs/OA_PROVIDE_B.png" alt="" height="" width="200"/>-->
14
        <!--<img class="logo_light" src="assets/img/logo_main_white.png" alt="" height="15" width="71"/>-->
15
      <!--</a>-->
16
      <!--<a [routerLink]="['/landing']" class="sSidebar_show sidebar_logo_small">-->
17
        <!--<img class="logo_regular" src="../../../assets/imgs/OA_PROVIDE_A.png" alt="" height="32" width="32"/>-->
18
        <!--<img class="logo_light" src="assets/img/logo_main_small_light.png" alt="" height="32" width="32"/>-->
19
      <!--</a>-->
18 20
    <!--</div>-->
19
  </div>
21
    <!--&lt;!&ndash;<div class="sidebar_actions">&ndash;&gt;-->
22
      <!--&lt;!&ndash;<select id="lang_switcher" name="lang_switcher">&ndash;&gt;-->
23
        <!--&lt;!&ndash;<option value="gb" selected>English</option>&ndash;&gt;-->
24
      <!--&lt;!&ndash;</select>&ndash;&gt;-->
25
    <!--&lt;!&ndash;</div>&ndash;&gt;-->
26
  <!--</div>-->
20 27

  
21 28
  <div class="menu_section">
22 29
    <ul>
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

  
23 38
      <li [routerLinkActive]="['current_section']" class="">
24 39
        <a [routerLink]="['/dashboard']">
25 40
          <span class="menu_icon"><i class="material-icons">&#xE871;</i></span>
......
70 85
          <span class="menu_title">Metrics</span>
71 86
        </a>
72 87
      </li>
73
      <li class="submenu_trigger" [ngClass]="{'act_section': checkIfCollapsed(4) }" [routerLinkActive]="['current_section']">
88

  
89
      <li *ngIf="getIsUserAdmin()" class="submenu_trigger uk-margin-top" [ngClass]="{'act_section': checkIfCollapsed(4) }" [routerLinkActive]="['current_section']">
74 90
        <a (click)="setToggle(4)">
75 91
          <span class="menu_icon"><i class="material-icons">&#xE87C;</i></span>
76
          <span class="menu_title">{{ getUserName() }}</span>
92
          <!--<span class="menu_title">{{ getUserName() }}</span>-->
93
          <span class="menu_title">Admin</span>
77 94
        </a>
78 95
        <ul [ngClass]="{'uk-display-block': checkIfCollapsed(4)}">
79
          <li *ngIf="getIsUserAdmin()" [routerLinkActive]="['act_item']"><a href="{{adminHomePage}}" target="_blank">Help Texts</a></li>
80
          <li *ngIf="getIsUserAdmin()" [routerLinkActive]="['act_item']"><a [routerLink]="['/admin/registrations']">Registrations</a></li>
81
          <li *ngIf="getIsUserAdmin()" [routerLinkActive]="['act_item']"><a [routerLink]="['/admin/metrics']">Metrics</a></li>
82
          <li [routerLinkActive]="['act_item']"><a (click)="logout()">Log out</a></li>
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>-->
83 100
        </ul>
84 101
      </li>
102

  
103

  
85 104
      <!--<li [routerLinkActive]="['current_section']" title="User Profile">-->
86 105
        <!--<a href="page_user_profile.html">-->
87 106
          <!--<span class="menu_icon"><i class="material-icons">&#xE87C;</i></span>-->

Also available in: Unified diff