From bc6b330c8f064068389768b8572d1072f5910227 Mon Sep 17 00:00:00 2001 From: Smart Date: Sat, 4 Mar 2023 16:19:23 +0530 Subject: [PATCH] consultants --- .../appoinment/appoinment-routing.module.ts | 5 ++ .../src/app/appoinment/appoinment.module.ts | 4 +- .../consultants-list.component.html | 44 ++++++++++++ .../consultants-list.component.scss | 62 ++++++++++++++++ .../consultants-list.component.spec.ts | 25 +++++++ .../consultants-list.component.ts | 72 +++++++++++++++++++ .../consultants/consultants-routing.module.ts | 10 +++ .../consultants/consultants.module.ts | 19 +++++ .../src/app/shared/menu-items/menu-items.ts | 9 +++ 9 files changed, 249 insertions(+), 1 deletion(-) create mode 100644 ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.html create mode 100644 ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.scss create mode 100644 ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.spec.ts create mode 100644 ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.ts create mode 100644 ng-seed/src/app/appoinment/consultants/consultants-routing.module.ts create mode 100644 ng-seed/src/app/appoinment/consultants/consultants.module.ts diff --git a/ng-seed/src/app/appoinment/appoinment-routing.module.ts b/ng-seed/src/app/appoinment/appoinment-routing.module.ts index 17f1a4e..c9c0c6a 100644 --- a/ng-seed/src/app/appoinment/appoinment-routing.module.ts +++ b/ng-seed/src/app/appoinment/appoinment-routing.module.ts @@ -9,6 +9,7 @@ import { ServiceListComponent } from './service-list-details/service-list/servic import { AddUserListComponent } from './user/add-user-list/add-user-list.component'; import { UserListComponent } from './user/user-list/user-list.component'; import { } from './service-list-details/service-list/service-list.component' +import { ConsultantsListComponent } from './consultants/consultants-list/consultants-list.component'; const routes: Routes = [{ @@ -46,6 +47,10 @@ const routes: Routes = [{ { path: 'services-list', component: ServiceListComponent +}, +{ + path: 'consultants-list', + component: ConsultantsListComponent } diff --git a/ng-seed/src/app/appoinment/appoinment.module.ts b/ng-seed/src/app/appoinment/appoinment.module.ts index bec5e05..d4d5af0 100644 --- a/ng-seed/src/app/appoinment/appoinment.module.ts +++ b/ng-seed/src/app/appoinment/appoinment.module.ts @@ -10,6 +10,7 @@ import { DemoMaterialModule } from 'app/shared/demo.module'; import { MatCardModule } from '@angular/material/card'; import { ServiceListComponent } from './service-list-details/service-list/service-list.component'; import { ServiceListModule } from './service-list-details/service-list.module'; +import { ConsultantsModule } from './consultants/consultants.module'; @NgModule({ declarations: [ @@ -23,7 +24,8 @@ import { ServiceListModule } from './service-list-details/service-list.module'; AppoinmentsModule, CustomersModule, CalendarsModule, - ServiceListModule + ServiceListModule, + ConsultantsModule ], }) diff --git a/ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.html b/ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.html new file mode 100644 index 0000000..d31d829 --- /dev/null +++ b/ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.html @@ -0,0 +1,44 @@ +
+
+
+ +
+
+
+
+
+ user list image +
+ +
+
+
+
{{consultant.name}}
+ {{consultant.specialist}}
+ {{consultant.year}}
+ {{consultant.qualification}}
+ Starts at ₹{{consultant.payment}}
+
+ +
+ + transcribe + {{consultant.language}} + + + location_on + {{consultant.city}} + +
+ + +
+ +
+
+
+
\ No newline at end of file diff --git a/ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.scss b/ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.scss new file mode 100644 index 0000000..294614d --- /dev/null +++ b/ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.scss @@ -0,0 +1,62 @@ +//colors +$white: #fff; +$black_10: rgba(0, 0, 0, 0.1); +$black_30: rgba(0, 0, 0, 0.3); +// $color_red_orange_approx: #207b68f2; +$color_red_orange_approx: #4caf50; +$black_60: rgba(0, 0, 0, 0.6); +.consultant-content { + padding: 1.5rem 1.5rem; + padding-bottom: 4rem; +} +.consultant-list-card { + background: $white; + box-shadow: 0 2px 6px $black_10; + transition: all 0.3s ease-in-out 0s; + &:hover { + box-shadow: 0 0 21px $black_30; + } +} +.consultant-span{ + font-size: 13px; + color: rgba(0, 0, 0, 0.54); + font-weight: 600; + line-height: 23px; +} +.consultant-card-cover { + padding: 0rem 8rem; + position: relative; + background-size: cover; + margin-left: -8rem; +} +.consultant-thumb { + position: absolute; + margin-top: 20px; + img { + border: 5px solid $white; + border-radius: 100%; + height: 75px; + width: 75px; + } +} +.btn-red { + background-color: $color_red_orange_approx; + color: $white; + border: 1px solid $color_red_orange_approx; + float: right; +} + +// .user-list-wrapper>.user-card-w { +// padding: 1rem; +// } +::ng-deep .body-container { + // overflow-x: hidden; + // overflow-y: hidden; + background-color: #ffff; +} +.consultant-profile{ + margin-left: -2rem; +} +mat-icon{ + color: #207b68f2; +} \ No newline at end of file diff --git a/ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.spec.ts b/ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.spec.ts new file mode 100644 index 0000000..9fbe3ef --- /dev/null +++ b/ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ConsultantsListComponent } from './consultants-list.component'; + +describe('ConsultantsListComponent', () => { + let component: ConsultantsListComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ConsultantsListComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ConsultantsListComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.ts b/ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.ts new file mode 100644 index 0000000..cc47dd6 --- /dev/null +++ b/ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.ts @@ -0,0 +1,72 @@ +import { Component, OnInit, ViewEncapsulation } from '@angular/core'; + +@Component({ + selector: 'app-consultants-list', + templateUrl: './consultants-list.component.html', + styleUrls: ['./consultants-list.component.scss'] +}) +export class ConsultantsListComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + consultants: Object[] = [{ + name: 'Dr. Suganya', + specialist: 'ENT', + year: '1 YRS EXP', + qualification: 'MBBS, MS', + payment: '800', + language: 'TAMIL, ENGILSH', + city: 'Apollo Hospital Chennai', + country: 'USA', + cover:'assets/images/night.jpg', + image:'assets/images/face1.jpg' + },{ + name: 'Dr. Indhu Mathi', + specialist: 'ORTHOPAEDICS', + year: '2 YRS EXP', + qualification: 'MBBS, MS', + payment: '800', + language: 'TAMIL, ENGILSH', + city: 'Apollo Hospital Chennai', + image:'assets/images/face2.jpg' + },{ + name: 'Dr. Gaurav Kumar', + specialist: 'BREAST SURGERY', + year: '3 YRS EXP', + qualification: 'MBBS, MS', + payment: '800', + language: 'TAMIL, ENGILSH', + city: 'Apollo Hospital Chennai', + image:'assets/images/face3.jpg' + },{ + name: 'Dr. Saloni Sinha', + specialist: 'CARDIOLOGY', + year: '4 YRS EXP', + qualification: 'MBBS, MS', + payment: '800', + language: 'TAMIL, ENGILSH', + city: 'Apollo Hospital Chennai', + image:'assets/images/face4.jpg' + },{ + name: 'Dr. Padmaja', + specialist: 'DIABETOLOGY', + year: '5 YRS EXP', + qualification: 'MBBS, MS', + payment: '800', + language: 'TAMIL, ENGILSH', + city: 'Apollo Hospital Chennai', + image:'assets/images/face5.jpg' + },{ + name: 'Dr. Pradeep ', + specialist: 'ENDOCRINOLOGY', + year: '6 YRS EXP', + qualification: 'MBBS, MS', + payment: '800', + language: 'TAMIL, ENGILSH', + city: 'Apollo Hospital Chennai', + image:'assets/images/face6.jpg' + } +]; +} diff --git a/ng-seed/src/app/appoinment/consultants/consultants-routing.module.ts b/ng-seed/src/app/appoinment/consultants/consultants-routing.module.ts new file mode 100644 index 0000000..8217529 --- /dev/null +++ b/ng-seed/src/app/appoinment/consultants/consultants-routing.module.ts @@ -0,0 +1,10 @@ +import { NgModule } from '@angular/core'; +import { RouterModule, Routes } from '@angular/router'; + +const routes: Routes = []; + +@NgModule({ + imports: [RouterModule.forChild(routes)], + exports: [RouterModule] +}) +export class ConsultantsRoutingModule { } diff --git a/ng-seed/src/app/appoinment/consultants/consultants.module.ts b/ng-seed/src/app/appoinment/consultants/consultants.module.ts new file mode 100644 index 0000000..12d0b43 --- /dev/null +++ b/ng-seed/src/app/appoinment/consultants/consultants.module.ts @@ -0,0 +1,19 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; + +import { ConsultantsRoutingModule } from './consultants-routing.module'; +import { ConsultantsListComponent } from './consultants-list/consultants-list.component'; +import { DemoMaterialModule } from 'app/shared/demo.module'; + + +@NgModule({ + declarations: [ + ConsultantsListComponent + ], + imports: [ + DemoMaterialModule, + CommonModule, + ConsultantsRoutingModule + ] +}) +export class ConsultantsModule { } diff --git a/ng-seed/src/app/shared/menu-items/menu-items.ts b/ng-seed/src/app/shared/menu-items/menu-items.ts index 0177b36..96a0af0 100644 --- a/ng-seed/src/app/shared/menu-items/menu-items.ts +++ b/ng-seed/src/app/shared/menu-items/menu-items.ts @@ -64,6 +64,15 @@ const MENUITEMS : Menu[] = [ {state: 'customers-list', name: 'Customers List'}, ] }, + { + state: 'appoinment', + name: 'Consultants', + type: 'sub', + icon: 'security', + children: [ + {state: 'consultants-list', name: 'Consultants List'}, + ] + }, { state: 'appoinment', name: 'Users',