Added DisplayName and Description fields to both types of webhooks and slash commands
Этот коммит содержится в:
@@ -18,12 +18,12 @@ export default class AddIncomingWebhook extends React.Component {
|
||||
|
||||
this.handleSubmit = this.handleSubmit.bind(this);
|
||||
|
||||
this.updateName = this.updateName.bind(this);
|
||||
this.updateDisplayName = this.updateDisplayName.bind(this);
|
||||
this.updateDescription = this.updateDescription.bind(this);
|
||||
this.updateChannelId = this.updateChannelId.bind(this);
|
||||
|
||||
this.state = {
|
||||
name: '',
|
||||
displayName: '',
|
||||
description: '',
|
||||
channelId: '',
|
||||
saving: false,
|
||||
@@ -60,7 +60,9 @@ export default class AddIncomingWebhook extends React.Component {
|
||||
}
|
||||
|
||||
const hook = {
|
||||
channel_id: this.state.channelId
|
||||
channel_id: this.state.channelId,
|
||||
display_name: this.state.displayName,
|
||||
description: this.state.description
|
||||
};
|
||||
|
||||
AsyncClient.addIncomingHook(
|
||||
@@ -76,9 +78,9 @@ export default class AddIncomingWebhook extends React.Component {
|
||||
);
|
||||
}
|
||||
|
||||
updateName(e) {
|
||||
updateDisplayName(e) {
|
||||
this.setState({
|
||||
name: e.target.value
|
||||
displayName: e.target.value
|
||||
});
|
||||
}
|
||||
|
||||
@@ -112,20 +114,20 @@ export default class AddIncomingWebhook extends React.Component {
|
||||
<div className='form-group'>
|
||||
<label
|
||||
className='control-label col-sm-3'
|
||||
htmlFor='name'
|
||||
htmlFor='displayName'
|
||||
>
|
||||
<FormattedMessage
|
||||
id='add_incoming_webhook.name'
|
||||
defaultMessage='Name'
|
||||
id='add_incoming_webhook.displayName'
|
||||
defaultMessage='Display Name'
|
||||
/>
|
||||
</label>
|
||||
<div className='col-md-5 col-sm-9'>
|
||||
<input
|
||||
id='name'
|
||||
id='displayName'
|
||||
type='text'
|
||||
className='form-control'
|
||||
value={this.state.name}
|
||||
onChange={this.updateName}
|
||||
value={this.state.displayName}
|
||||
onChange={this.updateDisplayName}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -18,14 +18,14 @@ export default class AddOutgoingWebhook extends React.Component {
|
||||
|
||||
this.handleSubmit = this.handleSubmit.bind(this);
|
||||
|
||||
this.updateName = this.updateName.bind(this);
|
||||
this.updateDisplayName = this.updateDisplayName.bind(this);
|
||||
this.updateDescription = this.updateDescription.bind(this);
|
||||
this.updateChannelId = this.updateChannelId.bind(this);
|
||||
this.updateTriggerWords = this.updateTriggerWords.bind(this);
|
||||
this.updateCallbackUrls = this.updateCallbackUrls.bind(this);
|
||||
|
||||
this.state = {
|
||||
name: '',
|
||||
displayName: '',
|
||||
description: '',
|
||||
channelId: '',
|
||||
triggerWords: '',
|
||||
@@ -80,7 +80,9 @@ export default class AddOutgoingWebhook extends React.Component {
|
||||
const hook = {
|
||||
channel_id: this.state.channelId,
|
||||
trigger_words: this.state.triggerWords.split('\n').map((word) => word.trim()),
|
||||
callback_urls: this.state.callbackUrls.split('\n').map((url) => url.trim())
|
||||
callback_urls: this.state.callbackUrls.split('\n').map((url) => url.trim()),
|
||||
display_name: this.state.displayName,
|
||||
description: this.state.description
|
||||
};
|
||||
|
||||
AsyncClient.addOutgoingHook(
|
||||
@@ -96,9 +98,9 @@ export default class AddOutgoingWebhook extends React.Component {
|
||||
);
|
||||
}
|
||||
|
||||
updateName(e) {
|
||||
updateDisplayName(e) {
|
||||
this.setState({
|
||||
name: e.target.value
|
||||
displayName: e.target.value
|
||||
});
|
||||
}
|
||||
|
||||
@@ -144,20 +146,20 @@ export default class AddOutgoingWebhook extends React.Component {
|
||||
<div className='form-group'>
|
||||
<label
|
||||
className='control-label col-sm-3'
|
||||
htmlFor='name'
|
||||
htmlFor='displayName'
|
||||
>
|
||||
<FormattedMessage
|
||||
id='add_outgoing_webhook.name'
|
||||
defaultMessage='Name'
|
||||
id='add_outgoing_webhook.displayName'
|
||||
defaultMessage='Display Name'
|
||||
/>
|
||||
</label>
|
||||
<div className='col-md-5 col-sm-9'>
|
||||
<input
|
||||
id='name'
|
||||
id='displayName'
|
||||
type='text'
|
||||
className='form-control'
|
||||
value={this.state.name}
|
||||
onChange={this.updateName}
|
||||
value={this.state.displayName}
|
||||
onChange={this.updateDisplayName}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -4,7 +4,6 @@
|
||||
import React from 'react';
|
||||
|
||||
import ChannelStore from 'stores/channel_store.jsx';
|
||||
import * as Utils from 'utils/utils.jsx';
|
||||
|
||||
import {FormattedMessage} from 'react-intl';
|
||||
|
||||
@@ -39,7 +38,7 @@ export default class InstalledIncomingWebhook extends React.Component {
|
||||
<div className='item-details'>
|
||||
<div className='item-details__row'>
|
||||
<span className='item-details__name'>
|
||||
{channelName}
|
||||
{incomingWebhook.display_name || channelName}
|
||||
</span>
|
||||
<span className='item-details__type'>
|
||||
<FormattedMessage
|
||||
@@ -50,7 +49,7 @@ export default class InstalledIncomingWebhook extends React.Component {
|
||||
</div>
|
||||
<div className='item-details__row'>
|
||||
<span className='item-details__description'>
|
||||
{Utils.getWindowLocationOrigin() + '/hooks/' + incomingWebhook.id}
|
||||
{incomingWebhook.description}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -4,7 +4,6 @@
|
||||
import React from 'react';
|
||||
|
||||
import ChannelStore from 'stores/channel_store.jsx';
|
||||
import * as Utils from 'utils/utils.jsx';
|
||||
|
||||
import {FormattedMessage} from 'react-intl';
|
||||
|
||||
@@ -47,7 +46,7 @@ export default class InstalledOutgoingWebhook extends React.Component {
|
||||
<div className='item-details'>
|
||||
<div className='item-details__row'>
|
||||
<span className='item-details__name'>
|
||||
{channelName}
|
||||
{outgoingWebhook.display_name || channelName}
|
||||
</span>
|
||||
<span className='item-details__type'>
|
||||
<FormattedMessage
|
||||
@@ -58,7 +57,7 @@ export default class InstalledOutgoingWebhook extends React.Component {
|
||||
</div>
|
||||
<div className='item-details__row'>
|
||||
<span className='item-details__description'>
|
||||
{Utils.getWindowLocationOrigin() + '/hooks/' + outgoingWebhook.id}
|
||||
{outgoingWebhook.description}
|
||||
{' - '}
|
||||
{outgoingWebhook.token}
|
||||
</span>
|
||||
|
||||
Ссылка в новой задаче
Block a user