@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.
- package/cumulocity.config.ts +64 -8
- package/package.json +6 -6
- package/src/__mocks/scoped-mocks/device-data-grid.ts +47 -9
- package/src/__mocks/utils/common.ts +24 -6
- package/src/__mocks/utils/grid.ts +14 -0
- package/src/app/app.module.ts +3 -1
- package/src/app-icon/app-icon-example.component.html +109 -0
- package/src/app-icon/app-icon-example.component.ts +56 -0
- package/src/app-icon/app-icon-example.module.ts +22 -0
- package/src/breadcrumbs/basic-example/breadcrumbs-example.component.html +23 -0
- package/src/breadcrumbs/basic-example/breadcrumbs-example.component.ts +13 -0
- package/src/breadcrumbs/basic-example/breadcrumbs-example.module.ts +23 -0
- package/src/breadcrumbs/breadcrumbs.module.ts +14 -0
- package/src/breadcrumbs/content-projection/breadcrumbs-content-projection-example.component.html +28 -0
- package/src/breadcrumbs/content-projection/breadcrumbs-content-projection-example.component.ts +13 -0
- package/src/breadcrumbs/content-projection/breadcrumbs-content-projection-example.module.ts +25 -0
- package/src/breadcrumbs/expand-example/breadcrumbs-expand-example.component.html +30 -0
- package/src/breadcrumbs/expand-example/breadcrumbs-expand-example.component.ts +13 -0
- package/src/breadcrumbs/expand-example/breadcrumbs-expand-example.module.ts +25 -0
- package/src/breadcrumbs/index.ts +5 -0
- package/src/breadcrumbs/outlet/breadcrumbs-outlet-example.component.html +21 -0
- package/src/breadcrumbs/outlet/breadcrumbs-outlet-example.component.ts +13 -0
- package/src/breadcrumbs/outlet/breadcrumbs-outlet-example.module.ts +25 -0
- package/src/device-connection-status/device-connection-status-example.component.html +145 -0
- package/src/device-connection-status/device-connection-status-example.component.ts +61 -0
- package/src/device-connection-status/device-connection-status-example.module.ts +23 -0
- package/src/hooks/action/logout-action/logout-action.component.ts +6 -2
- package/src/hooks/breadcrumbs/basic-view/basic-view.component.ts +3 -1
- package/src/modal/confirm-modal/confirm-modal-example.component.ts +43 -54
- package/src/modal/confirm-modal/delete-modal-example.component.ts +73 -0
- package/src/modal/ngx-modal/ngx-modal-example.component.ts +73 -21
- package/src/modal/ngx-modal/ngx-modal-example.module.ts +1 -1
- package/src/modal/ngx-modal/simple-modal-example.component.ts +45 -0
- package/src/modal/ngx-modal-accessibility/ngx-modal-accessibility-example.component.ts +47 -0
- package/src/modal/ngx-modal-accessibility/ngx-modal-accessibility-example.module.ts +24 -0
- package/src/modal/ngx-modal-accessibility/simple-modal-accessibility-example.component.ts +49 -0
- package/src/modal/ngx-modal-selectors/ngx-modal-selectors-example.component.ts +47 -0
- package/src/modal/ngx-modal-selectors/ngx-modal-selectors-example.module.ts +24 -0
- package/src/modal/ngx-modal-selectors/simple-modal-example-with-content-selectors.component.ts +72 -0
- package/src/modal/ngx-modal-sizes/large-modal-example.component.ts +45 -0
- package/src/modal/ngx-modal-sizes/medium-modal-example.component.ts +45 -0
- package/src/modal/ngx-modal-sizes/ngx-modal-sizes-example.component.ts +66 -0
- package/src/modal/ngx-modal-sizes/ngx-modal-sizes-example.module.ts +22 -0
- package/src/modal/ngx-modal-sizes/small-modal-example.component.ts +49 -0
- package/src/modal/simple-modal/modal-example.component.ts +0 -34
- 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 {}
|