Merge branch 'vnext' of https://github.com/IgniteUI/grid-demos into mtihova/grid-demos-restructuing

Author: mddragnev

azure-pipelines/igniteui-angular-grid-examples.yml

@@ -43,41 +43,46 @@ stages:
         inputs:
           targetType: 'inline'
           script: |
-            # Define the root path where projects are located
-            rootPath="$(Build.SourcesDirectory)/projects"
-            
-            # Get all first-level subdirectories in the specified root path
-            subdirectories=$(find "$rootPath" -mindepth 1 -maxdepth 1 -type d)
-            
-            for subdirectory in $subdirectories; do
-                # Extract the directory name from the path
-                dirName=$(basename "$subdirectory")
-
-                # Give each sample a version in its package.json file - for traceability
-                cd "$subdirectory"
-                echo "Calling npm version command"
-                npm version $(Build.BuildNumber) --no-git-tag-version
-
-                # Check if the directory name is already camel-case
-                if [[ "$dirName" =~ ^[A-Z]+[a-z]+([A-Z][a-z]*)*$ ]]; then
-                    # If already camel-case, print it as is
-                    echo "$dirName"
-                else
-                    # Convert to camel-case (capitalize first letters and remove hyphens)
-                    dirName=$(echo "$dirName" | sed -E 's/(^|-)([a-z])/\U\2/g')
-
-                fi
-                
-                echo "Processing directory: $dirName"
-                
-                # Define the name for the zip file
-                zipName="$(Build.ArtifactStagingDirectory)/IgniteUI_Angular_ApplicationSample_${dirName}_Source.zip"
-                echo "Creating ZIP: $zipName"
-                
-                # Compress the directory into a ZIP file
-                (cd "$subdirectory" && zip -r "$zipName" .)
-            done
-            
+            create_zips() {
+              local rootPath="$1"
+              if [ -d "$rootPath" ]; then
+                # Get all first-level subdirectories in the specified root path
+                subdirectories=$(find "$rootPath" -mindepth 1 -maxdepth 1 -type d)
+                for subdirectory in $subdirectories; do
+                  # Extract the directory name from the path
+                  dirName=$(basename "$subdirectory")
+
+                  # Give each sample a version in its package.json file - for traceability
+                  cd "$subdirectory"
+                  echo "Setting project version in package.json to $(Build.BuildNumber) for $dirName"
+                  npm version $(Build.BuildNumber) --no-git-tag-version
+
+                  # Check if the directory name is already camel-case
+                  if [[ "$dirName" =~ ^[A-Z]+[a-z]+([A-Z][a-z]*)*$ ]]; then
+                      # If already camel-case, print it as is
+                      echo "$dirName"
+                  else
+                      # Convert to camel-case (capitalize first letters and remove hyphens)
+                      dirName=$(echo "$dirName" | sed -E 's/(^|-)([a-z])/\U\2/g')
+                  fi
+                  
+                  echo "Processing directory: $dirName"
+                  # Define the name for the zip file
+                  zipName="$(Build.ArtifactStagingDirectory)/IgniteUI_Angular_ApplicationSample_${dirName}_Source.zip"
+                  echo "Creating ZIP: $zipName"
+
+                  # Compress the directory into a ZIP file
+                  (cd "$subdirectory" && zip -r "$zipName" .)
+                done
+              fi
+            }
+
+            # Pass 1: All first-level directories in projects/
+            create_zips "$(Build.SourcesDirectory)/projects"
+
+            # Pass 2: All first-level directories in projects/charts/
+            create_zips "$(Build.SourcesDirectory)/projects/charts"
+
             echo "All sample projects have been compressed and saved to the artifacts directory."
 
       - task: PublishPipelineArtifact@1

projects/grids/hr-portal/src/app/hr-portal/hr-portal.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+import { Component, inject, OnInit, PLATFORM_ID, ViewChild } from '@angular/core';
 import {
   IgxTreeGridComponent,
   IgxColumnComponent,
@@ -20,7 +20,7 @@ import {
   THEME_TOKEN,
   ThemeToken,
 } from 'igniteui-angular';
-import { CommonModule } from '@angular/common';
+import { CommonModule, isPlatformBrowser } from '@angular/common';
 import { BehaviorSubject } from 'rxjs';
 import { DataService } from '../services/data.service';
 @Component({
@@ -61,6 +61,7 @@ export class HrPortalComponent implements OnInit {
   public isLoading = true;
   @ViewChild('treeGrid', { read: IgxTreeGridComponent, static: true })
   public treeGrid!: IgxTreeGridComponent;
+  private platformId = inject(PLATFORM_ID);
 
   constructor(private iconService: IgxIconService, private dataService: DataService) {}
 
@@ -75,63 +76,65 @@ export class HrPortalComponent implements OnInit {
     const icons = [
       {
         name: 'linkedIn',
-        path: '/images/others/linkedin.svg',
+        path: 'images/others/linkedin.svg',
         category: 'hr-icons',
       },
       {
         name: 'USA',
-        path: '/images/countries/United States.svg',
+        path: 'images/countries/United States.svg',
         category: 'country-icons',
       },
       {
         name: 'CAN',
-        path: '/images/countries/Canada.svg',
+        path: 'images/countries/Canada.svg',
         category: 'country-icons',
       },
       {
         name: 'GBR',
-        path: '/images/countries/United Kingdom.svg',
+        path: 'images/countries/United Kingdom.svg',
         category: 'country-icons',
       },
       {
         name: 'DEU',
-        path: '/images/countries/Germany.svg',
+        path: 'images/countries/Germany.svg',
         category: 'country-icons',
       },
       {
         name: 'FRA',
-        path: '/images/countries/France.svg',
+        path: 'images/countries/France.svg',
         category: 'country-icons',
       },
       {
         name: 'ESP',
-        path: '/images/countries/Spain.svg',
+        path: 'images/countries/Spain.svg',
         category: 'country-icons',
       },
       {
         name: 'ITA',
-        path: '/images/countries/Italy.svg',
+        path: 'images/countries/Italy.svg',
         category: 'country-icons',
       },
       {
         name: 'AUS',
-        path: '/images/countries/Australia.svg',
+        path: 'images/countries/Australia.svg',
         category: 'country-icons',
       },
       {
         name: 'JPN',
-        path: '/images/countries/Japan.svg',
+        path: 'images/countries/Japan.svg',
         category: 'country-icons',
       },
       {
         name: 'ARE',
-        path: '/images/countries/uae.svg',
+        path: 'images/countries/uae.svg',
         category: 'country-icons',
       },
     ];
 
-    icons.forEach((icon) => {
-      this.iconService.addSvgIcon(icon.name, icon.path, icon.category);
-    });
+    if (isPlatformBrowser(this.platformId)) {
+      icons.forEach((icon) => {
+        this.iconService.addSvgIcon(icon.name, icon.path, icon.category);
+      });
+    }
   }
 }