| |
@@ -68,7 +68,7 @@
|
| |
});
|
| |
|
| |
|
| |
- export default class Config extends React.Component {
|
| |
+ class Config extends React.Component {
|
| |
|
| |
constructor(props) {
|
| |
super(props);
|
| |
@@ -130,20 +130,6 @@
|
| |
);
|
| |
});
|
| |
|
| |
- /*
|
| |
- const IntlCompletionInput = injectIntl((props) => (
|
| |
- <CompletionInput
|
| |
- inputProps={{
|
| |
- name: "hub-add",
|
| |
- placeholder: props.intl.formatMessage(messages.placeholder),
|
| |
- }}
|
| |
- url={props.widget.urls.allHubs}
|
| |
- onChange={this.handleHubSelected}
|
| |
- />
|
| |
- ));
|
| |
- //<IntlCompletionInput {...this.props} />
|
| |
- */
|
| |
-
|
| |
return (
|
| |
<div className="row widget-halp-config">
|
| |
<div className="col-sm-4 hubs-list">
|
| |
@@ -162,12 +148,12 @@
|
| |
<FormattedMessage {...messages.main_title} tagName="h4" />
|
| |
<FormattedMessage {...messages.main_subtitle} tagName="p" />
|
| |
<form onSubmit={this.handleAddClicked}>
|
| |
- <fieldset className="row">
|
| |
+ <div className="form-row">
|
| |
<div className="col-sm-9">
|
| |
<CompletionInput
|
| |
inputProps={{
|
| |
name: "hub-add",
|
| |
- placeholder: "Enter team name here...",
|
| |
+ placeholder: this.props.intl.formatMessage(messages.placeholder),
|
| |
value: this.state.selectedHub || "",
|
| |
}}
|
| |
url={this.props.widget.urls.allHubs}
|
| |
@@ -179,28 +165,33 @@
|
| |
<FormattedMessage {...messages.add} />
|
| |
</button>
|
| |
</div>
|
| |
- </fieldset>
|
| |
+ </div>
|
| |
</form>
|
| |
- <fieldset className="row">
|
| |
- <label className="col-sm-6 form-control-label">
|
| |
+ <div className="mt-3 form-inline">
|
| |
+ <label className="form-control-label mr-2">
|
| |
<FormattedMessage {...messages.per_page} />
|
| |
</label>
|
| |
- <div className="col-sm-6">
|
| |
<input
|
| |
name="per_page"
|
| |
type="number"
|
| |
value={this.props.values.per_page || "5"}
|
| |
onChange={this.handlePerPageChanged}
|
| |
- className="form-control form-control-sm"
|
| |
+ className="form-control form-control-sm col-2"
|
| |
/>
|
| |
+ </div>
|
| |
+ <div className="text-muted">
|
| |
+ <FormattedMessage {...messages.per_page_help} tagName="small" />
|
| |
+ </div>
|
| |
+ { this.props.widget.configError &&
|
| |
+ <div className="alert alert-warning my-2">
|
| |
+ { this.props.widget.configError }
|
| |
</div>
|
| |
- <div className="col-sm-12 text-muted">
|
| |
- <FormattedMessage {...messages.per_page_help} tagName="small" />
|
| |
- </div>
|
| |
- </fieldset>
|
| |
+ }
|
| |
</div>
|
| |
</div>
|
| |
);
|
| |
}
|
| |
-
|
| |
}
|
| |
+
|
| |
+
|
| |
+ export default injectIntl(Config);
|
| |
Fixes: #443