Skip to content

Commit 375c004

Browse files
kumaresan-subramanikumaresan-subramani
authored
Update ReadMe.md
Updated how to serve application
1 parent bd5a863 commit 375c004

File tree

1 file changed

+11
-320
lines changed

1 file changed

+11
-320
lines changed

‎ReadMe.md

Lines changed: 11 additions & 320 deletions
Original file line numberDiff line numberDiff line change
@@ -1,331 +1,22 @@
1-
# Syncfusion Angular UI Components samples
1+
# Ej2AngularSamples
22

3-
This repository contains the demos of [Syncfusion Angular UI Components](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github&utm_campaign=ej2-angular-samples). This is the best place to check our components to get more insight about the usage of APIs.
3+
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.2.1.
44

5-
This section guides you to use the Syncfusion Angular UI Components samples in your applications.
5+
## Run your Sample Browser
66

7-
* [Requirements to run the demo](#requirements-to-run-the-demo)
8-
* [Documentation](#documentation)
9-
* [License](#license)
10-
* [Using the samples](#using-the-samples)
11-
* [Components Catalog](#components-catalog)
12-
* [Support and Feedback](#support-and-feedback)
137

14-
## Requirements to run the demo
8+
### Development server
159

16-
The samples requires the below requirements to run.
10+
Run `npm run ship-source` for to update latest styles and stackb sample source.
1711

18-
* [Node.js](https://nodejs.org/en/)
12+
Then run `npm run start` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
1913

20-
## Documentation
14+
### Production server
2115

22-
All components documentation for the Syncfusion Angular UI components can be found on [Syncfusion Help](https://ej2.syncfusion.com/angular/documentation/?utm_source=github&utm_medium=listing&utm_campaign=ej2-angular-samples). All API documentation can be found at the [API Reference](https://ej2.syncfusion.com/angular/documentation/api?utm_source=github&utm_medium=listing&utm_campaign=ej2-angular-samples).
16+
Run `npm run ship-source` for to update latest styles and stackb sample source.
2317

24-
## License
18+
Then run `npm run start:prod` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
2519

26-
Syncfusion Angular UI (Essential JS 2) components library is available under the Syncfusion Essential Studio program, and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
20+
### Build
2721

28-
To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions.
29-
30-
Customers who do not qualify for the community license can contact [email protected] for commercial licensing options.
31-
32-
Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions.
33-
34-
The Syncfusion license that contains the terms and conditions can be found at
35-
[https://www.syncfusion.com/content/downloads/syncfusion_license.pdf](https://www.syncfusion.com/content/downloads/syncfusion_license.pdf)
36-
37-
## Using the samples
38-
39-
### Installing
40-
41-
To install all dependent packages, use the below command
42-
43-
```bash
44-
npm install
45-
```
46-
47-
### Building
48-
49-
To compile the source files, use the below command
50-
51-
```bash
52-
npm run build
53-
```
54-
55-
### Running
56-
57-
To run the samples, use the below command
58-
59-
```bash
60-
npm run serve
61-
```
62-
63-
## Components Catalog
64-
65-
<table>
66-
<tr>
67-
<td colspan="3" rowspan="1">
68-
<b>GRIDS<b>
69-
</td>
70-
</tr>
71-
<tr>
72-
<td>
73-
<a href="src/grid">DataGrid</a>
74-
</td>
75-
<td>
76-
<a href="src/pivot-view">Pivot Table (Preview)</a>
77-
</td>
78-
<td></td>
79-
</tr>
80-
<tr>
81-
<td colspan="3" rowspan="1">
82-
<b>DATA VISUALIZATION<b>
83-
</td>
84-
</tr>
85-
<tr>
86-
<td>
87-
<a href="src/chart">Charts</a>
88-
</td>
89-
<td>
90-
<a href="src/circular-gauge">Circular Gauge</a>
91-
</td>
92-
<td>
93-
<a href="src/linear-gauge">Linear Gauge</a>
94-
</td>
95-
</tr>
96-
<tr>
97-
<td>
98-
<a href="src/diagram">Diagram (Preview)</a>
99-
</td>
100-
<td>
101-
<a href="src/heatmap">Heatmap chart</a>
102-
</td>
103-
<td>
104-
<a href="src/maps">Maps</a>
105-
</td>
106-
</tr>
107-
<tr>
108-
<td>
109-
<a href="src/range-navigator">Range Selector</a>
110-
</td>
111-
<td>
112-
<a href="src/smith-chart">Smith Chart</a>
113-
</td>
114-
<td>
115-
<a href="src/sparkline">Sparkline Charts</a>
116-
</td>
117-
</tr>
118-
<tr>
119-
<td>
120-
<a href="src/treemap">TreeMap</a>
121-
</td>
122-
<td></td>
123-
<td></td>
124-
</tr>
125-
<tr>
126-
<td colspan="3" rowspan="1">
127-
<b>EDITORS<b>
128-
</td>
129-
</tr>
130-
<tr>
131-
<td>
132-
<a href="src/rte">Rich Text Editor (Preview)</a>
133-
</td>
134-
<td>
135-
<a href="src/document-editor">Word Processor (Preview)</a>
136-
</td>
137-
<td></td>
138-
</tr>
139-
<tr>
140-
<td colspan="3" rowspan="1">
141-
<b>CALENDARS<b>
142-
</td>
143-
</tr>
144-
<tr>
145-
<td>
146-
<a href="src/schedule">Scheduler</a>
147-
</td>
148-
<td>
149-
<a href="src/calendar">Calendar</a>
150-
</td>
151-
<td>
152-
<a href="src/date-picker">DatePicker</a>
153-
</td>
154-
</tr>
155-
<tr>
156-
<td>
157-
<a href="src/date-range-picker">Date Range Picker</a>
158-
</td>
159-
<td>
160-
<a href="src/date-time-picker">DateTime Picker</a>
161-
</td>
162-
<td>
163-
<a href="src/time-picker">Time Picker</a>
164-
</td>
165-
</tr>
166-
<tr>
167-
<td colspan="3" rowspan="1">
168-
<b>BUTTONS<b>
169-
</td>
170-
</tr>
171-
<tr>
172-
<td>
173-
<a href="src/button">Button</a>
174-
</td>
175-
<td>
176-
<a href="src/button/button-group.component.ts">Button Group</a>
177-
</td>
178-
<td>
179-
<a href="src/button/drop-down-button.component.ts">Dropdown Menu</a>
180-
</td>
181-
</tr>
182-
<tr>
183-
<td>
184-
<a href="src/button/progress-button.component.ts">Progress Button (Preview)</a>
185-
</td>
186-
<td>
187-
<a href="src/button/split-button.component.ts">Split Button</a>
188-
</td>
189-
<td></td>
190-
</tr>
191-
<tr>
192-
<td colspan="3" rowspan="1">
193-
<b>DROPDOWNS<b>
194-
</td>
195-
</tr>
196-
<tr>
197-
<td>
198-
<a href="src/auto-complete">AutoComplete</a>
199-
</td>
200-
<td>
201-
<a href="src/combo-box">ComboBox</a>
202-
</td>
203-
<td>
204-
<a href="src/drop-down-list">Dropdown List</a>
205-
</td>
206-
</tr>
207-
<tr>
208-
<td>
209-
<a href="src/multi-select">MultiSelect Dropdown</a>
210-
</td>
211-
<td></td>
212-
<td></td>
213-
</tr>
214-
<tr>
215-
<td colspan="3" rowspan="1">
216-
<b>NAVIGATION<b>
217-
</td>
218-
</tr>
219-
<tr>
220-
<td>
221-
<a href="src/accordion">Accordion</a>
222-
</td>
223-
<td>
224-
<a href="src/context-menu">Context Menu</a>
225-
</td>
226-
<td>
227-
<a href="src/menu">Menu Bar (Preview)</a>
228-
</td>
229-
</tr>
230-
<tr>
231-
<td>
232-
<a href="src/sidebar">Sidebar</a>
233-
</td>
234-
<td>
235-
<a href="src/tab">Tabs</a>
236-
</td>
237-
<td>
238-
<a href="src/toolbar">Toolbar</a>
239-
</td>
240-
</tr>
241-
<tr>
242-
<td>
243-
<a href="src/treeview">TreeView</a>
244-
</td>
245-
<td></td>
246-
<td></td>
247-
</tr>
248-
<tr>
249-
<td colspan="3" rowspan="1">
250-
<b>INPUTS<b>
251-
</td>
252-
</tr>
253-
<tr>
254-
<td>
255-
<a href="src/textboxes">TextBox</a>
256-
</td>
257-
<td>
258-
<a href="src/maskedtextbox">Input Mask</a>
259-
</td>
260-
<td>
261-
<a href="src/numerictextbox">Numeric Textbox</a>
262-
</td>
263-
</tr>
264-
<tr>
265-
<td>
266-
<a href="src/button/radio-button.component.ts">Radio Button</a>
267-
</td>
268-
<td>
269-
<a href="src/button/check-box.component.ts">Checkbox</a>
270-
</td>
271-
<td>
272-
<a href="src/color-picker">Color Picker</a>
273-
</td>
274-
</tr>
275-
<tr>
276-
<td>
277-
<a href="src/uploader">File Upload</a>
278-
</td>
279-
<td>
280-
<a href="src/slider">Range Slider</a>
281-
</td>
282-
<td>
283-
<a href="src/button/switch.component.ts">Toggle Switch Button</a>
284-
</td>
285-
</tr>
286-
<tr>
287-
<td colspan="3" rowspan="1">
288-
<b>LAYOUT<b>
289-
</td>
290-
</tr>
291-
<tr>
292-
<td>
293-
<a href="src/avatar">Avatar</a>
294-
</td>
295-
<td>
296-
<a href="src/card">Card</a>
297-
</td>
298-
<td>
299-
<a href="src/dialog">Dialog</a>
300-
</td>
301-
</tr>
302-
<tr>
303-
<td>
304-
<a href="src/list-view">ListView</a>
305-
</td>
306-
<td>
307-
<a href="src/tooltip">Tooltip</a>
308-
</td>
309-
<td></td>
310-
</tr>
311-
<tr>
312-
<td colspan="3" rowspan="1">
313-
<b>NOTIFICATIONS<b>
314-
</td>
315-
</tr>
316-
<tr>
317-
<td>
318-
<a href="src/badge">Badge</a>
319-
</td>
320-
<td>
321-
<a href="src/toast">Toast</a>
322-
</td>
323-
<td></td>
324-
</tr>
325-
</table>
326-
327-
## Support and Feedback
328-
329-
* For any other queries, reach our [Syncfusion support team](https://www.syncfusion.com/support/directtrac/incidents/newincident?utm_source=github&utm_medium=listing&utm_campaign=ej2-angular-samples) or post the queries through the [community forums](https://www.syncfusion.com/forums?utm_source=github&utm_medium=listing&utm_campaign=ej2-angular-samples).
330-
331-
* To renew the subscription, click [here](https://www.syncfusion.com/sales/products?utm_source=github&utm_medium=listing&utm_campaign=ej2-angular-samples) or contact our sales team at <[email protected]>.
22+
Run `npm run build:dev` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `npm run build:prod` flag for a production build.

0 commit comments

Comments
 (0)