Skip to content

Commit 3dec983

Browse files
ChronosSFChronosSF
authored
Merge pull request #729 from IgniteUI/ESShared/XPlaform_examples_igniteui-xplat-examples-output+PRs_2024.4.16.3
Changes from igniteui-xplat-examples-output+PRs_2024.4.16.3
2 parents bc3372c + a141f54 commit 3dec983

File tree

10 files changed

+1871
-0
lines changed

10 files changed

+1871
-0
lines changed

‎samples/grids/hierarchical-grid/action-strip/.prettierrc

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"printWidth": 250,
3+
"tabWidth": 4,
4+
"useTabs": false,
5+
"semi": true,
6+
"singleQuote": false,
7+
"trailingComma": "none",
8+
"bracketSpacing": true,
9+
"jsxBracketSameLine": false,
10+
"fluid": false
11+
}

‎samples/grids/hierarchical-grid/action-strip/index.html

+156
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,156 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Sample | Ignite UI | Web Components | infragistics</title>
5+
<meta charset="UTF-8" />
6+
7+
<link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/wc.png" >
8+
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
9+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit&display=swap" />
10+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium Web" />
11+
<link rel="stylesheet" href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" />
12+
<link rel="stylesheet" href="/src/index.css" type="text/css" />
13+
14+
</head>
15+
16+
<body>
17+
<div id="root">
18+
19+
<div class="container sample ig-typography">
20+
21+
<div class="container fill">
22+
<igc-hierarchical-grid
23+
auto-generate="false"
24+
primary-key="ID"
25+
row-editable="true"
26+
allow-filtering="true"
27+
name="hierarchicalGrid1"
28+
id="hierarchicalGrid1">
29+
<igc-action-strip
30+
name="actionStrip"
31+
id="actionStrip">
32+
<igc-grid-pinning-actions
33+
>
34+
</igc-grid-pinning-actions>
35+
<igc-grid-editing-actions
36+
edit-row="true"
37+
delete-row="true"
38+
add-row="true">
39+
</igc-grid-editing-actions>
40+
</igc-action-strip>
41+
<igc-column
42+
field="Artist"
43+
header="Artist"
44+
data-type="string"
45+
sortable="true">
46+
</igc-column>
47+
<igc-column
48+
field="Photo"
49+
header="Photo"
50+
data-type="image"
51+
sortable="true">
52+
</igc-column>
53+
<igc-column
54+
field="Debut"
55+
header="Debut"
56+
data-type="number"
57+
sortable="true">
58+
</igc-column>
59+
<igc-column
60+
field="GrammyNominations"
61+
header="Grammy Nominations"
62+
data-type="number"
63+
sortable="true">
64+
</igc-column>
65+
<igc-column
66+
field="GrammyAwards"
67+
header="Grammy Awards"
68+
data-type="number"
69+
sortable="true">
70+
</igc-column>
71+
<igc-row-island
72+
child-data-key="Albums"
73+
auto-generate="false">
74+
<igc-column
75+
field="Album"
76+
header="Album"
77+
data-type="string"
78+
sortable="true">
79+
</igc-column>
80+
<igc-column
81+
field="LaunchDate"
82+
header="Launch Date"
83+
data-type="date"
84+
sortable="true">
85+
</igc-column>
86+
<igc-column
87+
field="BillboardReview"
88+
header="Billboard Review"
89+
data-type="string"
90+
sortable="true">
91+
</igc-column>
92+
<igc-column
93+
field="USBillboard200"
94+
header="US Billboard 200"
95+
data-type="string"
96+
sortable="true">
97+
</igc-column>
98+
<igc-row-island
99+
child-data-key="Songs"
100+
auto-generate="false">
101+
<igc-column
102+
field="Number"
103+
header="No."
104+
data-type="string">
105+
</igc-column>
106+
<igc-column
107+
field="Title"
108+
header="Title"
109+
data-type="string">
110+
</igc-column>
111+
<igc-column
112+
field="Released"
113+
header="Released"
114+
data-type="date">
115+
</igc-column>
116+
<igc-column
117+
field="Genre"
118+
header="Genre"
119+
data-type="string">
120+
</igc-column>
121+
</igc-row-island>
122+
</igc-row-island>
123+
<igc-row-island
124+
child-data-key="Tours"
125+
auto-generate="false">
126+
<igc-column
127+
field="Tour"
128+
header="Tour"
129+
data-type="string">
130+
</igc-column>
131+
<igc-column
132+
field="StartedOn"
133+
header="Started on"
134+
data-type="string">
135+
</igc-column>
136+
<igc-column
137+
field="Location"
138+
header="Location"
139+
data-type="string">
140+
</igc-column>
141+
<igc-column
142+
field="Headliner"
143+
header="Headliner"
144+
data-type="string">
145+
</igc-column>
146+
</igc-row-island>
147+
</igc-hierarchical-grid>
148+
</div>
149+
</div>
150+
151+
</div>
152+
153+
<!-- This script is needed only for parcel and it will be excluded for webpack -->
154+
<% if (false) { %><script src="src/index.ts"></script><% } %>
155+
</body>
156+
</html>

‎samples/grids/hierarchical-grid/action-strip/package.json

+62
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
{
2+
"name": "example-ignite-ui-web-components",
3+
"description": "This project provides example of using Ignite UI for Web Components",
4+
"author": "Infragistics",
5+
"version": "1.0.0",
6+
"license": "",
7+
"private": true,
8+
"homepage": ".",
9+
"main": "src/index.ts",
10+
"scripts": {
11+
"build": "npm run build:prod",
12+
"build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details",
13+
"build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail",
14+
"serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open",
15+
"serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/",
16+
"start": "npm run serve:dev",
17+
"build:legacy": "npm run build:prod:legacy",
18+
"build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details",
19+
"build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail",
20+
"serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open",
21+
"serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/",
22+
"start:legacy": "npm run serve:dev:legacy"
23+
},
24+
"dependencies": {
25+
"@webcomponents/custom-elements": "^1.4.1",
26+
"@webcomponents/template": "^1.4.2",
27+
"babel-runtime": "^6.26.0",
28+
"core-js": "^3.6.5",
29+
"igniteui-webcomponents-core": "4.8.0",
30+
"igniteui-webcomponents-grids": "4.8.0",
31+
"igniteui-webcomponents-inputs": "4.8.0",
32+
"igniteui-webcomponents-layouts": "4.8.0",
33+
"lit-html": "^2.2.0",
34+
"tslib": "^2.0.0"
35+
},
36+
"devDependencies": {
37+
"@babel/cli": "^7.8.3",
38+
"@babel/core": "^7.8.3",
39+
"@babel/plugin-proposal-class-properties": "^7.8.3",
40+
"@babel/plugin-transform-runtime": "^7.10.0",
41+
"@babel/preset-env": "^7.8.3",
42+
"@babel/preset-typescript": "^7.8.3",
43+
"@types/source-map": "^0.5.7",
44+
"babel-loader": "^8.1.0",
45+
"babel-plugin-transform-custom-element-classes": "^0.1.0",
46+
"css-loader": "^1.0.0",
47+
"csv-loader": "^3.0.2",
48+
"file-loader": "^4.2.0",
49+
"fork-ts-checker-webpack-plugin": "^4.1.5",
50+
"html-webpack-plugin": "^4.3.0",
51+
"parcel-bundler": "^1.6.1",
52+
"source-map": "^0.7.3",
53+
"style-loader": "^0.22.1",
54+
"tsconfig-paths-webpack-plugin": "^4.0.0",
55+
"typescript": "^4.4.4",
56+
"webpack": "^5.74.0",
57+
"webpack-cli": "^4.10.0",
58+
"webpack-dev-server": "^4.11.1",
59+
"worker-loader": "^3.0.8",
60+
"xml-loader": "^1.2.1"
61+
}
62+
}

‎samples/grids/hierarchical-grid/action-strip/sandbox.config.json

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

0 commit comments

Comments
 (0)