Fix help icons

This commit is contained in:
René Pfeuffer
2019-01-25 12:32:19 +01:00
parent 3a44193459
commit 6f97bd56d3
3 changed files with 33 additions and 11 deletions

View File

@@ -91,10 +91,9 @@
"group": "Group",
"error-title": "Error",
"error-subtitle": "Unknown permissions error",
"name": "User or Group",
"name": "User or group",
"role": "Role",
"permissions": "Permissions",
"permissions-help": "Use this to specify your own set of permissions regardless of predefined roles",
"group-permission": "Group Permission",
"user-permission": "User Permission",
"edit-permission": {
@@ -119,9 +118,10 @@
"name-input-invalid": "Permission is not allowed to be empty! If it is not empty, your input name is invalid or it already exists!"
},
"help": {
"groupPermissionHelpText": "States if a permission is a group permission.",
"groupPermissionHelpText": "States if a permission is a group permission. iF this is not checked, it is a user permission.",
"nameHelpText": "Manage permissions for a specific user or group",
"roleHelpText": "READ = read; WRITE = read and write; OWNER = read, write and also the ability to manage the properties and permissions"
"roleHelpText": "READ = read; WRITE = read and write; OWNER = read, write and also the ability to manage the properties and permissions",
"permissionsHelpText": "Use this to specify your own set of permissions regardless of predefined roles"
},
"autocomplete": {
"no-group-options": "No group suggestion available",

View File

@@ -199,7 +199,7 @@ class CreatePermissionForm extends React.Component<Props, State> {
<div className="column is-half">
<LabelWithHelpIcon
label={t("permission.permissions")}
helpText={t("permission.permissions.help")}
helpText={t("permission.help.permissionsHelpText")}
/>
<Button
label={t("permission.advanced-button.label")}

View File

@@ -21,7 +21,11 @@ import {
modifyPermissionReset,
deletePermissionReset
} from "../modules/permissions";
import { Loading, ErrorPage } from "@scm-manager/ui-components";
import {
Loading,
ErrorPage,
LabelWithHelpIcon
} from "@scm-manager/ui-components";
import type {
AvailableRepositoryPermissions,
Permission,
@@ -142,12 +146,30 @@ class Permissions extends React.Component<Props> {
<table className="has-background-light table is-hoverable is-fullwidth">
<thead>
<tr>
<th>{t("permission.name")}</th>
<th className="is-hidden-mobile">
{t("permission.group-permission")}
<th>
<LabelWithHelpIcon
label={t("permission.name")}
helpText={t("permission.help.nameHelpText")}
/>
</th>
<th className="is-hidden-mobile">
<LabelWithHelpIcon
label={t("permission.group-permission")}
helpText={t("permission.help.groupPermissionHelpText")}
/>
</th>
<th>
<LabelWithHelpIcon
label={t("permission.role")}
helpText={t("permission.help.roleHelpText")}
/>
</th>
<th>
<LabelWithHelpIcon
label={t("permission.permissions")}
helpText={t("permission.help.permissionsHelpText")}
/>
</th>
<th>{t("permission.role")}</th>
<th>{t("permission.permissions")}</th>
<th />
</tr>
</thead>