Skip to content

Commit 520e82f

Browse files
HUSSAR-mtrelaHUSSAR-mtrela
authored
Merge pull request #60 from IgniteUI/mt-export-xplat
exported latest xplat samples
2 parents 01c89a2 + 098220c commit 520e82f

Some content is hidden

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

58 files changed

+1328
-149
lines changed

‎samples/charts/category-chart/annotations-all/src/app.component.html

+2-6
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
primitiveValue="BrightenSpecific">
2424
</igx-property-editor-property-description>
2525
<igx-property-editor-property-description
26-
propertyPath="CalloutsVisible"
26+
propertyPath="AutoCalloutsVisible"
2727
name="CalloutsVisibleEditor"
2828
#calloutsVisibleEditor
2929
label="Callouts: "
@@ -53,11 +53,7 @@
5353
isVerticalZoomEnabled="false"
5454
includedProperties="month, temperature"
5555
[dataSource]="temperatureAnnotatedData"
56-
[calloutsDataSource]="temperatureAnnotatedData"
57-
calloutsVisible="true"
58-
calloutsXMemberPath="index"
59-
calloutsYMemberPath="temperature"
60-
calloutsLabelMemberPath="tempInfo"
56+
autoCalloutsVisible="true"
6157
isCategoryHighlightingEnabled="true"
6258
highlightingMode="BrightenSpecific"
6359
highlightingBehavior="NearestItemsAndSeries"

‎samples/charts/category-chart/annotations-callouts/src/app.component.html

+3-6
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
isHorizontal="true"
1010
isWrappingEnabled="true">
1111
<igx-property-editor-property-description
12-
propertyPath="CalloutsVisible"
12+
propertyPath="AutoCalloutsVisible"
1313
name="CalloutsVisibleEditor"
1414
#calloutsVisibleEditor
1515
label="Callouts Visible"
@@ -31,13 +31,10 @@
3131
isVerticalZoomEnabled="false"
3232
includedProperties="month, temperature"
3333
[dataSource]="temperatureAnnotatedData"
34-
[calloutsDataSource]="temperatureAnnotatedData"
35-
calloutsVisible="true"
36-
calloutsXMemberPath="index"
37-
calloutsYMemberPath="temperature"
38-
calloutsLabelMemberPath="tempInfo"
34+
autoCalloutsVisible="true"
3935
crosshairsAnnotationYAxisPrecision="0"
4036
yAxisMaximumValue="35"
37+
yAxisTitle="Degrees Celsius"
4138
yAxisLabelLocation="OutsideRight">
4239
</igx-category-chart>
4340
</div>

‎samples/charts/category-chart/annotations-custom/.stackblitzrc

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"installDependencies":true,"startCommand":"turbo start","env":{"ENABLE_CJS_IMPORTS":true}}

‎samples/charts/category-chart/annotations-custom/angular.json

+103
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
{
2+
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3+
"version": 1,
4+
"newProjectRoot": "projects",
5+
"projects": {
6+
"demo": {
7+
"root": "",
8+
"sourceRoot": "src",
9+
"projectType": "application",
10+
"architect": {
11+
"build": {
12+
"builder": "@angular-devkit/build-angular:browser",
13+
"options": {
14+
"outputPath": "dist/demo",
15+
"index": "src/index.html",
16+
"main": "src/main.ts",
17+
"polyfills": "src/polyfills.ts",
18+
"tsConfig": "src/config/tsconfig.app.json",
19+
"assets": [
20+
"src/assets"
21+
],
22+
"styles": [
23+
"src/styles.scss"
24+
],
25+
"scripts": []
26+
},
27+
"configurations": {
28+
"production": {
29+
"fileReplacements": [
30+
{
31+
"replace": "src/environments/environment.ts",
32+
"with": "src/environments/environment.prod.ts"
33+
}
34+
],
35+
"optimization": true,
36+
"outputHashing": "all",
37+
"sourceMap": false,
38+
"namedChunks": false,
39+
"aot": true,
40+
"extractLicenses": true,
41+
"vendorChunk": false,
42+
"buildOptimizer": true
43+
}
44+
}
45+
},
46+
"serve": {
47+
"builder": "@angular-devkit/build-angular:dev-server",
48+
"options": {
49+
"browserTarget": "demo:build"
50+
},
51+
"configurations": {
52+
"production": {
53+
"browserTarget": "demo:build:production"
54+
}
55+
}
56+
},
57+
"extract-i18n": {
58+
"builder": "@angular-devkit/build-angular:extract-i18n",
59+
"options": {
60+
"browserTarget": "demo:build"
61+
}
62+
},
63+
"test": {
64+
"builder": "@angular-devkit/build-angular:karma",
65+
"options": {
66+
"main": "src/test.ts",
67+
"polyfills": "src/polyfills.ts",
68+
"tsConfig": "src/config/tsconfig.spec.json",
69+
"karmaConfig": "src/config/karma.conf.js",
70+
"styles": [
71+
"styles.css"
72+
],
73+
"scripts": [],
74+
"assets": [
75+
"src/assets"
76+
]
77+
}
78+
},
79+
"lint": {
80+
"builder": "@angular-devkit/build-angular:tslint",
81+
"options": {
82+
"tsConfig": [
83+
"src/config/tsconfig.app.json",
84+
"src/config/tsconfig.spec.json"
85+
],
86+
"exclude": [
87+
"**/node_modules/**"
88+
]
89+
}
90+
}
91+
}
92+
}
93+
},
94+
"schematics": {
95+
"@schematics/angular:component": {
96+
"prefix": "app",
97+
"styleext": "scss"
98+
},
99+
"@schematics/angular:directive": {
100+
"prefix": "app"
101+
}
102+
}
103+
}

‎samples/charts/category-chart/annotations-custom/package.json

+47
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
{
2+
"scripts": {
3+
"ng": "ng",
4+
"update": "ng update",
5+
"start": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng serve -o",
6+
"build": "node --max_old_space_size=12192 node_modules/@angular/cli/bin/ng build --configuration production",
7+
"lint": "ng lint"
8+
},
9+
"dependencies": {
10+
"@angular/animations": "16.0.1",
11+
"@angular/common": "16.0.1",
12+
"@angular/compiler": "16.0.1",
13+
"@angular/core": "16.0.1",
14+
"@angular/forms": "16.0.1",
15+
"@angular/platform-browser": "16.0.1",
16+
"@angular/platform-browser-dynamic": "16.0.1",
17+
"@types/hammerjs": "2.0.39",
18+
"classlist.js": "1.1.20150312",
19+
"core-js": "3.21.0",
20+
"hammerjs": "2.0.8",
21+
"igniteui-angular-core": "16.1.0",
22+
"igniteui-angular-charts": "16.1.0",
23+
"igniteui-angular-layouts": "16.1.0",
24+
"igniteui-angular-inputs": "16.1.0",
25+
"igniteui-webcomponents": "4.3.0-beta.0",
26+
"intl": "1.2.5",
27+
"jszip": "3.7.1",
28+
"rxjs": "6.6.7",
29+
"tslib": "2.3.1",
30+
"web-animations-js": "2.3.2",
31+
"zone.js": "0.13.0"
32+
},
33+
"devDependencies": {
34+
"@angular-devkit/build-angular": "16.0.1",
35+
"@angular/cli": "16.0.1",
36+
"@angular/compiler-cli": "16.0.1",
37+
"@angular/language-service": "16.0.1",
38+
"@types/node": "14.14.28",
39+
"codelyzer": "6.0.2",
40+
"jasmine-core": "3.7.1",
41+
"jasmine-spec-reporter": "~4.2.1",
42+
"sass.js": "0.11.1",
43+
"ts-node": "9.1.1",
44+
"tslint": "~6.1.3",
45+
"typescript": "5.0.4"
46+
}
47+
}

‎samples/charts/category-chart/annotations-custom/sandbox.config.json

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"infiniteLoopProtection": false,
3+
"hardReloadOnChange": false,
4+
"view": "browser"
5+
}

‎samples/charts/category-chart/annotations-custom/src/TemperatureAnnotatedData.ts

+100
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
export class TemperatureAnnotatedDataItem {
2+
public constructor(init: Partial<TemperatureAnnotatedDataItem>) {
3+
Object.assign(this, init);
4+
}
5+
6+
public index: number;
7+
public tempInfo: string;
8+
public temperature: number;
9+
public month: string;
10+
11+
}
12+
export class TemperatureAnnotatedData extends Array<TemperatureAnnotatedDataItem> {
13+
public constructor() {
14+
super();
15+
this.push(new TemperatureAnnotatedDataItem(
16+
{
17+
index: 0,
18+
tempInfo: `27°C`,
19+
temperature: 27,
20+
month: `Jan`
21+
}));
22+
this.push(new TemperatureAnnotatedDataItem(
23+
{
24+
index: 1,
25+
tempInfo: `25°C`,
26+
temperature: 25,
27+
month: `Feb`
28+
}));
29+
this.push(new TemperatureAnnotatedDataItem(
30+
{
31+
index: 2,
32+
tempInfo: `21°C`,
33+
temperature: 21,
34+
month: `Mar`
35+
}));
36+
this.push(new TemperatureAnnotatedDataItem(
37+
{
38+
index: 3,
39+
tempInfo: `19°C`,
40+
temperature: 19,
41+
month: `Apr`
42+
}));
43+
this.push(new TemperatureAnnotatedDataItem(
44+
{
45+
index: 4,
46+
tempInfo: `16°C`,
47+
temperature: 16,
48+
month: `May`
49+
}));
50+
this.push(new TemperatureAnnotatedDataItem(
51+
{
52+
index: 5,
53+
tempInfo: `13°C`,
54+
temperature: 13,
55+
month: `Jun`
56+
}));
57+
this.push(new TemperatureAnnotatedDataItem(
58+
{
59+
index: 6,
60+
tempInfo: `14°C`,
61+
temperature: 14,
62+
month: `Jul`
63+
}));
64+
this.push(new TemperatureAnnotatedDataItem(
65+
{
66+
index: 7,
67+
tempInfo: `15°C`,
68+
temperature: 15,
69+
month: `Aug`
70+
}));
71+
this.push(new TemperatureAnnotatedDataItem(
72+
{
73+
index: 8,
74+
tempInfo: `19°C`,
75+
temperature: 19,
76+
month: `Sep`
77+
}));
78+
this.push(new TemperatureAnnotatedDataItem(
79+
{
80+
index: 9,
81+
tempInfo: `22°C`,
82+
temperature: 22,
83+
month: `Oct`
84+
}));
85+
this.push(new TemperatureAnnotatedDataItem(
86+
{
87+
index: 10,
88+
tempInfo: `26°C`,
89+
temperature: 26,
90+
month: `Nov`
91+
}));
92+
this.push(new TemperatureAnnotatedDataItem(
93+
{
94+
index: 11,
95+
tempInfo: `30°C`,
96+
temperature: 30,
97+
month: `Dec`
98+
}));
99+
}
100+
}

‎samples/charts/category-chart/annotations-custom/src/app.component.html

+44
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<div class="container vertical sample">
2+
<div class="options vertical">
3+
<igx-property-editor-panel
4+
name="PropertyEditor"
5+
#propertyEditor
6+
[componentRenderer]="renderer"
7+
[target]="chart"
8+
descriptionType="CategoryChart"
9+
isHorizontal="true"
10+
isWrappingEnabled="true">
11+
<igx-property-editor-property-description
12+
propertyPath="CalloutsVisible"
13+
name="CalloutsVisibleEditor"
14+
#calloutsVisibleEditor
15+
label="Callouts Visible"
16+
shouldOverrideDefaultEditor="true"
17+
primitiveValue="True">
18+
</igx-property-editor-property-description>
19+
</igx-property-editor-panel>
20+
</div>
21+
<div class="legend-title">
22+
Average Temperature in Sydney
23+
</div>
24+
<div class="container fill">
25+
<igx-category-chart
26+
name="chart"
27+
#chart
28+
chartType="Column"
29+
computedPlotAreaMarginMode="Series"
30+
isHorizontalZoomEnabled="false"
31+
isVerticalZoomEnabled="false"
32+
includedProperties="month, temperature"
33+
[dataSource]="temperatureAnnotatedData"
34+
crosshairsAnnotationYAxisPrecision="0"
35+
[calloutsDataSource]="temperatureAnnotatedData"
36+
calloutsVisible="true"
37+
calloutsXMemberPath="index"
38+
calloutsYMemberPath="temperature"
39+
calloutsLabelMemberPath="tempInfo"
40+
yAxisMaximumValue="35"
41+
yAxisLabelLocation="OutsideRight">
42+
</igx-category-chart>
43+
</div>
44+
</div>

‎samples/charts/category-chart/annotations-custom/src/app.component.scss

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
/* styles are loaded the Shared CSS file located at:
2+
https://static.infragistics.com/xplatform/css/samples/
3+
*/

0 commit comments

Comments
 (0)