try_api 0.0.6

data/app/assets/javascripts/try_api/bower_components/ladda/README.md

@@ -0,0 +1,142 @@
+# Ladda
+
+Buttons with built-in loading indicators, effectively bridging the gap between action and feedback.
+
+[Check out the demo page](http://lab.hakim.se/ladda/).
+
+
+## Instructions
+
+Release downloads and change history is available here <https://github.com/hakimel/Ladda/releases>.
+
+The compiled files for the project that you should be using are available in the **/dist** directory. You will need to include both the **ladda.min.js** and **spin.min.js** files as well as ONE of the two style sheets. If you want the button styles used in the [Ladda example page](http://lab.hakim.se/ladda) use the **ladda.min.css** file, if you want to have the functional buttons without the visual style (colors, padding etc) use the **ladda-themeless.min.css** file.
+
+#### HTML
+
+Ladda buttons must be given the class ```ladda-button``` and the button label needs to have the ```ladda-label``` class. The ```ladda-label``` will be automatically created if it does not exist in the DOM. Below is an example of a button which will use the expand-right animation style.
+
+```html
+<button class="ladda-button" data-style="expand-right"><span class="ladda-label">Submit</span></button>
+```
+
+Buttons accept the following attributes:
+- **data-style**: one of the button styles, full list in [demo](http://lab.hakim.se/ladda/) *[required]*
+- **data-color**: green/red/blue/purple/mint
+- **data-size**: xs/s/l/xl, defaults to medium
+- **data-spinner-size**: 40, pixel dimensions of spinner, defaults to dynamic size based on the button height
+- **data-spinner-color**: A hex code or any [named CSS color](http://css-tricks.com/snippets/css/named-colors-and-hex-equivalents/).
+- **data-spinner-lines**: 12, the number of lines the for the spinner, defaults to 12
+
+#### JavaScript
+
+If you will be using the loading animation for a form that is submitted to the server (always resulting in a page reload) you can use the ```bind()``` method:
+
+```javascript
+// Automatically trigger the loading animation on click
+Ladda.bind( 'button[type=submit]' );
+
+// Same as the above but automatically stops after two seconds
+Ladda.bind( 'button[type=submit]', { timeout: 2000 } );
+```
+
+If you want JavaScript control over your buttons you can use the following approach:
+
+```javascript
+// Create a new instance of ladda for the specified button
+var l = Ladda.create( document.querySelector( '.my-button' ) );
+
+// Start loading
+l.start();
+
+// Will display a progress bar for 50% of the button width
+l.setProgress( 0.5 );
+
+// Stop loading
+l.stop();
+
+// Toggle between loading/not loading states
+l.toggle();
+
+// Check the current state
+l.isLoading();
+
+// Delete the button's ladda instance
+l.remove();
+```
+
+All loading animations on the page can be stopped by using:
+
+```javascript
+Ladda.stopAll();
+```
+
+#### With jQuery
+
+If you will be using the loading animation for a form that is submitted to the server (always resulting in a page reload) you can use the ```ladda('bind')``` method:
+
+```javascript
+// Automatically trigger the loading animation on click
+$( 'button[type=submit]' ).ladda( 'bind' );
+
+// Same as the above but automatically stops after two seconds
+$( 'button[type=submit]' ).ladda( 'bind', { timeout: 2000 } );
+```
+
+If you want JavaScript control over your buttons you can use the following approach:
+
+```javascript
+// Create a new instance of ladda for the specified button
+var l = $( '.my-button' ).ladda();
+
+// Start loading
+l.ladda( 'start' );
+
+// Will display a progress bar for 50% of the button width
+l.ladda( 'setProgress', 0.5 );
+
+// Stop loading
+l.ladda( 'stop' );
+
+// Toggle between loading/not loading states
+l.ladda( 'toggle' );
+
+// Check the current state
+l.ladda( 'isLoading' );
+```
+
+All loading animations on the page can be stopped by using:
+
+```javascript
+$.ladda( 'stopAll' );
+```
+
+## Module
+
+You can `bower install ladda` or `npm install ladda`. The spinner and Ladda can be loaded as a module using AMD.
+
+```javascript
+// Using Require.js
+define(['ladda'], function(Ladda) {
+	// Make Buttons Here
+});
+```
+
+Or in Common.js, you will:
+
+```javascript
+var ladda = require('ladda');
+```
+
+## Browser support
+
+The project is tested in Chrome and Firefox. It Should Work™ in the current stable releases of Chrome, Firefox, Safari as well as IE9 and up.
+
+## Changelog
+
+<https://github.com/hakimel/Ladda/releases>
+
+## License
+
+MIT licensed
+
+Copyright (C) 2016 Hakim El Hattab, http://hakim.se

data/app/assets/javascripts/try_api/bower_components/ladda/bower.json

@@ -0,0 +1,14 @@
+{
+  "name": "ladda",
+  "version": "1.0.0",
+  "main": [
+    "./dist/ladda.min.js",
+    "./dist/ladda.min.css"
+  ],
+  "ignore": [
+    "package.json"
+  ],
+  "dependencies": {
+    "spin.js": "~2.0.2"
+  }
+}

data/app/assets/javascripts/try_api/bower_components/ladda/css/demo.css

@@ -0,0 +1,60 @@
+/* Styles used specifically for the demo page */
+
+body {
+	background: #f5f5f5;
+	font-family: monospace;
+	font-size: 14px;
+	color: #333333;
+}
+
+button {
+	outline: 0;
+}
+
+.examples {
+	max-width: 670px;
+	margin: 2em auto;
+	padding: 4em;
+	background: #fff;
+	text-align: center
+}
+	.examples .intro {
+		margin-bottom: 3em;
+		line-height: 1.4em;
+		font-size: 16px;
+		text-align: left;
+	}
+		.examples .intro h1 {
+			margin-top: 0;
+			font-size: 18px;
+		}
+
+	.examples .outro {
+		display: block;
+		text-align: right;
+		margin-top: 3em;
+	}
+	.examples section {
+		display: inline-block;
+		width: 24%;
+		min-width: 160px;
+		margin-bottom: 2em;
+		text-align: center;
+		vertical-align: top;
+	}
+	.examples section h3 {
+		color: #bbb;
+		font-weight: normal;
+	}
+
+
+
+.sharing {
+	float: left;
+}
+
+
+
+
+
+

data/app/assets/javascripts/try_api/bower_components/ladda/css/ladda-themed.scss

@@ -0,0 +1,81 @@
+/*!
+ * Ladda including the default theme.
+ */
+
+@import "ladda";
+
+/*************************************
+ * CONFIG
+ */
+
+$green: #2aca76;
+$blue: #53b5e6;
+$red: #ea8557;
+$purple: #9973C2;
+$mint: #16a085;
+
+
+/*************************************
+ * BUTTON THEME
+ */
+
+.ladda-button {
+	background: #666;
+	border: 0;
+	padding: 14px 18px;
+	font-size: 18px;
+	cursor: pointer;
+
+	color: #fff;
+	border-radius: 2px;
+	border: 1px solid transparent;
+
+	-webkit-appearance: none;
+	-webkit-font-smoothing: antialiased;
+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+
+	&:hover {
+		border-color: rgba( 0, 0, 0, 0.07 );
+		background-color: #888;
+	}
+
+	@include buttonColor( 'green', $green );
+	@include buttonColor( 'blue', $blue );
+	@include buttonColor( 'red', $red );
+	@include buttonColor( 'purple', $purple );
+	@include buttonColor( 'mint', $mint );
+
+	&[disabled],
+	&[data-loading] {
+		border-color: rgba( 0, 0, 0, 0.07 );
+
+		&, &:hover {
+			cursor: default;
+			background-color: #999;
+		}
+	}
+
+	&[data-size=xs] {
+		padding: 4px 8px;
+
+		.ladda-label {
+			font-size: 0.7em;
+		}
+	}
+
+	&[data-size=s] {
+		padding: 6px 10px;
+
+		.ladda-label {
+			font-size: 0.9em;
+		}
+	}
+
+	&[data-size=l] .ladda-label {
+		font-size: 1.2em;
+	}
+
+	&[data-size=xl] .ladda-label {
+		font-size: 1.5em;
+	}
+}