-
+
diff --git a/project/src/app/components/dashboard/dashboard.component.scss b/project/src/app/components/dashboard/dashboard.component.scss
index 8392e2e..8578725 100644
--- a/project/src/app/components/dashboard/dashboard.component.scss
+++ b/project/src/app/components/dashboard/dashboard.component.scss
@@ -1,25 +1,24 @@
@import "../../../variables";
@layer components {
- .dashboard-navbar-icon {
- @apply h-[3rem] w-[3rem] hover:cursor-pointer absolute top-1 right-0 rounded-2xl;
- background-color: $primary-color;
- color: $bg-color;
- }
- .dashboard-navbar-back-icon {
- @apply h-[3rem] w-[3rem] hover:cursor-pointer;
- }
- .dashboard-navbar {
- @apply self-stretch w-[100vw] lg:w-[20vw] p-4;
- background-color: $primary-color;
- color: $bg-color;
- }
- .dashboard-content {
- @apply self-stretch flex w-[99vw] flex-row justify-center items-center;
+ // .dashboard-navbar-icon {
+ // @apply h-[3rem] w-[3rem] hover:cursor-pointer absolute top-1 right-0 rounded-2xl;
+ // background-color: $primary-color;
+ // color: $bg-color;
+ // }
+ // .dashboard-navbar-back-icon {
+ // @apply h-[3rem] w-[3rem] hover:cursor-pointer;
+ // }
+ // .dashboard-navbar {
+ // @apply self-stretch w-[100vw] lg:w-[20vw] p-4;
+ // background-color: $primary-color;
+ // color: $bg-color;
+ // }
+ // .dashboard-content {
+ // @apply self-stretch flex w-[80vw] flex-row justify-center items-center;
+ // background-color: $bg-color;
+ // }
+ .fullscreen{
background-color: $bg-color;
}
}
-
-.dashboard-content {
- align-self: start;
-}
diff --git a/project/src/app/components/dashboard/dashboard.component.ts b/project/src/app/components/dashboard/dashboard.component.ts
index 65e2a0e..196963f 100644
--- a/project/src/app/components/dashboard/dashboard.component.ts
+++ b/project/src/app/components/dashboard/dashboard.component.ts
@@ -3,7 +3,8 @@ import {NavbarComponent} from "./navbar/navbar.component";
import {RouterOutlet} from "@angular/router";
import {NgIconComponent, provideIcons} from "@ng-icons/core";
import { heroBars3, heroArrowUturnRight } from '@ng-icons/heroicons/outline'
-import {isPlatformBrowser} from "@angular/common";
+import {isPlatformBrowser, NgClass} from "@angular/common";
+import { BgGifComponent } from "../bg-gif/bg-gif.component";
@Component({
selector: 'app-dashboard',
@@ -11,8 +12,10 @@ import {isPlatformBrowser} from "@angular/common";
imports: [
NavbarComponent,
RouterOutlet,
- NgIconComponent
- ],
+ NgIconComponent,
+ NgClass,
+ BgGifComponent
+],
providers: [provideIcons({heroBars3, heroArrowUturnRight})],
templateUrl: './dashboard.component.html',
styleUrl: './dashboard.component.scss'
@@ -72,4 +75,10 @@ constructor(private renderer: Renderer2, @Inject(PLATFORM_ID) private platform:
this.renderer.setStyle(this.contentRef.nativeElement, 'inline-size', '99vw');
this.renderer.setStyle(this.contentRef.nativeElement, 'display', 'flex');
}
+
+ isMenuOpen = false;
+
+ toggleMenu() {
+ this.isMenuOpen = !this.isMenuOpen;
+ }
}
diff --git a/project/src/app/components/dashboard/dashboardhome/dashboardhome.component.html b/project/src/app/components/dashboard/dashboardhome/dashboardhome.component.html
new file mode 100644
index 0000000..eee6284
--- /dev/null
+++ b/project/src/app/components/dashboard/dashboardhome/dashboardhome.component.html
@@ -0,0 +1,6 @@
+
+
+
+
به کد استار خوش امدید
+
+
\ No newline at end of file
diff --git a/project/src/app/components/dashboard/dashboardhome/dashboardhome.component.scss b/project/src/app/components/dashboard/dashboardhome/dashboardhome.component.scss
new file mode 100644
index 0000000..a591c63
--- /dev/null
+++ b/project/src/app/components/dashboard/dashboardhome/dashboardhome.component.scss
@@ -0,0 +1,3 @@
+.VazirmatnBold{
+ font-family: "VazirmatnBold" !important;
+}
\ No newline at end of file
diff --git a/project/src/app/components/dashboard/dashboardhome/dashboardhome.component.spec.ts b/project/src/app/components/dashboard/dashboardhome/dashboardhome.component.spec.ts
new file mode 100644
index 0000000..e32b785
--- /dev/null
+++ b/project/src/app/components/dashboard/dashboardhome/dashboardhome.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DashboardhomeComponent } from './dashboardhome.component';
+
+describe('DashboardhomeComponent', () => {
+ let component: DashboardhomeComponent;
+ let fixture: ComponentFixture
;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [DashboardhomeComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(DashboardhomeComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/project/src/app/components/dashboard/dashboardhome/dashboardhome.component.ts b/project/src/app/components/dashboard/dashboardhome/dashboardhome.component.ts
new file mode 100644
index 0000000..918d651
--- /dev/null
+++ b/project/src/app/components/dashboard/dashboardhome/dashboardhome.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-dashboardhome',
+ standalone: true,
+ imports: [],
+ templateUrl: './dashboardhome.component.html',
+ styleUrl: './dashboardhome.component.scss'
+})
+export class DashboardhomeComponent {
+
+}
diff --git a/project/src/app/components/dashboard/edit-profile/edit-profile.component.ts b/project/src/app/components/dashboard/edit-profile/edit-profile.component.ts
index 2faa6f3..ba2b8a6 100644
--- a/project/src/app/components/dashboard/edit-profile/edit-profile.component.ts
+++ b/project/src/app/components/dashboard/edit-profile/edit-profile.component.ts
@@ -36,7 +36,7 @@ export class EditProfileComponent {
userName: this.formGroup.value.userName || this.userService.getUser()?.userName
}
this.modifyService.modifyUser(data);
- this.router.navigate(['dashboard/profile']);
+ this.router.navigate(['dashboard/home']);
} else {
alert("اشکالی در ورودی های شما وجود دارد.")
}
diff --git a/project/src/app/components/dashboard/manage-users/manage-users.component.html b/project/src/app/components/dashboard/manage-users/manage-users.component.html
index 544c483..607218e 100644
--- a/project/src/app/components/dashboard/manage-users/manage-users.component.html
+++ b/project/src/app/components/dashboard/manage-users/manage-users.component.html
@@ -1 +1,89 @@
-manage-users works!
+
+
+
+
+
+
+ @for (user of finalUsers; track user.userName) {
+
+
{{ user.firstName }} {{ user.lastName }}
+ {{ user.userName }}
+ {{ user.email }}
+
+
+ }
+
- - پروفایل
- - عوض کردن گذرواژه
- - ادیت کردن پروفایل
+
+ -
+
+
+
+ خانه
+
+
+
+
+ -
+
+
+ پروفایل
+
+
@if (user?.role?.toLowerCase() === "admin") {
- - مدیریت کاربران
+ -
+
+
+ مدیریت کاربران
+
+
}
- - مشاهده و آنالیز فایل ها
- - خروج از حساب
+ -
+
+
+ مشاهده و آنالیز فایل ها
+
+
diff --git a/project/src/app/components/dashboard/navbar/navbar.component.scss b/project/src/app/components/dashboard/navbar/navbar.component.scss
index 8fdb2ba..6b1558c 100644
--- a/project/src/app/components/dashboard/navbar/navbar.component.scss
+++ b/project/src/app/components/dashboard/navbar/navbar.component.scss
@@ -1,21 +1,75 @@
@import '../../../../variables';
@layer components {
+
.navbar-list {
- @apply flex flex-col justify-start p-4 gap-2;
+ @apply flex flex-col justify-start gap-[20px] p-[1.5rem] w-full self-center ;
+ background-color: $primary-color;
+ height: 90%;
+ border-radius: 20px 0 0px 20px;
+
+ .logo{
+ height: 210px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ gap: 25px;
+ p{
+ color: $bg-color;
+ font-size: 32px;
+ }
+ svg{
+ height: 50px;
+ fill: #fdfdfd;
+ width: 50px;
+ padding: 5px;
+ }
}
+}
.navbar-item {
- @apply text-[2rem] hover:cursor-pointer border-b-2 p-4 transition-all duration-300 delay-75 ease-in-out;
- border-bottom-color: $secondary-color;
+ @apply text-[2rem] hover:cursor-pointer transition-all delay-75 ease-in-out rounded-2xl;
+ color: $secondary-color;
- &:hover {
- @apply transition-all duration-300 delay-75 ease-in-out;
+ background-color: $primary-color;
+ border: 3px solid $primary-color;
+ height: 65px;
+ display: grid;
+ grid-template-columns: 1fr 5fr 1fr;
+ align-items: center;
+ gap: 10px;
+ transition-duration: 0.3s;
- color: $accent-color;
- border-bottom-color: $accent-color;
+ padding-right: 10px;
+ &:hover {
+ // @apply transition-all duration-300 delay-75 ease-in-out;
+ color: $secondary-color;
+ // background-color: $secondary-color;
+ border: 3px solid $secondary-color;
+ .heroArrowLeft{
+ color: $secondary-color;
+ display: block;
+ transition-duration: 0.3s;
+ }
+ }
+ ng-icon{
+ --ng-icon__size: 2.3rem !important;
+ }
+ .heroArrowLeft{
+ display: none;
}
}
.active {
background: $secondary-color;
+ color: $bg-color;
+
+ &:hover {
+ color: $bg-color
+ }
+
+ .heroArrowLeft {
+ display: none;
+ }
}
+
}
diff --git a/project/src/app/components/dashboard/navbar/navbar.component.ts b/project/src/app/components/dashboard/navbar/navbar.component.ts
index c069e76..6c25544 100644
--- a/project/src/app/components/dashboard/navbar/navbar.component.ts
+++ b/project/src/app/components/dashboard/navbar/navbar.component.ts
@@ -2,25 +2,35 @@ import { Component } from '@angular/core';
import {RouterLink, RouterLinkActive} from "@angular/router";
import {UserService} from "../../../services/user/user.service";
import User from "../../../interfaces/user";
+import { NgIconComponent, provideIcons } from '@ng-icons/core';
+import { heroArrowLeft, heroChartBar, heroHome, heroUserCircle, heroUserGroup } from '@ng-icons/heroicons/outline';
+import { heroChartBarSolid, heroHomeSolid, heroUserCircleSolid, heroUserGroupSolid } from '@ng-icons/heroicons/solid';
+import { Location } from '@angular/common';
@Component({
selector: 'app-navbar',
standalone: true,
imports: [
RouterLink,
- RouterLinkActive
+ RouterLinkActive,
+ NgIconComponent
],
templateUrl: './navbar.component.html',
- styleUrl: './navbar.component.scss'
+ styleUrl: './navbar.component.scss',
+ providers: [provideIcons({heroHome,heroHomeSolid,heroArrowLeft,heroUserGroup,heroUserGroupSolid,heroUserCircle,heroUserCircleSolid,heroChartBar,heroChartBarSolid})]
+
})
export class NavbarComponent {
user!: User | undefined;
- constructor(private userService: UserService) {
+ constructor(private userService: UserService ,private location: Location) {
this.user = this.userService.getUser();
}
handleLogout() {
this.userService.logout();
}
+ isActive(route: string): boolean {
+ return this.location.path() === '/dashboard/' + route;
+ }
}
diff --git a/project/src/app/components/dashboard/profile/profile.component.html b/project/src/app/components/dashboard/profile/profile.component.html
index 7f01448..ed6668f 100644
--- a/project/src/app/components/dashboard/profile/profile.component.html
+++ b/project/src/app/components/dashboard/profile/profile.component.html
@@ -1,8 +1,25 @@
-
{{ user?.firstName }} {{ user?.lastName }}
-
{{ user?.userName }}
-
{{ user?.email }}
+
+ نام و نام خانوادگی:
+ {{ user?.firstName }}
+ {{ user?.lastName }}
+
+
+
+ نام کاربری:
+
+
+ {{ user?.userName }}
+
+
+
+
+ ایمیل:
+
+ {{ user?.email }}
+
+
وضعیت:
@if (user?.role?.toLowerCase() === "admin") {
ادمین سیستم
@@ -14,4 +31,15 @@
{{ user?.userName }}
آنالیزگر
}
+
+ -
+ عوض کردن گذرواژه
+
+ -
+ ادیت کردن پروفایل
+
+ -
+ خروج از حساب
+
+
+
+
+
+
+
+
+
+
+
+
+ | حساب مبدا |
+ حساب مقصد |
+ مبلغ تراکنش |
+ تاریخ |
+ نوع تراکنش |
+
+
+
+ @for (trans of data; track trans.TransactionId) {
+
+ | {{ trans.sourceAccountId }} |
+ {{ trans.destinationAccountId }} |
+ {{ trans.amount | rialPipe }} |
+ {{ trans.date | persianDate }} |
+ {{ trans.type }} |
+
+ } @empty {
+ هیچ داده ای برای نمایش یافت نشد.
+ }
+
+
+