appoinment-changes

This commit is contained in:
Smart 2023-02-25 11:28:42 +05:30
parent feb08070b5
commit 17a01fb3c6
5 changed files with 39 additions and 23 deletions

View File

@ -11,16 +11,16 @@ export interface UsersData {
picker: string;
}
const ELEMENT_DATA: UsersData[] = [
{id: 1, serviceselect: 'school management system ', customerselect: 'A', picker: '22/02/2023' },
{id: 2, serviceselect: 'Sample', customerselect: 'B', picker: '22/02/2023' },
{id: 3, serviceselect: 'Test', customerselect: 'C', picker: '22/02/2023' },
{id: 4, serviceselect: 'Sample', customerselect: 'A', picker: '22/02/2023' },
{id: 5, serviceselect: 'Test', customerselect: 'B', picker: '22/02/2023' },
{id: 6, serviceselect: 'Sample', customerselect: 'C', picker: '22/02/2023'},
{id: 7, serviceselect: 'Test', customerselect: 'A', picker: '22/02/2023'},
{id: 8, serviceselect: 'Sample', customerselect: 'B', picker: '22/02/2023'},
{id: 9, serviceselect: 'Test', customerselect: 'C', picker: '22/02/2023'},
{id: 10, serviceselect: 'Sample', customerselect: 'A', picker: '22/02/2023'},
{id: 1, serviceselect: 'school management system ', customerselect: 'A', picker: '2023-02-26T11:26:30.882Z' },
{id: 2, serviceselect: 'Sample', customerselect: 'B', picker: '2023-02-26T11:26:30.882Z' },
{id: 3, serviceselect: 'Test', customerselect: 'C', picker: '2023-02-26T11:26:30.882Z' },
{id: 4, serviceselect: 'Sample', customerselect: 'A', picker: '2023-02-26T11:26:30.882Z' },
{id: 5, serviceselect: 'Test', customerselect: 'B', picker: '2023-02-26T11:26:30.882Z' },
{id: 6, serviceselect: 'Sample', customerselect: 'C', picker: '2023-02-26T11:26:30.882Z'},
{id: 7, serviceselect: 'Test', customerselect: 'A', picker: '2023-02-26T11:26:30.882Z'},
{id: 8, serviceselect: 'Sample', customerselect: 'B', picker: '2023-02-26T11:26:30.882Z'},
{id: 9, serviceselect: 'Test', customerselect: 'C', picker: '2023-02-26T11:26:30.882Z'},
{id: 10, serviceselect: 'Sample', customerselect: 'A', picker: '2023-02-26T11:26:30.882Z'},
];
@Component({
selector: 'app-appoinments-list',

View File

@ -21,10 +21,9 @@ export class DialogBoxComponent implements OnInit {
serviceselect = new FormControl('', [Validators.required]);
selects = [
{name: 'A'},
{name: 'B'},
{name: 'C'},
{name: 'D'},
{name: 'school management system'},
{name: 'Sample'},
{name: 'Test'},
];
customerselect = new FormControl('', [Validators.required]);

View File

@ -4,7 +4,7 @@
<form [formGroup]="form" (ngSubmit)="submit()">
<div fxLayout="column" fxLayoutAlign="start stretch">
<!-- <mat-form-field>
<mat-form-field>
<mat-select placeholder="Select Business" [formControl]="businessselect" required>
<mat-option>--</mat-option>
<mat-option *ngFor="let business of selects" [value]="business.name">
@ -13,7 +13,7 @@
</mat-select>
<mat-error *ngIf="businessselect.hasError('required')">Please choose an animal</mat-error>
<mat-error *ngIf="businessselect.hasError('invalidValue')">Please choose any other</mat-error>
</mat-form-field> -->
</mat-form-field>
<mat-form-field>
<input matInput type="text" placeholder="Enter Name" formControlName="bus_name" id="bus_name">
<mat-error *ngIf="myError('bus_name', 'required')">Name is required</mat-error>

View File

@ -1,8 +1,8 @@
<h3>
<button class="btn btn-primary pull-right" (click)="addEvent()">
<!-- <button class="btn btn-primary pull-right" (click)="addEvent()">
Add new
</button>
</button> -->
<div class="clearfix"></div>
</h3>
<mat-toolbar color="primary">

View File

@ -114,6 +114,7 @@ export class CalendarListComponent implements OnInit {
this.yesterday.setDate(this.yesterday.getDate() - 1);
}
private initializeEvents() {
let date = new Date("2023-02-26T11:26:30.882Z")
this.events = [
{
title: 'Editable event',
@ -128,6 +129,19 @@ export class CalendarListComponent implements OnInit {
},
],
},
{
title: 'Editable event',
color: colors.yellow,
start: date,
actions: [
{
label: '<i class="fa fa-fw fa-pencil"></i>',
onClick: ({ event }: { event: CalendarEvent }): void => {
console.log('Edit event', event);
},
},
],
},
{
title: 'Deletable event',
color: colors.blue,
@ -151,7 +165,8 @@ export class CalendarListComponent implements OnInit {
}
dayClicked({date, events}: {date: Date, events: CalendarEvent[]}): void {
console.log(date, events)
this.addEvent(date)
if (isSameMonth(date, this.viewDate)) {
if (
(isSameDay(this.viewDate, date) && this.activeDayIsOpen === true) ||
@ -182,12 +197,14 @@ export class CalendarListComponent implements OnInit {
});
}
addEvent(): void {
console.log(startOfDay);
addEvent(dates): void {
console.log(startOfDay(new Date()));
console.log(endOfDay(new Date()))
this.events.push({
title: 'New event',
start: startOfDay(new Date()),
end: endOfDay(new Date()),
// start: startOfDay(new Date()),
start: startOfDay(new Date(dates)),
end: endOfDay(new Date(dates)),
color: colors.red,
draggable: true,
resizable: {