- 
- 
- 
- 
- 
-
-
- Copyright © - CodedThemes -
+Copyright © CodedThemes
-
-
-
-
-
+ - + +
- - - - 3 + + + 3
-+ --- -++@@ -36,13 +33,11 @@3:00 AM -It's Cristina danny's birthday today.
+It's Cristina danny's birthday today.
2 min agoNotification
--- -++@@ -50,13 +45,11 @@6:00 PM -Aida Burg commented your post.
+Aida Burg commented your post.
5 AugustNotification
--- -++@@ -64,13 +57,11 @@2:45 PM -Your Profile is Complete 60%
+Your Profile is Complete 60%
7 hours agoNotification
--- -++@@ -80,49 +71,55 @@9:10 PM -Cristina Danny invited to join Meeting.
+Cristina Danny invited to join Meeting.
Daily scrum meeting timeNotification
- -
- Stebin Ben
+
+ John Doe
- diff --git a/src/app/theme/layouts/admin/nav-bar/nav-right/nav-right.component.scss b/src/app/theme/layouts/admin-layout/nav-bar/nav-right/nav-right.component.scss similarity index 100% rename from src/app/theme/layouts/admin/nav-bar/nav-right/nav-right.component.scss rename to src/app/theme/layouts/admin-layout/nav-bar/nav-right/nav-right.component.scss diff --git a/src/app/theme/layouts/admin-layout/nav-bar/nav-right/nav-right.component.ts b/src/app/theme/layouts/admin-layout/nav-bar/nav-right/nav-right.component.ts new file mode 100644 index 0000000..29c4a88 --- /dev/null +++ b/src/app/theme/layouts/admin-layout/nav-bar/nav-right/nav-right.component.ts @@ -0,0 +1,111 @@ +// angular import +import { Component, Input, Output, EventEmitter } from '@angular/core'; +import { RouterModule } from '@angular/router'; + +// project import +import { SharedModule } from 'src/app/theme/shared/shared.module'; + +// third party + +// icon +import { IconService } from '@ant-design/icons-angular'; +import { + BellOutline, + SettingOutline, + GiftOutline, + MessageOutline, + PhoneOutline, + CheckCircleOutline, + LogoutOutline, + EditOutline, + UserOutline, + ProfileOutline, + WalletOutline, + QuestionCircleOutline, + LockOutline, + CommentOutline, + UnorderedListOutline, + ArrowRightOutline, + GithubOutline +} from '@ant-design/icons-angular/icons'; + +@Component({ + selector: 'app-nav-right', + standalone: true, + imports: [SharedModule, RouterModule], + templateUrl: './nav-right.component.html', + styleUrls: ['./nav-right.component.scss'] +}) +export class NavRightComponent { + @Input() styleSelectorToggle!: boolean; + @Output() Customize = new EventEmitter(); + windowWidth: number; + screenFull: boolean = true; + + constructor(private iconService: IconService) { + this.windowWidth = window.innerWidth; + this.iconService.addIcon( + ...[ + CheckCircleOutline, + GiftOutline, + MessageOutline, + SettingOutline, + PhoneOutline, + LogoutOutline, + UserOutline, + EditOutline, + ProfileOutline, + QuestionCircleOutline, + LockOutline, + CommentOutline, + UnorderedListOutline, + ArrowRightOutline, + BellOutline, + GithubOutline, + WalletOutline + ] + ); + } + + profile = [ + { + icon: 'edit', + title: 'Edit Profile' + }, + { + icon: 'user', + title: 'View Profile' + }, + { + icon: 'profile', + title: 'Social Profile' + }, + { + icon: 'wallet', + title: 'Billing' + } + ]; + + setting = [ + { + icon: 'question-circle', + title: 'Support' + }, + { + icon: 'user', + title: 'Account Settings' + }, + { + icon: 'lock', + title: 'Privacy Center' + }, + { + icon: 'comment', + title: 'Feedback' + }, + { + icon: 'unordered-list', + title: 'History' + } + ]; +} diff --git a/src/app/theme/layouts/admin-layout/navigation/nav-content/nav-collapse/nav-collapse.component.html b/src/app/theme/layouts/admin-layout/navigation/nav-content/nav-collapse/nav-collapse.component.html new file mode 100644 index 0000000..cf6308b --- /dev/null +++ b/src/app/theme/layouts/admin-layout/navigation/nav-content/nav-collapse/nav-collapse.component.html @@ -0,0 +1,21 @@ + diff --git a/src/app/theme/layouts/admin/navigation/nav-content/nav-collapse/nav-collapse.component.scss b/src/app/theme/layouts/admin-layout/navigation/nav-content/nav-collapse/nav-collapse.component.scss similarity index 100% rename from src/app/theme/layouts/admin/navigation/nav-content/nav-collapse/nav-collapse.component.scss rename to src/app/theme/layouts/admin-layout/navigation/nav-content/nav-collapse/nav-collapse.component.scss diff --git a/src/app/theme/layouts/admin-layout/navigation/nav-content/nav-collapse/nav-collapse.component.ts b/src/app/theme/layouts/admin-layout/navigation/nav-content/nav-collapse/nav-collapse.component.ts new file mode 100644 index 0000000..8dc2505 --- /dev/null +++ b/src/app/theme/layouts/admin-layout/navigation/nav-content/nav-collapse/nav-collapse.component.ts @@ -0,0 +1,81 @@ +// Angular import +import { Component, EventEmitter, Input, Output } from '@angular/core'; +import { animate, style, transition, trigger } from '@angular/animations'; +import { CommonModule } from '@angular/common'; +import { RouterModule } from '@angular/router'; + +// project import +import { NavigationItem } from '../../navigation'; +import { SharedModule } from 'src/app/theme/shared/shared.module'; +import { NavItemComponent } from '../nav-item/nav-item.component'; + +@Component({ + selector: 'app-nav-collapse', + standalone: true, + imports: [CommonModule, SharedModule, RouterModule, NavItemComponent], + templateUrl: './nav-collapse.component.html', + styleUrls: ['./nav-collapse.component.scss'], + animations: [ + trigger('slideInOut', [ + transition(':enter', [ + style({ transform: 'translateY(-100%)', display: 'block' }), + animate('250ms ease-in', style({ transform: 'translateY(0%)' })) + ]), + transition(':leave', [animate('250ms ease-in', style({ transform: 'translateY(-100%)' }))]) + ]) + ] +}) +export class NavCollapseComponent { + // public props + + // Compact Menu in use For Sub Child Open in sidebar menu + @Output() showCollapseItem: EventEmitter