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/UserInfo.jsx

@@ -0,0 +1,48 @@
+import React from 'react';
+import Gravatar from 'react-gravatar';
+import moment from 'moment';
+import { Panel } from 'react-bootstrap';
+
+const propTypes = {
+  user: React.PropTypes.object.isRequired,
+};
+const UserInfo = ({ user }) => (
+  <div>
+    <a href="https://en.gravatar.com/">
+      <Gravatar
+        email={user.email}
+        width="100%"
+        height=""
+        alt="Profile picture provided by Gravatar"
+        className="img-rounded"
+        style={{ borderRadius: 15 }}
+      />
+    </a>
+    <hr />
+    <Panel>
+      <h3>
+        <strong>{user.firstName} {user.lastName}</strong>
+      </h3>
+      <h4 className="username">
+        <i className="fa fa-user-o" /> {user.username}
+      </h4>
+      <hr />
+      <p>
+        <i className="fa fa-clock-o" /> joined {moment(user.createdOn, 'YYYYMMDD').fromNow()}
+      </p>
+      <p className="email">
+        <i className="fa fa-envelope-o" /> {user.email}
+      </p>
+      <p className="roles">
+        <i className="fa fa-lock" /> {Object.keys(user.roles).join(', ')}
+      </p>
+      <p>
+        <i className="fa fa-key" />&nbsp;
+        <span className="text-muted">id:</span>&nbsp;
+        <span className="user-id">{user.userId}</span>
+      </p>
+    </Panel>
+  </div>
+);
+UserInfo.propTypes = propTypes;
+export default UserInfo;