User profile pages (favorites, created content, recent activity, security & access) (#1615)

* Super

* User profile page

* Fixing python style

* Python unit tests

* Touchups and js tests

* Addressing comments

superset/assets/javascripts/profile/components/Security.jsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Badge, Label } from 'react-bootstrap';
+
+const propTypes = {
+  user: React.PropTypes.object.isRequired,
+};
+export default function Security({ user }) {
+  return (
+    <div>
+      <div className="roles">
+        <h4>
+          Roles <Badge>{Object.keys(user.roles).length}</Badge>
+        </h4>
+        {Object.keys(user.roles).map(role => <Label key={role}>{role}</Label>)}
+        <hr />
+      </div>
+      <div className="databases">
+        {user.permissions.database_access &&
+          <div>
+            <h4>
+              Databases <Badge>{user.permissions.database_access.length}</Badge>
+            </h4>
+            {user.permissions.database_access.map(role => <Label key={role}>{role}</Label>)}
+            <hr />
+          </div>
+        }
+      </div>
+      <div className="datasources">
+        {user.permissions.datasource_access &&
+          <div>
+            <h4>
+              Datasources <Badge>{user.permissions.datasource_access.length}</Badge>
+            </h4>
+            {user.permissions.datasource_access.map(role => <Label key={role}>{role}</Label>)}
+          </div>
+        }
+      </div>
+    </div>
+  );
+}
+Security.propTypes = propTypes;