From 83548f98b9d84b8660cb7435d1d36eb3592d5f30 Mon Sep 17 00:00:00 2001
From: Daniel Lee <dan.limerick@gmail.com>
Date: Fri, 26 Jan 2018 14:38:10 +0100
Subject: [PATCH] dashfolders: add disabled Admin permission to list

This is a fake entry that is used to signal to the user that an Admin
user always has Admin rights and they cannot be removed.
---
 .../DisabledPermissionsListItem.tsx           | 41 +++++++++++++++++++
 .../Permissions/PermissionsList.tsx           | 11 ++++-
 .../PermissionsStore/PermissionsStore.jest.ts |  1 -
 3 files changed, 51 insertions(+), 2 deletions(-)
 create mode 100644 public/app/core/components/Permissions/DisabledPermissionsListItem.tsx

diff --git a/public/app/core/components/Permissions/DisabledPermissionsListItem.tsx b/public/app/core/components/Permissions/DisabledPermissionsListItem.tsx
new file mode 100644
index 00000000000..f99569bf227
--- /dev/null
+++ b/public/app/core/components/Permissions/DisabledPermissionsListItem.tsx
@@ -0,0 +1,41 @@
+import React, { Component } from 'react';
+import { permissionOptions } from 'app/stores/PermissionsStore/PermissionsStore';
+
+export interface IProps {
+  item: any;
+}
+
+export default class DisabledPermissionListItem extends Component<IProps, any> {
+  render() {
+    const { item } = this.props;
+
+    return (
+      <tr className="gf-form-disabled">
+        <td style={{ width: '100%' }}>
+          <i className={item.icon} />
+          <span dangerouslySetInnerHTML={{ __html: item.nameHtml }} />
+        </td>
+        <td />
+        <td className="query-keyword">Can</td>
+        <td>
+          <div className="gf-form-select-wrapper">
+            <select value={item.permission} className="gf-form-input gf-size-auto" disabled={true}>
+              {permissionOptions.map((option, idx) => {
+                return (
+                  <option key={idx} value={option.value}>
+                    {option.text}
+                  </option>
+                );
+              })}
+            </select>
+          </div>
+        </td>
+        <td>
+          <button className="btn btn-inverse btn-small">
+            <i className="fa fa-lock" />
+          </button>
+        </td>
+      </tr>
+    );
+  }
+}
diff --git a/public/app/core/components/Permissions/PermissionsList.tsx b/public/app/core/components/Permissions/PermissionsList.tsx
index 372921d1b1c..dadb6dbb6d6 100644
--- a/public/app/core/components/Permissions/PermissionsList.tsx
+++ b/public/app/core/components/Permissions/PermissionsList.tsx
@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import PermissionsListItem from './PermissionsListItem';
+import DisabledPermissionsListItem from './DisabledPermissionsListItem';
 import { observer } from 'mobx-react';
 
 export interface IProps {
@@ -17,10 +18,18 @@ class PermissionsList extends Component<IProps, any> {
     return (
       <table className="filter-table gf-form-group">
         <tbody>
+          <DisabledPermissionsListItem
+            key={0}
+            item={{
+              nameHtml: 'Everyone with <span class="query-keyword">Admin</span> Role',
+              permission: 4,
+              icon: 'fa fa-fw fa-street-view',
+            }}
+          />
           {permissions.map((item, idx) => {
             return (
               <PermissionsListItem
-                key={idx}
+                key={idx + 1}
                 item={item}
                 itemIndex={idx}
                 removeItem={removeItem}
diff --git a/public/app/stores/PermissionsStore/PermissionsStore.jest.ts b/public/app/stores/PermissionsStore/PermissionsStore.jest.ts
index 98b601ecc18..a84773a6a4a 100644
--- a/public/app/stores/PermissionsStore/PermissionsStore.jest.ts
+++ b/public/app/stores/PermissionsStore/PermissionsStore.jest.ts
@@ -26,7 +26,6 @@ describe('PermissionsStore', () => {
     store = PermissionsStore.create(
       {
         fetching: false,
-        canUpdate: false,
         items: [],
       },
       {