First draft to use webpack instead of systemjs

1 files changed, 109 insertions, 0 deletions

diff --git a/client/src/app/app.component.ts b/client/src/app/app.component.ts
new file mode 100644
index 000000000..81b700a21
--- /dev/null
+++ b/client/src/app/app.component.ts
@@ -0,0 +1,109 @@
+import { Component } from '@angular/core';
+import { HTTP_PROVIDERS } from '@angular/http';
+import { RouteConfig, Router, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/router-deprecated';
+
+import { FriendService } from './friends';
+import { LoginComponent } from './login';
+import {
+  AuthService,
+  AuthStatus,
+  Search,
+  SearchComponent
+} from './shared';
+import {
+  VideoAddComponent,
+  VideoListComponent,
+  VideoWatchComponent,
+  VideoService
+} from './videos';
+
+@RouteConfig([
+  {
+    path: '/users/login',
+    name: 'UserLogin',
+    component: LoginComponent
+  },
+  {
+    path: '/videos/list',
+    name: 'VideosList',
+    component: VideoListComponent,
+    useAsDefault: true
+  },
+  {
+    path: '/videos/watch/:id',
+    name: 'VideosWatch',
+    component: VideoWatchComponent
+  },
+  {
+    path: '/videos/add',
+    name: 'VideosAdd',
+    component: VideoAddComponent
+  }
+])
+
+@Component({
+    selector: 'my-app',
+    template: require('./app.component.html'),
+    styles: [ require('./app.component.scss') ],
+    directives: [ ROUTER_DIRECTIVES, SearchComponent ],
+    providers: [ AuthService, FriendService, HTTP_PROVIDERS, ROUTER_PROVIDERS, VideoService ]
+})
+
+export class AppComponent {
+  choices = [];
+  isLoggedIn: boolean;
+
+  constructor(
+    private authService: AuthService,
+    private friendService: FriendService,
+    private router: Router
+  ) {
+    this.isLoggedIn = this.authService.isLoggedIn();
+
+    this.authService.loginChangedSource.subscribe(
+      status => {
+        if (status === AuthStatus.LoggedIn) {
+          this.isLoggedIn = true;
+        }
+      }
+    );
+  }
+
+  onSearch(search: Search) {
+    if (search.value !== '') {
+      const params = {
+        field: search.field,
+        search: search.value
+      };
+      this.router.navigate(['VideosList', params]);
+    } else {
+      this.router.navigate(['VideosList']);
+    }
+  }
+
+  logout() {
+    // this._authService.logout();
+  }
+
+  makeFriends() {
+    this.friendService.makeFriends().subscribe(
+      status => {
+        if (status === 409) {
+          alert('Already made friends!');
+        } else {
+          alert('Made friends!');
+        }
+      },
+      error => alert(error)
+    );
+  }
+
+  quitFriends() {
+    this.friendService.quitFriends().subscribe(
+      status => {
+        alert('Quit friends!');
+      },
+      error => alert(error)
+    );
+  }
+}