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

angular-elastic-grid

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

angular-elastic-grid - npm Package Compare versions

Comparing version 0.1.0 to 1.0.6

.jscsrc

38

bower.json
{
"name": "angular-elastic-grid",
"version": "0.1.0",
"version": "1.0.6",
"authors": [

@@ -11,11 +11,11 @@ {

"main": [
"bower/jquery-elastic-grid/js/modernizr.custom.js",
"bower/jquery-elastic-grid/js/classie.js",
"bower/jquery-elastic-grid/js/elastic_grid.js",
"bower/jquery-elastic-grid/js/jquery.elastislide.js",
"bower/jquery-elastic-grid/js/jquery.hoverdir.js",
"bower/jquery-elastic-grid/js/elastic_grid.encode.js",
"bower/jquery-elastic-grid/css/elastic_grid.css",
"../jquery-elastic-grid/js/modernizr.custom.js",
"../jquery-elastic-grid/js/classie.js",
"../jquery-elastic-grid/js/elastic_grid.js",
"../jquery-elastic-grid/js/jquery.elastislide.js",
"../jquery-elastic-grid/js/jquery.hoverdir.js",
"../jquery-elastic-grid/js/elastic_grid.encode.js",
"../jquery-elastic-grid/css/elastic_grid.css",
"dist/angular-elastic-grid.js",
"dist/angular-elastic-grid.min.js"
"dist/style.css"
],

@@ -32,6 +32,20 @@ "ignore": [

"devDependencies": {
"angular-mocks": ">=1.2.0",
"angular-scenario": ">=1.2.0",
"angular": ">=1.2.0"
"angular-mocks": ">=1.5.5",
"angular-scenario": ">=1.5.5",
"angular": ">=1.5.5",
"jquery": "^2.2.3"
},
"overrides": {
"jquery-elastic-grid": {
"main": [
"js/modernizr.custom.js",
"js/classie.js",
"js/elastic_grid.js",
"js/jquery.elastislide.js",
"js/jquery.hoverdir.js",
"js/elastic_grid.encode.js",
"css/elastic_grid.css"
]
}
}
}

@@ -0,1 +1,8 @@

/**
* @name angular-elastic-grid
* @version 1.0.6
* @author Build by Lucien Bénié lucien.benie@gmail.com
* @license MIT
* Built on 21/04/2016
*/
(function (angular) {

@@ -14,8 +21,8 @@

// Modules
angular.module('angular-elastic-grid.directives', []);
angular.module('angular-elastic-grid',

@@ -29,7 +36,4 @@ [

/**
* Created by coichedid on 21/04/15.
*/
'use strict';
angular.module('angular-elastic-grid').directive('elasticGrid', [
angular.module('angular-elastic-grid').directive('elasticGrid',
function() {

@@ -40,3 +44,3 @@ // List of known option keys for elastic_grid according to jquery-elastic-grid.js docs:

'popup', 'none', 'moveup', 'scaleup',
'fallperspective', 'helix', 'fly', 'flip',
'fallperspective', 'helix', 'fly', 'flip'
];

@@ -48,5 +52,5 @@

replace: true,
scope: {
scope: {
items: '=',
direction: '@',
direction: '=',
inverse: '@',

@@ -57,29 +61,30 @@ speed: '@',

filter: '@'
} ,
},
link: function postLink(scope, element, attrs) {
// Elastic grid directive logic
if(scope.direction === undefined) scope.direction = true;
if(scope.items === undefined) scope.items = [{
'title': 'Title 1',
'description': 'This is a description.',
'thumbnail': ['https://pixabay.com/en/boy-child-fun-beach-sea-colors-958457/'],
'large': ['https://pixabay.com/en/christmas-santa-claus-fig-993304/'],
'button_list': [{'title': 'Demo', 'url': 'http://#'}, {'title': 'Download', 'url': 'http://#'}],
'tags': ['Test']
}];
scope.$watch(function(scope) {
return scope.items;
}, function(newValue) {
// Elastic grid directive logic
element.elastic_grid({
hoverDirection: scope.direction || true,
hoverDelay: scope.delay || 0,
hoverInverse: scope.inverse || false,
expandingSpeed: scope.speed || 500,
expandingHeight: scope.height || 500,
filterEffect: function() {
if (OPTION_FILTERS.indexOf(scope.filter) > -1 && angular.isDefined(scope.filter)) { return scope.filter; }
if (scope.inverse === undefined) scope.inverse = false;
if (scope.speed === undefined) scope.speed = 500;
if (scope.height === undefined) scope.height = 500;
if (scope.delay === undefined) scope.delay = 0;
if (scope.filter === undefined) scope.filter = 'none';
return OPTION_FILTERS[OPTION_FILTERS.indexOf('none')];
}(),
element.elastic_grid({
'hoverDirection': scope.direction,
'hoverDeay': scope.delay,
'hoverInverse': scope.inverse,
'expandingSpeed': scope.speed,
'expandingHeight': scope.height,
'filterEffect': scope.filter,
'items': scope.items
items: newValue || [{
title: 'Title 1',
description: 'This is a description.',
thumbnail: ['http://placehold.it/350x150'],
large: ['http://placehold.it/450x350'],
button_list: [{ title: 'Demo', url: 'http://#', new_window: '_blank' },
{ title: 'Download', url: 'http://#', new_window: '_blank' }],
tags: ['Test']
}]
});
});

@@ -89,2 +94,2 @@ }

}
]);
);

@@ -1,1 +0,8 @@

!function(e){e.module("angular-elastic-grid.config",[]).value("angular-elastic-grid.config",{debug:!0}),e.module("angular-elastic-grid.directives",[]),e.module("angular-elastic-grid",["angular-elastic-grid.config","angular-elastic-grid.directives"])}(angular),angular.module("angular-elastic-grid").directive("elasticGrid",[function(){return{template:"<div></div>",restrict:"EA",replace:!0,scope:{items:"=",direction:"@",inverse:"@",speed:"@",height:"@",delay:"@",filter:"@"},link:function(e,i){void 0===e.direction&&(e.direction=!0),void 0===e.items&&(e.items=[{title:"Title 1",description:"This is a description.",thumbnail:["https://pixabay.com/en/boy-child-fun-beach-sea-colors-958457/"],large:["https://pixabay.com/en/christmas-santa-claus-fig-993304/"],button_list:[{title:"Demo",url:"http://#"},{title:"Download",url:"http://#"}],tags:["Test"]}]),void 0===e.inverse&&(e.inverse=!1),void 0===e.speed&&(e.speed=500),void 0===e.height&&(e.height=500),void 0===e.delay&&(e.delay=0),void 0===e.filter&&(e.filter="none"),i.elastic_grid({hoverDirection:e.direction,hoverDeay:e.delay,hoverInverse:e.inverse,expandingSpeed:e.speed,expandingHeight:e.height,filterEffect:e.filter,items:e.items})}}}]);
/**
* @name angular-elastic-grid
* @version 1.0.6
* @author Build by Lucien Bénié lucien.benie@gmail.com
* @license MIT
* Built on 21/04/2016
*/
!function(e){e.module("angular-elastic-grid.config",[]).value("angular-elastic-grid.config",{debug:!0}),e.module("angular-elastic-grid.directives",[]),e.module("angular-elastic-grid",["angular-elastic-grid.config","angular-elastic-grid.directives"])}(angular),angular.module("angular-elastic-grid").directive("elasticGrid",function(){var e=["popup","none","moveup","scaleup","fallperspective","helix","fly","flip"];return{template:"<div></div>",restrict:"EA",replace:!0,scope:{items:"=",direction:"=",inverse:"@",speed:"@",height:"@",delay:"@",filter:"@"},link:function(i,t,l){i.$watch(function(e){return e.items},function(l){t.elastic_grid({hoverDirection:i.direction||!0,hoverDelay:i.delay||0,hoverInverse:i.inverse||!1,expandingSpeed:i.speed||500,expandingHeight:i.height||500,filterEffect:function(){return e.indexOf(i.filter)>-1&&angular.isDefined(i.filter)?i.filter:e[e.indexOf("none")]}(),items:l||[{title:"Title 1",description:"This is a description.",thumbnail:["http://placehold.it/350x150"],large:["http://placehold.it/450x350"],button_list:[{title:"Demo",url:"http://#",new_window:"_blank"},{title:"Download",url:"http://#",new_window:"_blank"}],tags:["Test"]}]})})}}});
var gulp = require('gulp');
var karma = require('karma').server;
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var Karma = require('karma').Server;
var path = require('path');
var plumber = require('gulp-plumber');
var runSequence = require('run-sequence');
var jshint = require('gulp-jshint');
var $ = require('gulp-load-plugins')();
var pkg = require(path.resolve('package.json'));

@@ -22,3 +19,2 @@ /**

var sourceFiles = [
// Make sure module files are handled first

@@ -31,2 +27,17 @@ path.join(sourceDirectory, '/**/*.module.js'),

var today = new Date();
var month = (today.getMonth() + 1) < '10' ? '0' + (today.getMonth() + 1) : (today.getMonth() + 1);
today = today.getDate() + '/' + month + '/' + today.getFullYear();
var banner = [
'/**',
' * @name <%= pkg.name %>',
' * @version <%= pkg.version %>',
' * @author Build by <%= pkg.author.name %> <%= pkg.author.email %>',
' * @license <%= pkg.license %>',
' * Built on ' + today,
' */',
''
].join('\n');
var lintFiles = [

@@ -40,7 +51,9 @@ 'gulpfile.js',

gulp.src(sourceFiles)
.pipe(plumber())
.pipe(concat('angular-elastic-grid.js'))
.pipe($.plumber())
.pipe($.concat('angular-elastic-grid.js'))
.pipe($.header(banner, {pkg: pkg}))
.pipe(gulp.dest('./dist/'))
.pipe(uglify())
.pipe(rename('angular-elastic-grid.min.js'))
.pipe($.uglify())
.pipe($.rename('angular-elastic-grid.min.js'))
.pipe($.header(banner, {pkg: pkg}))
.pipe(gulp.dest('./dist'));

@@ -70,6 +83,6 @@ });

return gulp.src(lintFiles)
.pipe(plumber())
.pipe(jshint())
.pipe(jshint.reporter('jshint-stylish'))
.pipe(jshint.reporter('fail'));
.pipe($.plumber())
.pipe($.jshint())
.pipe($.jshint.reporter('jshint-stylish'))
.pipe($.jshint.reporter('fail'));
});

@@ -81,6 +94,6 @@

gulp.task('test-src', function (done) {
karma.start({
new Karma({
configFile: __dirname + '/karma-src.conf.js',
singleRun: true
}, done);
}, done).start();
});

@@ -92,6 +105,6 @@

gulp.task('test-dist-concatenated', function (done) {
karma.start({
new Karma({
configFile: __dirname + '/karma-dist-concatenated.conf.js',
singleRun: true
}, done);
}, done).start();
});

@@ -103,6 +116,7 @@

gulp.task('test-dist-minified', function (done) {
karma.start({
new Karma({
configFile: __dirname + '/karma-dist-minified.conf.js',
singleRun: true
}, done);
}, done).start();
});

@@ -109,0 +123,0 @@

@@ -14,8 +14,8 @@ (function (angular) {

// Modules
angular.module('angular-elastic-grid.directives', []);
angular.module('angular-elastic-grid',

@@ -22,0 +22,0 @@ [

@@ -1,6 +0,3 @@

/**
* Created by coichedid on 21/04/15.
*/
'use strict';
angular.module('angular-elastic-grid').directive('elasticGrid', [
angular.module('angular-elastic-grid').directive('elasticGrid',
function() {

@@ -11,3 +8,3 @@ // List of known option keys for elastic_grid according to jquery-elastic-grid.js docs:

'popup', 'none', 'moveup', 'scaleup',
'fallperspective', 'helix', 'fly', 'flip',
'fallperspective', 'helix', 'fly', 'flip'
];

@@ -19,5 +16,5 @@

replace: true,
scope: {
scope: {
items: '=',
direction: '@',
direction: '=',
inverse: '@',

@@ -28,29 +25,30 @@ speed: '@',

filter: '@'
} ,
},
link: function postLink(scope, element, attrs) {
// Elastic grid directive logic
if(scope.direction === undefined) scope.direction = true;
if(scope.items === undefined) scope.items = [{
'title': 'Title 1',
'description': 'This is a description.',
'thumbnail': ['https://pixabay.com/en/boy-child-fun-beach-sea-colors-958457/'],
'large': ['https://pixabay.com/en/christmas-santa-claus-fig-993304/'],
'button_list': [{'title': 'Demo', 'url': 'http://#'}, {'title': 'Download', 'url': 'http://#'}],
'tags': ['Test']
}];
scope.$watch(function(scope) {
return scope.items;
}, function(newValue) {
// Elastic grid directive logic
element.elastic_grid({
hoverDirection: scope.direction || true,
hoverDelay: scope.delay || 0,
hoverInverse: scope.inverse || false,
expandingSpeed: scope.speed || 500,
expandingHeight: scope.height || 500,
filterEffect: function() {
if (OPTION_FILTERS.indexOf(scope.filter) > -1 && angular.isDefined(scope.filter)) { return scope.filter; }
if (scope.inverse === undefined) scope.inverse = false;
if (scope.speed === undefined) scope.speed = 500;
if (scope.height === undefined) scope.height = 500;
if (scope.delay === undefined) scope.delay = 0;
if (scope.filter === undefined) scope.filter = 'none';
return OPTION_FILTERS[OPTION_FILTERS.indexOf('none')];
}(),
element.elastic_grid({
'hoverDirection': scope.direction,
'hoverDeay': scope.delay,
'hoverInverse': scope.inverse,
'expandingSpeed': scope.speed,
'expandingHeight': scope.height,
'filterEffect': scope.filter,
'items': scope.items
items: newValue || [{
title: 'Title 1',
description: 'This is a description.',
thumbnail: ['http://placehold.it/350x150'],
large: ['http://placehold.it/450x350'],
button_list: [{ title: 'Demo', url: 'http://#', new_window: '_blank' },
{ title: 'Download', url: 'http://#', new_window: '_blank' }],
tags: ['Test']
}]
});
});

@@ -60,2 +58,2 @@ }

}
]);
);
{
"name": "angular-elastic-grid",
"version": "0.1.0",
"version": "1.0.6",
"author": {

@@ -10,29 +10,50 @@ "name": "Lucien Bénié",

"devDependencies": {
"chai": "^3.4.1",
"chai": "^3.5.0",
"chai-jquery": "^2.0.0",
"gulp": "^3.8.7",
"gulp-concat": "^2.3.4",
"cz-conventional-changelog": "^1.1.6",
"gulp": "^3.9.1",
"gulp-concat": "^2.6.0",
"gulp-header": "^1.7.1",
"gulp-jshint": "^2.0.0",
"gulp-plumber": "^1.0.1",
"gulp-rename": "^1.2.0",
"gulp-uglify": "^1.5.1",
"gulp-load-plugins": "^1.2.2",
"gulp-plumber": "^1.1.0",
"gulp-rename": "^1.2.2",
"gulp-uglify": "^1.5.3",
"jasmine-core": "^2.4.1",
"jshint": "^2.9.2",
"jshint-stylish": "^2.1.0",
"karma": "^0.13.15",
"karma": "^0.13.22",
"karma-chai": "^0.1.0",
"karma-chai-jquery": "^1.0.0",
"karma-chrome-launcher": "^0.2.2",
"karma-jasmine": "^0.3.6",
"karma-chrome-launcher": "^0.2.3",
"karma-jasmine": "^0.3.8",
"karma-jquery": "^0.1.0",
"karma-mocha": "^0.2.1",
"karma-phantomjs-launcher": "^0.2.1",
"karma-sinon-chai": "^1.1.0",
"karma-spec-reporter": "^0.0.23",
"mocha": "^2.3.4",
"run-sequence": "^1.0.2",
"sinon": "^1.10.3",
"sinon-chai": "^2.5.0"
"karma-mocha": "^0.2.2",
"karma-phantomjs-launcher": "^1.0.0",
"karma-sinon-chai": "^1.2.0",
"karma-spec-reporter": "^0.0.26",
"lolex": "^1.4.0",
"mocha": "^2.4.5",
"phantomjs": "^2.1.7",
"phantomjs-prebuilt": "^2.1.7",
"run-sequence": "^1.1.5",
"sinon": "^1.17.3",
"sinon-chai": "^2.8.0"
},
"engines": {
"node": ">=0.8.0"
},
"config": {
"commitizen": {
"path": "./node_modules/cz-conventional-changelog"
}
},
"repository": {
"type": "git",
"url": "https://github.com/lbenie/angular-elastic-grid"
},
"license": "MIT",
"scripts": {
"commit": "git cz"
}
}

@@ -1,16 +0,20 @@

## angular-elastic-grid [![Build Status](https://travis-ci.org/lbenie/angular-elastic-grid.svg?branch=master)](https://travis-ci.org/lbenie/angular-elastic-grid)
# angular-elastic-grid
### Installation
[![Build Status](https://travis-ci.org/lbenie/angular-elastic-grid.svg?branch=master)](https://travis-ci.org/lbenie/angular-elastic-grid) [![devDependency Status](https://david-dm.org/lbenie/angular-elastic-grid/dev-status.svg)](https://david-dm.org/lbenie/angular-elastic-grid#info=devDependencies) [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)[![npm version](https://badge.fury.io/js/angular-elastic-grid.svg)](https://badge.fury.io/js/angular-elastic-grid)[![Bower version](https://badge.fury.io/bo/angular-elastic-grid.svg)](https://badge.fury.io/bo/angular-elastic-grid)
## Installation
install `angular-elastic-grid` by bower or npm running the following command
```shell
$ bower install angular-elastic-grid --save
```sh
bower install angular-elastic-grid --save
or
$ npm install angular-elastic-grid --save
npm install angular-elastic-grid --save
```
or download [here](https://raw.githubusercontent.com/lbenie/angular-elastic-grid/master/dist/angular-elastic-grid.min.js)
or download
[here](https://raw.githubusercontent.com/lbenie/angular-elastic-grid/master/dist/angular-elastic-grid.min.js) then
append `angular-elastic-grid.min.js` in to end of body, before your project, after the `angular` and the other
libs.
then append `angular-elastic-grid.min.js` in to end of body, before your project, after the `angular` and the other libs.
```html

@@ -27,3 +31,2 @@ <!--using bower-->

```html

@@ -41,2 +44,3 @@ <!--using npm-->

add `angular-elastic-grid` as a module dependency for your app
```js

@@ -49,16 +53,18 @@ angular.module('my.app', [

### Usage
There are eight filter options for `elastic_grid.js`
- `popup`
- `none`
- `moveup`
- `scaleup`
- `fallperspective`
- `helix`
- `fly`
- `flip`
- `popup`
- `none`
- `moveup`
- `scaleup`
- `fallperspective`
- `helix`
- `fly`
- `flip`
```html
...
...
<elastic-grid items='[{
<elastic-grid items="[{
"title": "Title 1",

@@ -70,3 +76,3 @@ "description": "This is a description.",

"tags": ["Test"]
}]' filter='popup' direction='true' speed=500, height=500, delay=0 inverse='false'> </elastic-grid>
}]" filter="popup" direction=true speed=500 height=500 delay=0 inverse=false> </elastic-grid>
...

@@ -78,41 +84,49 @@ ...

- install node and bower on your environment
- install node and bower on your environment
cd to your desired folder and clone `angular-elastic-grid` repository
```sh
$ git clone https://github.com/lbenie/angular-elastic-grid
$ cd angular-elastic-grid
git clone https://github.com/lbenie/angular-elastic-grid
cd angular-elastic-grid
```
install all project dependencies
```sh
$ npm install
$ bower install
npm install
bower install
```
serve automated test once
```sh
#unit test without live reload
$ gulp test-src
gulp test-src
```
serve automated tests and builds
```sh
#unit test with live reload + build
$ gulp
gulp
```
build all to distribution
```sh
#this generates minified src at `dist/angular-elastic-grid.min.js`
$ gulp build
gulp build
```
---
**Notes:**
- To contribute with this awesome project, just open an issue, then fork the project and make a new branch to do your work.
- To contribute with this awesome project, just open an issue, then fork the project and make a new branch to do your
work.
- Run `gulp build` before make your PR.
- Run `gulp build` before making your PR.
- [Changelog](https://github.com/lbenie/angular-elastic-grid/releases)
- [Changelog](https://github.com/lbenie/angular-elastic-grid/releases)

@@ -122,3 +136,5 @@ Feel free to open issues if you run into a problem or if you just have suggestions. PR´s are always welcome.

---
#### License
`angular-elastic-grid` is open-sourced software licensed under [MIT](http://opensource.org/licenses/MIT).
'use strict';
describe('Component <elastic-grid> directive', function() {
describe('', function() {

@@ -8,14 +8,19 @@ var module;

dependencies = [];
var scope;
var element;
var hasModule = function(module) {
return dependencies.indexOf(module) >= 0;
return dependencies.indexOf(module) >= 0;
};
beforeEach(function() {
// Get module
module = angular.module('angular-elastic-grid');
dependencies = module.requires;
// Get module
module = angular.module('angular-elastic-grid');
dependencies = module.requires;
});
beforeEach(inject(function($rootScope) {
scope = $rootScope.$new();
}));
it('should load config module', function() {

@@ -25,14 +30,5 @@ expect(hasModule('angular-elastic-grid.config')).to.be.ok;

it('should load directives module', function() {
expect(hasModule('angular-elastic-grid.directives')).to.be.ok;
});
});

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc