Alex Castillo alexcastillo

## whilePageIsVisible.js
import { fromEvent, partition, pipe } from "rxjs";
import { shareReplay, takeUntil, repeatWhen } from "rxjs/operators";

// 🛑 unsubscribes when the browser tab is not active
// ✅ resubscribe when it is becomes active again
export function whilePageIsVisible() {
  const visibilityChange$ = fromEvent(document, "visibilitychange").pipe(
    shareReplay({ refCount: true, bufferSize: 1 })
  );

## socket.io-client.html
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Socket.io Client</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="//cdn.jsdelivr.net/socket.io-client/1.3.2/socket.io.js" />
  <script>

## n2-notifications.1.ts
import { SystemNotificationDirective } from 'ng2-notifications';

@Component({
  ...
  directives: [SystemNotificationDirective]
})

## fileDirective.js
angular.module('Aether').directive('onReadFile', function($parse, Constants) {
	return {
		restrict : 'A',
		scope : false,
		link : function(scope, element, attrs) {
			var fn = $parse(attrs.onReadFile);
			element.on('change', function(onChangeEvent) {
				var file = (onChangeEvent.srcElement || onChangeEvent.target).files[0];
				var reader = new FileReader();
				reader.onload = function(onLoadEvent) {

## browserify-sample.js
{
  "name": "sample-app",
  "version": "0.0.1",
  "description": "App Description",
  "main": "js/app.js",
  "dependencies": {
    "underscore": "^1.7.0"
  },
  "devDependencies": {
    "browserify": "~6.2.0",

## angular-css-bust-cache.js
$routeProvider
  .when('/page1', {
    templateUrl: 'page1/page1.html',
    controller: 'page1Ctrl',
    css: {
      href: 'page1/page1.css',
      bustCache: true
    }
  });

## angular-css-preload.js
$routeProvider
  .when('/page1', {
    templateUrl: 'page1/page1.html',
    controller: 'page1Ctrl',
    css: {
      href: 'page1/page1.css',
      preload: true
    }
  });

## angular-css-persist.js
$routeProvider
  .when('/page1', {
    templateUrl: 'page1/page1.html',
    controller: 'page1Ctrl',
    css: {
      href: 'page1/page1.css',
      persist: true
    }
  });

## angular-css-sqm.js
$routeProvider
   .when('/tickets', {
     templateUrl: 'tickets/tickets.html',
     controller: 'ticketsCtrl',
     css: [
       {
         href: 'tickets/tickets.mobile.css',
         media: '(max-width: 480px)'
       }, {
         href: 'tickets/tickets.tablet.css',

## angular-css-directive1.js
myApp.directive('itinerary', function () {
 return {
   restrict: 'E',
   templateUrl: 'itinerary/itinerary.html',
   css: 'itinerary/itinerary.css'
 }
});
	import { fromEvent, partition, pipe } from "rxjs";
	import { shareReplay, takeUntil, repeatWhen } from "rxjs/operators";

	// 🛑 unsubscribes when the browser tab is not active
	// ✅ resubscribe when it is becomes active again
	export function whilePageIsVisible() {
	const visibilityChange$ = fromEvent(document, "visibilitychange").pipe(
	shareReplay({ refCount: true, bufferSize: 1 })
	);
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Socket.io Client</title>
	<base href="/">

	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script src="//cdn.jsdelivr.net/socket.io-client/1.3.2/socket.io.js" />
	<script>
	import { SystemNotificationDirective } from 'ng2-notifications';

	@Component({
	...
	directives: [SystemNotificationDirective]
	})
	angular.module('Aether').directive('onReadFile', function($parse, Constants) {
	return {
	restrict : 'A',
	scope : false,
	link : function(scope, element, attrs) {
	var fn = $parse(attrs.onReadFile);
	element.on('change', function(onChangeEvent) {
	var file = (onChangeEvent.srcElement \|\| onChangeEvent.target).files[0];
	var reader = new FileReader();
	reader.onload = function(onLoadEvent) {
	{
	"name": "sample-app",
	"version": "0.0.1",
	"description": "App Description",
	"main": "js/app.js",
	"dependencies": {
	"underscore": "^1.7.0"
	},
	"devDependencies": {
	"browserify": "~6.2.0",
	$routeProvider
	.when('/page1', {
	templateUrl: 'page1/page1.html',
	controller: 'page1Ctrl',
	css: {
	href: 'page1/page1.css',
	bustCache: true
	}
	});
	$routeProvider
	.when('/tickets', {
	templateUrl: 'tickets/tickets.html',
	controller: 'ticketsCtrl',
	css: [
	{
	href: 'tickets/tickets.mobile.css',
	media: '(max-width: 480px)'
	}, {
	href: 'tickets/tickets.tablet.css',
	myApp.directive('itinerary', function () {
	return {
	restrict: 'E',
	templateUrl: 'itinerary/itinerary.html',
	css: 'itinerary/itinerary.css'
	}
	});