carmichaelize

//$ npm install -g grunt-cli
//
//$ npm install grunt-contrib-concat --save-dev
//$ npm install grunt-contrib-uglify --save-dev
//$ npm install grunt-contrib-cssmin --save-dev

module.exports = function(grunt) {

    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

carmichaelize

.vdiv
{
  display:table;
  position:absolute;
  width: 100%;
  height:100%;
}

.vdiv > div
{

carmichaelize

var scroll = function(){
    if ($(window).scrollTop() + $(window).height() > $(document).height() - 50) {
	//Do something
    }
}

//Add/remove function from $(window) 
$(window).on('scroll', scroll);
$(window).off('scroll', scroll);

carmichaelize

if (_button){
	_button.action = callback;
	//Bind params
	if(params) _button.action = _button.action.bind.apply(_button.action, [null].concat(params));
}

carmichaelize

angular
	.module('myApp')
	.run(function(){
	  //The app is initialised.
	});

//Get Firebase auth
var ref = new Firebase('https://<!--FIREBASEURL-->.com'),
auth = ref.getAuth();

carmichaelize

(function () {
    'use strict';

    function $dirtyCheck(){
    	var watchers = [],
    	    dirty = false;
    	return {
    		add: function($scope, model){
    			if ($scope && model){
    				var watcher = $scope.$watch(model, function(isDirty) {

carmichaelize

//Shared scope
function myDirective() {
    return {
        restrict: 'EA',
        templateUrl: 'my-directive.html',
        transclude: true,
        scope: false,
        controllerAs: 'ctrl',
        link: function(scope, element, attrs, ctrl, transclude) {
            transclude(scope, function(clone, scope) {

carmichaelize

// Here You can type your custom JavaScript...
jQuery.fn.highlight = function (str, className) {
    var regex = new RegExp(str, "gi");
    return this.each(function () {
        $(this).contents().filter(function() {
            return this.nodeType == 3 && regex.test(this.nodeValue);
        }).replaceWith(function() {
            return (this.nodeValue || "").replace(regex, function(match) {
                return "<span class=\"" + className + "\">" + match + "</span>";
            });

carmichaelize

import {Component, Input, ViewChild, ViewContainerRef, ComponentResolver, ComponentFactory} from '@angular/core';
import {Child1Component} from './child1.component';
import {Child2Component} from './child2.component';

@Component({
    selector: 'parent',
    template: `
        <div #target></div>
    `
})

carmichaelize

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ 
    name: 'capitalize' 
})
export class Capitalize implements PipeTransform {
    
    transform(str: string, all: boolean) {
        //Capitalize all the words
        if (all) {