Migrated to output function

emonney · Nov 28, 2024 · bfd6741 · bfd6741
1 parent b3aa965
commit bfd6741
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 13 deletions.
diff --git a/quickapp.client/src/app/components/controls/role-editor.component.ts b/quickapp.client/src/app/components/controls/role-editor.component.ts
@@ -4,7 +4,7 @@
 // (c) 2024 www.ebenmonney.com/mit-license
 // ---------------------------------------
 
-import { Component, OnInit, ViewChild, Output, EventEmitter, inject } from '@angular/core';
+import { Component, OnInit, ViewChild, inject, output } from '@angular/core';
 import { NgClass } from '@angular/common';
 import { HttpErrorResponse } from '@angular/common/http';
 import { NgForm, FormsModule } from '@angular/forms';
@@ -18,10 +18,10 @@ import { Permission, Permissions } from '../../models/permission.model';
 import { GroupByPipe } from '../../pipes/group-by.pipe';
 
 @Component({
-    selector: 'app-role-editor',
-    templateUrl: './role-editor.component.html',
-    styleUrl: './role-editor.component.scss',
-    imports: [FormsModule, NgClass, NgbTooltip, TranslateModule, GroupByPipe]
+  selector: 'app-role-editor',
+  templateUrl: './role-editor.component.html',
+  styleUrl: './role-editor.component.scss',
+  imports: [FormsModule, NgClass, NgbTooltip, TranslateModule, GroupByPipe]
 })
 export class RoleEditorComponent implements OnInit {
   private alertService = inject(AlertService);
@@ -42,8 +42,7 @@ export class RoleEditorComponent implements OnInit {
   public changesCancelledCallback: (() => void) | undefined;
 
   // Outupt to broadcast this instance so it can be accessible from within ng-bootstrap modal template
-  @Output()
-  afterOnInit = new EventEmitter<RoleEditorComponent>();
+  readonly afterOnInit = output<RoleEditorComponent>();
 
   @ViewChild('f')
   private form!: NgForm;

diff --git a/quickapp.client/src/app/components/controls/search-box.component.ts b/quickapp.client/src/app/components/controls/search-box.component.ts
@@ -4,7 +4,7 @@
 // (c) 2024 www.ebenmonney.com/mit-license
 // ---------------------------------------
 
-import { Component, ViewChild, ElementRef, Output, EventEmitter, HostListener, input } from '@angular/core';
+import { Component, ViewChild, ElementRef, HostListener, input, output } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 
 @Component({
@@ -16,8 +16,7 @@ import { FormsModule } from '@angular/forms';
 export class SearchBoxComponent {
   readonly placeholder = input('Search...');
 
-  @Output()
-  searchChange = new EventEmitter<string>();
+  readonly searchChange = output<string>();
 
   @ViewChild('searchInput')
   searchInput!: ElementRef;

diff --git a/quickapp.client/src/app/components/controls/user-info.component.ts b/quickapp.client/src/app/components/controls/user-info.component.ts
@@ -4,7 +4,7 @@
 // (c) 2024 www.ebenmonney.com/mit-license
 // ---------------------------------------
 
-import { Component, OnInit, ViewChild, Input, Output, EventEmitter, inject, input } from '@angular/core';
+import { Component, OnInit, ViewChild, Input, inject, input, output } from '@angular/core';
 import { HttpErrorResponse } from '@angular/common/http';
 import { NgModel, NgForm, FormsModule } from '@angular/forms';
 import { TranslateModule } from '@ngx-translate/core';
@@ -55,8 +55,7 @@ export class UserInfoComponent implements OnInit {
   @Input() isGeneralEditor = false;
 
   // Outupt to broadcast this instance so it can be accessible from within ng-bootstrap modal template
-  @Output()
-  afterOnInit = new EventEmitter<UserInfoComponent>();
+  readonly afterOnInit = output<UserInfoComponent>();
 
   @ViewChild('f')
   public form!: NgForm;