navbar.component.html 3.11 KB
Newer Older
Open Source Developer's avatar
Open Source Developer committed
1
<div class="nav-wrapper" class="content">
2 3 4 5 6 7 8 9 10
<div class="container">
<nav class="navbar navbar-toggleable-sm">
  <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <a class="logo navbar-brand" href="#" title="Αρχική">
          <img src="../myschool/assets/images/myschool_logo.png" alt="Αρχική" />
  </a>
  <div class="collapse navbar-collapse flex-row-reverse" id="navbarNav">
11
      <div *ngFor="let loginInfoToken$ of loginInfo$ | async; let i=index"></div>
12
    <ul class="navbar-nav">
13 14 15 16
          <div *ngFor="let username$ of loginInfo$ | async;">
             
                  <b>Όνομα Χρήστη:</b> {{username$.cu_name}}
             
Open Source Developer's avatar
Open Source Developer committed
17

18 19 20 21 22 23
       &nbsp;&nbsp;
        <div *ngIf="authToken">
                <button type="button" class="btn-primary btn-sm pull-right" (click)="oauthSignOut()">
               <i class="fa fa-sign-out"></i>
                </button>
        </div>
Open Source Developer's avatar
Open Source Developer committed
24 25 26
        <div class="pull-right" class="nav-item" [ngClass]="{active: path=='submited-preview'}">
             <a class="nav-link" [routerLink]="['/submited-preview']" [routerLinkActive]="['active']"><b>Υποβληθείσες αιτήσεις</b></a>
        </div>
Open Source Developer's avatar
Open Source Developer committed
27
</div>
Open Source Developer's avatar
Open Source Developer committed
28
    <!--
29 30 31
      <li class="nav-item" [ngClass]="{active: path=='application-preview'}">
        <a class="nav-link" [routerLink]="['/application-preview']" [routerLinkActive]="['active']">Προεπισκόπηση</a>
      </li>
Open Source Developer's avatar
Open Source Developer committed
32 33 34
      <li class="nav-item" [ngClass]="{active: path=='amka-fill'}">
        <a class="nav-link" [routerLink]="['/amka-fill']" [routerLinkActive]="['active']">ΑΜΚΑ ΜΑΘΗΤΗ</a>
      </li>
35 36 37
      <li class="nav-item" [ngClass]="{active: path=='epal-class-select'}">
        <a class="nav-link" [routerLink]="['/epal-class-select']" [routerLinkActive]="['active']">Τάξη</a>
      </li>
38 39 40 41 42 43 44 45 46 47 48 49
      <li class="nav-item" [ngClass]="{active: path=='sector-fields-select'}">
        <a class="nav-link" [routerLink]="['/sector-fields-select']" [routerLinkActive]="['active']">Τομεας</a>
      </li>
      <li class="nav-item" [ngClass]="{active: path=='sectorcourses-fields-select'}">
        <a class="nav-link" [routerLink]="['/sectorcourses-fields-select']" [routerLinkActive]="['active']">Ειδικοτητα</a>
      </li>
      <li class="nav-item" [ngClass]="{active: path=='region-schools-select'}">
        <a class="nav-link" [routerLink]="['/region-schools-select']" [routerLinkActive]="['active']">Σχολειο</a>
      </li>
      <li class="nav-item" [ngClass]="{active: path=='student-application-form-main'}">
        <a class="nav-link" [routerLink]="['/student-application-form-main']" [routerLinkActive]="['active']">Αιτηση</a>
      </li>
Open Source Developer's avatar
Open Source Developer committed
50 51
        -->

52 53 54 55 56
      <!--
      <li class="nav-item" [ngClass]="{active: path=='schools-order-select'}">
        <a class="nav-link" [routerLink]="['/schools-order-select']" [routerLinkActive]="['active']">Σειρά επιλογής</a>
      </li>
    -->
57

58 59 60 61 62
    </ul>
  </div>
</nav>
   </div>
</div>