• Stars
    star
    277
  • Rank 148,875 (Top 3 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created almost 10 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Pinterest like responsive masonry grid system for angular

angulargrid

Pinterest like responsive masonry grid system for angular

##Features

  • Complete responsive, figures out columns and width to completely fit the container based on options provided and container width.
  • Animation support on enter or leave of grid items, sorting or resizing using ngAnimate module and css animation.
  • Support any grid system (bootstrap, foundation) for number of columns, grid and gutter width.
  • Perfect handeling of image load.
  • Support left to right or right to left placement of grids.
  • Keeps a watch on list model and options to reflect the changes instantly.

##Updates ###Release 0.6.0 : UMD Support Added

Released on npm

npm install angulargrid --save

###Release 0.5.0 (Major Enhancements) :

  1. Implemented #14 (Performant scroll)
  • Added agPerformantScroll options, if enabled non visible element (from viewport) will be removed, and there watchers will be disabled.
  1. Implemented #31
  • Added infinite scroll feature.
  1. agular-grid-id and angular-grid-options deprecated, use ag-id and ag-options instead.

  2. Added namespace "ag" on all options (ex : ag-grid-width) to avoid directive name conflict. Older options are deprecated. Note: This is only on templates, inside agOptions you must give options without ag namespace (ex : gridWidth);

###Release 0.4.0 (Major Enhancements) :

  1. Implemented #9
  • Support bootstrap or any grid system, enable cssGrid option to true, and then plugin will listen grid system (All items need to be of same grid style)
  1. Implemented #10
  • Added direction option which handle direction of grid placement. Default to "ltor" . You can also define "rtol" if you want grid to be placed from right to left.
  1. Implemented #12, #13
  • Added gridNo option to define no of grids at a particular time . (If gridNo is defined plugin does not consider gridWidth option)
  • All options are now dynamic, which can be changed after initialization
  • Added angularGridOptions attribute so that options can be given as single object, or can be defined on controller.
  1. Destroying instance and unbinding events on destroy of scope.

More Repositories

1

react-number-format

React component to format numbers in an input or as a text.
JavaScript
3,858
star
2

iv-viewer

A zooming and panning plugin inspired by google photos for your web images.
JavaScript
449
star
3

patternLock

A light weight plugin to simulate android like pattern lock interface for your hybrid app or website.
JavaScript
378
star
4

radialIndicator

A simple and light weight circular indicator / progressbar plugin.
JavaScript
232
star
5

react-meta-tags

Handle document meta/head tags in isomorphic react with ease.
JavaScript
226
star
6

contextMenu.js

contextMenu.js is a plugin to create windows like context menu with keyboard interaction, different type of inputs ,trigger events and much more.
JavaScript
208
star
7

ScrollMenu

A new interface to replace your old boring scrollbar
JavaScript
201
star
8

jsonQ

A JavaScript library to make manipulation and extraction of data from a JSON very easy and fast.
JavaScript
201
star
9

relative-to-alias

🛠️ A codemod to do large-scale refactor of your relative path imports to alias.
JavaScript
132
star
10

FlakeId

Twittter Snowflake like unique id generator plugin for nodejs and browser
JavaScript
76
star
11

modalBox.js

A very light weight and minimal plugin to display modal window.
JavaScript
43
star
12

patternCaptcha

Android like pattern matching captcha system for your node webapps.
JavaScript
42
star
13

github-turbo-pr

Chrome extension to optimize github for handling big pull request. 🚀
JavaScript
25
star
14

eventPause.js

eventPause is a tiny plugin with lots of methods to control events. So whenever you want you can pause and activate any event.
JavaScript
21
star
15

create-effect

A small utility to create custom hooks using useEffect
JavaScript
9
star
16

fqueue

A micro-plugin to queue function execution to handle asynchronous flow and stepping through functions.
JavaScript
7
star
17

coequal.js

coequal is a small utility function to check equality of all data types and objects in JavaScript.
JavaScript
6
star
18

node-website-build-script

Boilerplate to use node.js as a build script for web projects.
CSS
5
star
19

LongListScroller

A small plugin to handle long list scroll using IScroll
JavaScript
3
star
20

findR.js

A find and replace JavaScript plugin for webpages.
JavaScript
3
star
21

deferred

A mini deferred plugin, having just what you need
JavaScript
2
star
22

ask-me-anything

A place where you can ask me anything about frontend, architecture, performance or general career stuff
2
star
23

number-format-app

JavaScript
1
star
24

class-to-function-with-react-hooks

Examples to map lifecycle method of a class component to a functional component with react hooks
JavaScript
1
star
25

isomorphic_react_sample

An isomorphic react sample app.
JavaScript
1
star
26

babel-plugin-react-create-element-alias

A babel plugin to replace React.createElement to an alias
JavaScript
1
star
27

patch-commits

Patch all commits to have desired changes in a branch
JavaScript
1
star
28

s-yadav.github.com

HTML
1
star
29

useful-array-prototypes

This repository contains some useful prototypes which native javascript dont provide or have some perfomance gain over native javascript functionality.
JavaScript
1
star