sam_oneal/fx_cast
1
0
Fork 0
mirror of https://github.com/hensm/fx_cast.git synced 2026-06-10 17:49:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add receiver selector options + misc options page improvements

Browse Source
This commit is contained in:
hensm
2019-07-19 18:45:03 +01:00
parent b6f6bd7139
commit 2fe72ed24c
9 changed files with 309 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
ext/src/ui/options/EditableList.tsx
View File

@@ -47,27 +47,13 @@ export default class EditableList extends Component<
public render () {
return (
<div className="editable-list">
<div className="editable-list__view-actions">
{ this.state.rawView &&
<button className="editable-list__save-raw-button"
onClick={ this.handleSaveRaw }
type="button">
{ _("optionsUserAgentWhitelistSaveRaw") }
</button> }
<button className="editable-list__view-button"
onClick={ this.handleSwitchView }
type="button">
{ this.state.rawView
? _("optionsUserAgentWhitelistBasicView")
: _("optionsUserAgentWhitelistRawView") }
</button>
</div>
<hr />
{ this.state.rawView
? (
<textarea className="editable-list__raw-view"
rows={ this.props.data.length}
value={ this.state.rawViewValue}
rows={ this.props.data.length > 10
? this.props.data.length
: 10 }
value={ this.state.rawViewValue }
onChange={ this.handleRawViewTextAreaChange }
ref={ el => { this.rawViewTextArea = el; }}>
</textarea>
@@ -88,15 +74,30 @@ export default class EditableList extends Component<
onEdit={ this.handleNewItemEdit }
editing={ true } /> }
<div className="editable-list__item editable-list__item-actions">
<button className="editable-list__add-button"
onClick={ this.handleAddItem }
type="button">
{ _("optionsUserAgentWhitelistAddItem") }
</button>
</div>
</ul>
)}
<hr />
<div className="editable-list__view-actions">
{ !this.state.rawView &&
<button className="editable-list__add-button"
onClick={ this.handleAddItem }
type="button">
{ _("optionsUserAgentWhitelistAddItem") }
</button> }
{ this.state.rawView &&
<button className="editable-list__save-raw-button"
onClick={ this.handleSaveRaw }
type="button">
{ _("optionsUserAgentWhitelistSaveRaw") }
</button> }
<button className="editable-list__view-button"
onClick={ this.handleSwitchView }
type="button">
{ this.state.rawView
? _("optionsUserAgentWhitelistBasicView")
: _("optionsUserAgentWhitelistRawView") }
</button>
</div>
</div>
);
}