gijgo-angular-wrappers
Advanced tools
Comparing version 1.8.2-alpha1 to 1.8.2-alpha2
@@ -14,6 +14,2 @@ import { Component, ElementRef, ViewChild, AfterViewInit, Input, Output, EventEmitter, OnDestroy } from '@angular/core'; | ||
@Output() change: EventEmitter<string> = new EventEmitter(); | ||
@Output() open: EventEmitter<any> = new EventEmitter(); | ||
@Output() close: EventEmitter<any> = new EventEmitter(); | ||
@Input() instance: types.DatePicker; | ||
@@ -24,10 +20,3 @@ | ||
ngAfterViewInit() { | ||
this.instance = jQuery(this.input.nativeElement).datepicker(this.configuration); | ||
this.instance.on('change', (e) => { | ||
this.change.emit(this.instance.value().toString()); | ||
}).on('open', (e) => { | ||
this.open.emit(); | ||
}).on('close', (e) => { | ||
this.close.emit(); | ||
}); | ||
this.instance = jQuery(this.input.nativeElement).datepicker(this.configuration); | ||
} | ||
@@ -34,0 +23,0 @@ |
@@ -0,2 +1,8 @@ | ||
export * from './checkbox.component' | ||
export * from './datepicker.component' | ||
export * from './dialog.component' | ||
export * from './dropdown.component' | ||
export * from './editor.component' | ||
export * from './grid.component' | ||
export * from './timepicker.component' | ||
export * from './tree.component' |
{ | ||
"name": "gijgo-angular-wrappers", | ||
"version": "1.8.2-alpha1", | ||
"version": "1.8.2-alpha2", | ||
"license": "MIT", | ||
@@ -23,3 +23,3 @@ "scripts": { | ||
"@angular/router": "^5.2.0", | ||
"@types/gijgo": "^1.8.0", | ||
"@types/gijgo": "^1.8.1", | ||
"@types/jquery": "^3.3.1", | ||
@@ -26,0 +26,0 @@ "core-js": "^2.4.1", |
@@ -10,4 +10,13 @@ # Angular Wrappers for Gijgo Components | ||
2. Install TypeScript Definitions for gijgo <code> npm install @types/gijgo </code> | ||
3. Include Gijgo and jQuery in your Angular App. | ||
<code> | ||
<link href="https://cdn.jsdelivr.net/npm/gijgo@1.8.2/combined/css/gijgo.min.css" rel="stylesheet" type="text/css" /> | ||
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> | ||
<script src="https://cdn.jsdelivr.net/npm/gijgo@1.8.2/combined/js/gijgo.min.js" type="text/javascript"></script> | ||
</code> | ||
### Top Examples | ||
@@ -14,0 +23,0 @@ |
@@ -8,12 +8,8 @@ import { Component, ElementRef, ViewChild, AfterViewInit, Input, Output, EventEmitter, OnDestroy } from '@angular/core'; | ||
selector: 'gijgo-tree', | ||
template: '<div #div />' | ||
template: '<div #div></div>' | ||
}) | ||
export class DatePickerComponent implements AfterViewInit, OnDestroy { | ||
export class TreeComponent implements AfterViewInit, OnDestroy { | ||
@ViewChild('div') div: ElementRef; | ||
@Output() select: EventEmitter<string> = new EventEmitter(); | ||
@Output() expand: EventEmitter<any> = new EventEmitter(); | ||
@Output() collapse: EventEmitter<any> = new EventEmitter(); | ||
@Input() instance: types.Tree; | ||
@@ -25,11 +21,4 @@ | ||
this.instance = jQuery(this.div.nativeElement).tree(this.configuration); | ||
this.instance.on('select', (e) => { | ||
this.select.emit(); | ||
}).on('expand', (e) => { | ||
this.expand.emit(); | ||
}).on('collapse', (e) => { | ||
this.collapse.emit(); | ||
}); | ||
} | ||
ngOnDestroy() { | ||
@@ -36,0 +25,0 @@ this.instance.destroy(); |
7746
11
143
25
Updated@types/gijgo@^1.8.1