Appointment/appointments_frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of bitbucket.org:venbainformationtechnology/appointments_frontend

Browse Source
This commit is contained in:
surendar.m@watermelon.us 2023-03-04 17:54:52 +05:30
commit 74b44ea46f
25 changed files with 474 additions and 147 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ng-seed/src/app/appoinment/appoinment-routing.module.ts
View File

@ -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 { AddUserListComponent } from './user/add-user-list/add-user-list.component';
import { UserListComponent } from './user/user-list/user-list.component'; import { UserListComponent } from './user/user-list/user-list.component';
import { } from './service-list-details/service-list/service-list.component' import { } from './service-list-details/service-list/service-list.component'
import { ConsultantsListComponent } from './consultants/consultants-list/consultants-list.component';
const routes: Routes = [{ const routes: Routes = [{
@ -46,6 +47,10 @@ const routes: Routes = [{
{ {
path: 'services-list', path: 'services-list',
component: ServiceListComponent component: ServiceListComponent
},
{
path: 'consultants-list',
component: ConsultantsListComponent
} }

4
ng-seed/src/app/appoinment/appoinment.module.ts
View File

@ -10,6 +10,7 @@ import { DemoMaterialModule } from 'app/shared/demo.module';
import { MatCardModule } from '@angular/material/card'; import { MatCardModule } from '@angular/material/card';
import { ServiceListComponent } from './service-list-details/service-list/service-list.component'; import { ServiceListComponent } from './service-list-details/service-list/service-list.component';
import { ServiceListModule } from './service-list-details/service-list.module'; import { ServiceListModule } from './service-list-details/service-list.module';
import { ConsultantsModule } from './consultants/consultants.module';
@NgModule({ @NgModule({
declarations: [ declarations: [
@ -23,7 +24,8 @@ import { ServiceListModule } from './service-list-details/service-list.module';
AppoinmentsModule, AppoinmentsModule,
CustomersModule, CustomersModule,
CalendarsModule, CalendarsModule,
ServiceListModule ServiceListModule,
ConsultantsModule
], ],
}) })

8
ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.html
View File

@ -14,6 +14,7 @@
<mat-accordion> <mat-accordion>
<mat-expansion-panel> <mat-expansion-panel>
<mat-expansion-panel-header > <mat-expansion-panel-header >
<div class="example-container mat-elevation-z8 ">
<table mat-table [dataSource]="dataSource" #mytable class="my-table mat-elevation-z8 len-table"> <table mat-table [dataSource]="dataSource" #mytable class="my-table mat-elevation-z8 len-table">
<!-- <ng-container matColumnDef="id"> <!-- <ng-container matColumnDef="id">
<th mat-header-cell *matHeaderCellDef class="font-color"> S.NO </th> <th mat-header-cell *matHeaderCellDef class="font-color"> S.NO </th>
@ -25,7 +26,7 @@
</ng-container> --> </ng-container> -->
<ng-container matColumnDef="time"> <ng-container matColumnDef="time">
<th mat-header-cell *matHeaderCellDef class="font-color">Time </th> <th mat-header-cell *matHeaderCellDef class="font-color">Time </th>
<td mat-cell *matCellDef="let element"> <div class="label">{{element.date}}</div> <br> {{element.time}} </td> <td mat-cell *matCellDef="let element"> <div class="label">{{element.date | date:'mediumDate'}}</div> <br> {{element.time}} </td>
</ng-container> </ng-container>
<ng-container matColumnDef="booking"> <ng-container matColumnDef="booking">
<th mat-header-cell *matHeaderCellDef class="font-color"> Booking ID </th> <th mat-header-cell *matHeaderCellDef class="font-color"> Booking ID </th>
@ -62,9 +63,12 @@
<a (click)="confirmBox('Delete',element)"><span class="material-icons edit-color delete">delete</span></a> <a (click)="confirmBox('Delete',element)"><span class="material-icons edit-color delete">delete</span></a>
</td> </td>
</ng-container> </ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
<!-- <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> -->
</table> </table>
</div>
</mat-expansion-panel-header> </mat-expansion-panel-header>
</mat-expansion-panel> </mat-expansion-panel>
</mat-accordion> </mat-accordion>

15
ng-seed/src/app/appoinment/appoinments/appoinments-list/appoinments-list.component.scss
View File

@ -1,5 +1,5 @@
.my-table{ .my-table{
width: 120%; width: 100%;
} }
.button{ .button{
float: right; float: right;
@ -20,7 +20,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
} }
::ng-deep .body-container { ::ng-deep .body-container {
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: hidden!important;
background-color: #ffff; background-color: #ffff;
} }
::ng-deep .mat-expansion-panel:not([class*='mat-elevation-z']) { ::ng-deep .mat-expansion-panel:not([class*='mat-elevation-z']) {
@ -60,7 +60,7 @@ img {
} }
::ng-deep .mat-content { ::ng-deep .mat-content {
display: flex; display: block!important;
flex: 1; flex: 1;
/* flex-direction: row; */ /* flex-direction: row; */
/* overflow: hidden; */ /* overflow: hidden; */
@ -91,4 +91,11 @@ img {
} }
::ng-deep body.swal2-height-auto { ::ng-deep body.swal2-height-auto {
height: 100% !important height: 100% !important
} }
.example-container {
display: block;
height: 365px;
/* overflow: auto; */
overflow-x: hidden;
overflow-y: auto;
}

194
ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.html
View File

@ -1,98 +1,98 @@
<mat-card class="settings-panel" > <mat-card class="settings-panel" >
<h5 mat-dialog-title> <h5 mat-dialog-title>
<strong>{{action}} Appoinment</strong> <strong>{{action}} Appoinment</strong>
<button mat-icon-button type="button" matTooltip="Close" class="button" matTooltipPosition="above" (click)="close()" <button mat-icon-button type="button" matTooltip="Close" class="button" matTooltipPosition="above" (click)="close()"
> >
<mat-icon>close</mat-icon> <mat-icon>close</mat-icon>
</button> </button>
</h5> </h5>
<div mat-dialog-content class="my-table"> <div mat-dialog-content class="my-table">
<form [formGroup]="form" (ngSubmit)="submit()"> <form [formGroup]="form" (ngSubmit)="submit()">
<div class="field"> <div class="field">
<label for="name-field" class="label-container"> <label for="name-field" class="label-container">
Workspace Workspace
</label> </label>
<mat-form-field appearance="outline" class="mat-pane"> <mat-form-field appearance="outline" class="mat-pane">
<mat-select placeholder="Select Workspace" formControlName="workspace" required> <mat-select placeholder="Select Workspace" formControlName="workspace" required>
<mat-option>--</mat-option> <mat-option>--</mat-option>
<mat-option *ngFor="let business of selects" [value]="business.workspace"> <mat-option *ngFor="let business of selects" [value]="business.workspace">
{{business.workspace}} {{business.workspace}}
</mat-option> </mat-option>
</mat-select> </mat-select>
<mat-error *ngIf="workspace.hasError('required')">Please choose an Workspace</mat-error> <mat-error *ngIf="workspace.hasError('required')">Please choose an Workspace</mat-error>
<mat-error *ngIf="workspace.hasError('invalidValue')">Please choose any other</mat-error> <mat-error *ngIf="workspace.hasError('invalidValue')">Please choose any other</mat-error>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="field"> <div class="field">
<label for="name-field" class="label-container"> <label for="name-field" class="label-container">
Service Service
</label> </label>
<mat-form-field appearance="outline" class="mat-pane"> <mat-form-field appearance="outline" class="mat-pane">
<mat-select placeholder="Select Service" formControlName="service" required> <mat-select placeholder="Select Service" formControlName="service" required>
<mat-option>--</mat-option> <mat-option>--</mat-option>
<mat-option *ngFor="let business of select" [value]="business.service"> <mat-option *ngFor="let business of select" [value]="business.service">
{{business.service}} {{business.service}}
</mat-option> </mat-option>
</mat-select> </mat-select>
<mat-error *ngIf="service.hasError('required')">Please choose an Service</mat-error> <mat-error *ngIf="service.hasError('required')">Please choose an Service</mat-error>
<mat-error *ngIf="service.hasError('invalidValue')">Please choose any other</mat-error> <mat-error *ngIf="service.hasError('invalidValue')">Please choose any other</mat-error>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="field"> <div class="field">
<label for="name-field" class="label-container"> <label for="name-field" class="label-container">
Assign Staff Assign Staff
</label> </label>
<mat-form-field appearance="outline" class="mat-pane"> <mat-form-field appearance="outline" class="mat-pane">
<mat-select placeholder="Select Staff" formControlName="staff" required> <mat-select placeholder="Select Staff" formControlName="staff" required>
<mat-option>--</mat-option> <mat-option>--</mat-option>
<mat-option *ngFor="let business of staffs" [value]="business.staff"> <mat-option *ngFor="let business of staffs" [value]="business.staff">
{{business.staff}} {{business.staff}}
</mat-option> </mat-option>
</mat-select> </mat-select>
<mat-error *ngIf="staff.hasError('required')">Please choose an Staff</mat-error> <mat-error *ngIf="staff.hasError('required')">Please choose an Staff</mat-error>
<mat-error *ngIf="staff.hasError('invalidValue')">Please choose any other</mat-error> <mat-error *ngIf="staff.hasError('invalidValue')">Please choose any other</mat-error>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="field"> <div class="field">
<label for="name-field" class="label-container"> <label for="name-field" class="label-container">
Date & Time Date & Time
</label> </label>
<mat-form-field appearance="outline" class="mate"> <mat-form-field appearance="outline" class="mate">
<mat-datepicker #picker4></mat-datepicker> <mat-datepicker #picker4></mat-datepicker>
<mat-datepicker-toggle matPrefix [for]="picker4"></mat-datepicker-toggle> <mat-datepicker-toggle matPrefix [for]="picker4"></mat-datepicker-toggle>
<input matInput [matDatepicker]="picker4" placeholder="Choose a date" formControlName="date"> <input matInput [matDatepicker]="picker4" placeholder="Choose a date" formControlName="date">
</mat-form-field> </mat-form-field>
<mat-form-field appearance="outline" class="mate date-marge"> <mat-form-field appearance="outline" class="mate date-marge">
<input type="time" matInput name="week" min="09:00" max="18:00" formControlName="time" /> <input type="time" matInput name="week" min="09:00" max="18:00" formControlName="time" />
</mat-form-field> </mat-form-field>
</div> </div>
<div class="field"> <div class="field">
<label for="name-field" class="label-container"> <label for="name-field" class="label-container">
Customer Customer
</label> </label>
<mat-form-field appearance="outline" class="mat-pane"> <mat-form-field appearance="outline" class="mat-pane">
<mat-select placeholder="Select Customer" formControlName="customer" required> <mat-select placeholder="Select Customer" formControlName="customer" required>
<mat-option>--</mat-option> <mat-option>--</mat-option>
<mat-option *ngFor="let business of customers" [value]="business.customer"> <mat-option *ngFor="let business of customers" [value]="business.customer">
{{business.customer}} {{business.customer}}
</mat-option> </mat-option>
</mat-select> </mat-select>
<mat-error *ngIf="customer.hasError('required')">Please choose an Customer</mat-error> <mat-error *ngIf="customer.hasError('required')">Please choose an Customer</mat-error>
<mat-error *ngIf="customer.hasError('invalidValue')">Please choose any other</mat-error> <mat-error *ngIf="customer.hasError('invalidValue')">Please choose any other</mat-error>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="field-inline"> <div class="field-inline">
<label for="name-field" class="label-container">Notes</label> <label for="name-field" class="label-container">Notes</label>
<textarea rows="5" cols="41" name="comment" formControlName="note"></textarea> <textarea rows="5" cols="41" name="comment" formControlName="note"></textarea>
</div> </div>
</form> </form>
</div> </div>
<ng-template #elseTemplate> <ng-template #elseTemplate>
Sure to delete <b>{{local_data.name}}</b>? Sure to delete <b>{{local_data.name}}</b>?
</ng-template> </ng-template>
<br> <br>
<div mat-dialog-actions> <div mat-dialog-actions>
<button mat-button (click)="doAction()" class="mat-green" mat-raised-button >{{action}}</button> <button mat-button (click)="doAction()" class="mat-green" mat-raised-button >{{action}}</button>
<button mat-button (click)="closeDialog()" >Cancel</button> <button mat-button (click)="closeDialog()" >Cancel</button>
</div> </div>
</mat-card> </mat-card>

13
ng-seed/src/app/appoinment/appoinments/dialog-box/dialog-box.component.scss
View File

@ -15,7 +15,7 @@
position: inherit; position: inherit;
bottom: 0px; bottom: 0px;
right: 0px; right: 0px;
width: 350px; width: 100%;
z-index: 9; z-index: 9;
top: 58px; top: 58px;
} }
@ -47,8 +47,6 @@
} }
} }
//25/02/2023
.field{ .field{
display: flex; display: flex;
} }
@ -71,7 +69,7 @@
width: 175%!important; width: 175%!important;
} }
.mate{ .mate{
width: 27%!important; width: 18%!important;
} }
.date-marge{ .date-marge{
margin-left: 6rem; margin-left: 6rem;
@ -82,3 +80,10 @@
::ng-deep .swal2-height-auto { ::ng-deep .swal2-height-auto {
// height: auto!important; // height: auto!important;
} }
::ng-deep .mat-dialog-content {
max-height: 75vh!important;
overflow: hidden!important;
}
::ng-deep .mat-dialog-container{
overflow: hidden!important;
}

6
ng-seed/src/app/appoinment/business/business-list/business-list.component.html
View File

@ -11,6 +11,7 @@
<mat-accordion> <mat-accordion>
<mat-expansion-panel> <mat-expansion-panel>
<mat-expansion-panel-header > <mat-expansion-panel-header >
<div class="example-container mat-elevation-z8 ">
<table mat-table [dataSource]="dataSource" #mytable class="my-table mat-elevation-z8 len-table"> <table mat-table [dataSource]="dataSource" #mytable class="my-table mat-elevation-z8 len-table">
<ng-container matColumnDef="id"> <ng-container matColumnDef="id">
@ -60,9 +61,10 @@
<a (click)="confirmBox('Delete',element)"><span class="material-icons edit-color delete">delete</span></a> <a (click)="confirmBox('Delete',element)"><span class="material-icons edit-color delete">delete</span></a>
</td> </td>
</ng-container> </ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table> </table>
</div>
</mat-expansion-panel-header> </mat-expansion-panel-header>
</mat-expansion-panel> </mat-expansion-panel>
</mat-accordion> </mat-accordion>

13
ng-seed/src/app/appoinment/business/business-list/business-list.component.scss
View File

@ -1,5 +1,5 @@
.my-table{ .my-table{
width: 120%; width: 100%;
} }
.button{ .button{
float: right; float: right;
@ -20,7 +20,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
} }
::ng-deep .body-container { ::ng-deep .body-container {
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: hidden;
background-color: #ffff; background-color: #ffff;
} }
::ng-deep .mat-expansion-panel:not([class*='mat-elevation-z']) { ::ng-deep .mat-expansion-panel:not([class*='mat-elevation-z']) {
@ -60,7 +60,7 @@ img {
} }
::ng-deep .mat-content { ::ng-deep .mat-content {
display: flex; display: block!important;
flex: 1; flex: 1;
/* flex-direction: row; */ /* flex-direction: row; */
/* overflow: hidden; */ /* overflow: hidden; */
@ -75,4 +75,11 @@ img {
} }
::ng-deep body.swal2-height-auto { ::ng-deep body.swal2-height-auto {
height: 100% !important height: 100% !important
}
.example-container {
display: block;
height: 348px;
/* overflow: auto; */
overflow-x: hidden;
overflow-y: auto;
} }

2
ng-seed/src/app/appoinment/business/business-list/business-list.component.ts
View File

@ -84,7 +84,7 @@ export class BusinessListComponent implements OnInit {
openDialog(action,obj) { openDialog(action,obj) {
obj.action = action; obj.action = action;
const dialogRef = this.dialog.open(DialogBoxComponent, { const dialogRef = this.dialog.open(DialogBoxComponent, {
// width: '30%', width: '32%',
height: '100%', height: '100%',
// maxWidth: '38vw', // maxWidth: '38vw',
position: { right: '0' }, position: { right: '0' },

10
ng-seed/src/app/appoinment/business/dialog-box/dialog-box.component.scss
View File

@ -9,7 +9,8 @@
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: #ffff; background-color: #ffff;
margin-top: -1rem; margin-top: -1rem;
margin-left: 6rem; // margin-left: 6rem;
float: right;
} }
::ng-deep .mat-card.settings-panel { ::ng-deep .mat-card.settings-panel {
position: inherit; position: inherit;
@ -46,3 +47,10 @@
width: 90%!important; width: 90%!important;
} }
} }
::ng-deep .mat-dialog-content {
max-height: 75vh!important;
overflow: hidden!important;
}
::ng-deep .mat-dialog-container{
overflow: hidden!important;
}

28
ng-seed/src/app/appoinment/calendars/calendar-list/calendar-list.component.scss
View File

@ -1,19 +1,19 @@
// @import "../../../assets/styles/scss/components/calendar"; // @import "../../../assets/styles/scss/components/calendar";
:host { :host {
margin-left: -5px; margin-left: -5px;
margin-right: -5px; margin-right: -5px;
margin-top: -5px; margin-top: -5px;
display: block; display: block;
} }
mat-card { mat-card {
margin: 8px; margin: 8px;
} }
::ng-deep .mat-toolbar.mat-primary { ::ng-deep .mat-toolbar.mat-primary {
/* background: #673ab7; */ /* background: #673ab7; */
background-color: #207b68f2!important; background-color: #207b68f2!important;
color: white; color: white;
} }
.btn{ .btn{
background-color: #4caf50!important; background-color: #4caf50!important;
color: white; color: white;
} }

14
ng-seed/src/app/appoinment/calendars/calendar-list/calendar-list.component.ts
View File

@ -105,7 +105,7 @@ export class CalendarListComponent implements OnInit {
draggable: true draggable: true
}]; }];
activeDayIsOpen = true; activeDayIsOpen = false;
table: any; table: any;
constructor(public dialog: MatDialog) { constructor(public dialog: MatDialog) {
@ -171,6 +171,8 @@ export class CalendarListComponent implements OnInit {
dayClicked({date, events}: {date: Date, events: CalendarEvent[]}): void { dayClicked({date, events}: {date: Date, events: CalendarEvent[]}): void {
console.log(date, events) console.log(date, events)
this.openDialog('Add', {date:date})
// this.openDialog('calender', {date:date})
this.addEvent(date) this.addEvent(date)
if (isSameMonth(date, this.viewDate)) { if (isSameMonth(date, this.viewDate)) {
if ( if (
@ -202,9 +204,15 @@ this.addEvent(date)
}); });
} }
openDialog(action,obj) { openDialog(action,obj) {
obj.action = action; console.log(obj, action)
if(action=='calender'){
}else{
obj.action = action;
}
const dialogRef = this.dialog.open(DialogBoxComponent, { const dialogRef = this.dialog.open(DialogBoxComponent, {
width: '45%', width: '40%',
height: '100%', height: '100%',
// maxWidth: '38vw', // maxWidth: '38vw',
position: { right: '0' }, position: { right: '0' },

40
ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.html Normal file
View File

@ -0,0 +1,40 @@
<div fxLayout="row wrap" >
<div fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="50" fxFlex.lg="33.33" fxFlex.xl="33.33" class="m-gap p-gap" *ngFor="let consultant of consultants">
<div class="consultant-list-card">
<div class="consultant-content">
<div class="pad-wrap d-flex mb-1">
<div class="consultant-card-cover">
<div>
<div class="text-center consultant-thumb">
<img class="img-responsive img-circle" src="{{consultant.image}}" width="120" height="120" alt="user list image">
</div>
</div>
</div>
<div class="consultant-profile">
<h5 class="text-primary">{{consultant.name}}</h5>
<span class="silk-block mb-1 consultant-span">{{consultant.specialist}}</span><br>
<span class="silk-block mb-1 consultant-span">{{consultant.year}}</span><br>
<span class="silk-block mb-1 consultant-span">{{consultant.qualification}}</span><br>
<span class="silk-block mb-1 consultant-span">Starts at ₹ {{consultant.payment}}</span><br>
</div>
</div>
<span class="d-flex mb-1">
<mat-icon class="mt-1">transcribe</mat-icon>
<span class="consultant-span mt-1 pl-1">{{consultant.language}}</span>
</span>
<span class="d-flex mb-1">
<mat-icon>location_on</mat-icon>
<span class="consultant-span pl-1">{{consultant.city}}</span>
</span>
<div class="align-self-center">
<!-- <button type="button" class="UserActions-editButton edit-button EdgeButton EdgeButton--tertiary" data-scribe-element="profile_edit_button">
<span class="button-text">Accept</span>
</button> -->
<button type="button" class="UserActions-editButton edit-button EdgeButton EdgeButton--tertiary btn-red" data-scribe-element="profile_edit_button">
<span class="button-text">Booking Appoinment</span>
</button>
</div>
</div>
</div>
</div>
</div>

62
ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.scss Normal file
View File

@ -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: auto!important;
background-color: #ffff;
}
.consultant-profile{
margin-left: -2rem;
}
mat-icon{
color: #207b68f2;
}

25
ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.spec.ts Normal file
View File

@ -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<ConsultantsListComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ ConsultantsListComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(ConsultantsListComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

72
ng-seed/src/app/appoinment/consultants/consultants-list/consultants-list.component.ts Normal file
View File

@ -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'
}
];
}

10
ng-seed/src/app/appoinment/consultants/consultants-routing.module.ts Normal file
View File

@ -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 { }

19
ng-seed/src/app/appoinment/consultants/consultants.module.ts Normal file
View File

@ -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 { }

4
ng-seed/src/app/appoinment/customers/customers-list/customers-list.component.html
View File

@ -11,6 +11,7 @@
<mat-accordion> <mat-accordion>
<mat-expansion-panel> <mat-expansion-panel>
<mat-expansion-panel-header > <mat-expansion-panel-header >
<div class="example-container mat-elevation-z8 ">
<table mat-table [dataSource]="dataSource" #mytable class="my-table mat-elevation-z8 len-table"> <table mat-table [dataSource]="dataSource" #mytable class="my-table mat-elevation-z8 len-table">
<ng-container matColumnDef="id"> <ng-container matColumnDef="id">
@ -65,9 +66,10 @@
<a (click)="confirmBox('Delete',element)"><span class="material-icons edit-color delete">delete</span></a> <a (click)="confirmBox('Delete',element)"><span class="material-icons edit-color delete">delete</span></a>
</td> </td>
</ng-container> </ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table> </table>
</div>
</mat-expansion-panel-header> </mat-expansion-panel-header>
</mat-expansion-panel> </mat-expansion-panel>
</mat-accordion> </mat-accordion>

15
ng-seed/src/app/appoinment/customers/customers-list/customers-list.component.scss
View File

@ -1,5 +1,5 @@
.my-table{ .my-table{
width: 120%; width: 100%;
} }
.button{ .button{
float: right; float: right;
@ -20,7 +20,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
} }
::ng-deep .body-container { ::ng-deep .body-container {
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: hidden;
background-color: #ffff; background-color: #ffff;
} }
::ng-deep .mat-expansion-panel:not([class*='mat-elevation-z']) { ::ng-deep .mat-expansion-panel:not([class*='mat-elevation-z']) {
@ -60,7 +60,7 @@ img {
} }
::ng-deep .mat-content { ::ng-deep .mat-content {
display: flex; display: block!important;
flex: 1; flex: 1;
/* flex-direction: row; */ /* flex-direction: row; */
/* overflow: hidden; */ /* overflow: hidden; */
@ -74,11 +74,18 @@ img {
margin: 0 15px!important; margin: 0 15px!important;
} }
mat-paginator{ mat-paginator{
margin-top: -8px; margin-top: -5px;
} }
::ng-deep .mat-paginator { ::ng-deep .mat-paginator {
margin-top: -10px!important; margin-top: -10px!important;
} }
::ng-deep body.swal2-height-auto { ::ng-deep body.swal2-height-auto {
height: 100% !important height: 100% !important
}
.example-container {
display: block;
height: 365px;
/* overflow: auto; */
overflow-x: hidden;
overflow-y: auto;
} }

8
ng-seed/src/app/appoinment/customers/dialog-box/dialog-box.component.scss
View File

@ -9,7 +9,8 @@
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: #ffff; background-color: #ffff;
margin-top: -1rem; margin-top: -1rem;
margin-left: 6rem; // margin-left: 6rem;
float: right;
} }
::ng-deep .mat-card.settings-panel { ::ng-deep .mat-card.settings-panel {
position: inherit; position: inherit;
@ -46,3 +47,8 @@
width: 90%!important; width: 90%!important;
} }
} }
::ng-deep .mat-dialog-content {
max-height: 80vh!important;
overflow: hidden!important;
}

11
ng-seed/src/app/appoinment/user/user-dialog-box/user-dialog-box.component.scss
View File

@ -9,7 +9,8 @@
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: #ffff; background-color: #ffff;
margin-top: -1rem; margin-top: -1rem;
margin-left: 6rem; // margin-left: 6rem;
float: right;
} }
::ng-deep .mat-card.settings-panel { ::ng-deep .mat-card.settings-panel {
position: inherit; position: inherit;
@ -23,4 +24,10 @@
::ng-deep body .mat-card { ::ng-deep body .mat-card {
box-shadow:none!important; box-shadow:none!important;
} }
::ng-deep .mat-dialog-content {
max-height: 75vh!important;
overflow: hidden!important;
}
::ng-deep .mat-dialog-container{
overflow: hidden!important;
}

14
ng-seed/src/app/appoinment/user/user-list/user-list.component.html
View File

@ -1,3 +1,11 @@
<!-- <mat-card class="mb-2 example-card" >
<mat-card-title-group>
<img width="60" src="assets/images/curve.jpg">
<mat-card-title></mat-card-title>
<mat-card-subtitle>Dr. Saravanan</mat-card-subtitle>
</mat-card-title-group>
</mat-card> -->
<h3>Users Details</h3> <h3>Users Details</h3>
<mat-form-field> <mat-form-field>
<mat-label>Filter</mat-label> <mat-label>Filter</mat-label>
@ -11,6 +19,7 @@
<mat-accordion> <mat-accordion>
<mat-expansion-panel> <mat-expansion-panel>
<mat-expansion-panel-header > <mat-expansion-panel-header >
<div class="example-container ">
<table mat-table [dataSource]="dataSource" #mytable class="my-table mat-elevation-z8 len-table"> <table mat-table [dataSource]="dataSource" #mytable class="my-table mat-elevation-z8 len-table">
<ng-container matColumnDef="id"> <ng-container matColumnDef="id">
@ -70,9 +79,10 @@
<a (click)="confirmBox('Delete',element)"><span class="material-icons edit-color delete">delete</span></a> <a (click)="confirmBox('Delete',element)"><span class="material-icons edit-color delete">delete</span></a>
</td> </td>
</ng-container> </ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table> </table>
</div>
</mat-expansion-panel-header> </mat-expansion-panel-header>
</mat-expansion-panel> </mat-expansion-panel>
</mat-accordion> </mat-accordion>

20
ng-seed/src/app/appoinment/user/user-list/user-list.component.scss
View File

@ -1,5 +1,5 @@
.my-table{ .my-table{
width: 120%; width: 100%;
} }
.button{ .button{
float: right; float: right;
@ -20,7 +20,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
} }
::ng-deep .body-container { ::ng-deep .body-container {
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: hidden;
background-color: #ffff; background-color: #ffff;
} }
::ng-deep .mat-expansion-panel:not([class*='mat-elevation-z']) { ::ng-deep .mat-expansion-panel:not([class*='mat-elevation-z']) {
@ -60,7 +60,7 @@ img {
} }
::ng-deep .mat-content { ::ng-deep .mat-content {
display: flex; display: block!important;
flex: 1; flex: 1;
/* flex-direction: row; */ /* flex-direction: row; */
/* overflow: hidden; */ /* overflow: hidden; */
@ -68,11 +68,21 @@ img {
overflow-y: auto!important; overflow-y: auto!important;
} }
::ng-deep .mat-paginator { ::ng-deep .mat-paginator {
margin-top: -15px!important; margin-top: -22px!important;
} }
::ng-deep .mat-select-arrow { ::ng-deep .mat-select-arrow {
margin: 0 15px!important; margin: 0 15px!important;
} }
::ng-deep body.swal2-height-auto { ::ng-deep body.swal2-height-auto {
height: 100% !important height: 100% !important
} }
.example-container {
display: block;
height: 300px;
/* overflow: auto; */
overflow-x: hidden;
overflow-y: auto;
}
.mat-elevation-z8 {
box-shadow: none!important;
}

9
ng-seed/src/app/shared/menu-items/menu-items.ts
View File

@ -64,6 +64,15 @@ const MENUITEMS : Menu[] = [
{state: 'customers-list', name: 'Customers List'}, {state: 'customers-list', name: 'Customers List'},
] ]
}, },
{
state: 'appoinment',
name: 'Consultants',
type: 'sub',
icon: 'security',
children: [
{state: 'consultants-list', name: 'Consultants List'},
]
},
{ {
state: 'appoinment', state: 'appoinment',
name: 'Users', name: 'Users',