inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

node-click and node-dblclick DOM events (#1863)

Browse Source 
Extra DOM events with bubbling support for DocumentList:
- node-click
- node-dblclick
This commit is contained in:
Denys Vuika
2017-05-10 11:12:05 +01:00
committed by Eugenio Romano
parent 5c7d53230d
commit 07d898b2aa
9 changed files with 91 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.ts
View File

@@ -16,7 +16,7 @@
*/
import {
Component, OnInit, Input, OnChanges, Output, SimpleChanges, EventEmitter,
Component, OnInit, Input, OnChanges, Output, SimpleChanges, EventEmitter, ElementRef,
AfterContentInit, TemplateRef, NgZone, ViewChild, HostListener, ContentChild
} from '@angular/core';
import { Subject } from 'rxjs/Rx';
@@ -150,7 +150,8 @@ export class DocumentListComponent implements OnInit, OnChanges, AfterContentIni
constructor(private documentListService: DocumentListService,
private ngZone: NgZone,
private translateService: AlfrescoTranslationService) {
private translateService: AlfrescoTranslationService,
private el: ElementRef) {
this.data = new ShareDataTableAdapter(this.documentListService);
@@ -396,7 +397,16 @@ export class DocumentListComponent implements OnInit, OnChanges, AfterContentIni
}
onNodeClick(node: MinimalNodeEntity) {
let event = new NodeEntityEvent(node);
const domEvent = new CustomEvent('node-click', {
detail: {
sender: this,
node: node
},
bubbles: true
});
this.el.nativeElement.dispatchEvent(domEvent);
const event = new NodeEntityEvent(node);
this.nodeClick.emit(event);
if (!event.defaultPrevented) {
@@ -420,7 +430,16 @@ export class DocumentListComponent implements OnInit, OnChanges, AfterContentIni
}
onNodeDblClick(node: MinimalNodeEntity) {
let event = new NodeEntityEvent(node);
const domEvent = new CustomEvent('node-dblclick', {
detail: {
sender: this,
node: node
},
bubbles: true
});
this.el.nativeElement.dispatchEvent(domEvent);
const event = new NodeEntityEvent(node);
this.nodeDblClick.emit(event);
if (!event.defaultPrevented) {