diff --git a/web/client/components/manager/users/GroupDialog.jsx b/web/client/components/manager/users/GroupDialog.jsx
index 291b50eaa8..275aedc738 100644
--- a/web/client/components/manager/users/GroupDialog.jsx
+++ b/web/client/components/manager/users/GroupDialog.jsx
@@ -44,6 +44,7 @@ const GroupDialog = React.createClass({
closeGlyph: React.PropTypes.string,
style: React.PropTypes.object,
buttonSize: React.PropTypes.string,
+ descLimit: React.PropTypes.number,
inputStyle: React.PropTypes.object
},
getDefaultProps() {
@@ -56,6 +57,7 @@ const GroupDialog = React.createClass({
options: {},
useModal: true,
closeGlyph: "",
+ descLimit: 255,
style: {},
buttonSize: "large",
includeCloseButton: true,
@@ -82,11 +84,13 @@ const GroupDialog = React.createClass({
style={this.props.inputStyle}
label={ }
onChange={this.handleChange}
+ maxLength={255}
value={this.props.group && this.props.group.groupName}/>
}
@@ -187,15 +191,17 @@ const GroupDialog = React.createClass({
style={assign({}, this.props.style, {display: this.props.show ? "block" : "none"})}
>
- {(this.props.group && this.props.group.groupName) || }
+ {(this.props.group && this.props.group.groupName) || }
} >
{this.renderGeneral()}
+ {this.checkNameLenght()}
+ {this.checkDescLenght()}
} >
{this.renderMembersTab()}
@@ -208,6 +214,16 @@ const GroupDialog = React.createClass({
);
},
+ checkNameLenght() {
+ return this.props.group && this.props.group.groupName && this.props.group.groupName.length === 255 ? (
+
+
) : null;
+ },
+ checkDescLenght() {
+ return this.props.group && this.props.group.description && this.props.group.description.length === 255 ? (
+
+
) : null;
+ },
isSaving() {
return this.props.group && this.props.group.status === "saving";
},
diff --git a/web/client/components/manager/users/style/userdialog.css b/web/client/components/manager/users/style/userdialog.css
index 2cbaee93b3..a2fbf20a3e 100644
--- a/web/client/components/manager/users/style/userdialog.css
+++ b/web/client/components/manager/users/style/userdialog.css
@@ -17,3 +17,8 @@
.group-edit-dialog .user-thumb .user-status {
display: none;
}
+
+.user-edit-dialog .modal-header, .group-edit-dialog .modal-header {
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
diff --git a/web/client/translations/data.de-DE b/web/client/translations/data.de-DE
index bc39338752..7407856322 100644
--- a/web/client/translations/data.de-DE
+++ b/web/client/translations/data.de-DE
@@ -484,6 +484,8 @@
"usergroups": {
"searchGroups": "Search Groups...",
"groups": "Groups",
+ "nameLimit": "The name is limited to 255 characters.",
+ "descLimit": "The description is limited to 255 characters.",
"editGroup": "Edit Group",
"deleteGroup": "Delete Group",
"removeUser": "Remove User",
diff --git a/web/client/translations/data.en-US b/web/client/translations/data.en-US
index d3583e8ea1..682bb38e97 100644
--- a/web/client/translations/data.en-US
+++ b/web/client/translations/data.en-US
@@ -484,6 +484,8 @@
"usergroups": {
"searchGroups": "Search Groups...",
"groups": "Groups",
+ "nameLimit": "The name is limited to 255 characters.",
+ "descLimit": "The description is limited to 255 characters.",
"editGroup": "Edit Group",
"deleteGroup": "Delete Group",
"removeUser": "Remove User",
diff --git a/web/client/translations/data.fr-FR b/web/client/translations/data.fr-FR
index 20b2075d47..c868434b5b 100644
--- a/web/client/translations/data.fr-FR
+++ b/web/client/translations/data.fr-FR
@@ -486,6 +486,8 @@
"usergroups": {
"searchGroups": "rechercher des groupes...",
"groups": "Groupes",
+ "nameLimit": "Le nom est limité à 255 caractères.",
+ "descLimit": "La description est limité à 255 caractères.",
"editGroup": "Modifier",
"deleteGroup": "Supprimer",
"removeUser": "supprimer l'utilisateur",
diff --git a/web/client/translations/data.it-IT b/web/client/translations/data.it-IT
index 0d93a630fe..4772bc8c67 100644
--- a/web/client/translations/data.it-IT
+++ b/web/client/translations/data.it-IT
@@ -483,6 +483,8 @@
},
"usergroups": {
"searchGroups": "Cerca gruppi...",
+ "nameLimit": "La massima lunghezza del nome del gruppo è prevista in 255 caratteri.",
+ "descLimit": "La massima lunghezza della descrizione del gruppo è prevista in 255 caratteri.",
"groups": "Gruppi",
"editGroup": "Modifica Gruppo",
"deleteGroup": "Rimuovi Gruppo",