Commit cded9a0
Lines changed: 28 additions & 37 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -2,51 +2,42 @@ | |||
| 2 | 2 | Module: audience-item.js | |
| 3 | 3 | Description: Displays information about how the test users are divided. | |
| 4 | 4 | */ | |
| 5 | - define([ | ||
| 6 | - 'common/modules/component', | ||
| 7 | - 'bonzo', | ||
| 8 | - 'lodash/objects/assign', | ||
| 9 | - 'lodash/objects/clone' | ||
| 10 | - ], function ( | ||
| 11 | - Component, | ||
| 12 | - bonzo, | ||
| 13 | - assign, | ||
| 14 | - clone | ||
| 15 | - ) { | ||
| 5 | + import Component from 'common/modules/component'; | ||
| 6 | + import bonzo from 'bonzo'; | ||
| 7 | + import assign from 'lodash/objects/assign'; | ||
| 8 | + import clone from 'lodash/objects/clone'; | ||
| 16 | 9 | ||
| 17 | - function AudienceItem(config) { | ||
| 18 | - this.config = assign(clone(this.config), config); | ||
| 19 | - } | ||
| 10 | + function AudienceItem(config) { | ||
| 11 | + this.config = assign(clone(this.config), config); | ||
| 12 | + } | ||
| 20 | 13 | ||
| 21 | - Component.define(AudienceItem); | ||
| 14 | + Component.define(AudienceItem); | ||
| 22 | 15 | ||
| 23 | - AudienceItem.prototype.config = { | ||
| 24 | - test: {} | ||
| 25 | - }; | ||
| 16 | + AudienceItem.prototype.config = { | ||
| 17 | + test: {} | ||
| 18 | + }; | ||
| 26 | 19 | ||
| 27 | - AudienceItem.prototype.templateName = 'audience-item-template'; | ||
| 28 | - AudienceItem.prototype.componentClass = 'audience-item'; | ||
| 29 | - AudienceItem.prototype.useBem = true; | ||
| 20 | + AudienceItem.prototype.templateName = 'audience-item-template'; | ||
| 21 | + AudienceItem.prototype.componentClass = 'audience-item'; | ||
| 22 | + AudienceItem.prototype.useBem = true; | ||
| 30 | 23 | ||
| 31 | - AudienceItem.prototype.prerender = function () { | ||
| 32 | - bonzo(this.getElem('test-label')).prepend(this.config.test.id); | ||
| 24 | + AudienceItem.prototype.prerender = function() { | ||
| 25 | + bonzo(this.getElem('test-label')).prepend(this.config.test.id); | ||
| 33 | 26 | ||
| 34 | - // Set the width and absolute position to match the audience size and offset. | ||
| 35 | - var audience = this.config.test.audience * 100; | ||
| 36 | - var audienceOffset = this.config.test.audienceOffset * 100; | ||
| 37 | - var audienceEnd = audience + audienceOffset; | ||
| 27 | + // Set the width and absolute position to match the audience size and offset. | ||
| 28 | + var audience = this.config.test.audience * 100; | ||
| 29 | + var audienceOffset = this.config.test.audienceOffset * 100; | ||
| 30 | + var audienceEnd = audience + audienceOffset; | ||
| 38 | 31 | ||
| 39 | - this.getElem('test').style.width = audience.toString() + '%'; | ||
| 40 | - this.getElem('test').style.left = audienceOffset.toString() + '%'; | ||
| 32 | + this.getElem('test').style.width = audience.toString() + '%'; | ||
| 33 | + this.getElem('test').style.left = audienceOffset.toString() + '%'; | ||
| 41 | 34 | ||
| 42 | - bonzo(this.getElem('caption-test')).append(this.config.test.id); | ||
| 43 | - bonzo(this.getElem('caption-range')).append(audienceOffset + '% to ' + audienceEnd + '%'); | ||
| 44 | - }; | ||
| 35 | + bonzo(this.getElem('caption-test')).append(this.config.test.id); | ||
| 36 | + bonzo(this.getElem('caption-range')).append(audienceOffset + '% to ' + audienceEnd + '%'); | ||
| 37 | + }; | ||
| 45 | 38 | ||
| 46 | - AudienceItem.prototype.ready = function () { | ||
| 39 | + AudienceItem.prototype.ready = function() { | ||
| 47 | 40 | ||
| 48 | - }; | ||
| 41 | + }; | ||
| 49 | 42 | ||
| 50 | - return AudienceItem; | ||
| 51 | - | ||
| 52 | - }); | ||
| 43 | + export default AudienceItem; | ||
0 commit comments