Kim Maida kmaida

## ng-image-onload.js
app.module['myApp'].directive('imageOnload', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            element.bind('load', function() {
                // call the function that was passed
                scope.$apply(attrs.imageOnload);

                // usage: <img ng-src="src" image-onload="imgLoadedCallback()" />
            });

## animated-ng-if.scss
.animated-ng-if {
	&.ng-enter {
		transition: max-height 350ms ease-in;	/* transition the height FROM 0 to x when entering (autoprefix or use mixin) */
		max-height: 0;
	}
	&.ng-enter.ng-enter-active,
	&.ng-leave {
		max-height: 600px;	/* max-height when active (adjust value to fit needs) */
	}
	&.ng-leave.ng-leave-active {

## object-inheritance.js
// Define an object with init function and add methods
var Person = {
	init: function(name, gender) {
		this.name = name;
		this.gender = gender;
	},
	speak: function() {
		alert('Howdy, my name is ' + this.name);
	}
};

## grunt-beep.js
grunt.registerTask('beep', 'beep!', function() { grunt.log.writeln('\x07').ok(); }); // beep!

## prototypal-inheritance.js
// Define a class like this
function Person(name, gender) {
	// Add object properties like this
	this.name = name;
	this.gender = gender;
}

// Add methods like this. All Person objects will be able to invoke this
Person.prototype.speak = function() {
	alert('Howdy, my name is ' + this.name);

## resourceUrlWhitelist.js
var urlDomain = window.location.hostname.replace('www.', '');

app.config('$sceDelegateProvider', function($sceDelegateProvider) {
	$sceDelegateProvider.resourceUrlWhitelist([
		'self',
		'http://*.' + urlDomain + '/**'
	]);
});

## trustAsHTMLFilter.js
myApp.filter('trustAsHTML', ['$sce', function($sce){
	return function(text) {
		return $sce.trustAsHtml(text);
	};
}]);

## startFromFilter.js
app.filter('startFrom', function() {
	return function(input, start) {
		if (input) {
			start = +start;	// parse to int
			return input.slice(start);
		}
		return [];
	}
});

## dynamicPagRepeatAngular.html
<!DOCTYPE HTML>
<html lang="en" ng-app="myApp">
	<head>
		<meta charset="utf-8">
		<title>Dynamic Pagination w/ Filtering</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="Kim Maida">

		<!-- JS Libraries -->

## matchmediacheck.js
function getviewport() {
	var win = window,
		matchMediaSupported = (win.matchMedia || win.msMatchMedia),
		viewport;

	if (matchMediaSupported) {
		if (win.matchMedia('screen and (min-width: 641px)').matches) {
			viewport = 'large';
		} else {
			viewport = 'small';
	app.module['myApp'].directive('imageOnload', function() {
	return {
	restrict: 'A',
	link: function(scope, element, attrs) {
	element.bind('load', function() {
	// call the function that was passed
	scope.$apply(attrs.imageOnload);

	// usage: <img ng-src="src" image-onload="imgLoadedCallback()" />
	});
	.animated-ng-if {
	&.ng-enter {
	transition: max-height 350ms ease-in; /* transition the height FROM 0 to x when entering (autoprefix or use mixin) */
	max-height: 0;
	}
	&.ng-enter.ng-enter-active,
	&.ng-leave {
	max-height: 600px; /* max-height when active (adjust value to fit needs) */
	}
	&.ng-leave.ng-leave-active {
	// Define an object with init function and add methods
	var Person = {
	init: function(name, gender) {
	this.name = name;
	this.gender = gender;
	},
	speak: function() {
	alert('Howdy, my name is ' + this.name);
	}
	};
	// Define a class like this
	function Person(name, gender) {
	// Add object properties like this
	this.name = name;
	this.gender = gender;
	}

	// Add methods like this. All Person objects will be able to invoke this
	Person.prototype.speak = function() {
	alert('Howdy, my name is ' + this.name);
	var urlDomain = window.location.hostname.replace('www.', '');

	app.config('$sceDelegateProvider', function($sceDelegateProvider) {
	$sceDelegateProvider.resourceUrlWhitelist([
	'self',
	'http://.' + urlDomain + '/*'
	]);
	});
	myApp.filter('trustAsHTML', ['$sce', function($sce){
	return function(text) {
	return $sce.trustAsHtml(text);
	};
	}]);
	app.filter('startFrom', function() {
	return function(input, start) {
	if (input) {
	start = +start; // parse to int
	return input.slice(start);
	}
	return [];
	}
	});
	<!DOCTYPE HTML>
	<html lang="en" ng-app="myApp">
	<head>
	<meta charset="utf-8">
	<title>Dynamic Pagination w/ Filtering</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="Kim Maida">

	<!-- JS Libraries -->
	function getviewport() {
	var win = window,
	matchMediaSupported = (win.matchMedia \|\| win.msMatchMedia),
	viewport;

	if (matchMediaSupported) {
	if (win.matchMedia('screen and (min-width: 641px)').matches) {
	viewport = 'large';
	} else {
	viewport = 'small';