{{action}} Business +
+ + + + + \ No newline at end of file diff --git a/ng-seed/src/app/appoinment/business/dialog-box/dialog-box.component.scss b/ng-seed/src/app/appoinment/business/add-business/add-business.component.scss similarity index 100% rename from ng-seed/src/app/appoinment/business/dialog-box/dialog-box.component.scss rename to ng-seed/src/app/appoinment/business/add-business/add-business.component.scss diff --git a/ng-seed/src/app/appoinment/user/add-user-list/add-user-list.component.spec.ts b/ng-seed/src/app/appoinment/business/add-business/add-business.component.spec.ts similarity index 53% rename from ng-seed/src/app/appoinment/user/add-user-list/add-user-list.component.spec.ts rename to ng-seed/src/app/appoinment/business/add-business/add-business.component.spec.ts index 133b584..138402c 100644 --- a/ng-seed/src/app/appoinment/user/add-user-list/add-user-list.component.spec.ts +++ b/ng-seed/src/app/appoinment/business/add-business/add-business.component.spec.ts @@ -1,20 +1,20 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { AddUserListComponent } from './add-user-list.component'; +import { AddBusinessComponent } from './add-business.component'; -describe('AddUserListComponent', () => { - let component: AddUserListComponent; - let fixture: ComponentFixture
- 
-
+
-
@@ -85,9 +94,9 @@
- First Name is required
+
@@ -95,13 +104,14 @@
Working Hours
-
+
edit-working-hours works!
+
+
+
+
+
+
diff --git a/ng-seed/src/app/appoinment/consultant-setting/edit-working-hours/edit-working-hours.component.scss b/ng-seed/src/app/appoinment/consultant-setting/edit-working-hours/edit-working-hours.component.scss
index e69de29..4d76379 100644
--- a/ng-seed/src/app/appoinment/consultant-setting/edit-working-hours/edit-working-hours.component.scss
+++ b/ng-seed/src/app/appoinment/consultant-setting/edit-working-hours/edit-working-hours.component.scss
@@ -0,0 +1,96 @@
+.edit-working{
+ .popup-header {
+ background: #FFF;
+ padding: 5px 5px 5px 5px;
+ }
+ .button{
+ // float: right;
+ margin-bottom: 1rem;
+ background-color: #ffff;
+ margin-top: -1rem;
+ // margin-left: 6rem;
+ float: right;
+ }
+ .label-container {
+ display: flex;
+ width: 100%;
+ border-bottom: 1px solid #F5F6F8;
+ box-sizing: border-box;
+ min-height: 40px;
+ padding: 13px 0;
+ }
+ .label-name{
+ color: #666;
+ position: relative;
+ text-transform: capitalize;
+ width: 100px;
+ flex: none;
+ margin-right: 15px;
+ align-self: flex-start;
+ padding-top: 13px;
+ box-sizing: border-box;
+ line-height: 15px;
+ }
+ .labelname label {
+ color: #666;
+ font-size: 14px;
+ // padding: 10px 10px 10px 10px;
+ width: 150px;
+ }
+ .dis-flex {
+ display: flex!important;
+ }
+ .width-10px {
+ width: 10px!important;
+ }
+ .select-drop-box {
+ padding-right: 30px;
+ height: 40px;
+ background-color: #FFF;
+ font-size: 13px;
+ color: #111;
+ border-radius: 4px;
+ border-color: #666;
+ }
+ .addbreak{
+ margin-top: 0.5rem;
+ margin-right: 2rem;
+ color: #FFF;
+ &:hover {
+ cursor: pointer;
+ color: #111;
+ }
+ }
+ // .scrollHV {
+ // height: calc(100vh - 190px);
+ // }
+
+ .popup-button {
+ margin-top: 2rem;
+ width: 100%;
+ }
+ .cancel {
+ background: #F5F5F5;
+ color: #111;
+ float: left;
+ }
+ .buttons {
+ width: 50%;
+ background: #FFF;
+ color: #111;
+ font-size: 13px;
+ font-family: zohopuvi-medium;
+ text-align: center;
+ border-top: 1px solid #E2E2E2;
+ padding: 20px;
+ -webkit-transition: all .2s ease-in;
+ -moz-transition: all .2s ease-in;
+ transition: all .2s ease-in;
+ }
+ .add {
+ background: #52518F;
+ color: #FFF;
+ border-top: 1px solid #52518F;
+ float: left;
+ }
+}
diff --git a/ng-seed/src/app/appoinment/consultant-setting/edit-working-hours/edit-working-hours.component.ts b/ng-seed/src/app/appoinment/consultant-setting/edit-working-hours/edit-working-hours.component.ts
index 59c16ba..5a3a0b1 100644
--- a/ng-seed/src/app/appoinment/consultant-setting/edit-working-hours/edit-working-hours.component.ts
+++ b/ng-seed/src/app/appoinment/consultant-setting/edit-working-hours/edit-working-hours.component.ts
@@ -1,4 +1,6 @@
import { Component, OnInit } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { MatDialogRef } from '@angular/material/dialog';
@Component({
selector: 'app-edit-working-hours',
@@ -7,10 +9,30 @@ import { Component, OnInit } from '@angular/core';
})
export class EditWorkingHoursComponent implements OnInit {
-
- constructor() { }
+ datainputForm: FormGroup;
+ timing: any[] = ['09:00am','09:30am','10:00am','10:30am','11:00am','11:30am','12:00am','12:30am','01:00pm','01:00pm','01:30pm', '02:00pm', '02:30pm', '03:00pm', '03:30pm', '04:00pm', '04:30pm', '05:00pm', '05:30pm', '06:00pm', '06:30pm', '07:00pm', '07:30pm', '08:00pm','08:30pm', '09:00pm',]
- ngOnInit(): void {
+ constructor(public dialogRef: MatDialogRef
+
+
+ + Edit Working Hours + +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ Apply To All
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ Apply To All
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ Apply To All
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ Apply To All
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ Apply To All
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ Apply To All
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+ Apply To All
+ {{action}} Services +
+ \ No newline at end of file diff --git a/ng-seed/src/app/appoinment/service-list-details/add-service/add-service.component.scss b/ng-seed/src/app/appoinment/service-list-details/add-service/add-service.component.scss new file mode 100644 index 0000000..c50ea44 --- /dev/null +++ b/ng-seed/src/app/appoinment/service-list-details/add-service/add-service.component.scss @@ -0,0 +1,11 @@ +.button{ + // float: right; + margin-bottom: 1rem; + background-color: #ffff; + margin-top: -1rem; + // margin-left: 6rem; + float: right; +} +.mat-pane{ + width: 20rem; +} \ No newline at end of file diff --git a/ng-seed/src/app/appoinment/customers/dialog-box/dialog-box.component.spec.ts b/ng-seed/src/app/appoinment/service-list-details/add-service/add-service.component.spec.ts similarity index 54% rename from ng-seed/src/app/appoinment/customers/dialog-box/dialog-box.component.spec.ts rename to ng-seed/src/app/appoinment/service-list-details/add-service/add-service.component.spec.ts index ec05663..81cccee 100644 --- a/ng-seed/src/app/appoinment/customers/dialog-box/dialog-box.component.spec.ts +++ b/ng-seed/src/app/appoinment/service-list-details/add-service/add-service.component.spec.ts @@ -1,20 +1,20 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { DialogBoxComponent } from './dialog-box.component'; +import { AddServiceComponent } from './add-service.component'; -describe('DialogBoxComponent', () => { - let component: DialogBoxComponent; - let fixture: ComponentFixtureadd-user-list works!
diff --git a/ng-seed/src/app/appoinment/user/add-user-list/add-user-list.component.scss b/ng-seed/src/app/appoinment/user/add-user-list/add-user-list.component.scss deleted file mode 100644 index e69de29..0000000 diff --git a/ng-seed/src/app/appoinment/user/add-user-list/add-user-list.component.ts b/ng-seed/src/app/appoinment/user/add-user-list/add-user-list.component.ts deleted file mode 100644 index f8c33e9..0000000 --- a/ng-seed/src/app/appoinment/user/add-user-list/add-user-list.component.ts +++ /dev/null @@ -1,66 +0,0 @@ -import { Component, OnInit } from '@angular/core'; -import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms'; -import { Router } from '@angular/router'; - -@Component({ - selector: 'app-add-user-list', - templateUrl: './add-user-list.component.html', - styleUrls: ['./add-user-list.component.scss'] -}) -export class AddUserListComponent implements OnInit { - - form: FormGroup; - fileToUpload: any; - imageUrl: any; - - businessselect = new FormControl('', [Validators.required]); - selects = [ - {name: 'A'}, - {name: 'B'}, - {name: 'C'}, - {name: 'D'}, - ]; - - constructor(private router: Router,private formBuilder: FormBuilder) { } - - get f(){ - return this.form.controls; - } - -ngOnInit() { - this.form = new FormGroup({ - businessselect: new FormControl('', [Validators.required]), - bus_name: new FormControl('', [Validators.required, Validators.maxLength(20)]), - address: new FormControl('', [Validators.required, Validators.maxLength(50)]), - city: new FormControl('', [Validators.required, Validators.maxLength(10)]), - state: new FormControl('', [Validators.required, Validators.maxLength(10)]), - email: new FormControl('', [Validators.required, Validators.email,Validators.pattern( - '[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,63}$', - ),]), - contact_no: new FormControl('', [Validators.required, Validators.maxLength(10)]), - }); - } - - public myError = (controlName: string, errorName: string) =>{ - return this.form.controls[controlName].hasError(errorName); - } - - submit(){ - console.log(this.form.value); - } - register() { - this.router.navigate(['/']); - } - - handleFileInput(file: FileList) { - this.fileToUpload = file.item(0); - - //Show image preview - let reader = new FileReader(); - reader.onload = (event: any) => { - this.imageUrl = event.target.result; - } - reader.readAsDataURL(this.fileToUpload); - } - -} diff --git a/ng-seed/src/app/appoinment/user/add-user/add-user.component.html b/ng-seed/src/app/appoinment/user/add-user/add-user.component.html new file mode 100644 index 0000000..e8c4089 --- /dev/null +++ b/ng-seed/src/app/appoinment/user/add-user/add-user.component.html @@ -0,0 +1,67 @@ +{{action}} Users +
+
+
+
+ +
+
+
+
+