Skip to content

Instantly share code, notes, and snippets.

View benmj's full-sized avatar
:shipit:

Ben Jacobs benmj

:shipit:
29 followers · 28 following
View GitHub Profile
@benmj
benmj / directive.js
Created April 22, 2013 15:52
This works fine in development (Grunt server), but when I deploy it there's a javascript error: "Error: No controller: ngController" However, the controller (passed in as the forth parameter to `link`) works: inside the directive body the functions on the controller can be accessed. I'm happy that it works, but I wonder... why?
angular.module('portal', []).directive('ordersPendingControls', function ($compile) {
return {
scope: {
ordersPendingControls: '='
},
require: "^ngController",
replace: true,
template: '<div>' +
' <button class="btn btn-small" ng-click="editClicked()" ng-disabled="editDisabled" title="Edit this request"><i class="icon-pencil"></i></button>' +
' <button class="btn btn-small" ng-click="deleteClicked()" ng-disabled="deleteDisabled" title="Delete this request"><i class="icon-remove-circle icon-remove"></i></button>' +
@benmj
benmj / all-templates.html
Created May 16, 2013 23:27 — forked from vojtajina/all-templates.html
<script type="text/ng-template" id="one.html">
<div>This is first template</div>
</script>
<script type="text/ng-template" id="two.html">
<div>This is second template</div>
</script>
@benmj
benmj / geocoder-service.js
Created August 29, 2013 16:38
An AngularJS Service for intelligently geocoding addresses using Google's API. Makes use of localStorage (via the ngStorage package) to avoid unnecessary trips to the server. Queries Google's API synchronously to avoid `google.maps.GeocoderStatus.OVER_QUERY_LIMIT`
/*global angular: true, google: true, _ : true */
'use strict';
angular.module('geocoder', ['ngStorage']).factory('Geocoder', function ($localStorage, $q, $timeout) {
var locations = $localStorage.locations ? JSON.parse($localStorage.locations) : {};
var queue = [];
// Amount of time (in milliseconds) to pause between each trip to the
@benmj
benmj / ratios.less
Created September 9, 2013 21:14
An easy way to maintain a specific ratio on fluid containers using only CSS.
/**
* Ratios.less
*
* Ben Jacobs <[email protected]> 2013/09/09
*
* Inspired by a [blog post][1] on maintaing aspect ratio of fluid content
* using only CSS.
*
* [1]: http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio by ansciath
*/
@benmj
benmj / basic-style-snoop.js
Created September 30, 2013 21:37
from third party javascript
function getStyle (node, property, camel) {
var value;
if (window.getComputedStyle) {
value = document.defaultView.getComputedStyle(node, null)
.getPropertyValue(property);
} else if (node.currentStyle) {
// IE fallback
value = node.currentStyle[property] ?
node.currentStyle[property] :
@benmj
benmj / style.css
Created October 1, 2013 18:54
body {
color: red;
font-weight: bold;
}
@benmj
benmj / hello.txt
Created October 30, 2013 01:14
a text file
Hello, world!
@benmj
benmj / jqueryui.html
Created October 30, 2013 02:51 — forked from dphaener/jqueryui.html
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<title></title>
</head>
@benmj
benmj / eval.js
Created March 14, 2014 20:46
#!/usr/local/bin/node
var not = {};
function printCatch (name) {
try {
console.log(eval(name));
} catch (e) {
console.log("whoops, that isn't defined yet");
setTimeout(printCatch.bind(undefined, name), 0);
@benmj
benmj / gist:9c8670f4819f647ae3b0
Created June 19, 2014 23:12
function getTemplateAsync (templateName) {
var dfd = $q.defer();
var template = $templateCache.get(templateName);
if (!template) {
$http.get(templateName).success(function (data) {
$templateCache.put(templateName);
dfd.resolve(data);
});