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-02-14 10:32:18 +00: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 11:59:48 +00:00
< / div >
2017-12-01 08:20:19 +00:00
2018-08-09 12:55:06 +00:00
< div class = "logged-in-more" ngbDropdown placement = "bottom-right" >
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" >
< my-global-icon iconName = "go" > < / my-global-icon > < ng-container i18n > My public profile< / ng-container >
2018-08-09 12:55:06 +00:00
< / a >
2019-03-20 12:53:51 +00: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 12:55:06 +00:00
< / a >
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
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" >
2018-09-08 12:34:32 +00:00
< span tabindex = "0" ( 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 >
2018-09-26 12:23:10 +00: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-09-03 23:28:04 +00:00
< span class = "color-palette" >
2018-09-08 12:34:32 +00:00
< span tabindex = "0" ( keyup . enter ) = " toggleDarkTheme ( ) " ( click ) = " toggleDarkTheme ( ) " i18n-title title = "Toggle dark interface" class = "icon icon-moonsun" > < / span >
2018-09-03 23:28:04 +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 >