sombriks

Untitled

May 17th, 2016
218
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JSON 3.07 KB | None | 0 0
  1. {
  2.   "name": "angular-slideout",
  3.   "version": "1.0.1",
  4.   "description": "Lightweight angular slideout directive for mobile which does not require angular-animate.js",
  5.   "main": "index.js",
  6.   "scripts": {
  7.     "test": "echo \"Error: no test specified\" && exit 1"
  8.   },
  9.   "repository": {
  10.     "type": "git",
  11.     "url": "git+https://github.com/mfbx9da4/angular-slideout.git"
  12.   },
  13.   "keywords": [
  14.     "angularjs",
  15.     "slideout"
  16.   ],
  17.   "author": {
  18.     "name": "David Alberto Adler [email protected]"
  19.   },
  20.   "license": "MIT",
  21.   "bugs": {
  22.     "url": "https://github.com/mfbx9da4/angular-slideout/issues"
  23.   },
  24.   "homepage": "https://github.com/mfbx9da4/angular-slideout#readme",
  25.   "dependencies": {
  26.     "angular": ""
  27.   },
  28.   "devDependencies": {
  29.     "css-loader": "^0.23.1",
  30.     "gulp": "^3.9.1",
  31.     "gulp-webpack": "^1.5.0",
  32.     "style-loader": "^0.13.1",
  33.     "webpack": "^1.12.14"
  34.   },
  35.   "readme": "# Angularjs Slideout\n\nLightweight angular slideout directive for mobile which does not require angular-animate.js\n\n### [Demo](http://mfbx9da4.github.io/projects/angular-slideout)\n\n### Dependencies\n\n- angular\n- Optional dependency of angular touch for swiping menu away\n\n### Install\n\nIf you are using npm or webpack \n\n    npm install --save angular-slideout\n\nImport angular-slideout after angular and require it as a module to your app.\n\n```js\nvar angular_slideout = require('angular-slideout');\nvar app = angular.module('app', ['angular-slideout', 'ngTouch']);\napp.controller('main', function($scope) {});\n```\n\nOtherwise import `slideout.min.js` as so.\n\n```html\n<!-- Angular -->\n<script src=\"http://code.angularjs.org/1.2.19/angular.min.js\"></script>\n<!-- Angular touch (not required) -->\n<script src=\"http://code.angularjs.org/1.2.19/angular-touch.min.js\"></script>\n<!-- Slideout module -->\n<script src=\"slideout.min.js\"></script>\n<!-- Your App Code -->\n<script>\n    // import angular-slideout\n    var app = angular.module('app', ['angular-slideout', 'ngTouch']);\n    app.controller('main', function($scope) {});\n</script>\n```\n\n### Usage\n\n#### Configure your sidebar content\n\n```html\n<nav slideout=\"show_menu\" slideout-direction=\"from-left\">\n  <div class=\"back-button\" ng-click=\"show_menu = false;\">Back</div>\n  <h2>Menu content</h2>\n</nav>\n```\n\n* **The slideout attribute:** Use a boolean variable to determine whether to show slideout.\n* **The slideout direction:** Options are 'from-left' or 'from-right'\n\n####Configure sidebar toggles\n\n```html\n<div class=\"show-sidebar\" ng-click=\"show_menu = true;\">\n  Show sidebar\n</div>\n```\n\n####Configure swipe toggles (requires angular-touch)\n\n```html\n<div class=\"container\"\n\t ng-swipe-left=\"show_menu = true\"\n\t ng-swipe-right=\"show_menu = false; show_sub_menu = false;\">\n\t ...\n</div>\n```\n",
  36.   "readmeFilename": "Readme.md",
  37.   "_id": "[email protected]",
  38.   "dist": {
  39.     "shasum": "b246885874d36473885e7d519188f4de21f7a520"
  40.   },
  41.   "_from": "angular-slideout@",
  42.   "_resolved": "https://registry.npmjs.org/angular-slideout/-/angular-slideout-1.0.1.tgz"
  43. }
Advertisement
Add Comment
Please, Sign In to add comment