Chris Carson cdcarson

cdcarson / component.ts

Last active August 11, 2017 23:30

	import { Component, AfterViewInit, ViewChild } from '@angular/core';

	@Component({
	selector: 'app-modal-demo-show',
	template `
	<ng-template nzbModal #exampleModal="nzbModal">
	<div class="modal fade" tabindex="-1">
	<div class="modal-dialog" role="document">
	<div class="modal-content">
	<div class="modal-header">

cdcarson / modal-example-focus.html

Last active August 12, 2017 01:27

cdcarson / modal-example-keyboard.html

Last active August 12, 2017 01:16

cdcarson / modal-example-backdrops.html

Last active August 12, 2017 01:02

cdcarson / modal-example-animations.html

Last active August 12, 2017 00:12

cdcarson / modal-example-1.html

Last active August 11, 2017 16:18

cdcarson / modal-examples.ts

Last active August 5, 2017 18:01

Modal Examples

cdcarson / firebase-app.provider.ts

Last active June 2, 2016 15:06

Bootstrapping a default Firebase app



	import { OpaqueToken, Provider, provide } from '@angular/core';
	import * as firebase from 'firebase';

	export const FIREBASE_APP = new OpaqueToken('FIREBASE_APP');
	export const firebaseAppProvider = (config: Object): Provider => {
	return provide(FIREBASE_APP, {useFactory: () => {
	return firebase.initializeApp(config);
	}});

cdcarson / firebase-sdk-3-typings.d.ts

Last active June 4, 2016 19:57

Firebase SDK 3.x Typings

	/**
	* Generated with a couple of manual tweaks from externs/firebase-app-externs.js
	* with the tool at http://fivetran.github.io/typescript-closure-tools/
	*/
	declare namespace firebase.app {

	interface App {

	/**
	* The (read-only) name (identifier) for this App. '[DEFAULT]' is the name of

cdcarson / gist:a6aff54408396f1a80d0

Created June 23, 2015 17:50

npm-debug.log (npm install nodegit issue)

This file has been truncated, but you can view the full file.

	16008 silly gunzTarPerm extractEntry vendor/openssl/openssl/times/586-100.lnx
	16009 silly gunzTarPerm extractEntry vendor/openssl/openssl/times/586-100.nt
	16010 silly gunzTarPerm extractEntry vendor/openssl/openssl/times/586-100.ntx
	16011 silly gunzTarPerm extractEntry vendor/openssl/openssl/times/586-100.w31
	16012 silly gunzTarPerm extractEntry vendor/openssl/openssl/times/586-1002.lnx
	16013 silly gunzTarPerm extractEntry vendor/openssl/openssl/times/586p-100.lnx
	16014 silly gunzTarPerm extractEntry vendor/openssl/openssl/times/686-200.bsd
	16015 silly gunzTarPerm extractEntry vendor/openssl/openssl/times/686-200.lnx
	16016 silly gunzTarPerm extractEntry vendor/openssl/openssl/times/686-200.nt
	16017 silly gunzTarPerm extractEntry vendor/openssl/openssl/times/091/alpha164.lnx

	<button class="btn btn-primary" (click)="defaultModal.show()">Default Behavior</button>
	<ng-template nzbModal #defaultModal="nzbModal">
	<!-- same as data-focus="true" -->
	<div class="modal fade" tabindex="-1">...</div>
	</ng-template>

	<button class="btn btn-primary" (click)="noFocusModal.show()">Focus = false</button>
	<ng-template nzbModal #noFocusModal="nzbModal">
	<div class="modal fade" tabindex="-1" data-focus="false">...</div>
	</ng-template>

	<button class="btn btn-primary" (click)="defaultModal.show()">Default Behavior</button>
	<ng-template nzbModal #defaultModal="nzbModal">
	<!-- same as data-keyboard="true" -->
	<div class="modal fade" tabindex="-1">...</div>
	</ng-template>

	<button class="btn btn-primary" (click)="noEscModal.show()">Keyboard = false</button>
	<ng-template nzbModal #noEscModal="nzbModal">
	<div class="modal fade" tabindex="-1" data-keyboard="false">...</div>
	</ng-template>

	<button class="btn btn-primary" (click)="defaultModal.show()">Modal With Backdrop</button>
	<ng-template nzbModal #defaultModal="nzbModal">
	<!-- No attribute necessary -- same as data-backdrop="true" -->
	<div class="modal fade" tabindex="-1">...</div>
	</ng-template>


	<button class="btn btn-primary" (click)="noBackdropModal.show()">Modal Without Backdrop</button>
	<ng-template nzbModal #noBackdropModal="nzbModal">
	<div class="modal fade" tabindex="-1" data-backdrop="false">...</div>

	<button class="btn btn-primary" (click)="animateModal.show()">Modal With Animation</button>
	<ng-template nzbModal #animateModal="nzbModal">
	<!-- NOTE .fade class -->
	<div class="modal fade" tabindex="-1">...</div>
	</ng-template>

	<button class="btn btn-primary" (click)="inanimateModal.show()">Modal Without Animation</button>
	<ng-template nzbModal #inanimateModal="nzbModal">
	<!-- NOTE absence of .fade class -->
	<div class="modal" tabindex="-1">...</div>

	<button class="btn btn-primary" (click)="exampleModal1.show()">Show Modal</button>

	<nzb-modal #exampleModal1="nzbModal">
	<div class="modal-dialog" role="document">
	<div class="modal-content">
	<div class="modal-header">
	<h5 class="modal-title">Modal title</h5>
	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
	<span aria-hidden="true">×</span>
	</button>

	import { Component } from '@angular/core';
	import { NzbModal } from 'nowzoo-angular-bootstrap-lite';

	/** A sample component we use for modal content ***/
	@Component({
	selector: 'app-example-modal-content',
	template:`
	<div class="modal-header">
	<h5 class="modal-title">Enter Your Name</h5>
	<button type="button" class="close" (click)="modal.dismiss('header dismiss button clicked')" aria-label="Close">