diff --git a/webapp/components/change_url_modal.jsx b/webapp/components/change_url_modal.jsx
index 4abc469ea9..009a9b798c 100644
--- a/webapp/components/change_url_modal.jsx
+++ b/webapp/components/change_url_modal.jsx
@@ -135,10 +135,10 @@ export default class ChangeUrlModal extends React.Component {
);
}
- const fullTeamUrl = TeamStore.getCurrentTeamUrl();
- const teamURL = URL.getShortenedTeamURL(TeamStore.getCurrentTeamUrl());
+ const fullUrl = TeamStore.getCurrentTeamUrl() + '/channels';
+ const shortURL = URL.getShortenedURL(fullUrl);
const urlTooltip = (
- {fullTeamUrl}
+ {fullUrl}
);
return (
@@ -165,7 +165,7 @@ export default class ChangeUrlModal extends React.Component {
placement='top'
overlay={urlTooltip}
>
- {teamURL}
+ {shortURL}
diff --git a/webapp/components/rename_channel_modal.jsx b/webapp/components/rename_channel_modal.jsx
index 9e2cfd8d8e..7ed3b49877 100644
--- a/webapp/components/rename_channel_modal.jsx
+++ b/webapp/components/rename_channel_modal.jsx
@@ -4,12 +4,14 @@
import ReactDOM from 'react-dom';
import * as Utils from 'utils/utils.jsx';
import Constants from 'utils/constants.jsx';
-import {cleanUpUrlable} from 'utils/url.jsx';
+import {cleanUpUrlable, getShortenedURL} from 'utils/url.jsx';
+
+import TeamStore from 'stores/team_store.jsx';
import {intlShape, injectIntl, defineMessages, FormattedMessage} from 'react-intl';
import {updateChannel} from 'actions/channel_actions.jsx';
-import {Modal} from 'react-bootstrap';
+import {Modal, Tooltip, OverlayTrigger} from 'react-bootstrap';
const holders = defineMessages({
required: {
@@ -24,9 +26,9 @@ const holders = defineMessages({
id: 'rename_channel.lowercase',
defaultMessage: 'Must be lowercase alphanumeric characters'
},
- handle: {
- id: 'rename_channel.handle',
- defaultMessage: 'Handle'
+ url: {
+ id: 'rename_channel.url',
+ defaultMessage: 'URL'
},
defaultError: {
id: 'rename_channel.defaultError',
@@ -213,14 +215,20 @@ export class RenameChannelModal extends React.Component {
const {formatMessage} = this.props.intl;
- let handleInputLabel = formatMessage(holders.handle);
+ let urlInputLabel = formatMessage(holders.url);
const handleInputClass = 'form-control';
let readOnlyHandleInput = false;
if (this.state.channelName === Constants.DEFAULT_CHANNEL) {
- handleInputLabel += formatMessage(holders.defaultError);
+ urlInputLabel += formatMessage(holders.defaultError);
readOnlyHandleInput = true;
}
+ const fullUrl = TeamStore.getCurrentTeamUrl() + '/channels';
+ const shortUrl = getShortenedURL(fullUrl, 35);
+ const urlTooltip = (
+ {fullUrl}
+ );
+
return (
-
-
+
+
+
+
+ {shortUrl}
+
+
+
{nameError}
{serverError}
diff --git a/webapp/i18n/en.json b/webapp/i18n/en.json
index 1f600a6904..894865bf77 100644
--- a/webapp/i18n/en.json
+++ b/webapp/i18n/en.json
@@ -1730,7 +1730,7 @@
"rename_channel.defaultError": " - Cannot be changed for the default channel",
"rename_channel.displayName": "Display Name",
"rename_channel.displayNameHolder": "Enter display name",
- "rename_channel.handle": "Handle",
+ "rename_channel.url": "URL",
"rename_channel.handleHolder": "lowercase alphanumeric's only",
"rename_channel.lowercase": "Must be lowercase alphanumeric characters",
"rename_channel.maxLength": "This field must be less than 22 characters",
diff --git a/webapp/i18n/zh_CN.json b/webapp/i18n/zh_CN.json
index 0d7a5df91e..10bcb6c441 100644
--- a/webapp/i18n/zh_CN.json
+++ b/webapp/i18n/zh_CN.json
@@ -1730,7 +1730,7 @@
"rename_channel.defaultError": "-不能改变默认频道",
"rename_channel.displayName": "显示名称",
"rename_channel.displayNameHolder": "输入显示名",
- "rename_channel.handle": "识别名",
+ "rename_channel.url": "链接地址",
"rename_channel.handleHolder": "小写字母数字#39;只有",
"rename_channel.lowercase": "必须小写字母数字字符",
"rename_channel.maxLength": "这个字段必须少于22个字符",
diff --git a/webapp/i18n/zh_TW.json b/webapp/i18n/zh_TW.json
index 32e46d0a22..aafd921b23 100644
--- a/webapp/i18n/zh_TW.json
+++ b/webapp/i18n/zh_TW.json
@@ -1730,7 +1730,7 @@
"rename_channel.defaultError": " - 預設頻道不能更改",
"rename_channel.displayName": "顯示名稱",
"rename_channel.displayNameHolder": "請輸入顯示名稱",
- "rename_channel.handle": "識別名",
+ "rename_channel.url": "鏈接地址",
"rename_channel.handleHolder": "僅限小寫英數字",
"rename_channel.lowercase": "請用小寫英數字",
"rename_channel.maxLength": "此欄位必須少於22個字元",
diff --git a/webapp/utils/url.jsx b/webapp/utils/url.jsx
index 9fe00da6fb..6307814f2a 100644
--- a/webapp/utils/url.jsx
+++ b/webapp/utils/url.jsx
@@ -9,11 +9,12 @@ export function cleanUpUrlable(input) {
return cleaned;
}
-export function getShortenedTeamURL(teamURL = '') {
- if (teamURL.length > 35) {
- return teamURL.substring(0, 10) + '...' + teamURL.substring(teamURL.length - 12, teamURL.length) + '/';
+export function getShortenedURL(url = '', getLength = 27) {
+ if (url.length > 35) {
+ const subLength = getLength - 14;
+ return url.substring(0, 10) + '...' + url.substring(url.length - subLength, url.length) + '/';
}
- return teamURL + '/';
+ return url + '/';
}
export function getSiteURL() {