lib/common/src/meta-store/modal/meta-store.modal.ts
selector | rcc-meta-store.modal |
styleUrls | ./meta-store.modal.scss |
templateUrl | ./meta-store.modal.html |
Properties |
|
Methods |
Inputs |
constructor(rccModalController: RccModalController)
|
||||||
Parameters :
|
selected | |
Type : I[]
|
|
Default value : []
|
|
accept |
accept()
|
Returns :
void
|
cancel |
cancel()
|
Returns :
void
|
ngOnInit |
ngOnInit()
|
Returns :
void
|
Public Optional metaStore |
Type : MetaStore<C | I | S>
|
Public preSelected |
Type : I[]
|
Default value : []
|
Public rccModalController |
Type : RccModalController
|
import {
Component,
Optional,
Input,
OnInit
} from '@angular/core'
import { RccModalController } from '../../modals-provider'
import { MetaStore } from '../meta-store.class'
import {
ItemConfig,
Item,
ItemStore
} from '@rcc/core'
@Component({
selector: 'rcc-meta-store.modal',
templateUrl: './meta-store.modal.html',
styleUrls: ['./meta-store.modal.scss'],
})
export class MetaStoreModalComponent
<
C extends ItemConfig,
I extends Item<C>,
S extends ItemStore<I>
>
implements OnInit {
public metaStore? : MetaStore<C, I, S>
public preSelected : I[] = []
@Optional() @Input()
public selected : I[] = []
constructor(
public rccModalController : RccModalController
){}
ngOnInit(){
this.selected.push(...this.preSelected)
}
cancel(){
this.rccModalController.dismiss(null)
}
accept(){
this.rccModalController.dismiss(this.selected)
}
}
<ion-header [translucent]="true">
<ion-toolbar>
<ion-buttons slot="end">
<ion-button
color = "light"
fill = "solid"
(click) = "cancel()"
>
{{'CANCEL' | translate }}
</ion-button>
<ion-button
color = "primary"
fill = "solid"
(click) = "accept()"
>
{{'APPLY' | translate }}
</ion-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content
[fullscreen] = "true"
*ngIf = "metaStore"
>
<rcc-meta-store
[metaStore] = "metaStore"
[selectInto] = "selected"
>
</rcc-meta-store>
</ion-content>
./meta-store.modal.scss