@c8y/tutorial 1019.6.10 → 1019.7.10

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.
Files changed (46) hide show
  1. package/cumulocity.config.ts +64 -8
  2. package/package.json +6 -6
  3. package/src/__mocks/scoped-mocks/device-data-grid.ts +47 -9
  4. package/src/__mocks/utils/common.ts +24 -6
  5. package/src/__mocks/utils/grid.ts +14 -0
  6. package/src/app/app.module.ts +3 -1
  7. package/src/app-icon/app-icon-example.component.html +109 -0
  8. package/src/app-icon/app-icon-example.component.ts +56 -0
  9. package/src/app-icon/app-icon-example.module.ts +22 -0
  10. package/src/breadcrumbs/basic-example/breadcrumbs-example.component.html +23 -0
  11. package/src/breadcrumbs/basic-example/breadcrumbs-example.component.ts +13 -0
  12. package/src/breadcrumbs/basic-example/breadcrumbs-example.module.ts +23 -0
  13. package/src/breadcrumbs/breadcrumbs.module.ts +14 -0
  14. package/src/breadcrumbs/content-projection/breadcrumbs-content-projection-example.component.html +28 -0
  15. package/src/breadcrumbs/content-projection/breadcrumbs-content-projection-example.component.ts +13 -0
  16. package/src/breadcrumbs/content-projection/breadcrumbs-content-projection-example.module.ts +25 -0
  17. package/src/breadcrumbs/expand-example/breadcrumbs-expand-example.component.html +30 -0
  18. package/src/breadcrumbs/expand-example/breadcrumbs-expand-example.component.ts +13 -0
  19. package/src/breadcrumbs/expand-example/breadcrumbs-expand-example.module.ts +25 -0
  20. package/src/breadcrumbs/index.ts +5 -0
  21. package/src/breadcrumbs/outlet/breadcrumbs-outlet-example.component.html +21 -0
  22. package/src/breadcrumbs/outlet/breadcrumbs-outlet-example.component.ts +13 -0
  23. package/src/breadcrumbs/outlet/breadcrumbs-outlet-example.module.ts +25 -0
  24. package/src/device-connection-status/device-connection-status-example.component.html +145 -0
  25. package/src/device-connection-status/device-connection-status-example.component.ts +61 -0
  26. package/src/device-connection-status/device-connection-status-example.module.ts +23 -0
  27. package/src/hooks/action/logout-action/logout-action.component.ts +6 -2
  28. package/src/hooks/breadcrumbs/basic-view/basic-view.component.ts +3 -1
  29. package/src/modal/confirm-modal/confirm-modal-example.component.ts +43 -54
  30. package/src/modal/confirm-modal/delete-modal-example.component.ts +73 -0
  31. package/src/modal/ngx-modal/ngx-modal-example.component.ts +73 -21
  32. package/src/modal/ngx-modal/ngx-modal-example.module.ts +1 -1
  33. package/src/modal/ngx-modal/simple-modal-example.component.ts +45 -0
  34. package/src/modal/ngx-modal-accessibility/ngx-modal-accessibility-example.component.ts +47 -0
  35. package/src/modal/ngx-modal-accessibility/ngx-modal-accessibility-example.module.ts +24 -0
  36. package/src/modal/ngx-modal-accessibility/simple-modal-accessibility-example.component.ts +49 -0
  37. package/src/modal/ngx-modal-selectors/ngx-modal-selectors-example.component.ts +47 -0
  38. package/src/modal/ngx-modal-selectors/ngx-modal-selectors-example.module.ts +24 -0
  39. package/src/modal/ngx-modal-selectors/simple-modal-example-with-content-selectors.component.ts +72 -0
  40. package/src/modal/ngx-modal-sizes/large-modal-example.component.ts +45 -0
  41. package/src/modal/ngx-modal-sizes/medium-modal-example.component.ts +45 -0
  42. package/src/modal/ngx-modal-sizes/ngx-modal-sizes-example.component.ts +66 -0
  43. package/src/modal/ngx-modal-sizes/ngx-modal-sizes-example.module.ts +22 -0
  44. package/src/modal/ngx-modal-sizes/small-modal-example.component.ts +49 -0
  45. package/src/modal/simple-modal/modal-example.component.ts +0 -34
  46. package/src/modal/simple-modal/modal.example.module.ts +0 -21
@@ -1,34 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import { ModalLabels, ModalModule } from '@c8y/ngx-components';
3
- import { Subject } from 'rxjs';
4
-
5
- @Component({
6
- selector: 'modal-example',
7
- template: `
8
- <c8y-modal
9
- title="CustomTitle"
10
- (onClose)="onClose($event)"
11
- (onDismiss)="onDismiss($event)"
12
- [labels]="labels"
13
- [disabled]="true"
14
- >
15
- <!--! will disable ok button -->
16
- <span>I am body of modal</span>
17
- <span>For simple string use body="string"</span>
18
- </c8y-modal>
19
- `,
20
- standalone: true,
21
- imports: [ModalModule]
22
- })
23
- export class ModalExampleComponent {
24
- closeSubject: Subject<boolean> = new Subject();
25
- labels: ModalLabels = { ok: 'customOK', cancel: 'customCancel' };
26
-
27
- onDismiss(event) {
28
- this.closeSubject.next(!event);
29
- }
30
-
31
- onClose(event) {
32
- this.closeSubject.next(event);
33
- }
34
- }
@@ -1,21 +0,0 @@
1
- import { NgModule } from '@angular/core';
2
- import { NavigatorNode, hookNavigator, hookRoute } from '@c8y/ngx-components';
3
-
4
- @NgModule({
5
- providers: [
6
- hookRoute({
7
- path: 'modal/simple-modal',
8
- loadComponent: () => import('./modal-example.component').then(m => m.ModalExampleComponent)
9
- }),
10
- hookNavigator(
11
- new NavigatorNode({
12
- label: 'Simple Modal',
13
- path: '/modal/simple-modal',
14
- icon: 'list-alt',
15
- priority: 2,
16
- parent: 'Modal'
17
- })
18
- )
19
- ]
20
- })
21
- export class ModalExampleModule {}