Skip to content
Snippets Groups Projects
Commit 6d1823f2 authored by JaeeunCho's avatar JaeeunCho
Browse files

HTML5 - fixed linebreak with lint

parent 5e11b703
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
bigbluebutton-html5/imports/ui/components/actions-bar/actions-dropdown/component.jsx
+ 96
− 98
View file @ 6d1823f2
import React, { Component, PropTypes } from 'react'; import React, { Component, PropTypes } from 'react';
import { defineMessages, injectIntl } from 'react-intl'; import { defineMessages, injectIntl } from 'react-intl';
import Button from '/imports/ui/components/button/component'; import Button from '/imports/ui/components/button/component';
import Dropdown from '/imports/ui/components/dropdown/component'; import Dropdown from '/imports/ui/components/dropdown/component';
import DropdownTrigger from '/imports/ui/components/dropdown/trigger/component'; import DropdownTrigger from '/imports/ui/components/dropdown/trigger/component';
import DropdownContent from '/imports/ui/components/dropdown/content/component'; import DropdownContent from '/imports/ui/components/dropdown/content/component';
import DropdownList from '/imports/ui/components/dropdown/list/component'; import DropdownList from '/imports/ui/components/dropdown/list/component';
import DropdownListItem from '/imports/ui/components/dropdown/list/item/component'; import DropdownListItem from '/imports/ui/components/dropdown/list/item/component';
const intlMessages = defineMessages({ const intlMessages = defineMessages({
actionsLabel: { actionsLabel: {
id: 'app.actionsBar.actionsDropdown.actionsLabel', id: 'app.actionsBar.actionsDropdown.actionsLabel',
},
//defaultMessage: 'Actions', presentationLabel: {
}, id: 'app.actionsBar.actionsDropdown.presentationLabel',
presentationLabel: { defaultMessage: 'Upload a presentation',
id: 'app.actionsBar.actionsDropdown.presentationLabel', },
defaultMessage: 'Upload a presentation', initPollLabel: {
}, id: 'app.actionsBar.actionsDropdown.initPollLabel',
initPollLabel: { defaultMessage: 'Initiate a poll',
id: 'app.actionsBar.actionsDropdown.initPollLabel', },
defaultMessage: 'Initiate a poll', desktopShareLabel: {
}, id: 'app.actionsBar.actionsDropdown.desktopShareLabel',
desktopShareLabel: { defaultMessage: 'Share your screen',
id: 'app.actionsBar.actionsDropdown.desktopShareLabel', },
defaultMessage: 'Share your screen', presentationDesc: {
}, id: 'app.actionsBar.actionsDropdown.presentationDesc',
presentationDesc: { defaultMessage: 'Upload your presentation',
id: 'app.actionsBar.actionsDropdown.presentationDesc', },
defaultMessage: 'Upload your presentation', initPollDesc: {
}, id: 'app.actionsBar.actionsDropdown.initPollDesc',
initPollDesc: { defaultMessage: 'Initiate a poll',
id: 'app.actionsBar.actionsDropdown.initPollDesc', },
defaultMessage: 'Initiate a poll', desktopShareDesc: {
}, id: 'app.actionsBar.actionsDropdown.desktopShareDesc',
desktopShareDesc: { defaultMessage: 'Share your screen with others',
id: 'app.actionsBar.actionsDropdown.desktopShareDesc', },
defaultMessage: 'Share your screen with others', });
},
}); const presentation = () => {console.log('Should show the uploader component');};
const presentation = () => {console.log('Should show the uploader component');}; const polling = () => {console.log('Should initiate a polling');};
const polling = () => {console.log('Should initiate a polling');}; const shareScreen = () => {console.log('Should start screen sharing');};
const shareScreen = () => {console.log('Should start screen sharing');}; class ActionsDropdown extends Component {
constructor(props) {
class ActionsDropdown extends Component { super(props);
constructor(props) { }
super(props);
} render() {
const { intl } = this.props;
render() { return (
const { intl } = this.props; <Dropdown ref="dropdown">
return ( <DropdownTrigger>
<Dropdown ref="dropdown"> <Button
<DropdownTrigger> label={intl.formatMessage(intlMessages.actionsLabel)}
<Button icon="circle-add"
label={intl.formatMessage(intlMessages.actionsLabel)} color="primary"
icon="circle-add" size="lg"
color="primary" circle={true}
size="lg" onClick={() => null}
circle={true} />
onClick={() => null} </DropdownTrigger>
/> <DropdownContent placement="top left">
</DropdownTrigger> <DropdownList>
<DropdownContent placement="top left"> <DropdownListItem
<DropdownList> icon="presentation"
<DropdownListItem label={intl.formatMessage(intlMessages.presentationLabel)}
icon="presentation" description={intl.formatMessage(intlMessages.presentationDesc)}
label={intl.formatMessage(intlMessages.presentationLabel)} onClick={presentation.bind(this)}
description={intl.formatMessage(intlMessages.presentationDesc)} />
onClick={presentation.bind(this)}
/> {/* These icons are unaligned because of the font issue
Check it later */}
{/* These icons are unaligned because of the font issue <DropdownListItem
Check it later */} icon="polling"
<DropdownListItem label={intl.formatMessage(intlMessages.initPollLabel)}
icon="polling" description={intl.formatMessage(intlMessages.initPollDesc)}
label={intl.formatMessage(intlMessages.initPollLabel)} onClick={polling.bind(this)}
description={intl.formatMessage(intlMessages.initPollDesc)} />
onClick={polling.bind(this)} <DropdownListItem
/> icon="desktop"
<DropdownListItem label={intl.formatMessage(intlMessages.desktopShareLabel)}
icon="desktop" description={intl.formatMessage(intlMessages.desktopShareDesc)}
label={intl.formatMessage(intlMessages.desktopShareLabel)} onClick={shareScreen.bind(this)}
description={intl.formatMessage(intlMessages.desktopShareDesc)} />
onClick={shareScreen.bind(this)} </DropdownList>
/> </DropdownContent>
</DropdownList> </Dropdown>
</DropdownContent> );
</Dropdown> }
); }
}
} export default injectIntl(ActionsDropdown);
export default injectIntl(ActionsDropdown);
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

gitlab project and software management by fairkom.eu - more open source web apps at fairapps.net