diff --git a/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.ts b/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.ts index 229ef67..04a563e 100644 --- a/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.ts +++ b/ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.ts @@ -117,7 +117,7 @@ export class DialogBoxComponent implements OnInit { console.log(this.local_data, this.selects) // this.form.controls['note'].setValue('Sample') this.form.patchValue(this.local_data) - } +} public myError = (controlName: string, errorName: string) =>{ return this.form.controls[controlName].hasError(errorName); } diff --git a/ng-seed/src/app/appoinment/consultants/consultants-details/consultants-details.component.html b/ng-seed/src/app/appoinment/consultants/consultants-details/consultants-details.component.html new file mode 100644 index 0000000..76ec4a3 --- /dev/null +++ b/ng-seed/src/app/appoinment/consultants/consultants-details/consultants-details.component.html @@ -0,0 +1,107 @@ +

+ +

+
Date & Time:
+

{{selected | date:'mediumDate'}}

+
+
+ + + + +
+ +
+ + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + +
+
+
+ + + -- + + {{business.workspace}} + + + Please choose an Workspace + Please choose any other + +
+
+
+
+
+ +
+

I have read and un derstood the Terms & Conditions of usage of 24x7, + Privacy policy, Refund Policy and consent to the same.

+
+ + diff --git a/ng-seed/src/app/appoinment/consultants/consultants-details/consultants-details.component.scss b/ng-seed/src/app/appoinment/consultants/consultants-details/consultants-details.component.scss new file mode 100644 index 0000000..05b16bc --- /dev/null +++ b/ng-seed/src/app/appoinment/consultants/consultants-details/consultants-details.component.scss @@ -0,0 +1,49 @@ +$color_red_orange_approx: #4caf50; +$white: #fff; +.button{ + margin-bottom: 1rem; + background-color: #ffff !important; + margin-top: -3rem; + float: right; +} +.calender{ + margin-left: -1rem; + padding-right: 6rem; +} +mat-card{ + width: 140%; +} +::ng-deep .mat-tab-label { +margin-left: -3rem!important; +} +.img{ + width: 50px; +} +.btn-red { + background-color: $color_red_orange_approx; + color: $white; + border: 1px solid $color_red_orange_approx; + float: right; +} +h6{ + color: #0087ba; + font-weight: 600; +} +.primary{ + background-color: #658F9B; + color: white; +} +::ng-deep .mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar { + background-color: #658F9B!important; +} +::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper { + width: 250%; +} +.success { + background: #fff; + box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); + padding: 5px; + color: #0087ba; + font-weight: 600; + border-radius: 10px; + } \ No newline at end of file diff --git a/ng-seed/src/app/appoinment/consultants/consultants-details/consultants-details.component.spec.ts b/ng-seed/src/app/appoinment/consultants/consultants-details/consultants-details.component.spec.ts new file mode 100644 index 0000000..32a57b6 --- /dev/null +++ b/ng-seed/src/app/appoinment/consultants/consultants-details/consultants-details.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ConsultantsDetailsComponent } from './consultants-details.component'; + +describe('ConsultantsDetailsComponent', () => { + let component: ConsultantsDetailsComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ConsultantsDetailsComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ConsultantsDetailsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/ng-seed/src/app/appoinment/consultants/consultants-details/consultants-details.component.ts b/ng-seed/src/app/appoinment/consultants/consultants-details/consultants-details.component.ts new file mode 100644 index 0000000..3c46d6a --- /dev/null +++ b/ng-seed/src/app/appoinment/consultants/consultants-details/consultants-details.component.ts @@ -0,0 +1,59 @@ +import { Component, Inject, OnInit } from '@angular/core'; +import { FormControl, FormGroup, Validators } from '@angular/forms'; +import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; +export interface DialogData { + animal: string; + name: string; +} +export interface UsersData { + workspace: string; +} +@Component({ + selector: 'app-consultants-details', + templateUrl: './consultants-details.component.html', + styleUrls: ['./consultants-details.component.scss'] +}) +export class ConsultantsDetailsComponent implements OnInit { + form: FormGroup; + local_data:any; + selected: Date | null; + name = 'Angular'; + date = new Date(); + control = new FormControl( + { + from: this.date, + // to: new Date(this.date.getTime() + 1 * 24 * 60 * 60 * 1000), + }, + Validators.required + ); + workspace = new FormControl('', [Validators.required]); + selects = [ + {workspace: 'test 1'}, + {workspace: 'test 2'}, + {workspace: 'test 3'}, + ]; + constructor( + public dialogRef: MatDialogRef, + @Inject(MAT_DIALOG_DATA) public data: DialogData) {} + + onNoClick(): void { + this.dialogRef.close(); + } + close() { + // console.log(this.form.value); + this.dialogRef.close(); +} + + ngOnInit(): void { + this.form = new FormGroup({ + + workspace: new FormControl('', [Validators.required]), + }); +console.log(this.local_data, this.selects) +// this.form.controls['note'].setValue('Sample') + this.form.patchValue(this.local_data) + } + submit(){ + console.log(this.form.value); + } +} 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 index 51d21e5..297a47f 100644 --- 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 @@ -39,8 +39,8 @@ - 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 index b65e139..c51251a 100644 --- 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 @@ -1,4 +1,6 @@ import { Component, OnInit, ViewEncapsulation } from '@angular/core'; +import { MatDialog } from '@angular/material/dialog'; +import { ConsultantsDetailsComponent } from '../consultants-details/consultants-details.component'; @Component({ selector: 'app-consultants-list', @@ -6,8 +8,22 @@ import { Component, OnInit, ViewEncapsulation } from '@angular/core'; styleUrls: ['./consultants-list.component.scss'] }) export class ConsultantsListComponent implements OnInit { + animal: string; + name: string; - constructor() { } + constructor(public dialog: MatDialog) {} + + openDialog(): void { + const dialogRef = this.dialog.open(ConsultantsDetailsComponent, { + width: '60%', + data: {name: this.name, animal: this.animal} + }); + + dialogRef.afterClosed().subscribe(result => { + console.log('The dialog was closed'); + this.animal = result; + }); + } ngOnInit(): void { } diff --git a/ng-seed/src/app/appoinment/consultants/consultants.module.ts b/ng-seed/src/app/appoinment/consultants/consultants.module.ts index 8bdc5a0..7ee73ba 100644 --- a/ng-seed/src/app/appoinment/consultants/consultants.module.ts +++ b/ng-seed/src/app/appoinment/consultants/consultants.module.ts @@ -4,11 +4,13 @@ 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'; -import { NgScrollbarModule } from 'ngx-scrollbar' +import { NgScrollbarModule } from 'ngx-scrollbar'; +import { ConsultantsDetailsComponent } from './consultants-details/consultants-details.component'; @NgModule({ declarations: [ - ConsultantsListComponent + ConsultantsListComponent, + ConsultantsDetailsComponent, ], imports: [ DemoMaterialModule, diff --git a/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.scss b/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.scss index b9a7de8..7b2f939 100644 --- a/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.scss +++ b/ng-seed/src/app/appoinment/service-list-details/service-list/service-list.component.scss @@ -63,7 +63,8 @@ $black_30: rgba(0, 0, 0, 0.3); width: 100%; padding: 0 10px 0 0; position: relative; - min-height: 80px; + // min-height: 60px; + height: 65px; } .mb{ margin-bottom: 0.60rem; diff --git a/ng-seed/src/assets/images/moon.png b/ng-seed/src/assets/images/moon.png new file mode 100644 index 0000000..ea5a9c9 Binary files /dev/null and b/ng-seed/src/assets/images/moon.png differ diff --git a/ng-seed/src/assets/images/morning.png b/ng-seed/src/assets/images/morning.png new file mode 100644 index 0000000..e12f4df Binary files /dev/null and b/ng-seed/src/assets/images/morning.png differ diff --git a/ng-seed/src/assets/images/sun.png b/ng-seed/src/assets/images/sun.png new file mode 100644 index 0000000..7de390c Binary files /dev/null and b/ng-seed/src/assets/images/sun.png differ diff --git a/ng-seed/src/assets/images/sunset.png b/ng-seed/src/assets/images/sunset.png new file mode 100644 index 0000000..ca8fdb3 Binary files /dev/null and b/ng-seed/src/assets/images/sunset.png differ