aboutsummaryrefslogblamecommitdiffhomepage
path: root/client/src/app/menu/menu.component.html
blob: 1677294054f7728cb8001a19909236a66471172c (plain) (tree)
1
2
3
4
5
6
7
8

                                                  
                                         
                                                        
        
 
                                
                                                                                                         







                                                                              
                                                                                                                             
                            

              
                                                                                              
                       

              
                                                                                          







                                                

                                                                                                                    


                           
                                              
 
                                                               
                                                     
                                                

        
                                                                     
                                                           
                                                      
        


                                                            
                                             
        

        
                           

                                       
                                                                                                         
                                                    
                                                      
        


                                                     
                                             
        

        
<menu>
  <div *ngIf="isLoggedIn" class="logged-in-block">
    <a routerLink="/my-account/settings">
      <img [src]="user.accountAvatarUrl" alt="Avatar" />
    </a>

    <div class="logged-in-info">
      <a routerLink="/my-account/settings" class="logged-in-username">{{ user.account?.displayName }}</a>
      <div class="logged-in-email">{{ user.email }}</div>
    </div>

    <div class="logged-in-more" dropdown placement="right" container="body">
      <span class="glyphicon glyphicon-option-vertical" dropdownToggle></span>

      <ul *dropdownMenu class="dropdown-menu">
        <li>
          <a i18n [routerLink]="[ '/accounts', user.account?.nameWithHost ]" class="dropdown-item" title="My public profile">
           My public profile
          </a>

          <a i18n routerLink="/my-account/settings" class="dropdown-item" title="My settings">
            My settings
          </a>

          <a i18n (click)="logout($event)" class="dropdown-item" title="Log out" href="#">
            Log out
          </a>
        </li>
      </ul>
    </div>
  </div>

  <div *ngIf="!isLoggedIn" class="button-block">
    <a i18n routerLink="/login" class="login-button">Login</a>
    <a i18n *ngIf="isRegistrationAllowed()" routerLink="/signup" class="create-account-button">Create an account</a>
  </div>

  <div class="panel-block">
    <div i18n class="block-title">Videos</div>

    <a routerLink="/videos/trending" routerLinkActive="active">
      <span class="icon icon-videos-trending"></span>
      <ng-container i18n>Trending</ng-container>
    </a>

    <a routerLink="/videos/recently-added" routerLinkActive="active">
      <span class="icon icon-videos-recently-added"></span>
      <ng-container i18n>Recently added</ng-container>
    </a>

    <a routerLink="/videos/local" routerLinkActive="active">
      <span class="icon icon-videos-local"></span>
      <ng-container i18n>Local</ng-container>
    </a>
  </div>

  <div class="panel-block">
    <div class="block-title">More</div>

    <a *ngIf="userHasAdminAccess" [routerLink]="getFirstAdminRouteAvailable()" routerLinkActive="active">
      <span class="icon icon-administration"></span>
      <ng-container i18n>Administration</ng-container>
    </a>

    <a routerLink="/about" routerLinkActive="active">
      <span class="icon icon-about"></span>
      <ng-container i18n>About</ng-container>
    </a>
  </div>
</menu>