Skip to content

Commit 6a23c03

Browse files
Added First Organizational Chart Sample
1 parent f1a19b3 commit 6a23c03

File tree

140 files changed

+27727
-0
lines changed

Some content is hidden

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

140 files changed

+27727
-0
lines changed

.editorconfig

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
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+
[*.ts]
12+
quote_type = single
13+
14+
[*.md]
15+
max_line_length = off
16+
trim_trailing_whitespace = false

README.md

+30
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,32 @@
1+
2+
13
# The future home of the Basic Primitives for Angular 13
24
Basic Primitives Diagrams for Angular. Data visualization components library that implements organizational chart and multi-parent dependency diagrams.
5+
6+
## Library Build
7+
8+
Run `ng build basic-primitives --watch` to build library.
9+
10+
## Development server
11+
12+
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
13+
14+
## Code scaffolding
15+
16+
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
17+
18+
## Build
19+
20+
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
21+
22+
## Running unit tests
23+
24+
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
25+
26+
## Running end-to-end tests
27+
28+
Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
29+
30+
## Further help
31+
32+
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

angular.json

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

buildlog.md

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
Create empty angular workspace
2+
```
3+
ng new angular --no-create-application
4+
```
5+
6+
Add basic-primitives library project
7+
```
8+
cd angular
9+
ng generate library basic-primitives
10+
```
11+
12+
Rename package name to `basicprimitivesangular`
13+
14+
Build basic-primitives library
15+
16+
```
17+
ng build basic-primitives
18+
```
19+
20+
Build and watch basic-primitives library
21+
22+
```
23+
ng build basic-primitives --watch
24+
```
25+
26+
Add samples project
27+
28+
```
29+
ng generate application samples
30+
```
31+
32+
Serve samples application
33+
34+
```
35+
ng serve
36+
```
37+
38+
Add `org-diagram` component to `basic-primitives` library
39+
```
40+
ng generate component org-diagram --project=basic-primitives
41+
```
42+
43+
Add `org-config` configuration class to `basic-primitives` library
44+
45+
```
46+
ng generate class configs/org-config --project=basic-primitives --skip-tests
47+
```
48+
49+
Add First Organizational Chart Component to Samples
50+
51+
```
52+
ng generate component first-organizational-chart --project=samples
53+
```

0 commit comments

Comments
 (0)