IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

added admin icon and permission member definitions(role,team,user)

Browse Source
This commit is contained in:
Patrick O'Carroll 2018-02-26 10:21:24 +01:00
parent 73eaba076e
commit e037ef21f7
3 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
public/app/core/components/Permissions/DisabledPermissionsListItem.tsx
View File

@ -13,9 +13,12 @@ export default class DisabledPermissionListItem extends Component<IProps, any> {
return (
<tr className="gf-form-disabled">
<td style={{ width: '1%' }}>
<i className={`fa--permissions-list ${item.icon}`} />
<i style={{ width: '25px' }} className="gicon gicon-shield" />
</td>
<td style={{ width: '90%' }}>
{item.name}
<span className="filter-table__weak-italic"> (Role)</span>
</td>
<td style={{ width: '90%' }}>{item.name}</td>
<td />
<td className="query-keyword">Can</td>
<td>

16
public/app/core/components/Permissions/PermissionsListItem.tsx
View File

@ -14,7 +14,17 @@ function ItemAvatar({ item }) {
if (item.teamAvatarUrl) {
return <img className="filter-table__avatar" src={item.teamAvatarUrl} />;
}
return <span className={item.icon} />;
return <span style={{ width: '25px' }} className={item.icon} />;
}
function ItemDescription({ item }) {
if (item.userId) {
return <span className="filter-table__weak-italic">(User)</span>;
}
if (item.teamId) {
return <span className="filter-table__weak-italic">(Team)</span>;
}
return <span className="filter-table__weak-italic">(Role)</span>;
}
export default observer(({ item, removeItem, permissionChanged, itemIndex, folderInfo }) => {
@ -35,7 +45,9 @@ export default observer(({ item, removeItem, permissionChanged, itemIndex, folde
<td style={{ width: '1%' }}>
<ItemAvatar item={item} />
</td>
<td style={{ width: '90%' }}>{item.name}</td>
<td style={{ width: '90%' }}>
{item.name} <ItemDescription item={item} />
</td>
<td>
{item.inherited &&
folderInfo && (

4
public/sass/components/_filter-table.scss
View File

@ -85,3 +85,7 @@
}
}
}
.filter-table__weak-italic {
font-style: italic;
color: $text-color-weak;
}