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