refactor: rename progress property to percentage (#527)

So the property is consistent from what we get from `etcher-image-write`
and we don't have to unnecessarily rename ourselves to pass it to the
model.

Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
This commit is contained in:
Juan Cruz Viotti 2016-06-24 09:47:10 -04:00 committed by GitHub
parent 4708401260
commit 60b68d775b
5 changed files with 27 additions and 27 deletions

View File

@ -106,11 +106,11 @@ app.run((AnalyticsService, OSWindowProgressService, ImageWriterService) => {
AnalyticsService.log([ AnalyticsService.log([
`Progress (${state.flashState.type}):`, `Progress (${state.flashState.type}):`,
`${state.flashState.progress}% at ${state.flashState.speed} MB/s`, `${state.flashState.percentage}% at ${state.flashState.speed} MB/s`,
`(eta ${state.flashState.eta}s)` `(eta ${state.flashState.eta}s)`
].join(' ')); ].join(' '));
OSWindowProgressService.set(state.flashState.progress); OSWindowProgressService.set(state.flashState.percentage);
}); });
}); });

View File

@ -31,7 +31,7 @@ const DEFAULT_STATE = Immutable.fromJS({
selection: {}, selection: {},
isFlashing: false, isFlashing: false,
flashState: { flashState: {
progress: 0, percentage: 0,
speed: 0 speed: 0
} }
}); });
@ -115,12 +115,12 @@ const storeReducer = (state, action) => {
throw new Error(`Invalid state type: ${action.data.type}`); throw new Error(`Invalid state type: ${action.data.type}`);
} }
if (!action.data.progress) { if (!action.data.percentage) {
throw new Error('Missing state progress'); throw new Error('Missing state percentage');
} }
if (!_.isNumber(action.data.progress)) { if (!_.isNumber(action.data.percentage)) {
throw new Error(`Invalid state progress: ${action.data.progress}`); throw new Error(`Invalid state percentage: ${action.data.percentage}`);
} }
if (!action.data.eta) { if (!action.data.eta) {

View File

@ -51,7 +51,7 @@ imageWriter.service('ImageWriterService', function($q, $timeout, SettingsModel)
* @public * @public
*/ */
this.state = { this.state = {
progress: 0, percentage: 0,
speed: 0 speed: 0
}; };
@ -128,7 +128,7 @@ imageWriter.service('ImageWriterService', function($q, $timeout, SettingsModel)
type: Store.Actions.SET_FLASH_STATE, type: Store.Actions.SET_FLASH_STATE,
data: { data: {
type: state.type, type: state.type,
progress: state.percentage, percentage: state.percentage,
eta: state.eta, eta: state.eta,
// Transform bytes to megabytes preserving only two decimal places // Transform bytes to megabytes preserving only two decimal places

View File

@ -81,19 +81,19 @@
<div class="space-vertical-large"> <div class="space-vertical-large">
<progress-button class="btn-brick" <progress-button class="btn-brick"
percentage="app.writer.state.progress" percentage="app.writer.state.percentage"
striped="{{ app.writer.state.type == 'check' }}" striped="{{ app.writer.state.type == 'check' }}"
ng-attr-active="{{ app.writer.isFlashing() }}" ng-attr-active="{{ app.writer.isFlashing() }}"
ng-show="app.success" ng-show="app.success"
ng-click="app.flash(app.selection.getImagePath(), app.selection.getDrive())" ng-click="app.flash(app.selection.getImagePath(), app.selection.getDrive())"
ng-disabled="!app.selection.hasImage() || !app.selection.hasDrive()"> ng-disabled="!app.selection.hasImage() || !app.selection.hasDrive()">
<span ng-show="app.writer.state.progress == 100 && app.writer.isFlashing()">Finishing...</span> <span ng-show="app.writer.state.percentage == 100 && app.writer.isFlashing()">Finishing...</span>
<span ng-show="app.writer.state.progress == 0 && !app.writer.isFlashing()">Flash!</span> <span ng-show="app.writer.state.percentage == 0 && !app.writer.isFlashing()">Flash!</span>
<span ng-show="app.writer.state.progress == 0 && app.writer.isFlashing() && !app.writer.state.speed">Starting...</span> <span ng-show="app.writer.state.percentage == 0 && app.writer.isFlashing() && !app.writer.state.speed">Starting...</span>
<span ng-show="app.writer.state.speed && app.writer.state.progress != 100 && app.writer.state.type != 'check'" <span ng-show="app.writer.state.speed && app.writer.state.percentage != 100 && app.writer.state.type != 'check'"
ng-bind="app.writer.state.progress + '% '"></span> ng-bind="app.writer.state.percentage + '% '"></span>
<span ng-show="app.writer.state.speed && app.writer.state.progress != 100 && app.writer.state.type == 'check'" <span ng-show="app.writer.state.speed && app.writer.state.percentage != 100 && app.writer.state.type == 'check'"
ng-bind="app.writer.state.progress + '% Validating...'"></span> ng-bind="app.writer.state.percentage + '% Validating...'"></span>
</progress-button> </progress-button>
<div class="alert-ribbon alert-warning" ng-class="{ 'alert-ribbon--open': !app.success }"> <div class="alert-ribbon alert-warning" ng-class="{ 'alert-ribbon--open': !app.success }">
@ -110,7 +110,7 @@
<span class="glyphicon glyphicon-repeat"></span> Retry <span class="glyphicon glyphicon-repeat"></span> Retry
</button> </button>
<p class="step-footer step-footer-split" ng-show="app.writer.state.speed && app.writer.state.progress != 100"> <p class="step-footer step-footer-split" ng-show="app.writer.state.speed && app.writer.state.percentage != 100">
<!-- Convert our eta (in seconds) to milliseconds, which is what `moment` understands --> <!-- Convert our eta (in seconds) to milliseconds, which is what `moment` understands -->
<span>ETA: {{ app.writer.state.eta * 1000 | amDateFormat:'m[m]ss[s]' }}</span> <span>ETA: {{ app.writer.state.eta * 1000 | amDateFormat:'m[m]ss[s]' }}</span>

View File

@ -28,7 +28,7 @@ describe('Browser: ImageWriter', function() {
it('should be reset by default', function() { it('should be reset by default', function() {
m.chai.expect(ImageWriterService.state).to.deep.equal({ m.chai.expect(ImageWriterService.state).to.deep.equal({
progress: 0, percentage: 0,
speed: 0 speed: 0
}); });
}); });
@ -39,7 +39,7 @@ describe('Browser: ImageWriter', function() {
it('should be able to reset the state', function() { it('should be able to reset the state', function() {
ImageWriterService.state = { ImageWriterService.state = {
progress: 50, percentage: 50,
speed: 3 speed: 3
}; };
@ -47,7 +47,7 @@ describe('Browser: ImageWriter', function() {
$timeout.flush(); $timeout.flush();
m.chai.expect(ImageWriterService.state).to.deep.equal({ m.chai.expect(ImageWriterService.state).to.deep.equal({
progress: 0, percentage: 0,
speed: 0 speed: 0
}); });
}); });
@ -104,7 +104,7 @@ describe('Browser: ImageWriter', function() {
}).to.throw('Invalid state type: 1234'); }).to.throw('Invalid state type: 1234');
}); });
it('should throw if progress is missing', function() { it('should throw if percentage is missing', function() {
ImageWriterService.setFlashing(true); ImageWriterService.setFlashing(true);
m.chai.expect(function() { m.chai.expect(function() {
ImageWriterService.setProgressState({ ImageWriterService.setProgressState({
@ -112,10 +112,10 @@ describe('Browser: ImageWriter', function() {
eta: 15, eta: 15,
speed: 100000000000 speed: 100000000000
}); });
}).to.throw('Missing state progress'); }).to.throw('Missing state percentage');
}); });
it('should throw if progress is not a number', function() { it('should throw if percentage is not a number', function() {
ImageWriterService.setFlashing(true); ImageWriterService.setFlashing(true);
m.chai.expect(function() { m.chai.expect(function() {
ImageWriterService.setProgressState({ ImageWriterService.setProgressState({
@ -124,7 +124,7 @@ describe('Browser: ImageWriter', function() {
eta: 15, eta: 15,
speed: 100000000000 speed: 100000000000
}); });
}).to.throw('Invalid state progress: 50'); }).to.throw('Invalid state percentage: 50');
}); });
it('should throw if eta is missing', function() { it('should throw if eta is missing', function() {
@ -196,7 +196,7 @@ describe('Browser: ImageWriter', function() {
$timeout.flush(); $timeout.flush();
m.chai.expect(ImageWriterService.state).to.not.deep.equal({ m.chai.expect(ImageWriterService.state).to.not.deep.equal({
progress: 0, percentage: 0,
speed: 0 speed: 0
}); });
@ -205,7 +205,7 @@ describe('Browser: ImageWriter', function() {
$timeout.flush(); $timeout.flush();
m.chai.expect(ImageWriterService.state).to.deep.equal({ m.chai.expect(ImageWriterService.state).to.deep.equal({
progress: 0, percentage: 0,
speed: 0 speed: 0
}); });
}); });