File

lib/common/src/meta-store/modal/meta-store.modal.ts

Implements

OnInit

Metadata

Index

Properties
Methods
Inputs

Constructor

constructor(rccModalController: RccModalController)
Parameters :
Name Type Optional
rccModalController RccModalController No

Inputs

selected
Type : I[]
Default value : []

Methods

accept
accept()
Returns : void
cancel
cancel()
Returns : void
ngOnInit
ngOnInit()
Returns : void

Properties

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

Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""