@c8y/tutorial 1022.28.2 → 1022.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/cumulocity.config.ts
CHANGED
|
@@ -45,6 +45,13 @@ export default {
|
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
exports: [
|
|
48
|
+
{
|
|
49
|
+
name: 'Resizable grid example',
|
|
50
|
+
module: 'ResizableGridExampleModule',
|
|
51
|
+
path: './src/resizable-grid-example/resizable-grid-example.module.ts',
|
|
52
|
+
description: 'An example for a grid with two resizable columns.',
|
|
53
|
+
scope: 'self'
|
|
54
|
+
},
|
|
48
55
|
{
|
|
49
56
|
name: 'Introduction to asset selector',
|
|
50
57
|
module: 'AssetSelectorExampleModule',
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@c8y/tutorial",
|
|
3
|
-
"version": "1022.
|
|
3
|
+
"version": "1022.30.0",
|
|
4
4
|
"description": "This package is used to scaffold a tutorial for Cumulocity IoT Web SDK which explains a lot of concepts.",
|
|
5
5
|
"dependencies": {
|
|
6
|
-
"@c8y/style": "1022.
|
|
7
|
-
"@c8y/ngx-components": "1022.
|
|
8
|
-
"@c8y/client": "1022.
|
|
9
|
-
"@c8y/bootstrap": "1022.
|
|
6
|
+
"@c8y/style": "1022.30.0",
|
|
7
|
+
"@c8y/ngx-components": "1022.30.0",
|
|
8
|
+
"@c8y/client": "1022.30.0",
|
|
9
|
+
"@c8y/bootstrap": "1022.30.0",
|
|
10
10
|
"@angular/cdk": "^19.2.18",
|
|
11
11
|
"monaco-editor": "~0.52.2",
|
|
12
12
|
"ngx-bootstrap": "19.0.2",
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
"rxjs": "7.8.1"
|
|
15
15
|
},
|
|
16
16
|
"devDependencies": {
|
|
17
|
-
"@c8y/options": "1022.
|
|
18
|
-
"@c8y/devkit": "1022.
|
|
17
|
+
"@c8y/options": "1022.30.0",
|
|
18
|
+
"@c8y/devkit": "1022.30.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"@angular/common": ">=19 <20"
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { ResizableGridComponent, CoreModule } from '@c8y/ngx-components';
|
|
3
|
+
|
|
4
|
+
@Component({
|
|
5
|
+
selector: 'tutorial-resizable-grid-example',
|
|
6
|
+
template: `<c8y-title>Resizable Grid</c8y-title>
|
|
7
|
+
<div class="p-t-24">
|
|
8
|
+
<div class="card">
|
|
9
|
+
<c8y-resizable-grid style="height: 350px;">
|
|
10
|
+
<div left-pane>
|
|
11
|
+
<div class="card-header">
|
|
12
|
+
<h4>Left Column</h4>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="card-block">
|
|
15
|
+
<p>This is the left column content. You can resize it by dragging the divider.</p>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
<div right-pane>
|
|
19
|
+
<div class="card-header">
|
|
20
|
+
<h4>Right Column</h4>
|
|
21
|
+
</div>
|
|
22
|
+
<div class="card-block">
|
|
23
|
+
<p>
|
|
24
|
+
This is the right column content. It will expand or shrink as you resize the left
|
|
25
|
+
column.
|
|
26
|
+
</p>
|
|
27
|
+
</div>
|
|
28
|
+
</div>
|
|
29
|
+
</c8y-resizable-grid>
|
|
30
|
+
</div>
|
|
31
|
+
</div>`,
|
|
32
|
+
standalone: true,
|
|
33
|
+
imports: [ResizableGridComponent, CoreModule]
|
|
34
|
+
})
|
|
35
|
+
export class ResizableGridExampleComponent {}
|
|
36
|
+
// This component demonstrates the usage of the ResizableGridComponent
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NavigatorNode, hookNavigator, hookRoute } from '@c8y/ngx-components';
|
|
4
|
+
|
|
5
|
+
@NgModule({
|
|
6
|
+
imports: [CommonModule],
|
|
7
|
+
providers: [
|
|
8
|
+
hookRoute({
|
|
9
|
+
path: 'resizable-grid-example',
|
|
10
|
+
loadComponent: () =>
|
|
11
|
+
import('./resizable-grid-example.component').then(m => m.ResizableGridExampleComponent)
|
|
12
|
+
}),
|
|
13
|
+
hookNavigator(
|
|
14
|
+
new NavigatorNode({
|
|
15
|
+
path: '/resizable-grid-example',
|
|
16
|
+
label: 'Resizable grid',
|
|
17
|
+
icon: 'columns',
|
|
18
|
+
priority: 86
|
|
19
|
+
})
|
|
20
|
+
)
|
|
21
|
+
]
|
|
22
|
+
})
|
|
23
|
+
export class ResizableGridExampleModule {}
|