Adding new folders structure for views

Author: Mariela Tihova

src/app/views/grids/erp-hgrid/erp-hgrid-view.component.html

@@ -0,0 +1 @@
+<app-erp></app-erp>

src/app/views/grids/erp-hgrid/erp-hgrid-view.component.scss

@@ -0,0 +1,12 @@
+:host {
+  display: block;
+  height: 100%;
+  width: 100%;
+
+  // Needed because of routing animations keeping both views in DOM even after OnDestroy (https://github.com/angular/angular/issues/19742)
+  // This is a fix for a bug with horizontal flickering due display: flex of the container positions each view next to each other
+  // causing their height or width be incorrect (https://github.com/IgniteUI/grid-demos/issues/60)
+  position: absolute;
+  top: 0;
+  left: 0;
+}

src/app/views/grids/erp-hgrid/erp-hgrid-view.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { AppComponent } from 'projects/grids/erp-hgrid/src/app/app.component';
+
+@Component({
+  standalone: true,
+  selector: 'erp-hgrid-view',
+  templateUrl: './erp-hgrid-view.component.html',
+  styleUrl: './erp-hgrid-view.component.scss',
+  imports: [AppComponent],
+})
+export class ErpHGridViewComponent {}

src/app/views/grids/finance/finance-view.component.html

@@ -0,0 +1 @@
+<app-finance></app-finance>

src/app/views/grids/finance/finance-view.component.scss

@@ -0,0 +1,12 @@
+:host {
+  display: block;
+  height: 100%;
+  width: 100%;
+
+  // Needed because of routing animations keeping both views in DOM even after OnDestroy (https://github.com/angular/angular/issues/19742)
+  // This is a fix for a bug with horizontal flickering due display: flex of the container positions each view next to each other
+  // causing their height or width be incorrect (https://github.com/IgniteUI/grid-demos/issues/60)
+  position: absolute;
+  top: 0;
+  left: 0;
+}

src/app/views/grids/finance/finance-view.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+import { AppComponent } from 'projects/grids/finance-grid/src/app/app.component';
+
+@Component({
+  standalone: true,
+  selector: 'finance-view',
+  imports: [AppComponent],
+  templateUrl: './finance-view.component.html',
+  styleUrl: './finance-view.component.scss'
+})
+export class FinanceViewComponent {
+}

src/app/views/grids/fleet-management/fleet-management-view.component.html

@@ -0,0 +1 @@
+<app-fleet-management></app-fleet-management>

src/app/views/grids/fleet-management/fleet-management-view.component.scss

@@ -0,0 +1,12 @@
+:host {
+  display: block;
+  height: 100%;
+  width: 100%;
+
+  // Needed because of routing animations keeping both views in DOM even after OnDestroy (https://github.com/angular/angular/issues/19742)
+  // This is a fix for a bug with horizontal flickering due display: flex of the container positions each view next to each other
+  // causing their height or width be incorrect (https://github.com/IgniteUI/grid-demos/issues/60)
+  position: absolute;
+  top: 0;
+  left: 0;
+}

src/app/views/grids/fleet-management/fleet-management-view.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+import { AppComponent } from 'projects/grids/fleet-management-grid/src/app/app.component';
+
+@Component({
+  standalone: true,
+  selector: 'fleet-management-view',
+  imports: [AppComponent],
+  templateUrl: './fleet-management-view.component.html',
+  styleUrl: './fleet-management-view.component.scss',
+})
+export class FleetManagementViewComponent {
+}

src/app/views/grids/hr-portal/hr-portal-view.component.html

@@ -0,0 +1 @@
+<app-hr></app-hr>