2018-06-28 13:59:48 +02:00
< div class = "menu-wrapper" >
< menu >
< div class = "top-menu" >
< div * ngIf = "isLoggedIn" class = "logged-in-block" >
< a routerLink = "/my-account/settings" >
< img [ src ] = " user . accountAvatarUrl " alt = "Avatar" / >
< / a >
2017-12-04 10:34:40 +01:00
2018-06-28 13:59:48 +02:00
< div class = "logged-in-info" >
< a routerLink = "/my-account/settings" class = "logged-in-username" > {{ user.account?.displayName }}< / a >
2018-07-16 15:20:22 +02:00
< div class = "logged-in-email" > {{ 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" >
< span class = "glyphicon glyphicon-option-vertical" ngbDropdownToggle role = "button" > < / span >
< div ngbDropdownMenu >
< a * ngIf = "user.account" i18n [ routerLink ] = " [ ' / accounts ' , user . account . nameWithHost ] " class = "dropdown-item" >
My public profile
< / a >
< a i18n routerLink = "/my-account" class = "dropdown-item" >
My account
< / a >
2018-08-16 16:42:00 +02:00
< a i18n routerLink = "/my-account/videos" class = "dropdown-item" >
My videos
< / a >
2018-08-09 14:55:06 +02:00
< a i18n ( click ) = " logout ( $ event ) " class = "dropdown-item" href = "#" >
Log out
< / 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
2018-06-28 13:59:48 +02:00
< div class = "panel-block" >
< div i18n class = "block-title" > Videos< / div >
2017-12-01 09:20:19 +01:00
2018-08-21 16:18:59 +02:00
< a * ngIf = "isLoggedIn" routerLink = "/videos/subscriptions" routerLinkActive = "active" >
< span class = "icon icon-videos-subscriptions" > < / span >
< ng-container i18n > Subscriptions< / ng-container >
< / a >
2018-08-30 14:58:00 +02:00
< a routerLink = "/videos/overview" routerLinkActive = "active" >
< span class = "icon icon-videos-overview" > < / span >
< ng-container i18n > Overview< / ng-container >
< / a >
2018-06-28 13:59:48 +02:00
< a routerLink = "/videos/trending" routerLinkActive = "active" >
< span class = "icon icon-videos-trending" > < / span >
< ng-container i18n > Trending< / ng-container >
< / a >
2017-12-01 09:20:19 +01:00
2018-06-28 13:59:48 +02:00
< a routerLink = "/videos/recently-added" routerLinkActive = "active" >
< span class = "icon icon-videos-recently-added" > < / span >
< 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" >
< span class = "icon icon-videos-local" > < / span >
< 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" >
< span class = "icon icon-administration" > < / span >
< 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" >
< span class = "icon icon-about" > < / span >
< 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 >
2018-09-04 01:28:04 +02:00
< span class = "color-palette" >
2018-09-08 14:34:32 +02:00
< span tabindex = "0" ( keyup . enter ) = " toggleDarkTheme ( ) " ( click ) = " toggleDarkTheme ( ) " i18n-title title = "Toggle dark interface" class = "icon icon-moonsun" > < / span >
2018-09-04 01:28:04 +02:00
< / span >
2018-06-28 13:59:48 +02:00
< / div >
< / menu >
< / div >
2018-01-31 17:47:36 +01:00
2018-06-28 13:59:48 +02:00
< my-language-chooser # languageChooserModal > < / my-language-chooser >