src/app/modules/shared/components/contentlock-info-popup/contentlock-info-popup.component.ts
OnInit
| selector | app-contentlock-info-popup |
| templateUrl | ./contentlock-info-popup.component.html |
Properties |
|
Methods |
|
Inputs |
Outputs |
constructor(resourceService: ResourceService)
|
||||||||
|
Constructor to create injected service(s) object
Parameters :
|
| content | |
Type : any
|
|
| closeEvent | |
Type : EventEmitter
|
|
| Public closeModal |
closeModal()
|
|
Returns :
void
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
| modal |
Decorators :
@ViewChild('modal')
|
| Public resourceService |
Type : ResourceService
|
|
Reference of ResourceService
|
import { Component, OnInit, ViewChild, Input, EventEmitter, Output } from '@angular/core';
import { ResourceService } from '../../services/index';
@Component({
selector: 'app-contentlock-info-popup',
templateUrl: './contentlock-info-popup.component.html'
})
export class LockInfoPopupComponent implements OnInit {
@ViewChild('modal') modal;
@Input() content;
@Output() closeEvent = new EventEmitter<any>();
/**
* Constructor to create injected service(s) object
*
* @param {ResourceService} resourceService Reference of ResourceService
*/
constructor(public resourceService: ResourceService) {
}
ngOnInit() {
}
public closeModal() {
this.modal.approve();
this.closeEvent.emit();
}
}
<app-modal-wrapper [config]="{disableClose: true, size: 'small'}" (dismiss)="closeModal()" #modal>
<ng-template sbModalContent>
<div class="sb-modal">
<div class="transition ui dimmer page modals active visible">
<div class="ui modal transition active visible small">
<!--Header-->
<div class="sb-modal-header">
</div>
<!--/Header-->
<!--Content-->
<div class="sb-modal-content">
<div class="ui center aligned segment">
<div class="header cardsHeading">
{{resourceService?.frmelmnts?.lbl?.lockPopupTitle |
interpolate:'{collaborator}':content.lockInfo.creatorInfo.name |
interpolate:'{contentName}':content?.name}}
</div>
</div>
</div>
<!--/Content-->
<!--Actions-->
<div class="sb-modal-actions">
<button class="sb-btn sb-btn-normal sb-btn-primary" (click)="closeModal()" tabindex="0">
{{resourceService.frmelmnts?.btn?.ok}}
</button>
</div>
<!--/Actions-->
</div>
</div>
</div>
</ng-template>
</app-modal-wrapper>