appoinment-changes
This commit is contained in:
parent
feb08070b5
commit
17a01fb3c6
@ -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',
|
||||
|
||||
@ -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]);
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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: {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user