Skip to content

Commit 88c47a6

Browse files
bmarkovbmarkov
authored
Merge pull request #11 from SvetoslavjQWidgets/master
2 parents 2967c3e + 925259a commit 88c47a6

File tree

6,743 files changed

+392305
-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.

6,743 files changed

+392305
-0
lines changed

‎demos/README.txt

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
React Demos:
2+
3+
Project: 'demos' folder.
4+
index.js: - Set the build sample from it
5+
Demo source code: source folder
6+
Demo output: dist folder
7+
8+
Properties:
9+
10+
Set as camelCase properties dataSource instead of data-source.
11+
selectedIndexes={[0]} for setting array props.
12+
value={50} for setting numeric props
13+
disabled for setting boolean props
14+
placeHolder="My placeholder" for setting string props.
15+
columns={this.columns} for setting object props.
16+
17+
ReactDOM.render to dynamically render component.
18+
onChange={this.handleChange} for binding to events in the template.
19+
20+
ref - ref is like id.
21+
22+
Ex: <div ref="myDiv">
23+
24+
In componendDidMount() you can access it like that:
25+
26+
const myDiv = this.refs.myDiv;
27+
28+
29+
Components: CamelCase names.
30+
31+
Run a demo:
32+
33+
1. Edit index.js in the "demos" folder.
34+
2. Run npm start from command promp.
35+
3. Open the demo with a web server.
36+
37+
For debug
38+
39+
Build only, if you see an error after npm start:
40+
41+
npm run build
42+
43+
Outputs useful information about the errors.
44+
From dev tools you can debug App.jsx as it is not minified.
45+

‎demos/copy.js

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
// include fs-extra package
2+
var fs = require("fs-extra");
3+
4+
var source = '../smart-angular/react-library/dist'
5+
var destination = './node_modules/smart-webcomponents-react/'
6+
7+
// copy source folder to destination
8+
fs.copy(source, destination, function (err) {
9+
if (err){
10+
console.log('An error occured while copying the folder.')
11+
return console.error(err)
12+
}
13+
console.log('Copy completed!')
14+
});
15+
16+
source = '../smart-angular/react-library/index.d.ts'
17+
destination = './node_modules/smart-webcomponents-react/index.d.ts'
18+
19+
// copy source folder to destination
20+
fs.copyFile(source, destination, function (err) {
21+
if (err){
22+
console.log('An error occured while copying the folder.')
23+
return console.error(err)
24+
}
25+
console.log('Copy index.d.ts completed!')
26+
});

‎demos/demos/3d-chart/100-stacked-area-series/index.htm

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
2+
<!DOCTYPE html><html lang="en"><head><base href="./../../../dist/3d-chart/100-stacked-area-series/"><title>React 3d-chart 100-stacked-area-series | 3d-chart | Smart UI for ReactJS</title><meta charset="utf-8"><link rel="shortcut icon" href="./favicon.ico"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#000000"><meta name="description" content="Web site created using create-react-app"><link rel="stylesheet" href="../../../node_modules/smart-webcomponents-react/source/styles/smart.default.css"><style>body{position:relative}body,html{min-height:800px}#root{display:block;width:100%;height:100%;overflow:visible;min-height:800px;box-sizing:border-box}</style><link rel="apple-touch-icon" href="logo192.png"><link rel="manifest" href="./manifest.json"><title>React App</title><link href="./static/css/main.0f4fc3c8.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

‎demos/demos/3d-chart/100-stacked-area-series/index.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
2+
<!DOCTYPE html><html lang="en"><head><base href="./../../../dist/3d-chart/100-stacked-area-series/"><title>React 3D Chart 100 Stacked Area Series | 3D Chart | Smart UI for ReactJS</title><meta charset="utf-8"><link rel="shortcut icon" href="./favicon.ico"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#000000"><meta name="description" content="Web site created using create-react-app"><link rel="stylesheet" href="../../../node_modules/smart-webcomponents-react/source/styles/smart.default.css"><style>body{position:relative}body,html{min-height:800px}#root{display:block;width:100%;height:100%;overflow:visible;min-height:800px;box-sizing:border-box}</style><link rel="apple-touch-icon" href="logo192.png"><link rel="manifest" href="./manifest.json"><title>React App</title><link href="./static/css/main.0f4fc3c8.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

‎demos/demos/3d-chart/100-stacked-area-series/index.php

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<?php
2+
$description = 'Smart 3d-chart for React 100-stacked-area-series example. React 3d-chart UI.';
3+
$keywords = '3d-chart';
4+
$title = 'Smart 3d-chart for React | 3d-chart | Smart UI for React';
5+
$path = isset($isRoot) ? '../../../' : '../../../../demos/';
6+
$base = '../../../../demos/';
7+
$infobase = '../../../../demos/';
8+
$demo = '../../../../demos/3d-chart/100-stacked-area-series';
9+
?>
10+
<?php include($path . 'single-demo-template.php'); ?>

‎demos/demos/3d-chart/100-stacked-column-series/index.htm

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
2+
<!DOCTYPE html><html lang="en"><head><base href="./../../../dist/3d-chart/100-stacked-column-series/"><title>React 3d-chart 100-stacked-column-series | 3d-chart | Smart UI for ReactJS</title><meta charset="utf-8"><link rel="shortcut icon" href="./favicon.ico"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#000000"><meta name="description" content="Web site created using create-react-app"><link rel="stylesheet" href="../../../node_modules/smart-webcomponents-react/source/styles/smart.default.css"><style>body{position:relative}body,html{min-height:800px}#root{display:block;width:100%;height:100%;overflow:visible;min-height:800px;box-sizing:border-box}</style><link rel="apple-touch-icon" href="logo192.png"><link rel="manifest" href="./manifest.json"><title>React App</title><link href="./static/css/main.0f4fc3c8.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

‎demos/demos/3d-chart/100-stacked-column-series/index.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
2+
<!DOCTYPE html><html lang="en"><head><base href="./../../../dist/3d-chart/100-stacked-column-series/"><title>React 3D Chart 100 Stacked Column Series | 3D Chart | Smart UI for ReactJS</title><meta charset="utf-8"><link rel="shortcut icon" href="./favicon.ico"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#000000"><meta name="description" content="Web site created using create-react-app"><link rel="stylesheet" href="../../../node_modules/smart-webcomponents-react/source/styles/smart.default.css"><style>body{position:relative}body,html{min-height:800px}#root{display:block;width:100%;height:100%;overflow:visible;min-height:800px;box-sizing:border-box}</style><link rel="apple-touch-icon" href="logo192.png"><link rel="manifest" href="./manifest.json"><title>React App</title><link href="./static/css/main.0f4fc3c8.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

‎demos/demos/3d-chart/100-stacked-column-series/index.php

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<?php
2+
$description = 'Smart 3d-chart for React 100-stacked-column-series example. React 3d-chart UI.';
3+
$keywords = '3d-chart';
4+
$title = 'Smart 3d-chart for React | 3d-chart | Smart UI for React';
5+
$path = isset($isRoot) ? '../../../' : '../../../../demos/';
6+
$base = '../../../../demos/';
7+
$infobase = '../../../../demos/';
8+
$demo = '../../../../demos/3d-chart/100-stacked-column-series';
9+
?>
10+
<?php include($path . 'single-demo-template.php'); ?>

‎demos/demos/3d-chart/100-stacked-line-series/index.htm

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
2+
<!DOCTYPE html><html lang="en"><head><base href="./../../../dist/3d-chart/100-stacked-line-series/"><title>React 3d-chart 100-stacked-line-series | 3d-chart | Smart UI for ReactJS</title><meta charset="utf-8"><link rel="shortcut icon" href="./favicon.ico"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#000000"><meta name="description" content="Web site created using create-react-app"><link rel="stylesheet" href="../../../node_modules/smart-webcomponents-react/source/styles/smart.default.css"><style>body{position:relative}body,html{min-height:800px}#root{display:block;width:100%;height:100%;overflow:visible;min-height:800px;box-sizing:border-box}</style><link rel="apple-touch-icon" href="logo192.png"><link rel="manifest" href="./manifest.json"><title>React App</title><link href="./static/css/main.0f4fc3c8.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

‎demos/demos/3d-chart/100-stacked-line-series/index.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
2+
<!DOCTYPE html><html lang="en"><head><base href="./../../../dist/3d-chart/100-stacked-line-series/"><title>React 3D Chart 100 Stacked Line Series | 3D Chart | Smart UI for ReactJS</title><meta charset="utf-8"><link rel="shortcut icon" href="./favicon.ico"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#000000"><meta name="description" content="Web site created using create-react-app"><link rel="stylesheet" href="../../../node_modules/smart-webcomponents-react/source/styles/smart.default.css"><style>body{position:relative}body,html{min-height:800px}#root{display:block;width:100%;height:100%;overflow:visible;min-height:800px;box-sizing:border-box}</style><link rel="apple-touch-icon" href="logo192.png"><link rel="manifest" href="./manifest.json"><title>React App</title><link href="./static/css/main.0f4fc3c8.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

0 commit comments

Comments
 (0)