Window
PK
a\O src/environments/PK
a\OIÏ)¤¦ ¦ src/environments/environment.ts// This file can be replaced during build by using the `fileReplacements` array.
// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
// The list of file replacements can be found in `angular.json`.
export const environment = {
production: false
};
/*
* For easier debugging in development mode, you can import the following file
* to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
*
* This import should be commented out in production mode because it will have a negative impact
* on performance if an error is thrown.
*/
// import 'zone.js/dist/zone-error'; // Included with Angular CLI.
PK
a\O•“Zø6 6 $ src/environments/environment.prod.tsexport const environment = {
production: true
};
PK
a\O,½ŸÊ Ê src/polyfills.ts/**
* This file includes polyfills needed by Angular and is loaded before the app.
* You can add your own extra polyfills to this file.
*
* This file is divided into 2 sections:
* 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
* 2. Application imports. Files imported after ZoneJS that should be loaded before your main
* file.
*
* The current setup is for so-called "evergreen" browsers; the last versions of browsers that
* automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
* Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
*
* Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
*/
/***************************************************************************************************
* BROWSER POLYFILLS
*/
/** IE9, IE10 and IE11 requires all of the following polyfills. **/
// import 'core-js/es6/symbol';
// import 'core-js/es6/object';
// import 'core-js/es6/function';
// import 'core-js/es6/parse-int';
// import 'core-js/es6/parse-float';
// import 'core-js/es6/number';
// import 'core-js/es6/math';
// import 'core-js/es6/string';
// import 'core-js/es6/date';
// import 'core-js/es6/array';
// import 'core-js/es6/regexp';
// import 'core-js/es6/map';
// import 'core-js/es6/weak-map';
// import 'core-js/es6/set';
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
// import 'classlist.js'; // Run `npm install --save classlist.js`.
/** IE10 and IE11 requires the following for the Reflect API. */
// import 'core-js/es6/reflect';
/** Evergreen browsers require these. **/
// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
import 'core-js/es7/reflect';
/**
* Web Animations `@angular/platform-browser/animations`
* Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
* Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
**/
// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
/**
* By default, zone.js will patch all possible macroTask and DomEvents
* user can disable parts of macroTask/DomEvents patch by setting following flags
*/
// (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
// (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
// (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
/*
* in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
* with the following flag, it will bypass `zone.js` patch for IE/Edge
*/
// (window as any).__Zone_enable_cross_context_check = true;
/***************************************************************************************************
* Zone JS is required by default for Angular itself.
*/
import 'zone.js/dist/zone'; // Included with Angular CLI.
/***************************************************************************************************
* APPLICATION IMPORTS
*/
PK
a\O‹Â.I src/app.component.tsimport { Component, ViewEncapsulation, ViewChild } from '@angular/core';
import { TreeView } from '@syncfusion/ej2-navigations';
import { DropDownListComponent } from '@syncfusion/ej2-angular-dropdowns';
import { FormGroup,FormBuilder,Validators } from '@angular/forms';
@Component({
selector: 'app-root',
templateUrl: 'app.component.html',
styleUrls: ['app.component.css'],
encapsulation: ViewEncapsulation.None
})
export class AppComponent {
// DropDownList instance
@ViewChild('sample1')
public dropdownObj: any;
skillForm: FormGroup;
ngOnInit() {
}
constructor(private fb: FormBuilder) {
this.createForm();
}
createForm() : void {
this.skillForm = this.fb.group({
parentId: ['', Validators.required],
});
}
public treeObj: TreeView;
public localData: { [key: string]: Object }[] = null;
public labelData: { [key: string]: Object }[] = null;
public onOpen = () => {
this.labelData = [];
// modifying the dropdownlist's classes for styling
this.dropdownObj.popupObj.element.firstElementChild.className = "e-content overflow";
// rendering the treeview only on first time
if (this.treeObj == null || this.treeObj == undefined) {
this.treeObj = new TreeView({
fields: { dataSource: this.labelData, id: 'id', parentID: 'pid', text: 'name', hasChildren: 'hasChild' },
// use the nodeselected event to add the text to dropdown's input element.
nodeSelected: (args: any) => {
let drop = (document.getElementById("games") as any ).ej2_instances[0];
drop.inputElement.value = args.nodeData.text;
}
});
this.treeObj.appendTo('#tree');
}
}
}
PK
a\O€ROes s src/app.component.css.property-panel-content {
padding: 0 10px 10px 0;
}
.content {
width: 43%;
margin: 0 auto;
min-width: 185px;
padding: 25px 0px;
}
.control-label {
padding: 24px 0px 0px 0px;
font-size: 12px;
opacity: 0.54;
}
.control-section,
.content-wrapper {
min-height: 350px;
}
.overflow {
overflow: auto;
}PK
a\O-ë8X” ” src/app.component.html