Client: add requests stats page

.gitignore

@@ -15,3 +15,6 @@ thumbnails
 config/production.yaml
 ffmpeg
 .tags
+*.sublime-project
+*.sublime-workspace
+torrent/

client/src/app/admin/admin.routes.ts

@@ -2,6 +2,7 @@ import { Routes } from '@angular/router';
 
 import { AdminComponent } from './admin.component';
 import { FriendsRoutes } from './friends';
+import { RequestsRoutes } from './requests';
 import { UsersRoutes } from './users';
 
 export const AdminRoutes: Routes = [
@@ -15,6 +16,7 @@ export const AdminRoutes: Routes = [
         pathMatch: 'full'
       },
       ...FriendsRoutes,
+      ...RequestsRoutes,
       ...UsersRoutes
     ]
   }

client/src/app/admin/index.ts

@@ -1,4 +1,5 @@
 export * from './friends';
+export * from './requests';
 export * from './users';
 export * from './admin.component';
 export * from './admin.routes';

client/src/app/admin/menu-admin.component.html

@@ -10,6 +10,11 @@
       <span class="hidden-xs glyphicon glyphicon-cloud"></span>
       <a [routerLink]="['/admin/friends/list']">List friends</a>
     </div>
+
+    <div id="panel-request-stats" class="panel-button">
+      <span class="hidden-xs glyphicon glyphicon-stats"></span>
+      <a [routerLink]="['/admin/requests/stats']">Request stats</a>
+    </div>
   </div>
 
   <div class="panel-block">

client/src/app/admin/requests/index.ts

@@ -0,0 +1,4 @@
+export * from './request-stats';
+export * from './shared';
+export * from './requests.component';
+export * from './requests.routes';

client/src/app/admin/requests/request-stats/index.ts

@@ -0,0 +1 @@
+export * from './request-stats.component';

client/src/app/admin/requests/request-stats/request-stats.component.html

@@ -0,0 +1,18 @@
+<h3>Requests stats</h3>
+
+<div *ngIf="stats !== null">
+  <div>
+    <span class="label-description">Interval seconds between requests:</span>
+    {{ secondsInterval }}
+  </div>
+
+  <div>
+    <span class="label-description">Remaining time before the scheduled request:</span>
+    {{ remainingSeconds }}
+  </div>
+
+  <div>
+    <span class="label-description">Total requests:</span>
+    {{ stats.requests.length }}
+  </div>
+</div>

client/src/app/admin/requests/request-stats/request-stats.component.scss

@@ -0,0 +1,6 @@
+.label-description {
+  display: inline-block;
+  width: 350px;
+  font-weight: bold;
+  color: black;
+}

client/src/app/admin/requests/request-stats/request-stats.component.ts

@@ -0,0 +1,59 @@
+import { Component, OnInit, OnDestroy } from '@angular/core';
+
+import { RequestService, RequestStats } from '../shared';
+
+@Component({
+	selector: 'my-request-stats',
+	templateUrl: './request-stats.component.html',
+  styleUrls: [ './request-stats.component.scss' ]
+})
+export class RequestStatsComponent implements OnInit, OnDestroy {
+  stats: RequestStats = null;
+
+  private interval: NodeJS.Timer = null;
+
+  constructor(private requestService: RequestService) {  }
+
+  ngOnInit() {
+    this.getStats();
+  }
+
+  ngOnDestroy() {
+    if (this.secondsInterval !== null) {
+      clearInterval(this.interval);
+    }
+  }
+
+  get remainingSeconds() {
+    return Math.floor(this.stats.remainingMilliSeconds / 1000);
+  }
+
+  get secondsInterval() {
+    return Math.floor(this.stats.milliSecondsInterval / 1000);
+  }
+
+  getStats() {
+    this.requestService.getStats().subscribe(
+      stats => {
+        console.log(stats);
+        this.stats = stats;
+        this.runInterval();
+      },
+
+      err => alert(err)
+    );
+  }
+
+  private runInterval() {
+    this.interval = setInterval(() => {
+      this.stats.remainingMilliSeconds -= 1000;
+
+      if (this.stats.remainingMilliSeconds <= 0) {
+        setTimeout(() => this.getStats(), this.stats.remainingMilliSeconds + 100);
+        clearInterval(this.interval);
+      }
+    }, 1000);
+  }
+
+
+}

client/src/app/admin/requests/requests.component.ts

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+    template: '<router-outlet></router-outlet>'
+})
+
+export class RequestsComponent {
+}

client/src/app/admin/requests/requests.routes.ts

@@ -0,0 +1,22 @@
+import { Routes } from '@angular/router';
+
+import { RequestsComponent } from './requests.component';
+import { RequestStatsComponent } from './request-stats';
+
+export const RequestsRoutes: Routes = [
+  {
+      path: 'requests',
+      component: RequestsComponent,
+      children: [
+        {
+          path: '',
+          redirectTo: 'stats',
+          pathMatch: 'full'
+        },
+        {
+          path: 'stats',
+          component: RequestStatsComponent
+        }
+      ]
+    }
+];

client/src/app/admin/requests/shared/index.ts

@@ -0,0 +1,2 @@
+export * from './request-stats.model';
+export * from './request.service';

client/src/app/admin/requests/shared/request-stats.model.ts

@@ -0,0 +1,8 @@
+export interface RequestStats {
+  milliSecondsInterval: number;
+	remainingMilliSeconds: number;
+  requests: {
+    request: any,
+    to: any
+  }[];
+}

client/src/app/admin/requests/shared/request.service.ts

@@ -0,0 +1,21 @@
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs/Observable';
+
+import { RequestStats } from './request-stats.model';
+import { AuthHttp, RestExtractor } from '../../../shared';
+
+@Injectable()
+export class RequestService {
+  private static BASE_REQUEST_URL: string = '/api/v1/requests/';
+
+  constructor (
+    private authHttp: AuthHttp,
+    private restExtractor: RestExtractor
+  ) {}
+
+  getStats(): Observable<RequestStats> {
+    return this.authHttp.get(RequestService.BASE_REQUEST_URL + 'stats')
+                        .map(this.restExtractor.extractDataGet)
+                        .catch((res) => this.restExtractor.handleError(res));
+  }
+}

client/src/app/app.module.ts

@@ -26,6 +26,9 @@ import {
   FriendListComponent,
   FriendService,
   MenuAdminComponent,
+  RequestsComponent,
+  RequestStatsComponent,
+  RequestService,
   UsersComponent,
   UserAddComponent,
   UserListComponent,
@@ -66,6 +69,7 @@ const APP_PROVIDERS = [
   VideoService,
   SearchService,
   FriendService,
+  RequestService,
   UserService,
   AccountService,
   WebTorrentService
@@ -88,6 +92,8 @@ const APP_PROVIDERS = [
     LoginComponent,
     MenuAdminComponent,
     MenuComponent,
+    RequestsComponent,
+    RequestStatsComponent,
     SearchComponent,
     UserAddComponent,
     UserListComponent,

server/controllers/api/v1/requests.js

@@ -32,7 +32,8 @@ function getStatsRequests (req, res, next) {
 
     return res.json({
       requests: requests,
-      remainingMilliSeconds: remainingMilliSeconds
+      remainingMilliSeconds: remainingMilliSeconds,
+      milliSecondsInterval: constants.REQUESTS_INTERVAL
     })
   })
 }