Merge pull request #4 from andiesm813/andiesm813-2024-07-15

⭐ All AB Components 2024 ⭐ updates
andiesm813 · Jul 15, 2024 · 5f0fd43 · 5f0fd43
2 parents c904da7 + c386760
commit 5f0fd43
Show file tree

Hide file tree

Showing 7 changed files with 514 additions and 1 deletion.
diff --git a/src/app/all-components/all-components.component.ts b/src/app/all-components/all-components.component.ts
@@ -4,8 +4,8 @@ import { IgcFormsModule, IGX_ACCORDION_DIRECTIVES, IGX_BANNER_DIRECTIVES, IGX_BU
 import { IgxCategoryChartModule } from 'igniteui-angular-charts';
 import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents';
 import { Subject, takeUntil } from 'rxjs';
-import { BoxOfficeRevenueType } from '../models/financial/box-office-revenue-type';
 import { EmployeesType } from '../models/northwind/employees-type';
+import { BoxOfficeRevenueType } from '../models/financial/box-office-revenue-type';
 import { FinancialService } from '../services/financial.service';
 import { NorthwindService } from '../services/northwind.service';
 

diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -37,6 +37,12 @@ <h6 class="h6">
         <igx-icon family="imx-icon" name="imx-development" class="icon"></igx-icon>
         <span>All Components</span>
       </div>
+      <div igxDrawerItem igxRipple routerLink="/forms">
+        <igx-icon class="icon">
+          dynamic_form
+        </igx-icon>
+        <span>Forms</span>
+      </div>
       <div igxDrawerItem igxRipple routerLink="/radiogroup">
         <igx-icon class="icon">
           radio_button_checked

diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
@@ -2,13 +2,15 @@ import { Routes } from '@angular/router';
 import { PageNotFoundComponent } from './error-routing/not-found/not-found.component';
 import { UncaughtErrorComponent } from './error-routing/error/uncaught-error.component';
 import { AllComponentsComponent } from './all-components/all-components.component';
+import { FormsComponent } from './forms/forms.component';
 import { RadiogroupComponent } from './radiogroup/radiogroup.component';
 import { StepperComponent } from './stepper/stepper.component';
 
 export const routes: Routes = [
   { path: '', redirectTo: 'all-components', pathMatch: 'full' },
   { path: 'error', component: UncaughtErrorComponent },
   { path: 'all-components', component: AllComponentsComponent, data: { text: 'AllComponents' } },
+  { path: 'forms', component: FormsComponent, data: { text: 'Forms' } },
   { path: 'radiogroup', component: RadiogroupComponent, data: { text: 'Radiogroup' } },
   { path: 'stepper', component: StepperComponent, data: { text: 'Stepper' } },
   { path: '**', component: PageNotFoundComponent } // must always be last