Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
  • Loading branch information
kdinev committed Jan 17, 2018
2 parents 60536e7 + e7a375b commit a8ddea3
Show file tree
Hide file tree
Showing 36 changed files with 177 additions and 172 deletions.
2 changes: 1 addition & 1 deletion .travis.yml
Original file line number Diff line number Diff line change
Expand Up @@ -25,5 +25,5 @@ deploy:
secure: Zu/eJ0WMio4dVw5NyF1VE7OjkOYhUW+2m5SDfmlJ226Ra7QoTJaj69DEOH13JR3161z1RKHqguLgkTfaXwT9NCaf1zAOn6Qhk0bf0GR52OvfypTaeaXdHnMvTaL3Y/O7xHNLlcnPfS/iq+6/D0TbDmsDwdXG8tKPRXFcEsouV+YXwGZuXWvkYFM8MJ2o0W5w3Z/T4JZ6adKER0tU0IhbkDeep1GNUXH3c+GLtIovQdb2Brz8y++4C7WTsy206XQDLFP3tFqCIaKOs8sVXdL5/SjOeQdEr1KkrVuVy25edAHryODm6L2BS0AUGXBYO5n+Ozb8ekJ9NtusDQVfuNZoFDoMUbSMupXcTutKHN51+FI/8SecLzRn3aL6/1Zk/gnI04sp/bdPH2Luc7tOhcsm9edsN1ojsTA9Lbbfa0iIlsKkulHLp35rpzfTLSlI2CYoT9a4mvj9idknKxXMCKJiC/ZK6P4PMiMKLaQAk1Mbg+6TLfA1SpFnhH+HNeLAmGMwWPnsCQmOQbKWeh0/8v0R58bFfTlswPrzPFsghnh/+K4fLQCOe1TwOwtwJyc3WK7csGAbNFg7AjlxvSia8MpJQ5p1IDLRDtHHt3qcoxJqwcIpwxSFayPW6L9mjwUCfnUxEl37Qnz4gbelijZtw99+FgUmDJ+xjXnHC9JMqfxMWrQ=
on:
tags: true
repo: IgniteUI/igniteui-angular2
repo: IgniteUI/igniteui-angular-wrappers
branch: master
6 changes: 3 additions & 3 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
## IgniteUI Components Changelog

### Features
- Allow calling component methods via the angular 2 wrapper ([#126](https://github.com/IgniteUI/igniteui-angular2/pull/126))
- Accessing grid features via the angular 2 wrapper ([#98](https://github.com/IgniteUI/igniteui-angular2/issues/98))
- Binding to grid feature events. ([#126](https://github.com/IgniteUI/igniteui-angular2/pull/126))
- Allow calling component methods via the Angular wrappers ([#126](https://github.com/IgniteUI/igniteui-angular-wrappers/pull/126))
- Accessing grid features via the Angular wrappers ([#98](https://github.com/IgniteUI/igniteui-angular-wrappers/issues/98))
- Binding to grid feature events. ([#126](https://github.com/IgniteUI/igniteui-angular-wrappers/pull/126))

### BREAKING CHANGES
- Each igGrid feature now has a separate Directive definition that needs to be imported and added to the module definition if the related feature is to be used in the grid.
Expand Down
32 changes: 17 additions & 15 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,12 @@
# Ignite UI components for Angular
# Ignite UI wrappers for Angular

[![Build Status](https://travis-ci.org/IgniteUI/igniteui-angular2.svg?branch=master)](https://travis-ci.org/IgniteUI/igniteui-angular2)
[![Coverage Status](https://coveralls.io/repos/github/IgniteUI/igniteui-angular2/badge.svg?branch=master)](https://coveralls.io/github/IgniteUI/igniteui-angular2?branch=master)
[![npm version](https://badge.fury.io/js/igniteui-angular2.svg)](https://badge.fury.io/js/igniteui-angular2)
[![Build Status](https://travis-ci.org/IgniteUI/igniteui-angular-wrappers.svg?branch=master)](https://travis-ci.org/IgniteUI/igniteui-angular-wrappers)
[![Coverage Status](https://coveralls.io/repos/github/IgniteUI/igniteui-angular-wrappers/badge.svg?branch=master)](https://coveralls.io/github/IgniteUI/igniteui-angular-wrappers?branch=master)
[![npm version](https://badge.fury.io/js/igniteui-angular-wrappers.svg)](https://badge.fury.io/js/igniteui-angular-wrappers)

Use the components found in `src\igniteui.angular2.ts` to use [Ignite UI](http://igniteui.com) controls in [Angular](https://angular.io/) applications. [Work with the running samples here](http://igniteui.github.io/igniteui-angular2).
Use the components found in `src\igniteui.angular2.ts` to use [Ignite UI](http://igniteui.com) controls in [Angular](https://angular.io/) applications. [Work with the running samples here](http://igniteui.github.io/igniteui-angular-wrappers).

**IMPORTANT** The repository has been renamed from `igniteui-angular2` to `igniteui-angular-wrappers`. Read more on our new [naming convention](https://www.infragistics.com/community/blogs/b/infragistics/posts/ignite-ui-github-repo-name-changes).

# Requirements

Expand All @@ -17,12 +19,12 @@ Use the components found in `src\igniteui.angular2.ts` to use [Ignite UI](http:/
To run the samples, you need [Node.js](http://nodejs.org/) installed on your machine.
Afterwards, from your terminal run the following commands:

1. `git clone https://github.com/IgniteUI/igniteui-angular2`
2. `cd igniteui-angular2`
1. `git clone https://github.com/IgniteUI/igniteui-angular-wrappers`
2. `cd igniteui-angular-wrappers`
3. `npm install`
4. `npm start`

`igniteui-angular2` depends on the `ignite-ui-full` licensed package. Follow [this guide](https://www.igniteui.com/help/using-ignite-ui-npm-packages) on setting up access to the Ignite UI private npm feed and add the dependency to the `package.json`.
`igniteui-angular-wrappers` depends on the `ignite-ui-full` licensed package. Follow [this guide](https://www.igniteui.com/help/using-ignite-ui-npm-packages) on setting up access to the Ignite UI private npm feed and add the dependency to the `package.json`.

```
"dependencies": {
Expand Down Expand Up @@ -335,13 +337,13 @@ Component methods can be called by accessing the component from the view. For ex
}
}

## Using Ignite UI Angular Components inside AOT app
## Using Ignite UI Wrappers for Angular inside AOT app
As a starting point, you can review the [Angular documentation on the subject](https://angular.io/docs/ts/latest/cookbook/aot-compiler.html), which provides a guide how to compile an app with AOT. Follow their instructions to AOT compile the quickstart app.

Once you have a running application compiled with AOT, the next step is to add the Ignite UI Components into this app. In this demo IgComboComponent is being added to the app, igCombo is an OSS widget and it is part of the ignite-ui npm package.
First we need to install the required packages:
- `npm install ignite-ui`
- `npm install igniteui-angular2`
- `npm install igniteui-angular-wrappers`
- `npm install jquery-ui-bundle`

**Note**: You have to download the full Ignite UI product if you would like to use widgets which are not part of the OSS widgets. This is a [list](https://github.com/IgniteUI/ignite-ui#available-features-in-ignite-ui-open-source-version) of the controls available in the Open-source version
Expand All @@ -357,19 +359,19 @@ Then go to the app module and import the combo - `import 'ignite-ui/js/modules/i

In addition, at the end import the IgniteUIModule:

import { IgniteUIModule } from 'igniteui-angular2';
import { IgniteUIModule } from 'igniteui-angular-wrappers';
@NgModule({
imports: [ BrowserModule, IgniteUIModule ],
})
export class AppModule {}

In order to take advantage of the [Tree shaking](https://angular.io/docs/ts/latest/cookbook/aot-compiler.html#!#tree-shaking) the Rollup has to be set up.
Open rollup-config.js, include igniteui-angular2 to `commonjs` plugin and add `namedExport` for jquery:
Open rollup-config.js, include igniteui-angular-wrappers to `commonjs` plugin and add `namedExport` for jquery:

commonjs({
include: ['node_modules/rxjs/**',
'node_modules/igniteui-angular2/**',
'node_modules/igniteui-angular-wrappers/**',
],
namedExports: {
'node_modules/jquery/dist/jquery.min.js': [ 'jquery' ]
Expand Down Expand Up @@ -413,7 +415,7 @@ Open rollup-config.js file and import postcss:
}),


[Download](https://github.com/IgniteUI/igniteui-angular2/files/975676/quickstart-igniteui-angular2-aot.zip) the modified app which uses the specified product. To run it with AOT:
[Download](https://github.com/IgniteUI/igniteui-angular-wrappers/files/975676/quickstart-igniteui-angular-wrappers-aot.zip) the modified app which uses the specified product. To run it with AOT:
1. npm install
2. npm run build:aot
3. npm run serve
Expand All @@ -440,7 +442,7 @@ This data source instance is granted with intellisense about igDataSource method

source.dataBind();

Review the following [demo](http://igniteui.github.io/igniteui-angular2/samples/igDataSource/igDataSource.html) for more information.
Review the following [demo](http://igniteui.github.io/igniteui-angular-wrappers/samples/igDataSource/igDataSource.html) for more information.

## Running tests

Expand Down
20 changes: 10 additions & 10 deletions dist/npm/package.json
Original file line number Diff line number Diff line change
@@ -1,29 +1,29 @@
{
"name": "igniteui-angular2",
"version": "1.0.9",
"description" : "A packaged version of Ignite UI components for Angular",
"name": "igniteui-angular-wrappers",
"version": "5.0.3",
"description" : "A packaged version of Ignite UI wrappers for Angular",
"license": "MIT",
"types": "igniteui.angular2.d.ts",
"main": "bundles/igniteui-angular2.umd.js",
"repository": {
"type": "git",
"url": "https://github.com/IgniteUI/igniteui-angular2.git"
"url": "https://github.com/IgniteUI/igniteui-angular-wrappers.git"
},
"bugs": {
"url": "https://github.com/IgniteUI/igniteui-angular2/issues"
"url": "https://github.com/IgniteUI/igniteui-angular-wrappers/issues"
},
"homepage": "https://github.com/IgniteUI/igniteui-angular2",
"homepage": "https://github.com/IgniteUI/igniteui-angular-wrappers",
"keywords": [
"ignite ui",
"igniteui",
"angular2",
"angular",
"infragistics",
"jquery widgets",
"jquery controls",
"data visualization",
"ui components",
"data grids"
"data visualization",
"ui components",
"data grids",
"wrappers"
],
"dependencies": {
"@types/reflect-metadata": "^0.0.5",
Expand Down
4 changes: 2 additions & 2 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -231,15 +231,15 @@ <h2>Samples</h2>
</div>

<div class="push-down-md">
<a href="https://github.com/IgniteUI/igniteui-angular2" class="btn btn-default btn-primary btn-lg"><i class="fa fa-github"></i> View source on GitHub</a>
<a href="https://github.com/IgniteUI/igniteui-angular-wrappers" class="btn btn-default btn-primary btn-lg"><i class="fa fa-github"></i> View source on GitHub</a>
</div>

</div>
<footer>
<div class="container">
<div class="row">
<div class="col-sm-12">
<p><a href="https://github.com/IgniteUI/igniteui-angular2/issues">Feedback &amp; Questions</a></p>
<p><a href="https://github.com/IgniteUI/igniteui-angular-wrappers/issues">Feedback &amp; Questions</a></p>
<p class="small">For more information or to download a trial of Ignite UI, please visit: <a href="http://www.igniteui.com">http://www.igniteui.com</a></p>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
{
"name": "igniteui-angular2",
"name": "igniteui-angular-wrappers",
"version": "1.0.0",
"license": "MIT",
"repository": {
"type": "git",
"url": "https://github.com/IgniteUI/igniteui-angular2.git"
"url": "https://github.com/IgniteUI/igniteui-angular-wrappers.git"
},
"dependencies": {
"@angular/common": "^5.0.1",
Expand Down
4 changes: 2 additions & 2 deletions rollup.config.umd.js
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,12 @@ import typescript from 'rollup-plugin-typescript';
export default {
entry: 'src/igniteui.angular2.ts',
format: 'umd',
moduleName: 'igniteui-angular2',
moduleName: 'igniteui-angular-wrappers',
sourceMap:true,
external: [
'@angular/core',
],
dest: "dist/npm/bundles/igniteui-angular2.umd.js",
dest: "dist/npm/bundles/igniteui-angular-wrappers.umd.js",
plugins: [
angular(
{
Expand Down
2 changes: 1 addition & 1 deletion samples/aot/samples/igGrid-AoT/app.module.ngsummary.json

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion samples/aot/src/igniteui.angular2.ngsummary.json

Large diffs are not rendered by default.

10 changes: 5 additions & 5 deletions samples/igCombo/igCombo.html
Original file line number Diff line number Diff line change
Expand Up @@ -36,8 +36,8 @@
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="/igniteui-angular2/index.html">Home</a></li>
<li><a href="https://github.com/IgniteUI/igniteui-angular2">View on GitHub <i class="fa fa-github"></i></a></li>
<li><a href="/igniteui-angular-wrappers/index.html">Home</a></li>
<li><a href="https://github.com/IgniteUI/igniteui-angular-wrappers">View on GitHub <i class="fa fa-github"></i></a></li>
</ul>
</div>
</div>
Expand All @@ -47,9 +47,9 @@

<footer>
<p>
<a href="/igniteui-angular2/index.html">Home</a> |
<a href="https://github.com/IgniteUI/igniteui-angular2/issues">Feedback &amp; Questions</a> |
<a href="https://github.com/IgniteUI/igniteui-angular2">Clone &amp; Fork</a>
<a href="/igniteui-angular-wrappers/index.html">Home</a> |
<a href="https://github.com/IgniteUI/igniteui-angular-wrappers/issues">Feedback &amp; Questions</a> |
<a href="https://github.com/IgniteUI/igniteui-angular-wrappers">Clone &amp; Fork</a>
</p>
<p class="small">For more information or to download a trial of Ignite UI, please visit: <a href="http://igniteui.com">http://igniteui.com</a></p>
</footer>
Expand Down
2 changes: 1 addition & 1 deletion samples/igCombo/igComboTemplate.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ <h1 class="push-down-md"><a href="http://igniteui.com/combo/overview" target="_b
</div>
<div class="col-md-4">
<p class="lead">This sample demonstrates how to use Angular2 Components to create igCombos.</p>
<p><a href="https://github.com/IgniteUI/igniteui-angular2/blob/master/samples/igCombo/igCombo.html" class="btn btn-default btn-lg btn-primary" target="_blank"><i class="fa fa-code fa-lg"></i> Explore the Code</a></p>
<p><a href="https://github.com/IgniteUI/igniteui-angular-wrappers/blob/master/samples/igCombo/igCombo.html" class="btn btn-default btn-lg btn-primary" target="_blank"><i class="fa fa-code fa-lg"></i> Explore the Code</a></p>
</div>
</div>

Expand Down
12 changes: 6 additions & 6 deletions samples/igDataChart/igDataChart.html
Original file line number Diff line number Diff line change
Expand Up @@ -45,8 +45,8 @@
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="/igniteui-angular2/index.html">Home</a></li>
<li><a href="https://github.com/IgniteUI/igniteui-angular2">View on GitHub <i class="fa fa-github"></i></a></li>
<li><a href="/igniteui-angular-wrappers/index.html">Home</a></li>
<li><a href="https://github.com/IgniteUI/igniteui-angular-wrappers">View on GitHub <i class="fa fa-github"></i></a></li>
</ul>
</div>
</div>
Expand All @@ -65,7 +65,7 @@ <h1 class="push-down-md"><a href="http://www.igniteui.com/data-chart/overview" t
<div class="col-md-4">
<p class="lead">This sample demonstrates how to link together the igDataChart and igZoomBar using AngularJS components.</p>
<p>
<a href="https://github.com/IgniteUI/igniteui-angular2/blob/master/samples/igDataChart/igDataChart.html" class="btn btn-default btn-lg btn-primary" target="_blank"><i class="fa fa-code fa-lg"></i> Explore the Code</a>
<a href="https://github.com/IgniteUI/igniteui-angular-wrappers/blob/master/samples/igDataChart/igDataChart.html" class="btn btn-default btn-lg btn-primary" target="_blank"><i class="fa fa-code fa-lg"></i> Explore the Code</a>
</p>
</div>
</div>
Expand All @@ -77,9 +77,9 @@ <h1 class="push-down-md"><a href="http://www.igniteui.com/data-chart/overview" t
</div>
<footer>
<p>
<a href="/igniteui-angular2/index.html">Home</a> |
<a href="https://github.com/IgniteUI/igniteui-angular2/issues">Feedback &amp; Questions</a> |
<a href="https://github.com/IgniteUI/igniteui-angular2">Clone &amp; Fork</a>
<a href="/igniteui-angular-wrappers/index.html">Home</a> |
<a href="https://github.com/IgniteUI/igniteui-angular-wrappers/issues">Feedback &amp; Questions</a> |
<a href="https://github.com/IgniteUI/igniteui-angular-wrappers">Clone &amp; Fork</a>
</p>
<p class="small">For more information or to download a trial of Ignite UI, please visit: <a href="http://www.igniteui.com">http://www.igniteui.com</a></p>
</footer>
Expand Down
12 changes: 6 additions & 6 deletions samples/igDataSource/igDataSource.html
Original file line number Diff line number Diff line change
Expand Up @@ -45,8 +45,8 @@
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="/igniteui-angular2/index.html">Home</a></li>
<li><a href="https://github.com/IgniteUI/igniteui-angular2">View on GitHub <i class="fa fa-github"></i></a></li>
<li><a href="/igniteui-angular-wrappers/index.html">Home</a></li>
<li><a href="https://github.com/IgniteUI/igniteui-angular-wrappers">View on GitHub <i class="fa fa-github"></i></a></li>
</ul>
</div>
</div>
Expand All @@ -65,7 +65,7 @@ <h1 class="push-down-md"><a href="https://www.igniteui.com/data-source/overview"
<div class="col-md-4">
<p class="lead">This sample demonstrates how to initialize and use igDataSource inside Angular.</p>
<p>
<a href="https://github.com/IgniteUI/igniteui-angular2/blob/master/samples/igDataSource/igDataSource.html" class="btn btn-default btn-lg btn-primary" target="_blank"><i class="fa fa-code fa-lg"></i> Explore the Code</a>
<a href="https://github.com/IgniteUI/igniteui-angular-wrappers/blob/master/samples/igDataSource/igDataSource.html" class="btn btn-default btn-lg btn-primary" target="_blank"><i class="fa fa-code fa-lg"></i> Explore the Code</a>
</p>
</div>
</div>
Expand All @@ -77,9 +77,9 @@ <h1 class="push-down-md"><a href="https://www.igniteui.com/data-source/overview"
</div>
<footer>
<p>
<a href="/igniteui-angular2/index.html">Home</a> |
<a href="https://github.com/IgniteUI/igniteui-angular2/issues">Feedback &amp; Questions</a> |
<a href="https://github.com/IgniteUI/igniteui-angular2">Clone &amp; Fork</a>
<a href="/igniteui-angular-wrappers/index.html">Home</a> |
<a href="https://github.com/IgniteUI/igniteui-angular-wrappers/issues">Feedback &amp; Questions</a> |
<a href="https://github.com/IgniteUI/igniteui-angular-wrappers">Clone &amp; Fork</a>
</p>
<p class="small">For more information or to download a trial of Ignite UI, please visit: <a href="http://www.igniteui.com">http://www.igniteui.com</a></p>
</footer>
Expand Down
12 changes: 6 additions & 6 deletions samples/igDialog/igDialog.html
Original file line number Diff line number Diff line change
Expand Up @@ -49,8 +49,8 @@
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="/igniteui-angular2/index.html">Home</a></li>
<li><a href="https://github.com/IgniteUI/igniteui-angular2">View on GitHub <i class="fa fa-github"></i></a></li>
<li><a href="/igniteui-angular-wrappers/index.html">Home</a></li>
<li><a href="https://github.com/IgniteUI/igniteui-angular-wrappers">View on GitHub <i class="fa fa-github"></i></a></li>
</ul>
</div>
</div>
Expand All @@ -69,7 +69,7 @@ <h1 class="push-down-md"><a href="http://www.igniteui.com/dialog-window/overview
</div>
<div class="col-md-4">
<p class="lead">This sample demonstrates how to declare an igDialog with an AngularJS component.</p>
<p><a href="https://github.com/IgniteUI/igniteui-angular2/blob/master/samples/igDialog/igDialog.html" class="btn btn-default btn-lg btn-primary" target="_blank"><i class="fa fa-code fa-lg"></i> Explore the Code</a>
<p><a href="https://github.com/IgniteUI/igniteui-angular-wrappers/blob/master/samples/igDialog/igDialog.html" class="btn btn-default btn-lg btn-primary" target="_blank"><i class="fa fa-code fa-lg"></i> Explore the Code</a>
</p>
</div>
</div>
Expand All @@ -79,9 +79,9 @@ <h1 class="push-down-md"><a href="http://www.igniteui.com/dialog-window/overview
</div>
<footer>
<p>
<a href="/igniteui-angular2/index.html">Home</a> |
<a href="https://github.com/IgniteUI/igniteui-angular2/issues">Feedback &amp; Questions</a> |
<a href="https://github.com/IgniteUI/igniteui-angular2">Clone &amp; Fork</a>
<a href="/igniteui-angular-wrappers/index.html">Home</a> |
<a href="https://github.com/IgniteUI/igniteui-angular-wrappers/issues">Feedback &amp; Questions</a> |
<a href="https://github.com/IgniteUI/igniteui-angular-wrappers">Clone &amp; Fork</a>
</p>
<p class="small">For more information or to download a trial of Ignite UI, please visit: <a href="http://www.igniteui.com">http://www.igniteui.com</a></p>
</footer>
Expand Down
Loading

0 comments on commit a8ddea3

Please sign in to comment.