D-Net

<aside id="sidebar_main">

  <div class="sidebar_main_header">

    <div class="sidebar_logo">

      <a [routerLink]="['/landing']" class="sSidebar_hide sidebar_logo_large">

        <img class="logo_regular" src="../../../assets/imgs/OA_PROVIDE_B.png" alt="" height="" width="200"/>

        <img class="logo_light" src="assets/img/logo_main_white.png" alt="" height="15" width="71"/>

      </a>

      <a [routerLink]="['/landing']" class="sSidebar_show sidebar_logo_small">

        <img class="logo_regular" src="../../../assets/imgs/OA_PROVIDE_A.png" alt="" height="32" width="32"/>

        <img class="logo_light" src="assets/img/logo_main_small_light.png" alt="" height="32" width="32"/>

      </a>

    </div>

    <!--<div class="sidebar_actions">-->

      <!--<select id="lang_switcher" name="lang_switcher">-->

        <!--<option value="gb" selected>English</option>-->

      <!--</select>-->

    <!--</div>-->

  </div>

  <div class="menu_section">

    <ul>

      <li [routerLinkActive]="['current_section']" class="">

        <a [routerLink]="['/dashboard']">

          <span class="menu_icon"><i class="material-icons">&#xE871;</i></span>

          <span class="menu_title">Dashboard</span>

        </a>

      </li>

      <li class="submenu_trigger" [ngClass]="{'act_section': checkIfCollapsed(1) }" [routerLinkActive]="['current_section']">

        <a (click)="setToggle(1)">

          <span class="menu_icon"><i class="material-icons">&#xE8D2;</i></span>

          <span class="menu_title">Sources</span>

        </a>

        <ul [ngClass]="{'uk-display-block': checkIfCollapsed(1)}">

          <li [routerLinkActive]="['act_item']"><a [routerLink]="['/sources', 'register']">Register</a></li>

          <li *ngIf="!skipGridView" [routerLinkActive]="['act_item']"><a [routerLink]="['/sources', 'update']">Update</a></li>

          <li *ngIf="skipGridView" [routerLinkActive]="['act_item']"><a [routerLink]="['/sources/update', reposOfUser[0].id]">Update</a></li>

        </ul>

      </li>

      <li class="submenu_trigger" [ngClass]="{'act_section': checkIfCollapsed(2) }" routerLinkActive="current_section">

        <a (click)="setToggle(2)">

          <span class="menu_icon"><i class="material-icons">&#xE158;</i></span>

          <span class="menu_title">Compatibility</span>

        </a>

        <ul [ngClass]="{'uk-display-block': checkIfCollapsed(2)}">

          <li routerLinkActive="act_item"><a [routerLink]="['/compatibility', 'validate']">Validate</a></li>

          <li routerLinkActive="act_item"><a [routerLink]="['/compatibility', 'browseHistory']">Validation History</a></li>

          <li *ngIf="!skipGridView" routerLinkActive="act_item"><a [routerLink]="['/compatibility', 'monitor']">Collection Monitor</a></li>

          <li *ngIf="skipGridView" routerLinkActive="act_item"><a [routerLink]="['/compatibility/monitor', reposOfUser[0].id]">Collection Monitor</a></li>

        </ul>

      </li>

      <li class="submenu_trigger" [ngClass]="{'act_section': checkIfCollapsed(3) }" [routerLinkActive]="['current_section']">

        <a (click)="setToggle(3)">

          <span class="menu_icon"><i class="material-icons">&#xE53E;</i></span>

          <span class="menu_title">Content</span>

        </a>

        <ul [ngClass]="{'uk-display-block': checkIfCollapsed(3)}">

          <li *ngIf="!skipGridView" [routerLinkActive]="['act_item']"><a [routerLink]="['/content', 'events']">Events</a></li>

          <li *ngIf="skipGridView" [routerLinkActive]="['act_item']"><a [routerLink]="['/content/events', reposOfUser[0].id]">Events</a></li>

          <li [routerLinkActive]="['act_item']"><a [routerLink]="['/content', 'notifications']">Notifications</a></li>

        </ul>

      </li>

      <li class="" [routerLinkActive]="['current_section']" title="Metrics">

        <a *ngIf="!skipGridView" [routerLink]="['/getImpact']">

          <span class="menu_icon"><i class="material-icons">&#xE86F;</i></span>

          <span class="menu_title">Metrics</span>

        </a>

        <a *ngIf="skipGridView" [routerLink]="['/getImpact/show_metrics', reposOfUser[0].id]">

          <span class="menu_icon"><i class="material-icons">&#xE86F;</i></span>

          <span class="menu_title">Metrics</span>

        </a>

      </li>

      <li class="submenu_trigger" [ngClass]="{'act_section': checkIfCollapsed(4) }" [routerLinkActive]="['current_section']">

        <a (click)="setToggle(4)">

          <span class="menu_icon"><i class="material-icons">&#xE87C;</i></span>

          <span class="menu_title">{{ getUserName() }}</span>

        </a>

        <ul [ngClass]="{'uk-display-block': checkIfCollapsed(4)}">

          <li *ngIf="getIsUserAdmin()" [routerLinkActive]="['act_item']"><a href="{{adminHomePage}}" target="_blank">Help Texts</a></li>

          <li *ngIf="getIsUserAdmin()" [routerLinkActive]="['act_item']"><a [routerLink]="['/admin/registrations']">Registrations</a></li>

          <li *ngIf="getIsUserAdmin()" [routerLinkActive]="['act_item']"><a [routerLink]="['/admin/metrics']">Metrics</a></li>

          <li [routerLinkActive]="['act_item']"><a (click)="logout()">Log out</a></li>

        </ul>

      </li>

      <!--<li [routerLinkActive]="['current_section']" title="User Profile">-->

        <!--<a href="page_user_profile.html">-->

          <!--<span class="menu_icon"><i class="material-icons">&#xE87C;</i></span>-->

          <!--<span class="menu_title">User Profile</span>-->

        <!--</a>-->

      <!--</li>-->

      <!--<li title="Mailbox">-->

        <!--<a href="page_mailbox.html">-->

          <!--<span class="menu_icon"><i class="material-icons">&#xE158;</i></span>-->

          <!--<span class="menu_title">Mailbox</span>-->

        <!--</a>-->

      <!--</li>-->

      <!--<li title="Invoices">-->

        <!--<a href="page_invoices.html">-->

          <!--<span class="menu_icon"><i class="material-icons">&#xE53E;</i></span>-->

          <!--<span class="menu_title">Invoices</span>-->

        <!--</a>-->

      <!--</li>-->

      <!--<li title="Chats">-->

        <!--<a href="#">-->

          <!--<span class="menu_icon"><i class="material-icons">&#xE0B9;</i></span>-->

          <!--<span class="menu_title">Chats</span>-->

        <!--</a>-->

        <!--<ul>-->

          <!--<li><a href="page_chat.html">Regular Chat</a></li>-->

          <!--<li><a href="page_chat_small.html">Chatboxes</a></li>-->

        <!--</ul>-->

      <!--</li>-->

      <!--<li title="Scrum Board">-->

        <!--<a href="page_scrum_board.html">-->

          <!--<span class="menu_icon"><i class="material-icons">&#xE85C;</i></span>-->

          <!--<span class="menu_title">Scrum Board</span>-->

        <!--</a>-->

      <!--</li>-->

      <!--<li title="Snippets">-->

        <!--<a href="page_snippets.html">-->

          <!--<span class="menu_icon"><i class="material-icons">&#xE86F;</i></span>-->

          <!--<span class="menu_title">Snippets</span>-->

        <!--</a>-->

      <!--</li>-->

      <!--<li title="User Profile">-->

        <!--<a href="page_user_profile.html">-->

          <!--<span class="menu_icon"><i class="material-icons">&#xE87C;</i></span>-->

          <!--<span class="menu_title">User Profile</span>-->

        <!--</a>-->

      <!--</li>-->

      <!--<li title="Sticky Notes">-->

        <!--<a href="page_sticky_notes.html">-->

          <!--<span class="menu_icon"><i class="material-icons">&#xE8F0;</i></span>-->

          <!--<span class="menu_title">Sticky Notes</span>-->

        <!--</a>-->

      <!--</li>-->

      <!--<li title="Layout">-->

        <!--<a href="#">-->

          <!--<span class="menu_icon"><i class="material-icons">&#xE8F1;</i></span>-->

          <!--<span class="menu_title">Layout</span>-->

        <!--</a>-->

        <!--<ul>-->

          <!--<li><a href="layout_top_menu.html">Top Menu</a></li>-->

          <!--<li><a href="layout_header_full.html">Full Header</a></li>-->

        <!--</ul>-->

      <!--</li>-->

      <!--<li title="Kendo UI Widgets">-->

        <!--<a href="#">-->

          <!--<span class="menu_icon"><i class="material-icons">&#xE1BD;</i></span>-->

          <!--<span class="menu_title">Kendo UI Widgets</span>-->

        <!--</a>-->

        <!--<ul>-->

          <!--<li><a href="kendoui_autocomplete.html">Autocomplete</a></li>-->

          <!--<li><a href="kendoui_calendar.html">Calendar</a></li>-->

          <!--<li><a href="kendoui_colorpicker.html">ColorPicker</a></li>-->

          <!--<li><a href="kendoui_combobox.html">ComboBox</a></li>-->

          <!--<li><a href="kendoui_datepicker.html">DatePicker</a></li>-->

          <!--<li><a href="kendoui_datetimepicker.html">DateTimePicker</a></li>-->

          <!--<li><a href="kendoui_dropdown_list.html">DropDownList</a></li>-->

          <!--<li><a href="kendoui_masked_input.html">Masked Input</a></li>-->

          <!--<li><a href="kendoui_menu.html">Menu</a></li>-->

          <!--<li><a href="kendoui_multiselect.html">MultiSelect</a></li>-->

          <!--<li><a href="kendoui_numeric_textbox.html">Numeric TextBox</a></li>-->

          <!--<li><a href="kendoui_panelbar.html">PanelBar</a></li>-->

          <!--<li><a href="kendoui_timepicker.html">TimePicker</a></li>-->

          <!--<li><a href="kendoui_toolbar.html">Toolbar</a></li>-->

          <!--<li><a href="kendoui_window.html">Window</a></li>-->

        <!--</ul>-->

      <!--</li>-->

      <!--<li title="Components">-->

        <!--<a href="#">-->

          <!--<span class="menu_icon"><i class="material-icons">&#xE87B;</i></span>-->

          <!--<span class="menu_title">Components</span>-->

        <!--</a>-->

        <!--<ul>-->

          <!--<li><a href="components_accordion.html">Accordions</a></li>-->

          <!--<li><a href="components_animations.html">MD Animations</a></li>-->

          <!--<li><a href="components_autocomplete.html">Autocomplete</a></li>-->

          <!--<li><a href="components_breadcrumbs.html">Breadcrumbs</a></li>-->

          <!--<li><a href="components_buttons.html">Buttons</a></li>-->

          <!--<li><a href="components_fab.html">Buttons: FAB</a></li>-->

          <!--<li><a href="components_cards.html">Cards</a></li>-->

          <!--<li><a href="components_colors.html">Colors</a></li>-->

          <!--<li><a href="components_common.html">Common</a></li>-->

          <!--<li><a href="components_dropdowns.html">Dropdowns</a></li>-->

          <!--<li><a href="components_dynamic_grid.html">Dynamic Grid</a></li>-->

          <!--<li><a href="components_footer.html">Footer</a></li>-->

          <!--<li><a href="components_grid.html">Grid</a></li>-->

          <!--<li><a href="components_icons.html">Icons</a></li>-->

          <!--<li><a href="components_modal.html">Lightbox/Modal</a></li>-->

          <!--<li><a href="components_list_grid_view.html">List/Grid View</a></li>-->

          <!--<li><a href="components_lists.html">Lists</a></li>-->

          <!--<li><a href="components_nestable.html">Nestable</a></li>-->

          <!--<li><a href="components_notifications.html">Notifications</a></li>-->

          <!--<li><a href="components_panels.html">Panels</a></li>-->

          <!--<li><a href="components_preloaders.html">Preloaders</a></li>-->

          <!--<li><a href="components_scroll_top.html">Scroll to Top</a></li>-->

          <!--<li><a href="components_slider.html">Slider</a></li>-->

          <!--<li><a href="components_slideshow.html">Slideshow</a></li>-->

          <!--<li><a href="components_sortable.html">Sortable</a></li>-->

          <!--<li><a href="components_switcher.html">Switcher</a></li>-->

          <!--<li><a href="components_tables.html">Tables</a></li>-->

          <!--<li><a href="components_tables_examples.html">Tables Examples</a></li>-->

          <!--<li><a href="components_tabs.html">Tabs</a></li>-->

          <!--<li><a href="components_timeline.html">Timeline</a></li>-->

          <!--<li><a href="components_tooltips.html">Tooltips</a></li>-->

          <!--<li><a href="components_typography.html">Typography</a></li>-->

        <!--</ul>-->

      <!--</li>-->

      <!--<li title="E-commerce">-->

        <!--<a href="#">-->

          <!--<span class="menu_icon"><i class="material-icons">&#xE8CB;</i></span>-->

          <!--<span class="menu_title">E-commerce</span>-->

        <!--</a>-->

        <!--<ul>-->

          <!--<li><a href="ecommerce_product_details.html">Product Details</a></li>-->

          <!--<li><a href="ecommerce_product_edit.html">Product Edit</a></li>-->

          <!--<li><a href="ecommerce_products_grid.html">Products Grid</a></li>-->

          <!--<li><a href="ecommerce_products_list.html">Products List</a></li>-->

          <!--<li><a href="ecommerce_payment.html">Payment Page</a></li>-->

        <!--</ul>-->

      <!--</li>-->

      <!--<li title="Plugins">-->

        <!--<a href="#">-->

          <!--<span class="menu_icon"><i class="material-icons">&#xE8C0;</i></span>-->

          <!--<span class="menu_title">Plugins</span>-->

        <!--</a>-->

        <!--<ul>-->

          <!--<li><a href="plugins_calendar.html">Calendar</a></li>-->

          <!--<li><a href="plugins_charts.html">Charts</a></li>-->

          <!--<li><a href="plugins_charts_echarts.html">Charts (echarts)</a></li>-->

          <!--<li><a href="plugins_code_editor.html">Code Editor</a></li>-->

          <!--<li><a href="plugins_context_menu.html">Context Menu</a></li>-->

          <!--<li><a href="plugins_crud_table.html">CRUD Table</a></li>-->

          <!--<li><a href="plugins_datatables.html">Datatables</a></li>-->

          <!--<li><a href="plugins_diff.html">Diff View</a></li>-->

          <!--<li><a href="plugins_dropzone.html">Dropzone</a></li>-->

          <!--<li><a href="plugins_filemanager.html">File Manager</a></li>-->

          <!--<li><a href="plugins_gantt_chart.html">Gantt Chart</a></li>-->

          <!--<li><a href="plugins_google_maps.html">Google Maps</a></li>-->

          <!--<li><a href="plugins_image_cropper.html">Image Cropper</a></li>-->

          <!--<li><a href="plugins_idle_timeout.html">Idle Timeout</a></li>-->

          <!--<li><a href="plugins_push_notifications.html">Push Notifications</a></li>-->

          <!--<li><a href="plugins_tour.html">Tour</a></li>-->

          <!--<li><a href="plugins_tablesorter.html">Tablesorter</a></li>-->

          <!--<li><a href="plugins_tree.html">Tree</a></li>-->

          <!--<li><a href="plugins_vector_maps.html">Vector Maps</a></li>-->

          <!--<li><a href="plugins_xeditable.html">X-editable</a></li>-->

        <!--</ul>-->

      <!--</li>-->

      <!--<li title="Pages">-->

        <!--<a href="#">-->

          <!--<span class="menu_icon"><i class="material-icons">&#xE24D;</i></span>-->

          <!--<span class="menu_title">Pages</span>-->

        <!--</a>-->

        <!--<ul>-->

          <!--<li><a href="page_blank.html">Blank</a></li>-->

          <!--<li><a href="page_contact_list.html">Contact List</a></li>-->

          <!--<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>-->

          <!--<li><a href="page_contact_list_v2.html">Contact List V2</a></li>-->

          <!--<li><a href="page_forum.html">Forum</a></li>-->

          <!--<li><a href="page_forum_single.html">Forum (single thread)</a></li>-->

          <!--<li><a href="page_gallery.html">Gallery</a></li>-->

          <!--<li><a href="page_gallery_v2.html">Gallery v2</a></li>-->

          <!--<li><a href="page_help.html">Help/Faq</a></li>-->

          <!--<li><a href="login.html">Login Page</a></li>-->

          <!--<li><a href="login_v2.html">Login Page v2</a></li>-->

          <!--<li><a href="page_mailbox_v2.html">Mailbox V2</a></li>-->

          <!--<li><a href="page_notes.html">Notes</a></li>-->

          <!--<li><a href="page_pricing_tables.html">Pricing Tables</a></li>-->

          <!--<li><a href="page_pricing_tables_v2.html">Pricing Tables v2</a></li>-->

          <!--<li><a href="page_search_results.html">Search Results</a></li>-->

          <!--<li><a href="page_settings.html">Settings</a></li>-->

          <!--<li><a href="page_todo.html">Todo</a></li>-->

          <!--<li><a href="page_user_edit.html">User edit</a></li>-->

          <!--<li><a href="page_quiz.html">Quiz</a></li>-->

          <!--<li class="menu_subtitle">Issue Tracker</li>-->

          <!--<li><a href="page_issues_list.html">List View</a></li>-->

          <!--<li><a href="page_issue_details.html">Issue Details</a></li>-->

          <!--<li class="menu_subtitle">Blog</li>-->

          <!--<li><a href="page_blog_list.html">Blog List</a></li>-->

          <!--<li><a href="page_blog_article.html">Blog Article</a></li>-->

          <!--<li class="menu_subtitle">Errors</li>-->

          <!--<li><a href="error_404.html">Error 404</a></li>-->

          <!--<li><a href="error_500.html">Error 500</a></li>-->

        <!--</ul>-->

      <!--</li>-->

      <!--<li>-->

        <!--<a href="#">-->

          <!--<span class="menu_icon"><i class="material-icons">&#xE241;</i></span>-->

          <!--<span class="menu_title">Multi level</span>-->

        <!--</a>-->

        <!--<ul>-->

          <!--<li>-->

            <!--<a href="#">First level</a>-->

            <!--<ul>-->

              <!--<li>-->

                <!--<a href="#">Second Level</a>-->

                <!--<ul>-->

                  <!--<li>-->

                    <!--<a href="#">Third level</a>-->

                  <!--</li>-->

                  <!--<li>-->

                    <!--<a href="#">Third level</a>-->

                  <!--</li>-->

                  <!--<li>-->

                    <!--<a href="#">Third level</a>-->

                  <!--</li>-->

                <!--</ul>-->

              <!--</li>-->

              <!--<li>-->

                <!--<a href="#">Long title to test</a>-->

                <!--<ul>-->

                  <!--<li>-->

                    <!--<a href="#">Third level</a>-->

                  <!--</li>-->

                  <!--<li>-->

                    <!--<a href="#">Third level</a>-->

                  <!--</li>-->

                  <!--<li>-->

                    <!--<a href="#">Third level</a>-->

                  <!--</li>-->

                <!--</ul>-->

              <!--</li>-->

              <!--<li>-->

                <!--<a href="#">Even longer title multi line</a>-->

              <!--</li>-->

            <!--</ul>-->

          <!--</li>-->

        <!--</ul>-->

      <!--</li>-->

    </ul>

  </div>

</aside><!-- main sidebar end -->