First draft to use webpack instead of systemjs

9 files changed, 0 insertions, 326 deletions

diff --git a/client/app/videos/video-list/index.ts b/client/app/videos/video-list/index.ts
deleted file mode 100644
index 1f6d6a4e7..000000000
--- a/client/app/videos/video-list/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './video-list.component';
-export * from './video-miniature.component';
-export * from './video-sort.component';
diff --git a/client/app/videos/video-list/video-list.component.html b/client/app/videos/video-list/video-list.component.html
deleted file mode 100644
index 80b1e7b1b..000000000
--- a/client/app/videos/video-list/video-list.component.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<div class="row videos-info">
-  <div class="col-md-9 videos-total-results"> {{ pagination.total }} videos</div>
-  <my-video-sort class="col-md-3" [currentSort]="sort" (sort)="onSort($event)"></my-video-sort>
-</div>
-
-<div class="videos-miniatures">
-  <my-loader [loading]="loading"></my-loader>
-
-  <div class="col-md-12 no-video" *ngIf="noVideo()">There is no video.</div>
-
-  <my-video-miniature *ngFor="let video of videos" [video]="video" [user]="user" (removed)="onRemoved(video)">
-  </my-video-miniature>
-</div>
-
-<pagination
-  [totalItems]="pagination.total" [itemsPerPage]="pagination.itemsPerPage" [(ngModel)]="pagination.currentPage"
-  (ngModelChange)="getVideos()"
-></pagination>
diff --git a/client/app/videos/video-list/video-list.component.scss b/client/app/videos/video-list/video-list.component.scss
deleted file mode 100644
index 9441d80c3..000000000
--- a/client/app/videos/video-list/video-list.component.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-.videos-info {
-
-  padding-bottom: 20px;
-  margin-bottom: 20px;
-  border-bottom: 1px solid #f1f1f1;
-  height: 40px;
-  line-height: 40px;
-  width: 765px;
-  margin-left: 15px;
-
-  my-video-sort {
-    padding-right: 0;
-  }
-
-  .videos-total-results {
-    font-size: 13px;
-    padding-left: 0;
-  }
-}
-
-.videos-miniatures {
-  min-height: 600px;
-
-  my-videos-miniature {
-    display: inline-block;
-  }
-
-  .no-video {
-    margin-top: 50px;
-    text-align: center;
-  }
-}
-
-pagination {
-  display: block;
-  text-align: center;
-}
diff --git a/client/app/videos/video-list/video-list.component.ts b/client/app/videos/video-list/video-list.component.ts
deleted file mode 100644
index baca00deb..000000000
--- a/client/app/videos/video-list/video-list.component.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Router, ROUTER_DIRECTIVES, RouteParams } from '@angular/router-deprecated';
-
-import { PAGINATION_DIRECTIVES } from 'ng2-bootstrap/components/pagination';
-
-import {
-  LoaderComponent,
-  Pagination,
-  SortField,
-  Video,
-  VideoService
-} from '../shared/index';
-import { AuthService, Search, SearchField, User } from '../../shared/index';
-import { VideoMiniatureComponent } from './video-miniature.component';
-import { VideoSortComponent } from './video-sort.component';
-
-@Component({
-  selector: 'my-videos-list',
-  styleUrls: [ 'client/app/videos/video-list/video-list.component.css' ],
-  templateUrl: 'client/app/videos/video-list/video-list.component.html',
-  directives: [ LoaderComponent, PAGINATION_DIRECTIVES, ROUTER_DIRECTIVES, VideoMiniatureComponent, VideoSortComponent ]
-})
-
-export class VideoListComponent implements OnInit {
-  loading = false;
-  pagination: Pagination = {
-    currentPage: 1,
-    itemsPerPage: 9,
-    total: 0
-  };
-  sort: SortField;
-  user: User = null;
-  videos: Video[] = [];
-
-  private search: Search;
-
-  constructor(
-    private authService: AuthService,
-    private router: Router,
-    private routeParams: RouteParams,
-    private videoService: VideoService
-  ) {
-    this.search = {
-      value: this.routeParams.get('search'),
-      field: <SearchField>this.routeParams.get('field')
-    };
-
-    this.sort = <SortField>this.routeParams.get('sort') || '-createdDate';
-  }
-
-  ngOnInit() {
-    if (this.authService.isLoggedIn()) {
-      this.user = User.load();
-    }
-
-    this.getVideos();
-  }
-
-  getVideos() {
-    this.loading = true;
-    this.videos = [];
-
-    let observable = null;
-
-    if (this.search.value !== null) {
-      observable = this.videoService.searchVideos(this.search, this.pagination, this.sort);
-    } else {
-      observable = this.videoService.getVideos(this.pagination, this.sort);
-    }
-
-    observable.subscribe(
-      ({ videos, totalVideos }) => {
-        this.videos = videos;
-        this.pagination.total = totalVideos;
-
-        this.loading = false;
-      },
-      error => alert(error)
-    );
-  }
-
-  noVideo() {
-    return !this.loading && this.videos.length === 0;
-  }
-
-  onRemoved(video: Video) {
-    this.videos.splice(this.videos.indexOf(video), 1);
-  }
-
-  onSort(sort: SortField) {
-    this.sort = sort;
-
-    const params: any = {
-      sort: this.sort
-    };
-
-    if (this.search.value) {
-      params.field = this.search.field;
-      params.search = this.search.value;
-    }
-
-    this.router.navigate(['VideosList', params]);
-    this.getVideos();
-  }
-}
diff --git a/client/app/videos/video-list/video-miniature.component.html b/client/app/videos/video-list/video-miniature.component.html
deleted file mode 100644
index 244254b5a..000000000
--- a/client/app/videos/video-list/video-miniature.component.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<div class="video-miniature col-md-4" (mouseenter)="onHover()" (mouseleave)="onBlur()">
-  <a
-    [routerLink]="['VideosWatch', { id: video.id }]" [attr.title]="video.description"
-    class="video-miniature-thumbnail"
-  >
-    <img [attr.src]="video.thumbnailPath" alt="video thumbnail" />
-    <span class="video-miniature-duration">{{ video.duration }}</span>
-  </a>
-  <span
-    *ngIf="displayRemoveIcon()" (click)="removeVideo(video.id)"
-    class="video-miniature-remove glyphicon glyphicon-remove"
-  ></span>
-
-  <div class="video-miniature-informations">
-    <a [routerLink]="['VideosWatch', { id: video.id }]" class="video-miniature-name">
-      <span>{{ video.name }}</span>
-    </a>
-
-    <span class="video-miniature-author">by {{ video.by }}</span>
-    <span class="video-miniature-created-date">on {{ video.createdDate | date:'short' }}</span>
-  </div>
-</div>
diff --git a/client/app/videos/video-list/video-miniature.component.scss b/client/app/videos/video-list/video-miniature.component.scss
deleted file mode 100644
index 4488abe22..000000000
--- a/client/app/videos/video-list/video-miniature.component.scss
+++ /dev/null
@@ -1,55 +0,0 @@
-.video-miniature {
-  height: 200px;
-  display: inline-block;
-  position: relative;
-
-  .video-miniature-thumbnail {
-    display: block;
-    position: relative;
-
-    .video-miniature-duration {
-      position: absolute;
-      right: 60px;
-      bottom: 2px;
-      display: inline-block;
-      background-color: rgba(0, 0, 0, 0.8);
-      color: rgba(255, 255, 255, 0.8);
-      padding: 2px;
-      font-size: 11px;
-    }
-  }
-
-  .video-miniature-remove {
-    display: inline-block;
-    position: absolute;
-    left: 16px;
-    background-color: rgba(0, 0, 0, 0.8);
-    color: rgba(255, 255, 255, 0.8);
-    padding: 2px;
-    cursor: pointer;
-
-    &:hover {
-      color: rgba(255, 255, 255, 0.9);
-    }
-  }
-
-  .video-miniature-informations {
-    margin-left: 3px;
-
-    .video-miniature-name {
-      display: block;
-      font-weight: bold;
-
-      &:hover {
-        text-decoration: none;
-      }
-    }
-
-    .video-miniature-author, .video-miniature-created-date {
-      display: block;
-      margin-left: 1px;
-      font-size: 11px;
-      color: rgba(0, 0, 0, 0.5);
-    }
-  }
-}
diff --git a/client/app/videos/video-list/video-miniature.component.ts b/client/app/videos/video-list/video-miniature.component.ts
deleted file mode 100644
index 11b828ca6..000000000
--- a/client/app/videos/video-list/video-miniature.component.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { DatePipe } from '@angular/common';
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-import { ROUTER_DIRECTIVES } from '@angular/router-deprecated';
-
-import { Video, VideoService } from '../shared/index';
-import { User } from '../../shared/index';
-
-@Component({
-  selector: 'my-video-miniature',
-  styleUrls: [ 'client/app/videos/video-list/video-miniature.component.css' ],
-  templateUrl: 'client/app/videos/video-list/video-miniature.component.html',
-  directives: [ ROUTER_DIRECTIVES ],
-  pipes: [ DatePipe ]
-})
-
-export class VideoMiniatureComponent {
-  @Output() removed = new EventEmitter<any>();
-
-  @Input() user: User;
-  @Input() video: Video;
-
-  hovering = false;
-
-  constructor(private videoService: VideoService) {}
-
-  displayRemoveIcon() {
-    return this.hovering && this.video.isRemovableBy(this.user);
-  }
-
-  onBlur() {
-    this.hovering = false;
-  }
-
-  onHover() {
-    this.hovering = true;
-  }
-
-  removeVideo(id: string) {
-    if (confirm('Do you really want to remove this video?')) {
-      this.videoService.removeVideo(id).subscribe(
-        status => this.removed.emit(true),
-        error => alert(error)
-      );
-    }
-  }
-}
diff --git a/client/app/videos/video-list/video-sort.component.html b/client/app/videos/video-list/video-sort.component.html
deleted file mode 100644
index 3bece0b22..000000000
--- a/client/app/videos/video-list/video-sort.component.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<select class="form-control input-sm" [(ngModel)]="currentSort" (ngModelChange)="onSortChange()">
-  <option *ngFor="let choice of choiceKeys" [value]="choice">
-    {{ getStringChoice(choice) }}
-  </option>
-</select>
diff --git a/client/app/videos/video-list/video-sort.component.ts b/client/app/videos/video-list/video-sort.component.ts
deleted file mode 100644
index 2cb810ff5..000000000
--- a/client/app/videos/video-list/video-sort.component.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-
-import { SortField } from '../shared/index';
-
-@Component({
-  selector: 'my-video-sort',
-  templateUrl: 'client/app/videos/video-list/video-sort.component.html'
-})
-
-export class VideoSortComponent {
-  @Output() sort = new EventEmitter<any>();
-
-  @Input() currentSort: SortField;
-
-  sortChoices = {
-    'name': 'Name - Asc',
-    '-name': 'Name - Desc',
-    'duration': 'Duration - Asc',
-    '-duration': 'Duration - Desc',
-    'createdDate': 'Created Date - Asc',
-    '-createdDate': 'Created Date - Desc'
-  };
-
-  get choiceKeys() {
-    return Object.keys(this.sortChoices);
-  }
-
-  getStringChoice(choiceKey: SortField) {
-    return this.sortChoices[choiceKey];
-  }
-
-  onSortChange() {
-    this.sort.emit(this.currentSort);
-  }
-}