Skip to content

Commit b30ace7

Browse files
zdrawkuzdrawku
committed
TreeGrid FinJS demo
1 parent 5ef855f commit b30ace7

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

51 files changed

+15557
-1
lines changed

‎Grid/FinJS/src/app/app.component.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
.outer-wrapper {
2-
padding: 25px;
2+
padding: 5px;
33
// Removed because of the issue with dynamic changing of Grid width
44
// display: flex;
55
justify-content: center;

‎README.md

+1
Original file line numberDiff line numberDiff line change
@@ -4,3 +4,4 @@ Ignite UI for Angular product samples
44
### Current list of angular samples
55

66
- [FinJS Live Updating Demo](https://github.com/Infragistics/angular-samples/tree/master/Grid/FinJS) [(StackBlitz)](https://stackblitz.com/github/Infragistics/angular-samples/tree/master/Grid/FinJS) - The Grid component in Ignite UI for Angular is able to handle thousands of updates per seconds, while keeping the grid responsive for any interaction that the user may undertake. This sample demonstrates the Grid handling thousands of updates per second.
7+
- [TreeGrid Live Updating Demo](https://github.com/Infragistics/angular-samples/tree/master/TreeGrid/FinJS) [(StackBlitz)](https://stackblitz.com/github/Infragistics/angular-samples/tree/master/TreeGrid/FinJS) - This sample demonstrates the TreeGrid handling thousands of updates per second.

‎TreeGrid/FinJS/.editorconfig

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
# Editor configuration, see https://editorconfig.org
2+
root = true
3+
4+
[*]
5+
charset = utf-8
6+
indent_style = space
7+
indent_size = 2
8+
insert_final_newline = true
9+
trim_trailing_whitespace = true
10+
11+
[*.md]
12+
max_line_length = off
13+
trim_trailing_whitespace = false

‎TreeGrid/FinJS/.gitignore

+46
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
# See http://help.github.com/ignore-files/ for more about ignoring files.
2+
3+
# compiled output
4+
/dist
5+
/tmp
6+
/out-tsc
7+
# Only exists if Bazel was run
8+
/bazel-out
9+
10+
# dependencies
11+
/node_modules
12+
13+
# profiling files
14+
chrome-profiler-events.json
15+
speed-measure-plugin.json
16+
17+
# IDEs and editors
18+
/.idea
19+
.project
20+
.classpath
21+
.c9/
22+
*.launch
23+
.settings/
24+
*.sublime-workspace
25+
26+
# IDE - VSCode
27+
.vscode/*
28+
!.vscode/settings.json
29+
!.vscode/tasks.json
30+
!.vscode/launch.json
31+
!.vscode/extensions.json
32+
.history/*
33+
34+
# misc
35+
/.sass-cache
36+
/connect.lock
37+
/coverage
38+
/libpeerconnection.log
39+
npm-debug.log
40+
yarn-error.log
41+
testem.log
42+
/typings
43+
44+
# System Files
45+
.DS_Store
46+
Thumbs.db

‎TreeGrid/FinJS/README.md

+55
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
# TreeGrid FinJS Live Updating Demo
2+
3+
The TreeGrid component in Ignite UI for Angular is able to handle thousands of updates per seconds, while keeping the TreeGrid responsive for any interaction that the user may undertake. This sample demonstrates the TreeGrid handling thousands of updates per second.
4+
5+
## View on StackBlitz
6+
7+
[Run this sample on StackBlitz](https://stackblitz.com/github/Infragistics/angular-samples/tree/master/TreeGrid/FinJS)
8+
9+
## Project
10+
11+
This project was generated with [Ignite UI CLI](https://github.com/IgniteUI/igniteui-cli) version 4.2.3.
12+
13+
## Development server
14+
15+
Run `ig start` to build the application, start a web server and open the application in the default browser. Then navigate to `http://localhost:4200/`. Default serving port can be configured in `ignite-ui-cli.json` via `defaultPort` property.
16+
17+
## Build
18+
19+
Run `ig build` to build the application into an output directory.
20+
21+
## Step by step mode
22+
23+
If you want to get a guided experience through the available options, you can initialize the step by step mode that will help you to create and setup your new application, as well as update project previously created with the Ignite UI CLI. To start the guide, simply run the `ig` command.
24+
25+
## List templates
26+
27+
The `ig list` lists all available templates. When you run the command within a project folder it will list all available templates, even if you have provided different ones.
28+
29+
## Adding components
30+
31+
Add a new component or template to the project passing component ID and choosing a name.
32+
33+
`ig add <component/template> <component_name>`
34+
35+
The ID matches either a component ("grid", "combo", etc) or a predefined template. Predefined templates can provide either multiple components or fulfilling a specific use case like "form-validation", "master-detail" and so on.
36+
37+
## Running unit tests
38+
39+
Run `ig test` to execute the unit tests via [Karma](https://karma-runner.github.io). Runs all `.spec.ts` files under `./src` folder.
40+
41+
## Running end-to-end tests
42+
43+
Run `ig test --e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/). Runs all `.e2e-spec.ts` files under `e2e` folder.
44+
45+
## Help
46+
47+
`ig help` lists the available commands and provides a brief description of what they do.
48+
49+
### Further help
50+
51+
To get more help on the IgniteUI CLI go check out the [IgniteUI CLI Wiki](https://github.com/IgniteUI/igniteui-cli/wiki).
52+
53+
## Angular CLI compatibility
54+
You can run all of the supported Angular CLI commands. More details at [Angular CLI](https://github.com/angular/angular-cli).
55+

‎TreeGrid/FinJS/angular.json

+132
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
{
2+
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3+
"version": 1,
4+
"newProjectRoot": "projects",
5+
"projects": {
6+
"finjs": {
7+
"root": "",
8+
"sourceRoot": "src",
9+
"projectType": "application",
10+
"prefix": "app",
11+
"schematics": {
12+
"@schematics/angular:component": {
13+
"style": "scss"
14+
}
15+
},
16+
"architect": {
17+
"build": {
18+
"builder": "@angular-devkit/build-angular:browser",
19+
"options": {
20+
"outputPath": "dist/finjs",
21+
"index": "src/index.html",
22+
"main": "src/main.ts",
23+
"polyfills": "src/polyfills.ts",
24+
"tsConfig": "tsconfig.app.json",
25+
"aot": false,
26+
"assets": [
27+
"src/favicon.ico",
28+
"src/assets"
29+
],
30+
"styles": [
31+
"src/styles.scss"
32+
],
33+
"scripts": ["./node_modules/hammerjs/hammer.min.js"],
34+
"es5BrowserSupport": true
35+
},
36+
"configurations": {
37+
"es5": {
38+
"tsConfig": "tsconfig-es5.app.json"
39+
},
40+
"production": {
41+
"fileReplacements": [
42+
{
43+
"replace": "src/environments/environment.ts",
44+
"with": "src/environments/environment.prod.ts"
45+
}
46+
],
47+
"optimization": true,
48+
"outputHashing": "all",
49+
"sourceMap": false,
50+
"extractCss": true,
51+
"namedChunks": false,
52+
"aot": true,
53+
"extractLicenses": true,
54+
"vendorChunk": false,
55+
"buildOptimizer": true,
56+
"budgets": [
57+
{
58+
"type": "initial",
59+
"maximumWarning": "2mb",
60+
"maximumError": "5mb"
61+
}
62+
]
63+
}
64+
}
65+
},
66+
"serve": {
67+
"builder": "@angular-devkit/build-angular:dev-server",
68+
"options": {
69+
"browserTarget": "finjs:build"
70+
},
71+
"configurations": {
72+
"production": {
73+
"browserTarget": "finjs:build:production"
74+
},
75+
"es5": {
76+
"browserTarget": "finjs:build:es5"
77+
}
78+
}
79+
},
80+
"extract-i18n": {
81+
"builder": "@angular-devkit/build-angular:extract-i18n",
82+
"options": {
83+
"browserTarget": "finjs:build"
84+
}
85+
},
86+
"test": {
87+
"builder": "@angular-devkit/build-angular:karma",
88+
"options": {
89+
"main": "src/test.ts",
90+
"polyfills": "src/polyfills.ts",
91+
"tsConfig": "tsconfig.spec.json",
92+
"karmaConfig": "karma.conf.js",
93+
"styles": [
94+
"src/styles.scss"
95+
],
96+
"scripts": ["./node_modules/hammerjs/hammer.min.js"],
97+
"assets": [
98+
"src/favicon.ico",
99+
"src/assets"
100+
]
101+
}
102+
},
103+
"lint": {
104+
"builder": "@angular-devkit/build-angular:tslint",
105+
"options": {
106+
"tsConfig": [
107+
"tsconfig.app.json",
108+
"tsconfig.spec.json",
109+
"e2e/tsconfig.json"
110+
],
111+
"exclude": [
112+
"**/node_modules/**"
113+
]
114+
}
115+
},
116+
"e2e": {
117+
"builder": "@angular-devkit/build-angular:protractor",
118+
"options": {
119+
"protractorConfig": "e2e/protractor.conf.js",
120+
"devServerTarget": "finjs:serve"
121+
},
122+
"configurations": {
123+
"production": {
124+
"devServerTarget": "finjs:serve:production"
125+
}
126+
}
127+
}
128+
}
129+
}
130+
},
131+
"defaultProject": "finjs"
132+
}

‎TreeGrid/FinJS/browserslist

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
2+
# For additional information regarding the format and rule options, please see:
3+
# https://github.com/browserslist/browserslist#queries
4+
5+
# You can see what browsers were selected by your queries by running:
6+
# npx browserslist
7+
8+
> 0.5%
9+
last 2 versions
10+
Firefox ESR
11+
not dead
12+
IE 9-11 # For IE 9-11 support, remove 'not'.

‎TreeGrid/FinJS/e2e/protractor.conf.js

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
// @ts-check
2+
// Protractor configuration file, see link for more information
3+
// https://github.com/angular/protractor/blob/master/lib/config.ts
4+
5+
const { SpecReporter } = require('jasmine-spec-reporter');
6+
7+
/**
8+
* @type { import("protractor").Config }
9+
*/
10+
exports.config = {
11+
allScriptsTimeout: 11000,
12+
specs: [
13+
'./src/**/*.e2e-spec.ts'
14+
],
15+
capabilities: {
16+
'browserName': 'chrome'
17+
},
18+
directConnect: true,
19+
baseUrl: 'http://localhost:4200/',
20+
framework: 'jasmine',
21+
jasmineNodeOpts: {
22+
showColors: true,
23+
defaultTimeoutInterval: 30000,
24+
print: function() {}
25+
},
26+
onPrepare() {
27+
require('ts-node').register({
28+
project: require('path').join(__dirname, './tsconfig.json')
29+
});
30+
jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
31+
}
32+
};

‎TreeGrid/FinJS/e2e/src/app.e2e-spec.ts

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { AppPage } from './app.po';
2+
3+
describe('FinJS App', () => {
4+
let page: AppPage;
5+
6+
beforeEach(() => {
7+
page = new AppPage();
8+
});
9+
10+
it('should display project name in navigation', () => {
11+
page.navigateTo();
12+
expect(page.getNavText()).toEqual('FinJS');
13+
});
14+
15+
it('should display welcome message', () => {
16+
page.navigateTo();
17+
expect(page.getWelcomeText()).toEqual('Welcome to Ignite UI for Angular!');
18+
});
19+
});

‎TreeGrid/FinJS/e2e/src/app.po.ts

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import { browser, by, element } from 'protractor';
2+
3+
export class AppPage {
4+
navigateTo() {
5+
return browser.get('/');
6+
}
7+
8+
getNavText() {
9+
return element(by.css('app-root h1')).getText();
10+
}
11+
12+
getWelcomeText() {
13+
return element(by.css('app-home h1')).getText();
14+
}
15+
}

‎TreeGrid/FinJS/e2e/tsconfig.json

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
{
2+
"extends": "../tsconfig.json",
3+
"compilerOptions": {
4+
"outDir": "../out-tsc/app",
5+
"module": "commonjs",
6+
"target": "es5",
7+
"types": [
8+
"jasmine",
9+
"jasminewd2",
10+
"node"
11+
]
12+
}
13+
}

‎TreeGrid/FinJS/ignite-ui-cli.json

+34
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
{
2+
"igPackageRegistry": "https://packages.infragistics.com/npm/js-licensed/",
3+
"customTemplates": [],
4+
"skipGit": false,
5+
"skipAnalytic": false,
6+
"stepByStep": {
7+
"frameworks": [
8+
"angular"
9+
],
10+
"angular": {
11+
"projTypes": [
12+
"igx-ts"
13+
]
14+
}
15+
},
16+
"version": "4.2.3",
17+
"project": {
18+
"defaultPort": 4200,
19+
"framework": "angular",
20+
"projectType": "igx-ts",
21+
"projectTemplate": "empty-project",
22+
"theme": "Custom",
23+
"themePath": "$(themePath)",
24+
"isBundle": false,
25+
"bundleFilePath": "",
26+
"igniteuiSource": "",
27+
"components": [],
28+
"sourceFiles": [],
29+
"isShowcase": false,
30+
"version": ""
31+
},
32+
"build": {},
33+
"packagesInstalled": true
34+
}

0 commit comments

Comments
 (0)