Skip to content

Commit 639288a

Browse files
author
Lukas Ruebbelke
committed
clean up
1 parent 20e557b commit 639288a

File tree

2 files changed

+1
-171
lines changed

2 files changed

+1
-171
lines changed

‎src/app/app.component.ts‎

Lines changed: 0 additions & 170 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,4 @@
11
import { Component } from '@angular/core';
2-
import { Observable } from 'rxjs/Observable';
3-
import 'rxjs/add/observable/fromEvent';
4-
import 'rxjs/add/observable/merge';
5-
import 'rxjs/add/operator/do';
6-
import 'rxjs/add/operator/filter';
7-
import 'rxjs/add/operator/map';
8-
import 'rxjs/add/operator/mapTo';
9-
import 'rxjs/add/operator/pairwise';
10-
import 'rxjs/add/operator/scan';
11-
import 'rxjs/add/operator/startWith';
12-
import 'rxjs/add/operator/switchMap';
13-
import 'rxjs/add/operator/takeUntil';
142
import 'gsap';
153

164
@Component({
@@ -36,162 +24,4 @@ export class AppComponent {
3624
{ path: '/examples/13-game', name: 'Game'},
3725
{ path: '/examples/14-slider', name: 'Slider'}
3826
];
39-
40-
// ngOnInit() {}
41-
42-
43-
// E6
44-
// circles: any[] = [];
45-
//
46-
// ngOnInit() {
47-
// const OFFSET = 25;
48-
// Observable.fromEvent(document, 'mousemove')
49-
// .map(event => {
50-
// return {x: event.clientX - OFFSET, y: event.clientY - OFFSET}
51-
// })
52-
// .subscribe(circle => {
53-
// this.circles = [...this.circles, circle];
54-
// })
55-
// }
56-
57-
// E5
58-
// @ViewChild('ball') ball;
59-
// ngOnInit() {
60-
// const OFFSET = 50;
61-
//
62-
// Observable.fromEvent(document, 'click')
63-
// .map(event => {
64-
// return {x: event.clientX - OFFSET, y: event.clientY - OFFSET}
65-
// })
66-
// .subscribe(props => {
67-
// TweenMax.to(this.ball.nativeElement, 1, props);
68-
// })
69-
// }
70-
71-
// E4
72-
// Observable.fromEvent(document, 'mousemove')
73-
// lines: any[] = [];
74-
// ngOnInit() {
75-
// Observable.fromEvent(document, 'mousemove')
76-
// .map(event => {
77-
// return {x: event.pageX, y: event.pageY};
78-
// })
79-
// .pairwise(2)
80-
// .map(positions => {
81-
// const p1 = positions[0];
82-
// const p2 = positions[1];
83-
// return { x1: p1.x, y1: p1.y, x2: p2.x, y2: p2.y };
84-
// })
85-
// .subscribe(line => {
86-
// this.lines = [...this.lines, line];
87-
// });
88-
// }
89-
90-
// E3
91-
// @ViewChild('ball') ball;
92-
// position: any;
93-
//
94-
// ngOnInit() {
95-
// const OFFSET = 50;
96-
// const move$ = Observable.fromEvent(document, 'mousemove')
97-
// .map(event => {
98-
// return {x: event.pageX - OFFSET, y: event.pageY - OFFSET};
99-
// });
100-
//
101-
// const down$ = Observable.fromEvent(this.ball.nativeElement, 'mousedown');
102-
// const up$ = Observable.fromEvent(document, 'mouseup');
103-
//
104-
// down$
105-
// .switchMap(event => move$.takeUntil(up$))
106-
// .startWith({ x: 100, y: 100})
107-
// .subscribe(result => {
108-
// this.position = result;
109-
// });
110-
// }
111-
112-
// E2
113-
// increment(obj, prop, value) {
114-
// return Object.assign({}, obj, {[prop]: obj[prop] + value})
115-
// }
116-
//
117-
// decrement(obj, prop, value) {
118-
// return Object.assign({}, obj, {[prop]: obj[prop] - value})
119-
// }
120-
//
121-
// ngOnInit() {
122-
// const leftArrow$ = Observable.fromEvent(document, 'keydown')
123-
// .filter(event => event.key === 'ArrowLeft')
124-
// .mapTo(position => this.decrement(position, 'x', 10));
125-
//
126-
// const rightArrow$ = Observable.fromEvent(document, 'keydown')
127-
// .filter(event => event.key === 'ArrowRight')
128-
// .mapTo(position => this.increment(position, 'x', 10));
129-
//
130-
// const upArrow$ = Observable.fromEvent(document, 'keydown')
131-
// .filter(event => event.key === 'ArrowUp')
132-
// .mapTo(position => this.increment(position, 'x', 10));
133-
//
134-
// const downArrow$ = Observable.fromEvent(document, 'keydown')
135-
// .filter(event => event.key === 'ArrowDown')
136-
// .mapTo(position => this.decrement(position, 'x', 10));
137-
//
138-
// Observable.merge(leftArrow$, rightArrow$, upArrow$, downArrow$)
139-
// .startWith({x: 100, y: 100})
140-
// .scan((acc, curr) => curr(acc))
141-
// .subscribe(result => {
142-
// this.position = result;
143-
// });
144-
// }
145-
146-
// E1
147-
// @ViewChild('left') left;
148-
// @ViewChild('right') right;
149-
// position: any;
150-
//
151-
// ngOnInit() {
152-
// const left$ = Observable.fromEvent(this.getNativeElement(this.left), 'click')
153-
// .map(event => -10);
154-
//
155-
// const right$ = Observable.fromEvent(this.getNativeElement(this.right), 'click')
156-
// .map(event => 10);
157-
//
158-
// Observable.merge(left$, right$)
159-
// .startWith({x: 100, y: 100})
160-
// .scan((acc, curr) => Object.assign({}, acc, {x: acc.x + curr}))
161-
// .subscribe(result => {
162-
// this.position = result;
163-
// });
164-
// }
165-
//
166-
// getNativeElement(element) {
167-
// return element._elementRef.nativeElement;
168-
// }
169-
170-
// E0.1
171-
// @ViewChild('btn') btn;
172-
// message: string;
173-
//
174-
// ngOnInit() {
175-
// Observable.fromEvent(this.getNativeElement(this.btn), 'click')
176-
// .filter(event => event.shiftKey)
177-
// .map(event => 'Beast Mode Activated!')
178-
// .subscribe(result => this.message = result);
179-
// }
180-
//
181-
// getNativeElement(element) {
182-
// return element._elementRef.nativeElement;
183-
// }
184-
185-
// E0.0
186-
// @ViewChild('btn') btn;
187-
// message: string;
188-
//
189-
// ngOnInit() {
190-
// Observable.fromEvent(this.getNativeElement(this.btn), 'click')
191-
// .subscribe(result => this.message = 'Beast Mode Activated!');
192-
// }
193-
//
194-
// getNativeElement(element) {
195-
// return element._elementRef.nativeElement;
196-
// }
19727
}

‎src/app/app.module.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -113,4 +113,4 @@ export const firebaseConfig = {
113113
bootstrap: [AppComponent]
114114
})
115115
export class AppModule {
116-
}
116+
}

0 commit comments

Comments
 (0)