Merge pull request #1927 from steven-zou/master

Fix issue 1915
This commit is contained in:
Daniel Jiang 2017-04-05 19:26:26 +08:00 committed by GitHub
commit 69ebc92f87
3 changed files with 16 additions and 8 deletions

View File

@ -28,8 +28,8 @@
"../node_modules/clarity-icons/clarity-icons.min.js",
"../node_modules/web-animations-js/web-animations.min.js"
],
"environmentSource": "environments/environment.ts",
"environments": {
"source": "environments/environment.ts",
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}

View File

@ -29,7 +29,7 @@ export class GaugeComponent implements AfterViewInit {
private _colorTwo: string;
private _size: string = "small"; //Support small, medium, large
private _title: string = "UNKNOWN"; //Lang key
private _used: number = 0;
private _free: number = 0;
private _threasHold: number = 0;
/**
@ -127,15 +127,19 @@ export class GaugeComponent implements AfterViewInit {
}
@Input()
get used(): number {
return this._used;
get free(): number {
return this._free;
}
set used(u: number) {
this._used = u;
set free(u: number) {
this._free = u;
this.determineColors();
}
get used(): number {
return this._threasHold - this._free;
}
@Input()
get threasHold(): number {
return this._threasHold;
@ -156,7 +160,11 @@ export class GaugeComponent implements AfterViewInit {
private determineColors() {
let percent: number = 0;
if (this._threasHold !== 0) {
percent = (this._used / this._threasHold) * 100;
let used: number = this._threasHold - this._free;
if (used < 0) {
used = 0;
}
percent = (used / this._threasHold) * 100;
}
while (percent > 100) {

View File

@ -37,7 +37,7 @@
</div>
<div class="statistic-item-divider" [hidden]="!isValidSession || !isValidStorage"></div>
<div class="statistic-block" [hidden]="!isValidSession || !isValidStorage">
<esxc-gauge [used]="freeStorage" [threasHold]="totalStorage" [size]="small" [title]='"STATISTICS.STORAGE"' [animate]="true">
<esxc-gauge [free]="freeStorage" [threasHold]="totalStorage" [size]="small" [title]='"STATISTICS.STORAGE"' [animate]="true">
</esxc-gauge>
</div>
</div>