Merge pull request #250 from bwsw/230-vm-statistics-reload

(closes #230) Add "Refresh statistics" button to VM statistics

Author: wowshakhov

src/app/shared/components/vm-statistics/vm-statistics.component.html

@@ -110,3 +110,6 @@ <h2 mdl-card-title-text>{{ 'STORAGE' | translate }}</h2>
   </div>
   <mdl-card-actions class="stat-collapse"></mdl-card-actions>
 </mdl-card>
+<mdl-tooltip #refreshStatistics="mdlTooltip">
+  {{ 'REFRESH' | translate }}
+</mdl-tooltip>

src/app/vm/shared/vm.service.ts

@@ -107,7 +107,7 @@ export class VmService extends BaseBackendService<VirtualMachine> {
       });
   }
 
-  public getList(params?: {}, lite = false): Observable<Array<VirtualMachine>> {
+  public getList(params?: {}): Observable<Array<VirtualMachine>> {
     if (lite) {
       return super.getList(params);
     }

src/app/vm/vm-sidebar/vm-detail.component.html

@@ -288,5 +288,20 @@ <h2 mdl-card-title-text>{{ 'STATISTICS' | translate }}</h2>
         </div>
       </div>
     </mdl-card-supporting-text>
+    <mdl-card-menu>
+      <button
+        mdl-button
+        mdl-ripple
+        mdl-button-type="icon"
+        mdl-tooltip-position="left"
+        [mdl-tooltip]="refreshStatisticsTooltip"
+        (click)="updateStats()"
+      >
+        <mdl-icon>sync</mdl-icon>
+      </button>
+    </mdl-card-menu>
   </mdl-card>
 </div>
+<mdl-tooltip #refreshStatisticsTooltip="mdlTooltip">
+  {{ 'REFRESH' | translate }}
+</mdl-tooltip>

src/app/vm/vm-sidebar/vm-detail.component.ts

@@ -174,6 +174,19 @@ export class VmDetailComponent implements OnChanges, OnInit, OnDestroy {
     );
   }
 
+  public updateStats(): void {
+    this.vmService.get(this.vm.id, true)
+      .subscribe(vm => {
+        this.vm.cpuUsed = vm.cpuUsed;
+        this.vm.networkKbsRead = vm.networkKbsRead;
+        this.vm.networkKbsWrite = vm.networkKbsWrite;
+        this.vm.diskKbsRead = vm.diskKbsRead;
+        this.vm.diskKbsWrite = vm.diskKbsWrite;
+        this.vm.diskIoRead = vm.diskIoRead;
+        this.vm.diskIoWrite = vm.diskIoWrite;
+      });
+  }
+
   private update(): void {
     this.updateColor();
     this.updateDescription();

src/i18n/en.json

@@ -567,5 +567,6 @@
   "ENTER_GROUP_NAME": "Enter group name",
   "REMOVE_FROM_GROUP": "Remove from the group",
   "REMOVE": "Remove",
-  "CLICK_TO_ASSIGN": "Click to assign"
+  "CLICK_TO_ASSIGN": "Click to assign",
+  "REFRESH": "Refresh"
 }

src/i18n/ru.json

@@ -567,5 +567,6 @@
   "ENTER_GROUP_NAME": "Введите имя",
   "REMOVE_FROM_GROUP": "Удалить из группы",
   "REMOVE": "Удалить",
-  "CLICK_TO_ASSIGN": "Нажмите, чтобы присвоить"
+  "CLICK_TO_ASSIGN": "Нажмите, чтобы присвоить",
+  "REFRESH": "Обновить"
 }