Initial commit

Author: getninjaN

.gitignore

@@ -0,0 +1 @@
+bower_components

README.md

@@ -0,0 +1,34 @@
+angular-sticky-kit
+================
+
+AngularJS directive for [Sticky-Kit](http://leafo.net/sticky-kit/) - A jQuery plugin for making smart sticky elements.
+
+
+Installation (via Bower):
+-------------------------
+```shell
+$ bower install angular-sticky-kit
+```
+
+Usage:
+------
+Download and include `angular-sticky-kit.js` together with `jquery.js` and `jquery.sticky-kit.js`.
+
+```html
+<script type="text/javascript" src="path/to/jquery.js"></script>
+<script type="text/javascript" src="path/to/jquery.sticky-kit.js"></script>
+<script type="text/javascript" src="path/to/angular-sticky-kit.js"></script>
+```
+
+Add "angular-sticky-kit" to your app's dependencies
+```javascript
+angular.module("myApp", ["angular-sticky-kit"]);
+```
+
+Use the directive as an attribute with optional settings as value.
+
+```html
+<div sticky-kit="options"></div>
+```
+
+Available options can be found over at the [Sticky-Kit reference](http://leafo.net/sticky-kit/#reference).

angular-sticky-kit.js

@@ -0,0 +1,48 @@
+angular.module("angular-sticky-kit", [])
+
+.directive("stickyKit", function() {
+  return {
+    restrict: "A",
+    link: function(scope, element, attributes) {
+      var customOptions, defaultOpts, options, stickyElement, stickyKitAttribute;
+      options = {};
+      stickyKitAttribute = scope.$eval(attributes.stickyKit);
+      customOptions = Object.isObject(stickyKitAttribute) ? stickyKitAttribute : {};
+      defaultOpts = {
+        sticky_class: "is_stuck",
+        inner_scrolling: true,
+        recalc_every: null,
+        parent: null,
+        offset_top: 0,
+        spacer: null,
+        bottoming: true,
+        stick: null,
+        unstick: null,
+        bottom: null,
+        unbuttom: null,
+        recalc: null,
+        detach: null
+      };
+      options = Object.merge(defaultOpts, customOptions);
+      stickyElement = element.stick_in_parent(options);
+      if (typeof stick !== "undefined" && stick !== null) {
+        element.on("sticky_kit:stick", stick);
+      }
+      if (typeof unstick !== "undefined" && unstick !== null) {
+        element.on("sticky_kit:unstick", unstick);
+      }
+      if (typeof bottom !== "undefined" && bottom !== null) {
+        element.on("sticky_kit:bottom", bottom);
+      }
+      if (typeof unbottom !== "undefined" && unbottom !== null) {
+        element.on("sticky_kit:unbottom", unbottom);
+      }
+      if (typeof recalc !== "undefined" && recalc !== null) {
+        element.on("sticky_kit:recalc", recalc);
+      }
+      if (typeof detach !== "undefined" && detach !== null) {
+        return element.on("sticky_kit:detach", detach);
+      }
+    }
+  };
+});

bower.json

@@ -0,0 +1,26 @@
+{
+  "name": "angular-sticky-kit",
+  "main": "angular-sticky-kit.js",
+  "authors": [
+    "getninjaN <[email protected]>"
+  ],
+  "description": "AngularJS directive for Sticky-Kit",
+  "moduleType": [],
+  "keywords": [
+    "angular",
+    "sticky-kit",
+    "sticky"
+  ],
+  "license": "MIT",
+  "homepage": "https://github.com/getninjaN/angular-sticky-kit",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "sticky-kit": "~1.1.2"
+  }
+}