Skip to content

Instantly share code, notes, and snippets.

View daviddt's full-sized avatar

David daviddt

48 followers · 7 following
  • Amsterdam
View GitHub Profile
@daviddt
daviddt / about.ts
Last active August 29, 2015 14:27
import { Component, View, coreDirectives } from 'angular2/angular2';
import { Router} from 'angular2/router';
import { SayName } from '../sayname/sayname';
@Component({
selector: 'about'
})
@View({
templateUrl: './src/about/about.html',
directives: [coreDirectives, SayName]
@daviddt
daviddt / app.ts
Created August 20, 2015 09:48
///<reference path="../../typings/_custom.d.ts" />
import { Component, View } from 'angular2/angular2';
import { RouteConfig, RouterLink, RouterOutlet } from 'angular2/router';
import { Search } from '../components/search/search';
import { Artist } from '../components/artist/artist';
@Component({
selector: 'my-app'
@daviddt
daviddt / _custom.d.ts
Created August 20, 2015 12:12
///<reference path="./angular2/angular2.d.ts"/>
///<reference path="./angular2/router.d.ts"/>
///<reference path="./rx/rx.d.ts"/>
///<reference path="./es6-promise/es6-promise.d.ts"/>
@daviddt
daviddt / index.html
Created August 20, 2015 12:22
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My App</title>
<script src="https://github.jspm.io/jmcriffey/bower-traceur-runtime@0.0.87/traceur-runtime.js"></script>
<script src="https://jspm.io/system@0.16.js"></script>
<script src="https://code.angularjs.org/2.0.0-alpha.35/angular2.dev.js"></script>
<script src="https://code.angularjs.org/2.0.0-alpha.35/router.dev.js"></script>
@daviddt
daviddt / app.ts
Created August 20, 2015 12:29
/// <reference path="../../typings/_custom.d.ts" />
import { Component, View } from 'angular2/angular2';
import { RouteConfig, RouterLink, RouterOutlet } from 'angular2/router';
import { Search } from '../components/search/search';
import { Artist } from '../components/artist/artist';
@Component({
selector: 'app'
@daviddt
daviddt / spotify.ts
Created August 20, 2015 12:52
/// <reference path="../../typings/_custom.d.ts" />
import { Injectable } from 'angular2/angular2';
@Injectable()
export class Spotify {
url: string;
constructor() {
this.url = 'https://api.spotify.com/v1/';
}
@daviddt
daviddt / fetch.ts
Created August 20, 2015 12:59
export function status(response) {
if (response.status >= 200 && response.status < 300) {
return Promise.resolve(response);
}
return response.text().then(function(text) {
throw new Error(text);
});
}
export function text(response) {
@daviddt
daviddt / search.ts
Created August 20, 2015 13:04
/// <reference path="../../../typings/_custom.d.ts" />
import { Component, View, NgFor, Inject } from 'angular2/angular2';
import { RouterLink, RouteParams } from 'angular2/router';
import { Spotify } from '../../services/spotify';
import { status, json } from '../../utils/fetch'
@Component({
selector: 'search',
viewInjector: [Spotify]
@daviddt
daviddt / artist.ts
Last active August 29, 2015 14:27
/// <reference path="../../../typings/_custom.d.ts" />
import { Component, View, NgIf } from 'angular2/angular2';
import { RouterLink, RouteParams } from 'angular2/router';
import { Spotify } from '../../services/spotify';
import { status, json } from '../../utils/fetch'
@Component({
selector: 'artist',
viewInjector: [Spotify]
@daviddt
daviddt / bootstrap.ts
Created August 20, 2015 13:32
/// <reference path="../typings/_custom.d.ts" />
import { bootstrap, bind } from 'angular2/angular2';
import { routerInjectables, LocationStrategy, HashLocationStrategy } from 'angular2/router';
import { Spotify } from './services/spotify';
import { App } from './components/app';