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",