J
jts-law
Guest
Edsel, I was able to get this working using parts of your example, thanks for the help. Regarding how this is being called, it's not the most straight forward but I think it functions good for the user experience. Since I'm not using the KUIB login, I replicated/replaced the user dropdown and created a "User Information" link using the following logic in onShow method. let login = angular.element("div.login.k-header"); let html = ' ' + ' ' + ' ' + ' ' + ' User Information ' + ' ' + ' '; let chtml = this.jtslibService.compile(html)($scope); login.before(chtml); The following is setup in the topSection.html. This is very basic right now and I haven't actually implemented the variables to show the users information so those may change: Login: {{this.profLogin}} Role: {{this.profRole}} The following are setup in the controller constructor (this.appScope is the application level scope, I'm finding/setting this at the beginning of the constructor. I couldn't figure out another way for the menu to find my logic other than putting these 2 functions on the app level scope): this.appScope.toggleUserProfileMenu = () => { this.appScope.showUserProfileMenu = !this.appScope.showUserProfileMenu; } this.appScope.showUserProfilePopup = () => { console.log('Display showUserProfilePopup()'); this.openUserProfilePopup(); } Finally, this method gets called from showUserProfileMenu(): openUserProfilePopup() { let userProfilePopup = angular.element("#userProfilePopup").data("kendoWindow"); this.userProfilePopupOptions = { width: 550, height: 400, visible: false, actions: ["Close"] }; userProfilePopup.setOptions(this.userProfilePopupOptions); userProfilePopup.center(); userProfilePopup.open(); } Louis
Continue reading...
Continue reading...