feat(listAll): add listAll and account filter

src/app/shared/components/filter/account-filter.component.html

@@ -0,0 +1,9 @@
+<md-select
+        class="filter-select"
+        multiple="true"
+        [placeholder]="'VM_PAGE.FILTERS.SELECT_ACCOUNTS' | translate"
+        [(ngModel)]="selected"
+        (change)="changeAccount()"
+>
+    <md-option *ngFor="let user of users" [value]="user">{{ user.name }}</md-option>
+</md-select>

src/app/shared/components/filter/account-filter.component.ts

@@ -0,0 +1,23 @@
+import {Component, EventEmitter, Output} from '@angular/core';
+import {Account} from '../../models/account.model';
+import {AccountService} from '../../services/account.service';
+
+@Component({
+  selector: 'cs-account-filter',
+  templateUrl: 'account-filter.component.html'
+})
+export class AccountFilterComponent {
+  @Output() public onChangeAccount = new EventEmitter<Array<Account>>();
+  public selected;
+  public users: Array<Account>;
+
+  constructor (private accountService: AccountService) {
+    this.accountService.getList().subscribe((users) => {
+      this.users = users;
+    });
+  }
+
+  public changeAccount() {
+    this.onChangeAccount.emit(this.selected);
+  }
+}

src/app/shared/components/index.ts

@@ -13,3 +13,4 @@ export * from '../../vm/vm-creation/components/security-group-rules-manager/vm-c
 export * from './top-bar/top-bar.component';
 export * from './vm-statistics/vm-statistics.component';
 export * from './slider/slider.component';
+export * from './filter/account-filter.component';

src/app/shared/models/volume.model.ts

@@ -1,12 +1,12 @@
 import * as moment from 'moment';
-import { FieldMapper } from '../decorators/field-mapper.decorator';
-import { ZoneName } from '../decorators/zone-name.decorator';
-import { VolumeTagKeys } from '../services/tags/volume-tag-keys';
-import { BaseModel } from './base.model';
-import { DiskOffering } from './disk-offering.model';
-import { Snapshot } from './snapshot.model';
-import { DeletionMark, Tag } from './tag.model';
-import { ServiceOffering } from './service-offering.model';
+import {FieldMapper} from '../decorators/field-mapper.decorator';
+import {ZoneName} from '../decorators/zone-name.decorator';
+import {VolumeTagKeys} from '../services/tags/volume-tag-keys';
+import {BaseModel} from './base.model';
+import {DiskOffering} from './disk-offering.model';
+import {Snapshot} from './snapshot.model';
+import {DeletionMark, Tag} from './tag.model';
+import {ServiceOffering} from './service-offering.model';
 
 
 export enum VolumeType {
@@ -34,6 +34,7 @@ export class Volume extends BaseModel {
   public resourceType = 'Volume';
 
   public id: string;
+  public account: string;
   public created: Date;
   public domain: string;
   public diskOffering: DiskOffering;

src/app/shared/services/async-job.service.spec.ts

@@ -1,14 +1,15 @@
-import { TestBed, async, getTestBed, fakeAsync, tick, discardPeriodicTasks } from '@angular/core/testing';
-import { Injector } from '@angular/core';
-import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
+import {async, discardPeriodicTasks, fakeAsync, TestBed, tick} from '@angular/core/testing';
+import {Injector} from '@angular/core';
+import {HttpClientTestingModule, HttpTestingController} from '@angular/common/http/testing';
 
-import { ServiceLocator } from './service-locator';
+import {ServiceLocator} from './service-locator';
 
-import { AsyncJobService } from './async-job.service';
-import { CacheService } from './cache.service';
-import { ErrorService } from './error.service';
+import {AsyncJobService} from './async-job.service';
+import {CacheService} from './cache.service';
+import {ErrorService} from './error.service';
 
-import { MockCacheService } from '../../../testutils/mocks/mock-cache.service.spec';
+import {MockCacheService} from '../../../testutils/mocks/mock-cache.service.spec';
+import {LocalStorageService} from './local-storage.service';
 
 
 describe('Async job service', () => {
@@ -67,6 +68,7 @@ describe('Async job service', () => {
       providers: [
         ErrorService,
         ServiceLocator,
+        LocalStorageService,
         { provide: CacheService, useClass: MockCacheService },
         AsyncJobService
       ],

src/app/shared/services/base-backend.service.spec.ts

@@ -1,13 +1,14 @@
-import { Injector } from '@angular/core';
-import { async, inject, TestBed } from '@angular/core/testing';
-import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
-import { BackendResource } from '../decorators';
+import {Injector} from '@angular/core';
+import {async, inject, TestBed} from '@angular/core/testing';
+import {HttpClientTestingModule, HttpTestingController} from '@angular/common/http/testing';
+import {BackendResource} from '../decorators';
 
-import { BaseModel } from '../models';
-import { BaseBackendService } from './base-backend.service';
-import { CacheService } from './cache.service';
-import { ErrorService } from './error.service';
-import { ServiceLocator } from './service-locator';
+import {BaseModel} from '../models';
+import {BaseBackendService} from './base-backend.service';
+import {CacheService} from './cache.service';
+import {ErrorService} from './error.service';
+import {ServiceLocator} from './service-locator';
+import {LocalStorageService} from './local-storage.service';
 
 
 describe('Base backend service', () => {
@@ -38,6 +39,7 @@ describe('Base backend service', () => {
     TestBed.configureTestingModule({
       providers: [
         TestBackendService,
+        LocalStorageService,
         ErrorService,
         CacheService,
       ],

src/app/shared/services/base-backend.service.ts

@@ -1,11 +1,11 @@
-import { HttpHeaders, HttpClient, HttpParams } from '@angular/common/http';
-import { Observable } from 'rxjs/Observable';
+import {HttpClient, HttpHeaders, HttpParams} from '@angular/common/http';
+import {Observable} from 'rxjs/Observable';
 
-import { BaseModel } from '../models';
-import { Cache } from './cache';
-import { CacheService } from './cache.service';
-import { ErrorService } from './error.service';
-import { ServiceLocator } from './service-locator';
+import {BaseModel} from '../models';
+import {Cache} from './cache';
+import {CacheService} from './cache.service';
+import {ErrorService} from './error.service';
+import {ServiceLocator} from './service-locator';
 
 
 export const BACKEND_API_URL = 'client/api';
@@ -40,6 +40,7 @@ export abstract class BaseBackendService<M extends BaseModel> {
   }
 
   public getList(params?: {}, customApiFormat?: ApiFormat): Observable<Array<M>> {
+    params = Object.assign(params || {}, { 'listAll': 'true' });
     const cachedRequest = this.requestCache.get(params);
     if (cachedRequest) {
       return cachedRequest;

src/app/shared/services/service-offering.service.spec.ts

@@ -1,16 +1,17 @@
-import { Injectable, Injector } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { HttpClientTestingModule } from '@angular/common/http/testing';
-import { ServiceOfferingService } from './service-offering.service';
-import { OfferingAvailability } from './offering.service';
-import { Zone } from '../models/zone.model';
-import { ServiceOffering } from '../models/service-offering.model';
-import { ConfigService } from './config.service';
-import { ServiceLocator } from './service-locator';
-import { ErrorService } from './error.service';
-import { MockCacheService } from '../../../testutils/mocks/mock-cache.service.spec';
-import { CacheService } from './cache.service';
-import { ResourcesData } from './resource-usage.service';
+import {Injectable, Injector} from '@angular/core';
+import {TestBed} from '@angular/core/testing';
+import {HttpClientTestingModule} from '@angular/common/http/testing';
+import {ServiceOfferingService} from './service-offering.service';
+import {OfferingAvailability} from './offering.service';
+import {Zone} from '../models/zone.model';
+import {ServiceOffering} from '../models/service-offering.model';
+import {ConfigService} from './config.service';
+import {ServiceLocator} from './service-locator';
+import {ErrorService} from './error.service';
+import {MockCacheService} from '../../../testutils/mocks/mock-cache.service.spec';
+import {CacheService} from './cache.service';
+import {ResourcesData} from './resource-usage.service';
+import {LocalStorageService} from './local-storage.service';
 
 @Injectable()
 class MockErrorService {
@@ -26,6 +27,7 @@ describe('Service-offering service', () => {
     TestBed.configureTestingModule({
       providers: [
         ServiceOfferingService,
+        LocalStorageService,
         ConfigService,
         { provide: ErrorService, useClass: MockErrorService },
         { provide: CacheService, useClass: MockCacheService },

src/app/shared/shared.module.ts

@@ -44,6 +44,7 @@ import { TemplateActionsComponent } from './actions/template-actions/template-ac
 import { TemplateActionsService } from './actions/template-actions/template-actions.service';
 import { BadgeModule } from './badge/';
 import {
+  AccountFilterComponent,
   CalendarComponent,
   CalendarMonthComponent,
   CalendarYearComponent,
@@ -213,7 +214,8 @@ import { SecurityGroupService } from '../security-group/services/security-group.
     MdInputModule,
     TopBarComponent,
     ViewValuePipe,
-    VmStatisticsComponent
+    VmStatisticsComponent,
+    AccountFilterComponent
   ],
   entryComponents: [
     DatePickerDialogComponent,
@@ -272,7 +274,8 @@ import { SecurityGroupService } from '../security-group/services/security-group.
     SecurityGroupBuilderComponent,
     SecurityGroupSelectorComponent,
     SecurityGroupManagerBaseTemplatesComponent,
-    VmStatisticsComponent
+    VmStatisticsComponent,
+    AccountFilterComponent,
   ],
   providers: [
     AccountService,

src/app/spare-drive/spare-drive-filter/spare-drive-filter.component.html

@@ -8,6 +8,7 @@
       {{ 'SPARE_DRIVE_PAGE.FILTERS.SPARE_DRIVES_ONLY' | translate }}
     </md-checkbox>
 
+    <cs-account-filter *ngIf="showAccountFilter()" (onChangeAccount)="updateAccount($event)"></cs-account-filter>
     <md-select
       *ngIf="zones"
       class="filter-select"

src/app/spare-drive/spare-drive-filter/spare-drive-filter.component.ts

@@ -6,14 +6,16 @@ import { VolumeType, volumeTypeNames } from '../../shared/models/volume.model';
 import { Zone } from '../../shared/models/zone.model';
 import { FilterService } from '../../shared/services/filter.service';
 import { LocalStorageService } from '../../shared/services/local-storage.service';
-
+import { User } from '../../shared/models/user.model';
+import { AuthService } from '../../shared/services/auth.service';
 
 export interface SpareDriveFilter {
   spareOnly: boolean;
   selectedZones: Array<Zone>;
   selectedTypes: Array<VolumeType>;
   groupings: Array<any>;
   query: string;
+  accounts: Array<User>;
 }
 
 export const spareDriveListFilters = 'spareDriveListFilters';
@@ -38,6 +40,7 @@ export class SpareDriveFilterComponent implements FilterComponent<SpareDriveFilt
   public selectedZones: Array<Zone> = [];
   public selectedGroupingNames = [];
   public query: string;
+  public selectedAccounts: Array<User>;
 
   private filtersKey = spareDriveListFilters;
   private filterService = new FilterService({
@@ -51,7 +54,8 @@ export class SpareDriveFilterComponent implements FilterComponent<SpareDriveFilt
   constructor(
     private router: Router,
     private activatedRoute: ActivatedRoute,
-    private localStorage: LocalStorageService
+    private localStorage: LocalStorageService,
+    private authService: AuthService
   ) {
     this.updateFilters = new EventEmitter();
   }
@@ -66,6 +70,10 @@ export class SpareDriveFilterComponent implements FilterComponent<SpareDriveFilt
     return volumeTypeNames[type];
   }
 
+  public showAccountFilter(): boolean {
+    return this.authService.isAdmin();
+  }
+
   public initFilters(): void {
     const params = this.filterService.getParams();
 
@@ -91,13 +99,19 @@ export class SpareDriveFilterComponent implements FilterComponent<SpareDriveFilt
     this.update();
   }
 
+  public updateAccount(users: Array<User>) {
+    this.selectedAccounts = users;
+    this.update();
+  }
+
   public update(): void {
     this.updateFilters.emit({
       spareOnly: this.spareOnly,
       selectedZones: sortBy(this.selectedZones, 'name'),
       selectedTypes: this.selectedTypes,
       groupings: this.selectedGroupingNames,
-      query: this.query
+      query: this.query,
+      accounts: this.selectedAccounts
     });
 
     this.filterService.update(this.filtersKey, {