@c8y/tutorial 1023.26.1 → 1023.28.5

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@c8y/tutorial",
-  "version": "1023.26.1",
+  "version": "1023.28.5",
   "description": "This package is used to scaffold a tutorial for Cumulocity IoT Web SDK which explains a lot of concepts.",
   "dependencies": {
-    "@c8y/style": "1023.26.1",
-    "@c8y/ngx-components": "1023.26.1",
-    "@c8y/client": "1023.26.1",
-    "@c8y/bootstrap": "1023.26.1",
+    "@c8y/style": "1023.28.5",
+    "@c8y/ngx-components": "1023.28.5",
+    "@c8y/client": "1023.28.5",
+    "@c8y/bootstrap": "1023.28.5",
     "@angular/cdk": "^20.2.14",
     "monaco-editor": "~0.53.0",
     "ngx-bootstrap": "20.0.2",
@@ -14,8 +14,8 @@
     "rxjs": "7.8.2"
   },
   "devDependencies": {
-    "@c8y/options": "1023.26.1",
-    "@c8y/devkit": "1023.26.1"
+    "@c8y/options": "1023.28.5",
+    "@c8y/devkit": "1023.28.5"
   },
   "peerDependencies": {
     "@angular/common": ">=20 <21"

package/src/__mocks/global-mocks/inventory.interceptor.ts

@@ -147,6 +147,110 @@ export class InventoryInterceptor implements HttpInterceptor {
       }),
       language: () => ({
         managedObjects: [generateUserPreferences()]
+      }),
+      c8y_JsonSchema: () => ({
+        managedObjects: [
+          {
+            id: '100001',
+            type: 'c8y_JsonSchema',
+            name: 'Temperature Sensor Configuration',
+            lastUpdated: new Date().toISOString(),
+            creationTime: new Date().toISOString(),
+            owner: 'admin',
+            c8y_Global: {},
+            c8y_JsonSchema: {
+              type: 'object',
+              properties: {
+                temperatureThreshold: {
+                  type: 'number',
+                  title: 'Temperature Threshold',
+                  minimum: -50,
+                  maximum: 150,
+                  default: 25,
+                  required: true
+                },
+                unit: {
+                  type: 'string',
+                  title: 'Temperature Unit',
+                  enum: ['Celsius', 'Fahrenheit'],
+                  default: 'Celsius'
+                }
+              }
+            },
+            appliesTo: {
+              MANAGED_OBJECTS: true
+            }
+          },
+          {
+            id: '100002',
+            type: 'c8y_JsonSchema',
+            name: 'Device Metadata',
+            lastUpdated: new Date().toISOString(),
+            creationTime: new Date().toISOString(),
+            owner: 'admin',
+            c8y_Global: {},
+            c8y_JsonSchema: {
+              type: 'object',
+              properties: {
+                deviceName: {
+                  type: 'string',
+                  title: 'Device Name',
+                  minLength: 3,
+                  maxLength: 50,
+                  required: true
+                },
+                isActive: {
+                  type: 'boolean',
+                  title: 'Device Active',
+                  default: true
+                },
+                lastMaintenance: {
+                  type: 'string',
+                  format: 'datetime',
+                  title: 'Last Maintenance Date'
+                }
+              }
+            },
+            appliesTo: {
+              MANAGED_OBJECTS: true
+            }
+          },
+          {
+            id: '100003',
+            type: 'c8y_JsonSchema',
+            name: 'Alert Configuration',
+            lastUpdated: new Date().toISOString(),
+            creationTime: new Date().toISOString(),
+            owner: 'admin',
+            c8y_Global: {},
+            c8y_JsonSchema: {
+              type: 'object',
+              properties: {
+                alertPriority: {
+                  type: 'integer',
+                  title: 'Alert Priority',
+                  minimum: 1,
+                  maximum: 5,
+                  default: 3
+                },
+                enableNotifications: {
+                  type: 'boolean',
+                  title: 'Enable Email Notifications',
+                  default: false
+                }
+              }
+            },
+            appliesTo: {
+              MANAGED_OBJECTS: true
+            }
+          }
+        ],
+        statistics: {
+          totalPages: 1,
+          pageSize: 20,
+          currentPage: 1,
+          totalElements: 3
+        }
       })
     };
   }

package/src/grids/client-grid-example/client-grid-example.component.html

@@ -1,6 +1,7 @@
 <c8y-title>Data grid examples</c8y-title>
 
 <c8y-data-grid
+  class="content-fullpage d-flex d-col border-top border-bottom"
   [title]="title"
   [columns]="columns"
   [rows]="data"
@@ -9,9 +10,9 @@
   (itemsSelect)="onItemsSelect($event)"
   [actionControls]="actionControls"
   [bulkActionControls]="bulkActionControls"
+  [loading]="loading"
   (onConfigChange)="onConfigChange($event)"
   (onFilter)="onFilter($event)"
   (onAddCustomColumn)="onAddCustomColumn($event)"
   (onRemoveCustomColumn)="onRemoveCustomColumn($event)"
-  class="content-fullpage d-flex d-col border-top border-bottom"
 ></c8y-data-grid>

package/src/grids/client-grid-example/client-grid-example.component.ts

@@ -107,10 +107,16 @@ export class ClientGridExampleComponent implements OnInit {
   ];
   /** Static data to display. */
   data: any[];
+  /** Indicates whether the grid is in loading state. */
+  loading = true;
 
   ngOnInit() {
     // load static data from another file, could be loaded from anywhere
-    this.data = getData();
+    // simulating loading delay with setTimeout
+    setTimeout(() => {
+      this.data = getData();
+      this.loading = false;
+    }, 5_000);
   }
 
   /** Executes an edit action on the selected item. */

package/src/selector/properties-selector-inline-example/properties-selector-inline.providers.ts

@@ -1,4 +1,6 @@
 import { NavigatorNode, hookNavigator, hookRoute } from '@c8y/ngx-components';
+import { hookComputedProperty } from '@c8y/ngx-components/asset-properties';
+import { alarmCountLastWeek } from '../properties-selector-computed-properties/alarm-count-last-week-computed-property';
 
 export const propertiesSelectorInlineExampleProviders = [
   hookRoute({
@@ -15,5 +17,6 @@ export const propertiesSelectorInlineExampleProviders = [
       icon: 'th-list',
       priority: 4
     })
-  )
+  ),
+  hookComputedProperty([alarmCountLastWeek])
 ];