diff options
author | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
---|---|---|
committer | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
commit | 5f8de423f190bbb79a62f804151bc24824fa32d8 (patch) | |
tree | 10027f336435511475e392454359edea8e25895d /devtools/client/performance/components/recording-list-item.js | |
parent | 49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff) | |
download | UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip |
Add m-esr52 at 52.6.0
Diffstat (limited to 'devtools/client/performance/components/recording-list-item.js')
-rw-r--r-- | devtools/client/performance/components/recording-list-item.js | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/devtools/client/performance/components/recording-list-item.js b/devtools/client/performance/components/recording-list-item.js new file mode 100644 index 000000000..37efec90d --- /dev/null +++ b/devtools/client/performance/components/recording-list-item.js @@ -0,0 +1,49 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this file, + * You can obtain one at http://mozilla.org/MPL/2.0/. */ +"use strict"; + +const {DOM, createClass} = require("devtools/client/shared/vendor/react"); +const {div, li, span, button} = DOM; +const {L10N} = require("devtools/client/performance/modules/global"); + +module.exports = createClass({ + displayName: "Recording List Item", + + render() { + const { + label, + duration, + onSelect, + onSave, + isLoading, + isSelected, + isRecording + } = this.props; + + const className = `recording-list-item ${isSelected ? "selected" : ""}`; + + let durationText; + if (isLoading) { + durationText = L10N.getStr("recordingsList.loadingLabel"); + } else if (isRecording) { + durationText = L10N.getStr("recordingsList.recordingLabel"); + } else { + durationText = L10N.getFormatStr("recordingsList.durationLabel", duration); + } + + return ( + li({ className, onClick: onSelect }, + div({ className: "recording-list-item-label" }, + label + ), + div({ className: "recording-list-item-footer" }, + span({ className: "recording-list-item-duration" }, durationText), + button({ className: "recording-list-item-save", onClick: onSave }, + L10N.getStr("recordingsList.saveLabel") + ) + ) + ) + ); + } +}); |