New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

igniteui-angular

Package Overview
Dependencies
Maintainers
2
Versions
1074
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

igniteui-angular - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

igniteui-angular.js
igniteui-angular.min.js

69

package.json
{
"name": "igniteui-angular",
"version": "1.0.1",
"main": "src/igniteui-angular.js",
"author": "IgniteUI",
"description" : "",
"version": "1.0.2",
"main": "./igniteui-angular.js",
"author": "igniteui",
"description" : "A packaged version of IgniteUI directives for AngularJS",
"keywords": [
"ignite ui",
"igniteui",
"angular",
"angularjs",
"infragistics",
"jquery widgets",
"data visualization",
"data grids",
"jquery controls"
],
"license": "MIT",

@@ -16,47 +27,9 @@ "repository": {

"homepage": "https://github.com/IgniteUI/igniteui-angular",
"dependencies": {},
"devDependencies": {
"mkdirp": "",
"coveralls": "",
"grunt": "",
"grunt-contrib-jshint": "",
"grunt-contrib-uglify": "",
"grunt-contrib-watch": "",
"jshint-stylish": "",
"protractor": "",
"protractor-istanbul-plugin": "",
"http-server": "",
"bower": "",
"shelljs": "",
"istanbul-coveralls": "",
"karma": "",
"karma-jasmine": "",
"karma-coverage": "",
"karma-chrome-launcher": "",
"karma-firefox-launcher": "",
"karma-junit-reporter": ""
"dependencies": {
"angular": "",
"jquery": "",
"jquery-ui": ""
},
"scripts": {
"postinstall": "bower install",
"instrument": "istanbul instrument ./src/ -o ./instrument/",
"cover-protractor": "rm -rf coverage/tmp && mkdirp coverage/tmp/ && cp coverage/protractor/*.json coverage/tmp/ && istanbul report --include=./coverage/tmp/*.json -dir coverage/final",
"cover-combined": "rm -rf coverage/tmp && mkdirp coverage/tmp/ && cp coverage/karma/**/coverage*.json coverage/tmp/ && cp coverage/protractor/*.json coverage/tmp/ && istanbul report --include=./coverage/tmp/*.json -dir coverage/final",
"prestart": "npm install",
"start": "http-server -a localhost -p 8000 &",
"pretest": "npm install",
"test": "karma start test/karma.conf.js",
"test-single": "karma start test/karma.conf.js --single-run --reporters junit,dots,coverage",
"test-single-firefox": "karma start test/karma.conf.js --browsers Firefox --single-run --reporters junit,dots",
"preupdate-webdriver": "npm install",
"update-webdriver": "webdriver-manager update",
"preprotractor": "npm run update-webdriver",
"protractor": "protractor test/protractor-conf.js",
"update-index-async": "node -e \"require('shelljs/global'); sed('-i', /\\/\\/@@NG_LOADER_START@@[\\s\\S]*\\/\\/@@NG_LOADER_END@@/, '//@@NG_LOADER_START@@\\n' + cat('app/bower_components/angular-loader/angular-loader.min.js') + '\\n//@@NG_LOADER_END@@', 'app/index-async.html');\""
}
"devDependencies": {},
"scripts": {}
}

173

README.md

@@ -1,7 +0,1 @@

#Ignite UI directives for AngularJS
[![Build Status](https://travis-ci.org/IgniteUI/igniteui-angular.svg?branch=master)](https://travis-ci.org/IgniteUI/igniteui-angular)
[![Coverage Status](https://coveralls.io/repos/github/IgniteUI/igniteui-angular/badge.svg?branch=master)](https://coveralls.io/github/IgniteUI/igniteui-angular?branch=master)
[![Codacy Badge](https://api.codacy.com/project/badge/grade/f7b38e525b504be0aabc891079530521)](https://www.codacy.com/app/kdinev/igniteui-angular)
Use the directives found in `igniteui-angular.js` to use [Ignite UI](http://igniteui.com) controls in [AngularJS](http://angularjs.com) pages. [Work with the running samples here](http://igniteui.github.io/igniteui-angular).

@@ -17,11 +11,3 @@

#Building
Build will produce an obfuscated and minified version of the `src/igniteui-angular.js` in the `dist/igniteui-angular.min.js`.
The build uses [Grunt](http://gruntjs.com/), so you need [Node.js](http://nodejs.org/) installed on your machine.
To build the project use the following steps:
1. Open a console in the folder where the **igniteui-angular** project is located
2. Run `npm install`
3. Run `grunt build`
#Getting Started

@@ -61,20 +47,21 @@

#### Examples:
Control Name | Tag
--- | ---
igCombo | `<ig-combo>`
igGrid | `<ig-grid>`
igDataChart | `<ig-data-chart>`
igDialog | `<ig-dialog>`
igDateEditor | `<ig-date-editor>`
igEditor | `<ig-editor>`
igMaskEditor | `<ig-mask-editor>`
igNumericEditor | `<ig-numeric-editor>`
igPercentEditor | `<ig-percent-editor>`
igTextEditor | `<ig-text-editor>`
igDatePicker | `<ig-date-picker>`
igTree | `<ig-tree>`
igMap | `<ig-map>`
igUpload | `<ig-upload>`
igVideoPlayer | `<ig-video-player>`
| Control Name | Tag |
|-----------------|-----------------------|
| igCombo | `<ig-combo>` |
| igGrid | `<ig-grid>` |
| igDataChart | `<ig-data-chart>` |
| igDialog | `<ig-dialog>` |
| igDateEditor | `<ig-date-editor>` |
| igEditor | `<ig-editor>` |
| igMaskEditor | `<ig-mask-editor>` |
| igNumericEditor | `<ig-numeric-editor>` |
| igPercentEditor | `<ig-percent-editor>` |
| igTextEditor | `<ig-text-editor>` |
| igDatePicker | `<ig-date-picker>` |
| igTree | `<ig-tree>` |
| igMap | `<ig-map>` |
| igUpload | `<ig-upload>` |
| igVideoPlayer | `<ig-video-player>` |
### Configuring Control Options

@@ -85,6 +72,6 @@ Simple type control options (`string`, `number`, `bool` etc.) are configured as an attributes on the control element. The options follow the same naming convention logic as the tag name.

Option | Markup
--- | ---
igGrid.options.localSchemaTransform | `<ig-grid local-schema-transform="true">`
igCombo.options.caseSensitive | `<ig-combo case-sensitive="true">`
| Option | Markup |
|-------------------------------------|-------------------------------------------|
| igGrid.options.localSchemaTransform | `<ig-grid local-schema-transform="true">` |
| igCombo.options.caseSensitive | `<ig-combo case-sensitive="true">` |

@@ -107,7 +94,7 @@ Defining complex type control options (`arrays` & `objects`) are configured as a child elements of the main control.

Event | Markup
--- | ---
igGrid.events.dataBind | `<ig-grid event-data-bind="dataBindHandler">`
igCombo.events.textChanged | `<ig-combo event-text-changed="textChangedHandler">`
igDateEditor.events.keypress | `<ig-date-editor event-keypress="keypressHandler">`
| Event | Markup |
|-----------------------------|------------------------------------------------------|
|igGrid.events.dataBind | `<ig-grid event-data-bind="dataBindHandler">` |
|igCombo.events.textChanged | `<ig-combo event-text-changed="textChangedHandler">` |
|igDateEditor.events.keypress | `<ig-date-editor event-keypress="keypressHandler">` |

@@ -118,20 +105,21 @@ ## Controller Initialization

#### Examples:
Control | Markup
--- | ---
igCombo | `<div id="combo" data-ig-combo="combo_options"></div>`
igGrid | `<table id="grid" data-ig-grid="grid_options"></table>`
igDataChart | `<div id="chart" data-ig-data-chart="data_chart_options"></div>`
igDialog | `<div id="dialog" data-ig-dialog="dialog_options"></div>`
igDateEditor | `<input id="dialog" data-ig-date-editor="date_editor_options"></input>`
igEditor | `<input id="editor" data-ig-editor="editor_options"></input>`
igMaskEditor | `<input id="editor" data-ig-mask-editor="mask_editor_options"></input>`
igNumericEditor | `<input id="editor" data-ig-numeric-editor="numeric_editor_options"></input>`
igPercentEditor | `<input id="editor" data-ig-percent-editor="precent_editor_options"></input>`
igTextEditor | `<input id="editor" data-ig-text-editor="text_editor_options"></input>`
igDatePicker | `<input id="editor" data-ig-date-picker="date_picker_options"></input>`
igTree | `<ul id="tree" data-ig-tree="tree_options"></ul>`
igMap | `<div id="map" data-ig-map="map_options"></div>`
igUpload | `<div id="upload" data-ig-upload="upload_options"></div>`
igVideoPlayer | `<div id="video" data-ig-video-player="video_options"></div>`
| Control | Markup |
|-----------------|-------------------------------------------------------------------------------|
| igCombo | `<div id="combo" data-ig-combo="combo_options"></div>` |
| igGrid | `<table id="grid" data-ig-grid="grid_options"></table>` |
| igDataChart | `<div id="chart" data-ig-data-chart="data_chart_options"></div>` |
| igDialog | `<div id="dialog" data-ig-dialog="dialog_options"></div>` |
| igDateEditor | `<input id="dialog" data-ig-date-editor="date_editor_options"></input>` |
| igEditor | `<input id="editor" data-ig-editor="editor_options"></input>` |
| igMaskEditor | `<input id="editor" data-ig-mask-editor="mask_editor_options"></input>` |
| igNumericEditor | `<input id="editor" data-ig-numeric-editor="numeric_editor_options"></input>` |
| igPercentEditor | `<input id="editor" data-ig-percent-editor="precent_editor_options"></input>` |
| igTextEditor | `<input id="editor" data-ig-text-editor="text_editor_options"></input>` |
| igDatePicker | `<input id="editor" data-ig-date-picker="date_picker_options"></input>` |
| igTree | `<ul id="tree" data-ig-tree="tree_options"></ul>` |
| igMap | `<div id="map" data-ig-map="map_options"></div>` |
| igUpload | `<div id="upload" data-ig-upload="upload_options"></div>` |
|igVideoPlayer | `<div id="video" data-ig-video-player="video_options"></div>` |
## One-way Data Binding

@@ -152,73 +140,2 @@ The following controls currently support one-way data binding:

##Testing
There are two kinds of tests in Igniteui-angular: Unit tests and End to End tests. All of them are written in [Jasmine](http://jasmine.github.io/).
####Setup
Simply do:
npm install
The command is preconfigured and it will also call `bower install` behind the scenes.
Then you need to instrument the source file with:
npm run instrument
####Running Unit Tests
The easiest way to run the unit tests is to use the npm script:
npm test
This will start the [Karma](http://karma-runner.github.io/0.12/index.html) test runner and execute the tests. By default the browser is Chrome.
To run the tests for a single run you can use:
npm run test-single
To run the tests on Firefox you can use:
npm run test-single-firefox
###End to end testing
These tests are run with the [Protractor](https://github.com/angular/protractor) test runner, it simulates interaction.
####Setup
Before proceeding you need to download and install the latest version of the stand-alone WebDriver tool:
npm run update-webdriver
After that make sure you have [Java Development Kit (JDK)](http://www.oracle.com/technetwork/java/javase/downloads/index.html) installed on your machine. It is required for the Standalone Selenium Server.
####Running tests
So first the web server should be brought up so that Protractor can execute the tests against it:
npm start
Running the tests is done with:
npm run protractor
**Note:** You will need to run the protractor on a separate bash
###Code coverage
After running the Karma or Protractor tests by default a coverage will be created for each of them.
To combine the both reports into one single report you need to execute:
npm run cover-combined
After that the default directory where you can open the code coverage is igniteui-angular/coverage/final/lcov/src.
**Running specific coverage:**
To view only the Karma coverage you can see it under *coverage/karma/**/lcov-report/src*.
To view the code coverage only for the Protractor you need to run the command:
npm run cover-protractor
After that the location is the same(igniteui-angular/coverage/final/lcov/src). That is because the Protractor report is not easily readable by default.
---------------------------------------

@@ -225,0 +142,0 @@ 

.npmignore
bower.json
dist/igniteui-angular.min.js
src/igniteui-angular.js
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc