2018-06-28 11:59:48 +00:00
< div class = "menu-wrapper" >
2019-03-20 12:53:51 +00:00
< menu [ ngClass ] = " { ' logged-in ' : isLoggedIn } " >
2018-06-28 11:59:48 +00:00
< div class = "top-menu" >
< div * ngIf = "isLoggedIn" class = "logged-in-block" >
2019-01-08 10:26:41 +00:00
< my-avatar-notification [ user ] = " user " > < / my-avatar-notification >
2017-12-04 09:34:40 +00:00
2018-06-28 11:59:48 +00:00
< div class = "logged-in-info" >
2019-12-20 16:49:57 +00:00
< a * ngIf = "user.account" [ routerLink ] = " [ ' / accounts ' , user . account . nameWithHost ] " class = "logged-in-display-name" > {{ user.account?.displayName }}< / a >
< a * ngIf = "!user.account" routerLink = "/my-account/settings" class = "logged-in-display-name" > {{ user.account?.displayName }}< / a >
< div ngxClipboard [ cbContent ] = " user . account ? . nameWithHost " class = "logged-in-username" > {{ user.username }}< / div >
2018-06-28 11:59:48 +00:00
< / div >
2017-12-01 08:20:19 +00:00
2019-12-12 18:42:37 +00:00
< div class = "logged-in-more" ngbDropdown placement = "bottom-right auto" >
2019-03-11 15:23:33 +00:00
< my-global-icon iconName = "more-vertical" ngbDropdownToggle role = "button" > < / my-global-icon >
2018-08-09 12:55:06 +00:00
< div ngbDropdownMenu >
2019-03-20 12:53:51 +00:00
< a * ngIf = "user.account" [ routerLink ] = " [ ' / accounts ' , user . account . nameWithHost ] " class = "dropdown-item" >
2019-12-20 16:49:57 +00:00
< my-global-icon iconName = "go" > < / my-global-icon > < ng-container i18n > Public profile< / ng-container >
2018-08-09 12:55:06 +00:00
< / a >
2019-12-20 16:49:57 +00:00
< div class = "dropdown-divider" > < / div >
2019-03-20 12:53:51 +00:00
< a routerLink = "/my-account" class = "dropdown-item" >
2019-12-20 16:49:57 +00:00
< my-global-icon iconName = "user" > < / my-global-icon > < ng-container i18n > Account settings< / ng-container >
2018-08-09 12:55:06 +00:00
< / a >
2019-12-20 16:49:57 +00:00
< a routerLink = "/my-account/video-channels" class = "dropdown-item" >
< my-global-icon iconName = "folder" > < / my-global-icon > < ng-container i18n > Channels settings< / ng-container >
< / a >
< div class = "dropdown-divider" > < / div >
2019-03-20 12:53:51 +00:00
< a ( click ) = " logout ( $ event ) " class = "dropdown-item" href = "#" >
< my-global-icon iconName = "sign-out" > < / my-global-icon > < ng-container i18n > Log out< / ng-container >
2018-08-09 12:55:06 +00:00
< / a >
< / div >
2018-06-28 11:59:48 +00:00
< / 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 >
2017-12-01 08:20:19 +00:00
2019-03-20 12:53:51 +00:00
< div * ngIf = "isLoggedIn" class = "panel-block" >
< div i18n class = "block-title" > My library< / div >
< a routerLink = "/my-account/videos" routerLinkActive = "active" >
< my-global-icon iconName = "videos" > < / my-global-icon >
< ng-container i18n > Videos< / ng-container >
< / a >
< a routerLink = "/my-account/video-playlists" routerLinkActive = "active" >
< my-global-icon iconName = "playlists" > < / my-global-icon >
< ng-container i18n > Playlists< / ng-container >
< / a >
2017-12-01 08:20:19 +00:00
2019-03-20 12:53:51 +00:00
< a routerLink = "/videos/subscriptions" routerLinkActive = "active" >
< my-global-icon iconName = "subscriptions" > < / my-global-icon >
2018-08-21 14:18:59 +00:00
< ng-container i18n > Subscriptions< / ng-container >
< / a >
2019-03-20 12:53:51 +00:00
< a routerLink = "/my-account/history/videos" routerLinkActive = "active" >
< my-global-icon iconName = "history" > < / my-global-icon >
< ng-container i18n > History< / ng-container >
< / a >
< / div >
< div class = "panel-block" >
< div i18n class = "block-title" > Videos< / div >
2018-08-30 12:58:00 +00:00
< a routerLink = "/videos/overview" routerLinkActive = "active" >
2019-03-20 12:53:51 +00:00
< my-global-icon iconName = "globe" > < / my-global-icon >
2019-06-13 07:21:24 +00:00
< ng-container i18n > Discover< / ng-container >
2018-08-30 12:58:00 +00:00
< / a >
2018-06-28 11:59:48 +00:00
< a routerLink = "/videos/trending" routerLinkActive = "active" >
2019-03-20 12:53:51 +00:00
< my-global-icon iconName = "trending" > < / my-global-icon >
2018-06-28 11:59:48 +00:00
< ng-container i18n > Trending< / ng-container >
< / a >
2017-12-01 08:20:19 +00:00
2019-10-01 21:11:53 +00:00
< a routerLink = "/videos/most-liked" routerLinkActive = "active" >
< my-global-icon iconName = "like" > < / my-global-icon >
< ng-container i18n > Most liked< / ng-container >
< / a >
2018-06-28 11:59:48 +00:00
< a routerLink = "/videos/recently-added" routerLinkActive = "active" >
2019-03-20 12:53:51 +00:00
< my-global-icon iconName = "recently-added" > < / my-global-icon >
2018-06-28 11:59:48 +00:00
< ng-container i18n > Recently added< / ng-container >
< / a >
2017-12-01 08:20:19 +00:00
2018-06-28 11:59:48 +00:00
< a routerLink = "/videos/local" routerLinkActive = "active" >
2019-03-20 12:53:51 +00:00
< my-global-icon iconName = "home" > < / my-global-icon >
2018-06-28 11:59:48 +00:00
< ng-container i18n > Local< / ng-container >
< / a >
< / div >
2018-03-13 09:24:28 +00:00
2018-06-28 11:59:48 +00:00
< div class = "panel-block" >
2018-07-11 12:32:21 +00:00
< div class = "block-title" i18n > More< / div >
2017-12-01 08:20:19 +00:00
2018-06-28 11:59:48 +00:00
< a * ngIf = "userHasAdminAccess" [ routerLink ] = " getFirstAdminRouteAvailable ( ) " routerLinkActive = "active" >
2019-03-20 12:53:51 +00:00
< my-global-icon iconName = "administration" > < / my-global-icon >
2018-06-28 11:59:48 +00:00
< ng-container i18n > Administration< / ng-container >
< / a >
2017-12-01 08:20:19 +00:00
2018-06-28 11:59:48 +00:00
< a routerLink = "/about" routerLinkActive = "active" >
2019-03-20 12:53:51 +00:00
< my-global-icon iconName = "about" > < / my-global-icon >
2018-06-28 11:59:48 +00:00
< ng-container i18n > About< / ng-container >
< / a >
< / div >
< / div >
2018-09-06 11:47:20 +00:00
< div class = "footer d-flex justify-content-between" >
2018-06-28 11:59:48 +00:00
< span class = "language" >
2019-11-24 11:07:02 +00:00
< span tabindex = "0" role = "button" ( keyup . enter ) = " openLanguageChooser ( ) " ( click ) = " openLanguageChooser ( ) " i18n-title title = "Change the language" class = "icon icon-language" > < / span >
2018-06-28 11:59:48 +00:00
< / span >
2019-07-10 12:06:19 +00:00
2018-09-26 12:23:10 +00:00
< span class = "shortcuts" >
2019-11-24 11:07:02 +00:00
< span tabindex = "0" role = "button" ( keyup . enter ) = " openHotkeysCheatSheet ( ) " ( click ) = " openHotkeysCheatSheet ( ) " i18n-title title = "Show keyboard shortcuts" class = "icon icon-shortcuts" > < / span >
2018-09-26 12:23:10 +00:00
< / span >
2018-06-28 11:59:48 +00:00
< / div >
< / menu >
< / div >
2018-01-31 16:47:36 +00:00
2019-01-08 10:26:41 +00:00
< my-language-chooser # languageChooserModal > < / my-language-chooser >