New ticket has been created.
', Validators.required),
- mailTextCancelledTicket: new FormControl('Your ticket has been cancelled.', Validators.required),
- mailHtmlCancelledTicket: new FormControl('Your ticket has been cancelled.
', Validators.required),
+ name: new FormControl("", Validators.required),
+ ticketsSalesStart: new FormControl(
+ new Date().toISOString().substring(0, 16),
+ Validators.required
+ ),
+ ticketsSalesEnd: new FormControl(
+ new Date(new Date().getDate() + 14).toISOString().substring(0, 16),
+ Validators.required
+ ),
+ smtpMailFrom: new FormControl(""),
+ mailTextNewTicket: new FormControl(
+ "New ticket has been created.",
+ Validators.required
+ ),
+ mailHtmlNewTicket: new FormControl(
+ "New ticket has been created.
",
+ Validators.required
+ ),
+ mailTextCancelledTicket: new FormControl(
+ "Your ticket has been cancelled.",
+ Validators.required
+ ),
+ mailHtmlCancelledTicket: new FormControl(
+ "Your ticket has been cancelled.
",
+ Validators.required
+ ),
});
- public title: string = 'New event';
+ public title: string = "New event";
public editButtonEnabled: boolean = true;
- public editButtonText: string = 'Create';
- public formMethod: Function = this.createEvent;
+ public editButtonText: string = "Create";
+ public formMethod = this.createEvent;
- constructor(
- private router: Router,
- private route: ActivatedRoute,
- private eventService: EventService,
- private toastr: ToastrService
- ) {
+ constructor() {
// Check detail view
- if (this.router.url.includes('edit')) {
- this.title = 'Event edit'
- this.editButtonText = 'Edit';
- } else if (this.router.url.includes('detail')) {
- this.title = 'Event detail';
+ if (this.router.url.includes("edit")) {
+ this.title = "Event edit";
+ this.editButtonText = "Edit";
+ } else if (this.router.url.includes("detail")) {
+ this.title = "Event detail";
this.editButtonEnabled = false;
- this.form.get('name')?.disable();
- this.form.get('ticketsSalesStart')?.disable();
- this.form.get('ticketsSalesEnd')?.disable();
- this.form.get('smtpMailFrom')?.disable();
- this.form.get('mailTextNewTicket')?.disable();
- this.form.get('mailHtmlNewTicket')?.disable();
- this.form.get('mailTextCancelledTicket')?.disable();
- this.form.get('mailHtmlCancelledTicket')?.disable();
+ this.form.get("name")?.disable();
+ this.form.get("ticketsSalesStart")?.disable();
+ this.form.get("ticketsSalesEnd")?.disable();
+ this.form.get("smtpMailFrom")?.disable();
+ this.form.get("mailTextNewTicket")?.disable();
+ this.form.get("mailHtmlNewTicket")?.disable();
+ this.form.get("mailTextCancelledTicket")?.disable();
+ this.form.get("mailHtmlCancelledTicket")?.disable();
}
// Get ID from query
- this.id = this.route.snapshot.paramMap.get('id');
-
+ this.id = this.route.snapshot.paramMap.get("id");
+
// Editing event
- if (this.id != null) {
+ if (this.id !== null) {
// Update form submit method
this.formMethod = this.editEvent;
// Load event object from database
this.eventService.getById(this.id).subscribe({
// Success
- next: (event) => {
- this.toastr.info(
- 'Loaded successfully.',
- 'Event',
- {
- progressBar: true
- }
- )
+ next: event => {
+ this.toastr.info("Loaded successfully.", "Event", {
+ progressBar: true,
+ });
this.form.setValue({
name: event.name,
ticketsSalesStart: event.tickets_sales_start,
@@ -81,93 +97,90 @@ export class EventsFormComponent {
});
},
// Error
- error: (err) => {
- this.form.get('name')?.disable();
- this.form.get('ticketsSalesStart')?.disable();
- this.form.get('ticketsSalesEnd')?.disable();
- this.toastr.error(
- err.message,
- 'Cannot load ticket group',
+ error: err => {
+ this.form.get("name")?.disable();
+ this.form.get("ticketsSalesStart")?.disable();
+ this.form.get("ticketsSalesEnd")?.disable();
+ this.toastr.error(err.message, "Cannot load ticket group", {
+ progressBar: true,
+ });
+ return;
+ },
+ });
+ }
+ }
+
+ public createEvent(): void {
+ this.eventService
+ .create({
+ name: this.form.value.name || "",
+ tickets_sales_start:
+ this.form.value.ticketsSalesStart ||
+ new Date().toISOString().substring(0, 16),
+ tickets_sales_end:
+ this.form.value.ticketsSalesEnd ||
+ new Date(new Date().getDate() + 14).toISOString().substring(0, 16),
+ smtp_mail_from: this.form.value.smtpMailFrom || "",
+ mail_text_new_ticket: this.form.value.mailTextNewTicket || "",
+ mail_html_new_ticket: this.form.value.mailHtmlNewTicket || "",
+ mail_text_cancelled_ticket:
+ this.form.value.mailTextCancelledTicket || "",
+ mail_html_cancelled_ticket:
+ this.form.value.mailHtmlCancelledTicket || "",
+ })
+ .subscribe({
+ next: event => {
+ this.toastr.info(
+ "Successfully created.",
+ `Event called '${event.name}'`,
{
progressBar: true,
}
);
- return
- }
+ this.router.navigate(["/events/detail/" + event.id]);
+ },
+ error: err => {
+ this.toastr.error(`NOT CREATED! Error: ${err.message}`, "Event", {
+ progressBar: true,
+ });
+ },
});
- }
- }
-
- ngOnInit(): void {}
-
- public createEvent() {
- this.eventService.create(
- {
- name: this.form.value.name || '',
- tickets_sales_start: this.form.value.ticketsSalesStart || new Date().toISOString().substring(0, 16),
- tickets_sales_end: this.form.value.ticketsSalesEnd || new Date(new Date().getDate() + 14).toISOString().substring(0, 16),
- smtp_mail_from: this.form.value.smtpMailFrom || '',
- mail_text_new_ticket: this.form.value.mailTextNewTicket || '',
- mail_html_new_ticket: this.form.value.mailHtmlNewTicket || '',
- mail_text_cancelled_ticket: this.form.value.mailTextCancelledTicket || '',
- mail_html_cancelled_ticket: this.form.value.mailHtmlCancelledTicket || '',
- }
- ).subscribe({
- next: (event) => {
- this.toastr.info(
- 'Successfully created.',
- `Event called '${event.name}'`,
- {
- progressBar: true
- }
- );
- this.router.navigate(['/events/detail/' + event.id]);
- },
- error: (err) => {
- this.toastr.error(
- `NOT CREATED! Error: ${err.message}`,
- 'Event',
- {
- progressBar: true
- }
- )
- }
- })
}
- public editEvent() {
- this.eventService.update(
- this.id || '',
- {
- name: this.form.value.name || '',
- tickets_sales_start: this.form.value.ticketsSalesStart || new Date().toISOString().substring(0, 16),
- tickets_sales_end: this.form.value.ticketsSalesEnd || new Date(new Date().getDate() + 14).toISOString().substring(0, 16),
- smtp_mail_from: this.form.value.smtpMailFrom || '',
- mail_text_new_ticket: this.form.value.mailTextNewTicket || '',
- mail_html_new_ticket: this.form.value.mailHtmlNewTicket || '',
- mail_text_cancelled_ticket: this.form.value.mailTextCancelledTicket || '',
- mail_html_cancelled_ticket: this.form.value.mailHtmlCancelledTicket || '',
- }
- ).subscribe({
- next: (event) => {
- this.toastr.info(
- 'Successfully edited.',
- `Event called '${event.name}'`,
- {
- progressBar: true
- }
- );
- this.router.navigate(['/events/detail/' + event.id]);
- },
- error: (err) => {
- this.toastr.error(
- `NOT EDITED! Error: ${err.message}`,
- 'Event',
- {
- progressBar: true
- }
- )
- }
- })
+ public editEvent(): void {
+ this.eventService
+ .update(this.id || "", {
+ name: this.form.value.name || "",
+ tickets_sales_start:
+ this.form.value.ticketsSalesStart ||
+ new Date().toISOString().substring(0, 16),
+ tickets_sales_end:
+ this.form.value.ticketsSalesEnd ||
+ new Date(new Date().getDate() + 14).toISOString().substring(0, 16),
+ smtp_mail_from: this.form.value.smtpMailFrom || "",
+ mail_text_new_ticket: this.form.value.mailTextNewTicket || "",
+ mail_html_new_ticket: this.form.value.mailHtmlNewTicket || "",
+ mail_text_cancelled_ticket:
+ this.form.value.mailTextCancelledTicket || "",
+ mail_html_cancelled_ticket:
+ this.form.value.mailHtmlCancelledTicket || "",
+ })
+ .subscribe({
+ next: event => {
+ this.toastr.info(
+ "Successfully edited.",
+ `Event called '${event.name}'`,
+ {
+ progressBar: true,
+ }
+ );
+ this.router.navigate(["/events/detail/" + event.id]);
+ },
+ error: err => {
+ this.toastr.error(`NOT EDITED! Error: ${err.message}`, "Event", {
+ progressBar: true,
+ });
+ },
+ });
}
}
diff --git a/src/app/administration/events/list/events-list.component.html b/src/app/administration/events/list/events-list.component.html
index 70a86b1..49c33b2 100644
--- a/src/app/administration/events/list/events-list.component.html
+++ b/src/app/administration/events/list/events-list.component.html
@@ -1,45 +1,56 @@
@if (this.loadingState > 0) {
-
@if (this.errorLoading.enabled) {
-
-
- There's problem loading table.
- {{ this.errorLoading.text }}
-
-
+
+
+ There's problem loading table.
+ {{ this.errorLoading.text }}
+
+
}
@if (!this.errorLoading.enabled) {
-
-
-
- | Name |
- ID |
- Ticket sales start |
- Ticket sales end |
- Actions |
-
-
-
- @for (event of events; track event) {
-
- | {{ event.name }} |
-
- {{ event.id }} |
- {{ event.tickets_sales_start | date : "medium" }} |
- {{ event.tickets_sales_end | date : "medium" }} |
-
-
-
- |
-
- }
-
-
+
+
+
+ | Name |
+ ID |
+ Ticket sales start |
+ Ticket sales end |
+ Actions |
+
+
+
+ @for (event of events; track event) {
+
+ | {{ event.name }} |
+
+ {{ event.id }} |
+
+ {{ event.tickets_sales_start | date: "medium" }}
+ |
+
+ {{ event.tickets_sales_end | date: "medium" }}
+ |
+
+
+
+ |
+
+ }
+
+
}
-