Education
+
+
+ ;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ DoctorProfileComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(DoctorProfileComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/ng-seed/src/app/end-user/doctor-profile/doctor-profile.component.ts b/ng-seed/src/app/end-user/doctor-profile/doctor-profile.component.ts
new file mode 100644
index 0000000..0e4cb82
--- /dev/null
+++ b/ng-seed/src/app/end-user/doctor-profile/doctor-profile.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-doctor-profile',
+ templateUrl: './doctor-profile.component.html',
+ styleUrls: ['./doctor-profile.component.scss']
+})
+export class DoctorProfileComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/ng-seed/src/app/end-user/end-user-routing.module.ts b/ng-seed/src/app/end-user/end-user-routing.module.ts
index 13eb8e3..f618472 100644
--- a/ng-seed/src/app/end-user/end-user-routing.module.ts
+++ b/ng-seed/src/app/end-user/end-user-routing.module.ts
@@ -4,6 +4,7 @@ import { BookingSummaryComponent } from './booking-summary/booking-summary.compo
import { CentersListComponent } from './business-centers/centers-list.component';
import { ConsultantsListComponent } from './consultants/consultants-list.component';
import { CustomerInfoComponent } from './customer-info/customer-info.component';
+import { DoctorProfileComponent } from './doctor-profile/doctor-profile.component';
import { PaymentComponent } from './payment/payment.component';
import { SearchCategoryComponent } from './search-category/search-category.component';
import { ServiceListComponent } from './service-list-details/service-list.component';
@@ -63,6 +64,10 @@ const routes: Routes = [
path: 'business/:randstr/:randstrs/practitioner/slot/cus/pt/bts',
component: BookingSummaryComponent
},
+ {
+ path: 'doctor-profile',
+ component: DoctorProfileComponent
+ },
// {
// path: 'calendar-list',
diff --git a/ng-seed/src/app/end-user/end-user.module.ts b/ng-seed/src/app/end-user/end-user.module.ts
index 279d670..87f9dbf 100644
--- a/ng-seed/src/app/end-user/end-user.module.ts
+++ b/ng-seed/src/app/end-user/end-user.module.ts
@@ -15,6 +15,8 @@ import { EndUserService } from './end-user.service';
import { PaymentComponent } from './payment/payment.component';
import { CustomerInfoComponent } from './customer-info/customer-info.component';
import { BookingSummaryComponent } from './booking-summary/booking-summary.component';
+import { SummaryComponent } from './summary/summary.component';
+import { DoctorProfileComponent } from './doctor-profile/doctor-profile.component';
@NgModule({
@@ -24,7 +26,7 @@ import { BookingSummaryComponent } from './booking-summary/booking-summary.compo
SearchCategoryComponent,
ConsultantsListComponent,
CentersListComponent,
- PaymentComponent,CustomerInfoComponent, BookingSummaryComponent
+ PaymentComponent,CustomerInfoComponent, BookingSummaryComponent, SummaryComponent, DoctorProfileComponent
],
imports: [
CommonModule,
diff --git a/ng-seed/src/app/end-user/payment/payment.component.html b/ng-seed/src/app/end-user/payment/payment.component.html
index f2e3dee..db5cfa0 100644
--- a/ng-seed/src/app/end-user/payment/payment.component.html
+++ b/ng-seed/src/app/end-user/payment/payment.component.html
@@ -1,10 +1,10 @@
Appointment
-
-
+
diff --git a/ng-seed/src/app/end-user/customer-info/customer-info.component.scss b/ng-seed/src/app/end-user/customer-info/customer-info.component.scss
index 0c6e9eb..a696767 100644
--- a/ng-seed/src/app/end-user/customer-info/customer-info.component.scss
+++ b/ng-seed/src/app/end-user/customer-info/customer-info.component.scss
@@ -4,4 +4,29 @@
mat-toolbar{
background-color: #227f6e;
color:#fff;
-}
\ No newline at end of file
+}
+.container{
+ max-width: 1217px;
+ min-width: 375px;
+ margin: 0 auto;
+ margin-right: 0.5rem;
+}
+::ng-deep .flx{
+ flex: 1 1 0%!important;
+ display: contents!important;
+}
+.mat-width{
+ margin-left: -10rem;
+ // place-content: flex-start!important;
+}
+@media only screen and (max-width: 600px) {
+ .mat-width{
+ margin-left: 0rem!important;
+ }
+ .flx {
+ flex: 1 1 0% !important;
+ display: initial!important;
+ max-width: 100%!important;
+ margin-top: -6rem;
+ }
+ }
\ No newline at end of file
diff --git a/ng-seed/src/app/end-user/doctor-profile/doctor-profile.component.html b/ng-seed/src/app/end-user/doctor-profile/doctor-profile.component.html
new file mode 100644
index 0000000..27f9546
--- /dev/null
+++ b/ng-seed/src/app/end-user/doctor-profile/doctor-profile.component.html
@@ -0,0 +1,44 @@
+
+
+
Customer Information
+
+
+
\ No newline at end of file
diff --git a/ng-seed/src/app/end-user/doctor-profile/doctor-profile.component.scss b/ng-seed/src/app/end-user/doctor-profile/doctor-profile.component.scss
new file mode 100644
index 0000000..7c6db42
--- /dev/null
+++ b/ng-seed/src/app/end-user/doctor-profile/doctor-profile.component.scss
@@ -0,0 +1,124 @@
+body{
+ background:#eee;
+}
+.profile{
+ padding: 2rem 2rem 2rem 2rem;
+ border-radius: 5px;
+}
+.card{
+ border:none;
+ position:relative;
+ overflow:hidden;
+ // border-radius:8px;
+ // cursor:pointer;
+}
+.card:before{
+ content:"";
+ position:absolute;
+ left:0;
+ top:0;
+ width:4px;
+ height:100%;
+ background-color:#E1BEE7;
+ transform:scaleY(1);
+ transition:all 0.5s;
+ transform-origin: bottom
+}
+.card:after{
+ content:"";
+ position:absolute;
+ left:0;
+ top:0;
+ width:4px;
+ height:100%;
+ background-color: #217e69;
+ transform:scaleY(0);
+ transition:all 0.5s;
+ transform-origin: bottom
+}
+.card:hover::after{
+ transform:scaleY(1);
+}
+.fonts{
+ font-size:13px;
+}
+.Centre-bacl{
+ box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
+}
+.rounded-circle{
+ height: 230px;
+ max-width: 100%;
+ vertical-align: middle;
+ border-radius: 45px;
+ width: 100%;
+}
+h5{
+ color: #02475b;
+ margin: 0;
+ overflow: hidden;
+ font-size: 20px;
+ text-overflow: ellipsis;
+ // padding-bottom: 10px;
+}
+.years{
+ color: #217e69;
+ font-weight: 600;
+ font-size: 13px;
+ text-transform: uppercase;
+ // padding-bottom: 10px;
+}
+.header {
+ padding: 0rem 0.5rem 0rem 0.5rem;
+ display: flex;
+ }
+ .content {
+ // margin-top: 0.75rem;
+ margin-right: 2rem;
+ }
+ .title {
+ color: #595b5f;
+ font-size: 13px;
+ font-weight: 600;
+ line-height: 1.5rem;
+ }
+ .title-dr{
+ color: #595b5f;
+ font-size: 14px;
+ font-weight: 600;
+ line-height: 1.5rem;
+ }
+ .message {
+ color: #217e69;
+ font-size: 13px;
+ line-height: 10px;
+ word-break: break-word;
+ padding-left: 40px;
+ padding-right: 10px;
+ }
+ .img{
+ width: 30px;
+ margin-right: 10px;
+}
+.images{
+ float: right;
+}
+.line{
+ border-bottom: 0.5px solid rgba(2,71,91,0.2);
+ padding-bottom: 10px;
+}
+@media only screen and (max-width: 600px) {
+ .message {
+ padding-left: 48px;
+ line-height: 20px;
+ margin-top: 0px;
+ }
+ .p-3 {
+ padding: 2rem !important;
+ }
+ .header {
+ display: initial;
+ }
+.media-prof{
+ margin-top: 18rem;
+}
+}
\ No newline at end of file
diff --git a/ng-seed/src/app/end-user/doctor-profile/doctor-profile.component.spec.ts b/ng-seed/src/app/end-user/doctor-profile/doctor-profile.component.spec.ts
new file mode 100644
index 0000000..386b99e
--- /dev/null
+++ b/ng-seed/src/app/end-user/doctor-profile/doctor-profile.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DoctorProfileComponent } from './doctor-profile.component';
+
+describe('DoctorProfileComponent', () => {
+ let component: DoctorProfileComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+ 
+
+
+
+ Pro
+
+ Dr. Suganya
+ENT | 8 YRS
+
+
+
+ Education
+
+
+ Education
+
+
+ 
Location
+
+
+ Location
+
+
+
+
+ 
Registration Number
+
+
+ Registration Number
+
+
+ 
Languages
+
+
+ Languages
+
+
+
+ About Dr. Suganya
+Dr Suganya is a well-known surgeon and one of the best ENT specialists in Chennai. She is trained to treat medical and surgical conditions affecting the ear, nose and throat. ENT specialists are also called otolaryngologists.
+
+
+ Clinic Address
+No. 320, Padma Complex, Anna Salai,TeynampetChennai
+
-
-
+
Appointment
-
+
diff --git a/ng-seed/src/app/end-user/payment/payment.component.scss b/ng-seed/src/app/end-user/payment/payment.component.scss
index 444cdbc..eb8f824 100644
--- a/ng-seed/src/app/end-user/payment/payment.component.scss
+++ b/ng-seed/src/app/end-user/payment/payment.component.scss
@@ -1,4 +1,30 @@
mat-toolbar{
background-color: #227f6e;
color:#fff;
-}
\ No newline at end of file
+}
+.container{
+ max-width: 1217px;
+ min-width: 375px;
+ margin: 0 auto;
+ margin-right: 0rem;
+}
+::ng-deep .flx{
+ flex: 1 1 0%!important;
+ display: initial!important;
+ max-width: 30%!important;
+}
+.mat-width{
+ // max-width: 68%!important;
+ margin-left: 11rem;
+}
+ @media only screen and (max-width: 600px) {
+ .mat-width{
+ margin-left: 0rem!important;
+ }
+ .flx {
+ flex: 1 1 0% !important;
+ display: initial!important;
+ max-width: 100%!important;
+ margin-top: -6rem;
+ }
+ }
\ No newline at end of file
diff --git a/ng-seed/src/app/end-user/service-list-details/service-list.component.html b/ng-seed/src/app/end-user/service-list-details/service-list.component.html
index df5d186..c11602c 100644
--- a/ng-seed/src/app/end-user/service-list-details/service-list.component.html
+++ b/ng-seed/src/app/end-user/service-list-details/service-list.component.html
@@ -1,51 +1,51 @@
+
+
Credit/Debit Cards
@@ -36,6 +36,10 @@
+ Payment By
+
+{{full_data[0].business[0].busName}}
-
-
-
-
Appointment
-
-
Service List
+ +
+
-
-
+
-
+
+ Service List
+
+
+ Search Service
+
+ search
+
+
-
- Search Service
-
- search
-
-
-
-
-
-
\ No newline at end of file
diff --git a/ng-seed/src/app/end-user/service-list-details/service-list.component.scss b/ng-seed/src/app/end-user/service-list-details/service-list.component.scss
index ca41b07..7b2b232 100644
--- a/ng-seed/src/app/end-user/service-list-details/service-list.component.scss
+++ b/ng-seed/src/app/end-user/service-list-details/service-list.component.scss
@@ -68,9 +68,6 @@ $main-color: #f44336;
position: absolute;
padding-right: 0.5rem;
}
-.flx{
- width: 47%;
-}
.Specialties-spContent{
width: 100%;
// padding: 0 10px 0 0;
@@ -125,3 +122,35 @@ footer {
position: absolute;
bottom: 0;
}
+ .container{
+ max-width: 1217px;
+ min-width: 375px;
+ margin: 0 auto;
+ margin-right: 0rem;
+}
+ .flx{
+ flex: 1 1 0%!important;
+ // max-width: 15%!important;
+ display: initial!important;
+ margin-top: -5rem!important;
+ // float: right;
+}
+.search-mat{
+ flex: 1 1 0%!important;
+ display: contents!important;
+}
+.form-field{
+ margin-left: -3rem;
+}
+@media only screen and (min-height: 600px) {
+ h3{
+ font-size: 20px;
+ margin-top: 1.5rem;
+ }
+ .flx{
+ margin-top: 0rem;
+ }
+ footer {
+ position: fixed;
+ }
+ }
\ No newline at end of file
diff --git a/ng-seed/src/app/end-user/slot-booking/slot-booking-details.component.html b/ng-seed/src/app/end-user/slot-booking/slot-booking-details.component.html
index 00db1e7..191b0b9 100644
--- a/ng-seed/src/app/end-user/slot-booking/slot-booking-details.component.html
+++ b/ng-seed/src/app/end-user/slot-booking/slot-booking-details.component.html
@@ -1,97 +1,98 @@
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+ {{serviceListDetails.servicesName}}
+
+
+
+
+
+
+
+
+
+
+
+
+
- {{serviceListDetails.servicesName}}
-
-
-
-
-
-
-
-
-
-
-
+
+
+
-
-
-
-
+
-
-;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ SummaryComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(SummaryComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/ng-seed/src/app/end-user/summary/summary.component.ts b/ng-seed/src/app/end-user/summary/summary.component.ts
new file mode 100644
index 0000000..e77d716
--- /dev/null
+++ b/ng-seed/src/app/end-user/summary/summary.component.ts
@@ -0,0 +1,17 @@
+import { Component, OnInit } from '@angular/core';
+import { ConsultantsListComponent } from '../consultants/consultants-list.component';
+import { ServiceListComponent } from '../service-list-details/service-list.component';
+
+@Component({
+ selector: 'app-summary',
+ templateUrl: './summary.component.html',
+ styleUrls: ['./summary.component.scss']
+})
+export class SummaryComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/ng-seed/src/assets/images/Education.svg b/ng-seed/src/assets/images/Education.svg
new file mode 100644
index 0000000..3f43037
--- /dev/null
+++ b/ng-seed/src/assets/images/Education.svg
@@ -0,0 +1,6 @@
+
diff --git a/ng-seed/src/assets/images/Languages.svg b/ng-seed/src/assets/images/Languages.svg
new file mode 100644
index 0000000..3c0ce63
--- /dev/null
+++ b/ng-seed/src/assets/images/Languages.svg
@@ -0,0 +1,6 @@
+
diff --git a/ng-seed/src/assets/images/Location.svg b/ng-seed/src/assets/images/Location.svg
new file mode 100644
index 0000000..b6c82b7
--- /dev/null
+++ b/ng-seed/src/assets/images/Location.svg
@@ -0,0 +1,6 @@
+
diff --git a/ng-seed/src/assets/images/Registration.svg b/ng-seed/src/assets/images/Registration.svg
new file mode 100644
index 0000000..e18b9fd
--- /dev/null
+++ b/ng-seed/src/assets/images/Registration.svg
@@ -0,0 +1,5 @@
+
-
diff --git a/ng-seed/src/app/end-user/slot-booking/slot-booking-details.component.scss b/ng-seed/src/app/end-user/slot-booking/slot-booking-details.component.scss
index d4f416d..f7162a7 100644
--- a/ng-seed/src/app/end-user/slot-booking/slot-booking-details.component.scss
+++ b/ng-seed/src/app/end-user/slot-booking/slot-booking-details.component.scss
@@ -51,4 +51,39 @@ h6{
mat-toolbar{
background-color: #227f6e;
color:#fff;
-}
\ No newline at end of file
+}
+.container{
+ max-width: 1217px;
+ min-width: 375px;
+ margin: 0 auto;
+ margin-right: 0rem;
+}
+ .flx{
+ flex: 1 1 0%!important;
+ display: initial!important;
+}
+.card-mat{
+ max-width: 66%;
+}
+@media only screen and (max-width: 600px) {
+ h3{
+ font-size: 20px;
+ margin-top: 2rem;
+ }
+ .card-mat{
+ max-width: 95%;
+ }
+ .container{
+ display: flow-root!important;
+ }
+ .img {
+ margin-right: 2rem;
+ margin-left: 1rem;
+ }
+ .img-sun{
+ margin-right: 2rem;
+ }
+ .img-set{
+ margin-right: 2rem;
+ }
+ }
\ No newline at end of file
diff --git a/ng-seed/src/app/end-user/summary/summary.component.html b/ng-seed/src/app/end-user/summary/summary.component.html
new file mode 100644
index 0000000..f33b6ca
--- /dev/null
+++ b/ng-seed/src/app/end-user/summary/summary.component.html
@@ -0,0 +1,32 @@
+
-
\ No newline at end of file
+ Slot Availability
+ +
+
+
+
-
-
-
+
+
+
+
+ Slot Availability
+
+
+ Date & Time: {{selected | date:'mediumDate'}}
+
+ 
+ 
+ 
+
+
-
-
-Date & Time: {{selected | date:'mediumDate'}}
-
+
+
+
\ No newline at end of file
diff --git a/ng-seed/src/app/end-user/summary/summary.component.scss b/ng-seed/src/app/end-user/summary/summary.component.scss
new file mode 100644
index 0000000..97fb7df
--- /dev/null
+++ b/ng-seed/src/app/end-user/summary/summary.component.scss
@@ -0,0 +1,62 @@
+.card {
+ overflow: hidden;
+ position: absolute!important;
+ text-align: left;
+ border-radius: 0.5rem;
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+ background-color: #fff;
+ width: 100%;
+ height: 100%;
+ max-width: 28.5%!important;
+ }
+ .header {
+ padding: 0rem 0.5rem 0rem 0.5rem;
+ display: flex;
+ }
+ .content {
+ margin-top: 0.75rem;
+ margin-right: 2rem;
+ }
+ .title {
+ color: #595b5f;
+ font-size: 13px;
+ font-weight: 600;
+ line-height: 1.5rem;
+ }
+ .message {
+ margin-top: 0.5rem;
+ color: #217e69;
+ font-size: 14px;
+ line-height: 1.25rem;
+ }
+ hr.new1 {
+ flex: 0 0 50%;
+ position: relative;
+ }
+ .img{
+ width: 35px;
+ margin-right: 10px;
+}
+h6{
+ font-size: 14px;
+ color: #595b5f;
+ font-weight: 600;
+ padding: 0rem 0.5rem 0rem 0.5rem;
+}
+@media only screen and (max-width: 600px) {
+ .card-mob {
+ max-width: 94.5%!important;
+ position: absolute;
+ margin-top: 5rem!important;
+ // display: none!important;
+ }
+}
+
+// @media only screen and (min-height: 800px) {
+// .card-mob {
+// max-width: 94.5%!important;
+// position: absolute;
+// margin-top: 5rem!important;
+// // display: none!important;
+// }
+// }
\ No newline at end of file
diff --git a/ng-seed/src/app/end-user/summary/summary.component.spec.ts b/ng-seed/src/app/end-user/summary/summary.component.spec.ts
new file mode 100644
index 0000000..0132711
--- /dev/null
+++ b/ng-seed/src/app/end-user/summary/summary.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SummaryComponent } from './summary.component';
+
+describe('SummaryComponent', () => {
+ let component: SummaryComponent;
+ let fixture: ComponentFixtureSUMMARY
+
+
+
+ SERVICE
+
+
+
+
+
+
+ LOCATION
+
+
+
+ +
+
+
+ PRACTITIONER
+
+
+
+ +
+
+
+ TOTAL PRICE
+
+
+